/*
	* Stylesheet for common webbrowsers
	* ***********************************
*/

/*
	General definitions
	Header
	Page
		Left Column
		Right Column
			Content styles
	Footer
	
	Other templates
*/

/* clears all the margins and paddings for elements, expect for tables */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,  caption { margin: 0;padding:0;}

/* clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

a { outline: none;}

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background:#598329 url(/pics/pastapiste/body.gif) repeat-x;
	}
		#wrapper { position: relative; top: 29px; width: 972px; border-left: 9px solid #fff; border-right: 11px solid #fff; padding-bottom:0; background: #eeeef0 url(/pics/pastapiste/pastapiste_bg_sisalto.jpg) no-repeat -10px 0px ; margin: 0 auto;}
			#reuna {position: absolute; top: 0px; left: -9px; width: 992px;}
			#header { position: relative; width: 100%; height: 171px;}
				#logo { position: absolute; text-indent:-999999px; width: 138px; height: 97px; left: 28px; top: 24px;}
				#pastapiste-logo { position: absolute; width: 336px; height: 122px; left: 315px; top: 34px; text-indent: -999999px;}		
			
			#page { position: relative; clear:both; width: 100%;min-height: 490px; z-index: 10;}
				.frontpage { /* height: 460px; */}
				.subpage { }
				#leftCol { float: left; width: 304px;}
					#nav { position: relative; top: 56px;width:249px;margin-left: 26px;padding-bottom: 90px;}
						#nav ul { list-style-type: none; }
							#nav ul li { display: block; width: 100%;  margin-bottom: 4px; }
								#nav ul li a { display: block; height: 45px; background: url(/pics/pastapiste/li-nav.png) no-repeat;line-height:1em;color:#fff; text-decoration: none; font-size: 16px; font-weight: bold; width: 251px; padding-left:47px;padding-right: 17px; padding-top: 13px; }
								#nav a#selected { background: url(/pics/pastapiste/li-nav-selected.png) no-repeat;}
			
			#rightCol { float:left; width: 668px;}
			#polaroid {position: absolute; top: 148px; left: 282px; width: 690px; height: 487px; background:url(/pics/pastapiste/polaroid-kuvakkeet.jpg) left bottom no-repeat; z-index: 1000;}
				#polaroid a { position: absolute; left: 216px; top: 55px; width: 322px; height: 394px;}
				#polaroid img { }
				#polaroid a img { border:none; }	
				
			
			#contentHeader { position: relative; width: 648px; height: 70px; background:url(/pics/pastapiste/contentHeader.gif) left bottom no-repeat; padding: 0px 40px 0px 20px; margin-top: 10px;}
						#contentHeader h1 { font-size: 22px; font-weight: normal; color: #599d3b; /* padding-bottom: 0.3em; */ padding-top: 30px; }
					#content { position: relative; width: 588px; background: url(/pics/pastapiste/content.png) repeat-y; padding: 10px 40px 70px 20px; min-height: 350px; margin-bottom: 70px;}
						/* headings */
						#content h3 { font-size: 16px; font-weight: normal; color:#599d3b; margin-bottom:0.2em;}
						#content h4 {  font-size: 14px; font-weight: bold; color:#599d3b; margin-bottom:0.2em;}
						/* paragraphs */
						#content p { line-height: 1.5em; margin-bottom: 0.5em;}
						/* links */
						#content a { color: #ed1b2e;}
						/* lists */
						#content ul, #content ol { margin-left: 2em;}
							#content li { margin:0.5em 0;}
						/* images */
						#content img.tasattu_vasemmalle { float: left; margin-right:1em;}
						#content img.tasattu_oikealle { float: right; margin-left: 1em;}
						/* other CE styles */
						#content span strong { background: yellow; font-weight: bold;}
						#content blockquote { margin-left: 20px;}
								
	#footer { clear:both;position: relative; width: 972px; height: 28px; background:#fff url(/pics/pastapiste/footer.gif) left bottom no-repeat; padding:0 10px; padding-bottom: .5em; margin:0 auto; }
				#footerContent { width: 100%; padding-top: 0.5em;}
					#footerContent p { font-size: 11px; color: #b2a6b2;float:left;width: 50%;}
						#footerContent p#copyright {}
						#footerContent p#shortCuts { text-align: right;}
							#footerContent p#shortCuts a { color: #b2a6b2; text-decoration: none;}

							
							
	/*
		* Other templates
		*******************
	*/
	
	/* 
	 	* Form Desginer
	 	* pagetemplates/campaign-formdesignerform.vm
		* ********************************************
	*/
	#fd { position: relative; padding-bottom: 50px; }
		#fd fieldset { border: none; margin-bottom: 1em;}
		#fd fieldset legend {}
		#fd fieldset input { margin-bottom: 1em;}