/*















Theme Name: Janel Nurminen















Theme URI: http://www.jnurminen.com















Version: 2.1















Description: Teema: Harmaa & oranssi















Author: Pasi Niemimaa















Author URI: http://www.pasiniemimaa.com















*/















body {















	margin: 0;















	padding: 0;















	background: #CCCCCC url('images/body_bg.gif') repeat-x top;















	font-family: Tahoma, Arial, Helvetica, sans-serif;















	font-size: 11px;















	color: #666666;















}































.main {















	width: 762px;















	margin: 0 auto;















	background-color: #fff;	















	background: #fff url('images/main_bg.gif') repeat-y fixed top;















}































img {















	margin: 0;















	padding: 0;















	border: 0px none;















}































.top {















	background: #fff url('images/main_bg.gif') repeat-y fixed top;	















	height: 83px;















	clear: both;















	width: 702px;















	padding-left: 30px;















	padding-right: 30px















}































.topl {















	float: left;















	width: 350px;















	height: 83px;















	background: #fff url('') no-repeat left center;















}































.topl h1 {















	background-color: #fff;















	color: #666666;















	font-family: Tahoma, Arial, Helvetica, sans-serif;















	font-size: 24px;















	font-weight: normal;















	margin: 0px 40px 0px 40px;















	padding: 25px 0 0 0;















}















































.topl h1 a{















	color: #E27807;















	text-decoration:none;















	}















	















































.topl h1 span {















	color: #FAA806;















}































.topr {















	float: left;















	text-align: right;















	height: 80px;















	width: 350px;















	padding: 0;















	margin: 0;















}































.topr p {















	margin:0; 















	padding: 30px 0 0 0;















}































.topr form {















	padding: 0;















	margin: 0;















}































input.text { 















	margin: 0; 















	width: 210px;















	border: 1px solid #ccc; 















	background: #fff;















	color: #777; 















}































input.text:hover { 















	border: 1px solid #E27807; 















}































input.searchbutton { 















	margin: 1px; 















	font-size: 10px;















	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;















	border: none; 















	background: #FFFFFF; 















	color: #666666; 















	padding: 1px;















	font-weight: bold; 















}































.shortnfo {















	height: 225px;















	background: #999999 url('images/rednhand.jpg') no-repeat top;















	font-family: Tahoma, Arial, Helvetica, sans-serif;















	font-size: 10px;















	color: #fff















}































.shortnfo .menuitems {















	text-align: right;















	padding: 12px 34px 30px 30px;















}































.shortnfo ul {















	margin: 0px;















	list-style: none;















	border: none;















}































.shortnfo li {















	display: inline;















	padding: 0 9px 0 9px;















}































.shortnfo li a:link, .shortnfo li a:visited {















	color: #fff;















	background: inherit;















	margin: 0px;















	text-decoration: none;















}































.shortnfo li a:hover, .shortnfo li a:active {















	color: #ffffff;















	margin: 0px;















	text-decoration: underline;















}































.shortnfo .welcome {















	width: 358px;















	border-left: 1px solid #fff;















	margin-left: 328px;















}































.welcome h2 {















	font-family: Arial, Helvetica, sans-serif;















	font-size: 20px;















	font-weight: normal;















	letter-spacing: -1px;















	padding: 10px 0 0 19px;















	margin: 0;















}































.welcome p {















	padding: 0px 0 10px 19px;















	margin: 0;















}































.content {















	clear: both;















	width: 762px;	















}































.content .leftColumn {















	float: left;















	width: 225px;















	padding: 10px 8px 10px 25px;















	margin: 0;















}















































.leftColumn h2, .leftColumn h2 a {















	font-size: 12px;































}















.leftColumn ul {















	font-size: 10px;















	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;















	margin: 0;















	border: medium none;















background: #fff; 















list-style-type:none; padding-left:0; padding-right:0; padding-top:0; padding-bottom:5px















}































.leftColumn li {















	padding: 0;















	margin: 7px 0 7px 0;















}































.leftColumn a:link, .leftColumn a:visited {















	color: #666666;















	font-weight: normal;















	text-decoration: none;















}































.leftColumn a:hover, .leftColumn a:active {



















	color: #FFFFFF;















	font-weight: normal;















	text-decoration: none;



background: #E27807; 







}































.leftColumn p {















	text-align: justify;















}































.content .rightColumn {















	float: left;















	width: 470px;















	padding: 15px 0px 10px 8px;















}































.rightColumn h2, .rightColumn h2 a {















	font-size: 14px;















	color: #E27807;















	letter-spacing: 0px;















	margin: 0;















	padding: 0;















	font-weight: bold;















	text-decoration: none;















}































.rightColumn h2 a:hover {















	font-size: 14px;















	color: #E27807;















	letter-spacing: 0px;















	margin: 0;















	padding: 0;















	font-weight: bold;















	text-decoration: none;















}































.center .image {















	float: right;















	margin: 10px 0 10px -3px;















}































.center p {















	margin: 5px 0 5px 0;















}































p.date {















	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;















	font-size: 10px;















	border-top: 1px dotted #ccc;















	text-align: right;















	padding: 3px 0 3px 0;















}































.date a:link, .date a:visited {















	font-weight: bold;















	color: #666666;















	text-decoration: none;















}































.date a:hover, .date a:active {















	font-weight: bold;















	color: #999999;















	text-decoration: underline;















}































.date img {















	vertical-align: middle;















	margin: 0 5px 0 5px;















}































.bot {















	padding: 10px 0 10px 0;















}































.bot .image {















	float: left;















}































.bot ul {















	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;















	font-size: 10px;















	font-weight: bold;















	margin: 0px;















	list-style: none;















	border: none;















}































.bot li {















	display: block;















	padding: 3px 0 3px 0;















}































.bot li a:link, .bot li a:visited {















	padding-left: 15px;















	text-decoration: none;















	color: #666666;















	background: #fff url('images/arrow.gif') no-repeat left;















}































.bot li a:hover, .bot li a:active {















	padding-left: 15px;















	text-decoration: underline;















	color: #E27807;















	background: #fff url('images/arrow.gif') no-repeat left;















}































.footer {















	width: 728px;















	height: 40px;















	padding-top: 6px;















	padding-left: 34px;















	clear: both;















	background: #FFFFFF url('images/bottom_bg.gif') no-repeat top;















	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;















	font-size: 10px;















	color: #999999















}































.footer p {	















	margin: 0;	















	padding: 0;















}































.footer a:link, .footer a:visited {















	color: #666666;















	text-decoration: none;















}































.footer a:hover, .footer a:active {















	color: #666666;















	text-decoration: underline;















}































/* 888888888888888888888888888888888888888888888888 */































fieldset {















	border: 1px solid #ccc;















}































textarea.text { 















	height: 150px; 















	width: 90%; 















	border: 1px solid #ccc; 















	background: #fff; 















	color: #444;















}































textarea.text:hover { 















	border: 1px solid #bbb; 















	background: #FFFFF4; 















	color: #000;















}































input.field { 















	border: 1px solid #ccc; 















	background-color: #fff; 















	width: 200px; 















	color: #444;















}































input.field:hover { 















	border: 1px solid #bbb; 















	background: #fff; 















	color: #444;















}































input.button {















	font-size: 10px;















	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 















	font-weight: bold;















	background: #f4f4f4; 















	color: #555;















	border: 1px Solid #ccc;















}































.comments { 















	padding: 10px 10px 8px 10px; 















	margin: 0 0 7px 0; 















	background: #f8f8f8; 















	color: #666;















}































.commentsbox { 















	padding: 8px 0 10px 10px; 















	margin: 0 0 10px 0; 















	background: #f4f4f4; 















	color: #666;















}































.error {















	color: #044772;















	background-color: #FFF0F0;















	padding: 7px;















	margin-top: 5px;















	margin-bottom: 10px;















	border: 1px dashed #990000;















}















.error h2 {















	color: #044772;















	background: inherit;















	font-weight: normal;















	letter-spacing: -1px;















}































.success {















	color: #044772;















	background: #fef4e0;















	padding: 7px;















	margin-top: 5px;















	margin-bottom: 5px;















	border: 1px dashed #faa806;















}















.success h2 {















	color: #faa806;















	background: inherit;















	font-weight: normal;















	letter-spacing: -1px;















}















































/*post stylng*/















.post{margin:0 0 25px 0;}































.post .info{















padding:2px 3px 3px 8px;















border:1px solid #e3e4e4;















background-color:#f5f5f5;















font-size:0.9em;















color:#999999;































}















































.info a{















color:#999999;















}































.info a:visited{















color:#999999;















}































.entry a:visited{















color:#999999;















}































.entry a{















color:#999999;















}















































/*comment styling*/















/* Comments Styling */















#commentlist li {















margin-bottom: 1.5em;















padding-bottom: 1em;















border-bottom: 1px solid #700000;















color:#B00000;































}































#commentlist li a{































color:#B00000;































}















































.graybox a















{















color:#B00000;















}































#commentform {















margin: 1em 0;















background: #ffffff;















width: 280px;















}































#commentform textarea {















background: #f8f7f6;















border: 1px solid #d6d3d3;















width: 280px;















}















#commentform textarea:hover {















background: #FFFFFF;















border: 1px solid #d6d3d3;















}















#commentform textarea:focus {















background: #ffffff;















border: 1px solid #939793;















}































#commentform #email, #commentform #author, #commentform #url {















font-size: 1.1em;















background: #f8f7f6;















border: 1px solid #d6d3d3;















width: 280px;















}















#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {















font-size: 1.1em;















background: #ffffff;















border: 1px solid #d6d3d3;















width: 280px;















}















#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {















font-size: 1.1em;















background: #ffffff;















border: 1px solid #939793;















width: 280px;















}















#commentform input{















margin-bottom: 3px;















}































blockquote {















	margin: 15px 30px 0 10px;















	padding-left: 20px;















	border: 3px double #cecece;















	font-style: italic;















	}