* { margin: 0; padding: 0; }

body { font: normal normal 12px Arial, Helvetica, sans-serif; color: #4c3d1a; margin: 32px 0 32px 0;  text-align: center;  }

#container { 
	position: relative; 
	margin: 0 auto;
	width: 720px; 
	background: transparent url(http://news.puhtaastiparas.fi/newsletter/puhtaastiparas-theme/images/contaner_bg.gif) left repeat-y; 
	text-align: left;
	}

h2 { 
	font: normal bold 16px Arial, Helvetica, sans-serif; 
	color: #9c8a5e; 
	margin: 0 0 11px 0; 
	font-size: 15px;
	 
}

h3 { 
	border-bottom: 1px solid #9c8a5e; 
	border-top: 1px solid #9c8a5e; 
	font-size: 11px; 
	padding: 2px 0 2px 0; 
	position: relative; 
	color: #9c8a5e; 
	margin: 0 0 10px 0; 
	}

p.ingressi { font: italic normal 12px Arial, Helvetica, sans-serif; line-height: 13pt; margin: 0 0 18px 0; }

p { margin: 0 0 5px 0; color: #9c8a5e;  }

img { border: none; }



#col1 { width: 177px;  position: relative; float: left; }
	
	#col1 img { display: block; }

	#col1 a.logo { 
		background: transparent url(http://news.puhtaastiparas.fi/newsletter/puhtaastiparas-theme/images/puhtaasti_logo.gif) no-repeat; 
		margin: 10px 0 10px 20px; 
		height: 139px; 
		width: 132px; 
		display: block; 
		text-indent: -10000px; 
		}


#col2 { width: 530px; position: relative; float: left; min-height:450px;
  height:auto !important;
  height:450px; }

#col2 img { margin-left: 4px; margin-bottom: 5px;}

#newsletterlist { margin: 0 0 0 10px; width:330px; position: relative; float: left; padding: 20px 20px 30px 20px; }

#newsletterlist ul {
	list-style-type: none;
	margin-left: 0;
	margin-top: 15px;
	padding-bottom: 20px;
}

#newsletterlist ul li { margin: 0 0 10px 0; }

#newsletterlist a {
	font: normal 12px Arial, Helvetica, sans-serif; line-height: 13pt;
}

	#heading { width: 538px; height: 44px; position: relative; background: #003300; }
	
	#heading img { display: block; z-index: 2; }

	#heading h1 { position: absolute; top: 0; left: 0; z-index: -1;  }
	
	#page { padding: 25px 0 0 0; }
	
	#content { width: 332px; position: relative; float: left;  padding: 0 20px 0 28px; }
	
	#content img.wide { display: block; margin: 0 0 18px 0; }
	
	#slogan { width: 159px; position: relative; float: left; background: #006699; }
	
	#slogan img { display: block; }
	
	.feedback { margin: 15px 0 0 0; }
	
	.feedback img { display: block; position: relative; float: right; margin: 0 0 15px 15px; }
	
	
	.alanosto a { color: #584310; }

.alanosto a:hover { text-decoration: none; }

/* FOOTER */

#footer {  font-size: 10px; padding: 20px 0 0 28px; width: 500px; position: relative; float: right;}


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

.clearfix {
	display: inline-block;
	}

/* piilotetaan mac-ie:ltä \*/
#container #page * html .clearfix {height: 1%;}
#container #page .clearfix {display: block;}
/* pois piilosta */

#profile {
 padding-left: 10px;
}

 ul { margin-left: 35px; }
 ol { margin-left: 35px; } 
 blockquote { margin-left: 35px; }
 /*  */
 select#format{
 	width: 150px;
 }
 
 select#locale{
 	width: 100px;
 }
 
  #right_col { position: relative; float: right; padding-top: 15px; } 
 
#col2 #right_col a.tilaa_uutiskirje { color: #584310; text-decoration: none;  font-size: 11px; }

	#col2 #right_col a.tilaa_uutiskirje:hover { text-decoration: underline;  }
	
	#col2  #right_col ul.archive { margin: 0 0 20px 15px; }