* { margin: 0; padding: 0; }



body {

	background: #444 url(img/bodybg.jpg) repeat-x;

	margin: 0px;

	padding: 0px;

	overflow: -moz-scrollbars-vertical;

	text-align: center;

	color: #333;

	}



p { margin: 0px 0px 7px 0px !important; }



a img { border: 0; }

img { border: 0; }

a { color: #9F7104; text-decoration: none; }

a:hover { text-decoration: underline; }



h1 { color: #666; font: bold 20px "Trebuchet MS", Arial, Helvetica; margin: 7px 0px 6px 0px; padding: 0; }

h2 { color: #9F7104; font: bold 13px Arial, Helvetica; margin: 18px 0px 0px 0px; padding: 0px 0px 1px 0px; }

h3 { color: #00B9E8; font: normal 16px Arial, Helvetica; margin: 18px 0px 0px 0px; padding: 0px 0px 1px 0px; }



.post_title { color: #666; font: bold 20px "Trebuchet MS", Arial, Helvetica; margin: 7px 0px 6px 0px; padding: 0; }

.post_time { font: normal 11px Arial, Helvetica; margin: 0px; padding: 0px;}

.post_content { font: normal 12px Arial, Helvetica; padding: 0px 0px 15px 0px;}

.post_content p { margin: 0px; padding: 5px 0px 5px 0px; line-height: 17px;}



#wrapper {

	width: 760px;

	margin: 0 auto;

	position: relative;

	}



#header {

	width: 760px;

	height: 116px;

	margin-top: 26px;

	}



/* Navigation */

#navbar {

	width: 760px;

	height: 55px;

	margin: 21px auto 7px auto;

	font: bold 12px "Trebuchet MS", Arial, Helvetica;

	text-transform: uppercase;

	}



#navbar ul {

	width: 740px;

	height: 12px;

	line-height: 12px;

	list-style-type: none;

	margin: 15px auto; 

	padding: 0;

	}



#navbar li { text-align: center; height: 12px; float: left; padding: 3px 14px; border-right: 1px solid #444; }

#navbar li a { color:#BFBFBF; text-decoration: none; }



#navbar a:hover { color: #F1F1F1; }

#navbar a:focus, #navbar a:active { color: #F1F1F1;}



#navbar li.current_page_item a, #navbar li.current_page_item a:hover,

#navbar li.current_page_item a:focus, #navbar li.current_page_item a:active {

	color: #FFF; 

	font-weight: bold; 

	}



#navbar ul li ul { display: none; }



#navrow1 { width: 702px !important; }

#navrow2 { width: 706px !important; }

.lastlink { border: 0 !important; }



/* CONTENT */

#content {

	width: 760px;

	font: 12px Arial, Helvetica, Verdana;

	line-height: 17px;

	text-align: left;

	}



#main {

	padding: 12px 35px 10px 35px;

	width: 670px;

	float: right;

	background: #FFF;

	border: 10px solid #333;

	}



#main ul { padding: 0; margin: 4px 0px 12px 14px; }

#main li { padding: 0; margin: 0px 0px 5px 0px; line-height: 16px; }





#footer {

	clear: both;

	width: 110px; 

	margin: 0px auto 6px auto;

	font-size: 10px; 

	text-align: center;

	font: 10px Arial, Helvetica;

	}



#footer a, #footer a:visited { display: block; font-weight: normal; text-decoration: none; padding: 3px 2px 0px 0px; color: #777;}

#footer a:hover, #footer a:focus, #footer a:active { text-decoration: none; color: #AAA;}



.imageright { float: right; margin: 4px 0px 10px 18px; }

.imageleft { float: left; margin: 4px 18px 10px 0px; }



.post_content img {

	-moz-border-radius-bottomleft: 3px;

	-moz-border-radius-bottomright: 3px;

	-moz-border-radius-topleft: 3px;

	-moz-border-radius-topright: 3px;

	background-color: #F3F3F3;

	border: 1px solid #DDDDDD;

	padding: 5px 5px 5px 5px;

	text-align: center;

	}



.line { clear: both; margin: 12px 0 0 0 !important; border: 0 !important; -moz-border-radius: 0 !important; background: #FFF !important; padding: 0 !important; }



.vipline { clear: both; margin: 12px 0 0 0 !important; border: 0 !important; -moz-border-radius: 0 !important; background: #FFF !important; padding: 0 !important; }



.wp-caption img {

	border: 0 none;

	margin: 0;

	padding: 0;

	}



.wp-caption {

	font: 9px Arial, Helvetica;

	line-height: 11px !important;

	-moz-border-radius-bottomleft: 3px;

	-moz-border-radius-bottomright: 3px;

	-moz-border-radius-topleft: 3px;

	-moz-border-radius-topright: 3px;

	background-color: #F3F3F3;

	border: 1px solid #DDDDDD;

	padding: 5px 0px 5px 0px;

	text-align: center;

	}



.wp-caption-text { height: 15px; line-height: 12px !important; padding: 4px 3px 0 !important; }



.clearing { clear: both; }



.alignright { float: right; margin: 4px 0px 8px 11px; }

.alignleft { float: left; margin: 4px 11px 8px 0px; }



/* ETUSIVU */

#main_front {

	padding: 0px;

	width: 740px;

	float: right;

	background: #333;

	border: 10px solid #333;

	color: #BBB;

	}



#main_front p { margin-top: 2px !important; text-align: center; text-transform: uppercase; font: 12px "Trebuchet MS", Arial, Helvetica, Verdana; }

#main_front a { color: #BBB; text-decoration: none; }

#main_front a:hover { color: #EEE; }



#main_front .morsiuspuvut { float: left; width: 199px; margin: 10px 10px 10px 0px; height: 133px; }

#main_front .juhlaasut    { float: left; width: 146px; margin: 10px 10px 10px 0px; height: 133px; }

#main_front .miestenasut  { float: left; width: 186px; margin: 10px 10px 10px 0px; height: 133px; }

#main_front .fantsut      { float: left; width: 179px; margin: 10px 0px 10px 0px; height: 133px; }



#juhontest { position: absolute; top: 199px; left: -152px; width: 150px; height: 100%; }
#juhontest2 { position: absolute; top: 199px; left: -152px; width: 150px; height: 100%; }
#juhontest3 { position: absolute; top: 235px; left: -152px; width: 150px; height: 100%; }