/* Erityislasten Omaiset R.Y Jarno Fabritius Edward Stewart, Meisso.com 2009 */

html { background: #A3C856 url('../img/pageBg.jpg') repeat-x; }
body { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
	.main { background: url('../img/bodyBg.jpg') no-repeat 50% 0%; }
#pageWrap { width: 750px; margin: 0 auto; min-height: 690px; }

a { text-decoration: none; color: #C65904; }
a:hover { text-decoration: underline; }
h1,h2,h3,h4 { font-family: Georgia, "Times New Roman", Times, serif; color: #009687; padding: 0; margin: 0 0 20px 0; }
h1 { font-size: 2em;}
h2 { font-size: 1.2em;}
p { font-size: 0.9em; line-height: 1.4em; padding: 0 0 15px 0; margin: 0;}

.logo { display: block; height: 132px; width: 360px; margin-top: 0; text-indent: -9999px; }
	.elo { background: url('../img/elo_merkki.png') no-repeat; margin-left: 10px;}
	.elokolo { padding: 10px 0 30px 10px;}

#topNavWrap { background: url('../img/nav3Bg.png') repeat-x; width: 100%; height: 20px; padding: 2px 0; }
	
	#topNav		{ font-size: 0.9em; width: 965px; margin: 0 auto; }


#headerWrap { background: url('../img/navBg.png') repeat-x; height: 210px; }
#header { height: 130px; width: 750px; margin: 0 auto; }
	#headerLeft { float: left; width: 280px; }
	#headerRight { float: right; width: 300px; padding-top: 20px; }
		#headerRight ul { list-style: none; font-size: 0.8em; color: #000; padding: 0 5px;}

#contentWrap {  background: #ffff88; min-height: 690px; border: solid 1px #FEFFAF; }
	#mainContent { float: left; width: 400px; padding: 50px 40px;  }
	#sideContent { float: right; width: 200px; padding: 40px 0 30px 30px; border-left: solid 3px #99BF47; background:#ccff99; }
		#sideContent h2 { font-family: Arial, Helvetica, sans-serif;  margin: 0; font-weight: normal; font-size: 1.2em; color: #FFF; padding: 10px 0 25px 10px; background: url('../img/sideh2Bg.png') no-repeat; }
		#sideContent h2 a { color: white; }
		#sideContent h3 { font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 0; margin: 0; }
		#sideContent ul { list-style: none; margin: 0; padding: 0 20px 10px 10px;}
		#sideContent a:hover { text-decoration: underline;}
		#sideContent .active { font-weight: bold }
		#sideContent ul li { font-size: 0.9em; padding: 6px 0;  border-bottom: solid 1px #C2EF95;}
		#sideContent .date	{ font-size: 0.8em; margin: 0; padding: 0; }
		#sideContent .newsTeaser { padding: 15px 0;  }
		#newsletterSignup  { margin-left: 10px; height: 70px; padding: 80px 0 0 0; background: url('../img/newsletterBg.png') no-repeat; }
		
/* Posts */
	
	.post { margin: 0 0 20px 0; }
	.post h2 { margin: 0; padding: 20px 0 12px 0; }
	.post p.postDetails { display: block; border-bottom: solid 2px #99BF47; color: #5F5F5F; font-size: 0.7em; padding-bottom: 3px; margin-bottom: 20px;  }
	.post img { margin: 20px 10px; }
	
	.readMore { font-size: 0.8em; font-style: italic; }
	
/* Comments */

	.commententry		{ margin-bottom: 20px;}
	.commenttext { background: #FFF; padding: 20px 10px; display: block; }
	.commentdetails { padding: 10px; font-size: 0.7em; color: #7F7F7F; background: #FFFFDF; }
		

/* Forms */
	
	#formEntry { width: 400px; padding: 50px 40px; float: left; }
	#formEntry h3 { padding: 0; margin: 0 0 10px 0; }
	#formEntry input { padding: 2px; float: left; width: 150px; }
	#formEntry fieldset { border: none; padding: 0; margin: 30px 0; clear: left; }
	#formEntry label { padding-bottom: 5px; display: block; width: 150px;  }
	#formEntry .row { font-size: 0.9em; float: left; width: 190px; height: 30px; margin: 13px 0;}
	
	#orderStepOne	{ border-top: solid 2px #99BF47; }
	
	#formEntry .narrow { float: left; margin-right: 30px; }
	#formEntry .narrow label { font-size: 0.8em; float: left; width: 60px; }
	#formEntry .narrow input { width: 40px; float: left; }

/* Calendar */

	.calendar td { padding: 20px;  }
	.calendar .calendarCell { background: #FFFFDF; }
	.calendar .calendarToday { border: solid 1px red; }
	.calendar .event { background: #EBFFBF; }
	.calendar .calendarBlank { color: #5F5F5F; }
	.calendarDayHeading { background: #F7941D; }
	
/* Products */

	#shoppingTable .amount { width: 40px; }
	#shoppingTable { border-collapse:collapse; font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif; font-size:12px; margin:20px 0; text-align:left; width:440px; }
	#shoppingTable th { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background: #F7941D none repeat scroll 0 0; border-bottom:1px solid #FFFFFF; color:#000; 	font-size:13px; font-weight:normal; padding:8px; }
	#shoppingTable td { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#FFF none repeat scroll 0 0; border-bottom:1px solid #FFF8EF; border-top:1px 	solid transparent; color:#000; padding:8px; }
	#shoppingTable #shoplist,
	#shoppingTable #shoplistButtons { border-top: solid 4px #FFFF88; }
	#shoppingTable input { width: 130px; }
	.itemDescription { padding: 30px;}


#footer { text-align: center; padding: 40px 0; }

.clear { clear: both; }
.underline { border-bottom: solid 1px #000; }
.uppercase { text-transform: uppercase;}
.linethrough { text-decoration: line-through; }
#error { margin: 0 auto; padding-top: 200px; width: 600px; height: 500px; background: url('../img/errorBg.jpg') no-repeat top right; }