/*

Theme Name: Westermarck
Theme URI: http://www.westermarck.fi
Description: Westermarck ry:lle tehty teema, perustuu <a href="http://www.darrenhoyt.com/2007/08/05/wordpress-magazine-theme-released/">Mimbo teemaan</a>
Version: 1.0
Author: Antti-Jussi Nygård
Author URI: 

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php



/* HTML Elements */

*{
	
}

html {
	background-color: #E8E6DD;
	margin: 0px;
	padding: 0px;
	z-index: 1;
}
body{
	/*background: #F0F0E9 url(images/tausta_vaaleampi.gif) repeat-x;*/
	background: #F0F0E9 url(images/tausta2.jpg) repeat-x;
	text-align:center;
	margin: 0px;
	padding: 0px;
}
	
body, select, input, textarea {
	font: 100% Helvetica,"Lucida Grande",Geneva,Verdana,Arial,sans-serif;
}
	

a:link, a:visited {
	/*color: #8A9516;*/
	color: #BF4A28;
	text-decoration:none;
}

a:hover, a:active {
	color:#333;
	text-decoration:underline;
}

hr {
	display: block;
	height:1px;
	background:#333;
	border:0;
	}

	
	
	
	

/* Wrapper */	


#wrap{
	width: 770px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px 0px 0px 0px;
	text-align:left;	
	z-index: 2;
}



/* Header */
#header {
	/*background: url(images/ylakuva_uusi.jpg) no-repeat right top;	*/
	background: url(images/ylakuva2.jpg) no-repeat right top;
	width: 770px;
	height: 117px;
	margin: 0;
	padding: 0;	
}

#kielivalikko {
	float: right; 
	clear: both; 
	padding: 0 0 0 0; 
	margin: 2px 0 0 0;
	font-size:0.7em;
	color:#E1DAD0;
}
#kielivalikko p{
	padding: 0; 
	margin: 0;
}
#kielivalikko a {
	color:#E1DAD0;
}
		
#navigation {
	width: 770px;
	height: 25px;
	margin: 0;
	padding: 0;	
}		

/* Structure */
#page {
	width: 100%;
	padding: 20px 0px 0px 0px;
	margin: 0 auto;	
}

#page  img{
	/*border: 4px solid white;*/
}

#branding {
	/*background: url(images/yla_logo3.jpg) no-repeat top left;*/	
	background: url(images/logo2.jpg) no-repeat top left;	
	padding-top: 47px;
	padding-left: 25px;
	height: 115px;
}


#sidebar {
	margin-top: 50px;
	width: 250px;
	float:right
}




		
/*Subnav */

.subnav li {
	list-style:none;
	border-bottom:1px solid #FFF;
	}

.subnav li a:link, .subnav li a:visited {
	background:#eef5e1;
	display:block;
	padding:4px 4px 4px 8px;
	border-left:4px solid #e4efd5;
	}
		
.subnav li a:hover, .subnav li a:active {
	background:#e4efd5;
	text-decoration:none;
	/*color: #7da939;*/
	color: #BF4A28;

	}

.subnav li li a:link, .subnav li li a:visited {
	border-left:none
	}
		
	 
	
	
/*	Headers */

h1 {
	font: 2.2em "Times New Roman", Times, serif;
	font-weight:bold;
	margin: 0;
	padding: 0;
	}
h1 a:link, a:visited {
	/*color: #93961B;*/
	color: #BF4A28;
	text-decoration:none
}
.description {
	font-size: 0.9em;
	font-weight: bold; 
	font-style:italic;
	color:#BEBC96;
	margin: 0;
	padding: 0;
	}


	
h2 {	
	background: url(images/otsikko_alleviivaus2.gif) repeat-x;
	background-position: bottom left;
	color: #333333;
	font: normal 38px "Times New Roman", Times, serif;
	margin: 15px 0px 20px 0px;
	padding: 0px 0px 0px 6px;
}
h2.noborder{
	background: url(images/otsikko_alleviivaus2.gif) repeat-x;
	background-position: bottom left;
	color: #333333;
	font: normal 38px "Times New Roman", Times, serif;
	margin: 15px 0px 20px 0px;
	padding: 0px 0px 0px 6px;
}	



h3#respond {
	border-top:1px dotted #b6b6b6;
	margin-top:25px;
	padding-top:20px
	}

h3#comments {
	margin-top:32px
}
	
h3.ilmoitus{
	/*color: #8A9516;*/
	color: #BF4A28;
	text-decoration:none
	padding: 0 0 2px 0;
	margin: 0;
	font: 1.2em Arial, Verdana, sans-serif;
	text-transform: none;
	letter-spacing: none;
	font-weight:bold;
}

h4 {
	font-size:1.6em;
	margin-bottom:6px;
	}
	
	
	
/* Content */

#content {
	float: left;
	width: 480px;
}
	
#content_fullwidth{
	width: 100%;
	margin: 0 auto;
}

			

#writer {
	margin:25px 0 15px 0;
	padding:12px;
	}

#writer img {

	}

#writer span {
	display:block;
	padding-top:4px;
	border-top:1px solid #cccccc;
	margin-top:12px;
	}

#writer p {
	margin:0;
	width:482px;
	}	

h3 a:link, h3 a:visited {
	color:#5f5f5f;
	
}






/* Etusivu */


.frontpage_wide{
	width: 100%;
	margin: 0 auto;
	clear: both;
	text-align:left;	
}


#content_box_sosiologia{
	width: 260px;
	height: 180px;
	background: url(images/sosiologia.jpg) no-repeat;
	background-position: 20% top;
	margin: 10px 0 0px 0px;
	float: left;
}
.tilauslinkit{
	margin: 90px 0 0 70px;
	padding: 4px;
	color: #3F341E;
	background-color: #BB4D27;
	border: 2px solid #ffffff;
}
.tilauslinkit a{
	color: #ffffff;
	font-weight: bold;
   	font-size: 1.0em;
}
.tilauslinkit a:hover{
	color: #ffffff;
	font-weight: bold;
   	font-size: 1.0em;
}

.tilauslinkit1{
	margin: 30px 0 0 40px;
	padding: 10px;
	color: #ffffff;
	background-color: #003bac;
	width: 190px;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	
}
.tilauslinkit1 a{
	color: #ffffff;
   	font-size: 0.8em;
}
.tilauslinkit1 a:hover{
	color: #ffffff;
   	font-size: 0.8em;
}

.tilauslinkit2{
	margin: 10px 0 0 50px;
	padding: 10px;
	color: #ffffa8;
	background-color: #fc5d01;
	width: 220px;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	
}
.tilauslinkit2 a{
	color: #ffffa8;
   	font-size: 0.8em;
}
.tilauslinkit2 a:hover{
	color: #ffffa8;
   	font-size: 0.8em;
}

.tilauslinkit3{
	margin: 10px 0 0 40px;
	padding: 10px;
	color: #ffffa8;
	background-color: #75b03c;
	width: 190px;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	
}
.tilauslinkit3 a{
	color: #ffffa8;
   	font-size: 0.8em;
   	
}
.tilauslinkit3 a:hover{
	color: #ffffa8;
   	font-size: 0.8em;
}

/* Ruskea leve? content box, jossa on blogimerkinn?t */
#content_box_ruskea{
	width: 480px;
	margin: 10px 0 0px 0px;
	float: left;
}
#content_box_ruskea h3{
   	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
   	font-size: 12px;
   	letter-spacing: none;
	font-weight: none;
	text-transform: none;
    color: #fff;
    background: url(images/content_box_rus_v.png) no-repeat;
	background-position: left top;
    margin: 0 0 0 5px;
    padding: 0 0 0 2px;
    height: 26px;
    line-height: 26px;
}
#content_box_ruskea h3 a{
    float: left;
    display: block;
    background: url(images/content_box_rus_o.png) no-repeat;
	background-position: right top;
	color: #fff;
    padding: 0px 15px 0px 8px;
    text-decoration: none;

}
#content_box_ruskea a{
	
}

/* Ruskea kapea boxi */
#content_box_ruskea_kapea{
	width: 250px;
	margin: 20px 0 0px 0px;
	float: right;
}
#content_box_ruskea_kapea h3{
   	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
   	font-size: 12px;
   	letter-spacing: none;
	font-weight: none;
	text-transform: none;
    color: #fff;
    background: url(images/content_box_rus_v.png) no-repeat;
	background-position: left top;
    margin: 0 0 0 5px;
    padding: 0 0 0 2px;
    height: 26px;
    line-height: 26px;
}
#content_box_ruskea_kapea h3 a{
    float: left;
    display: block;
    background: url(images/content_box_rus_o.png) no-repeat;
	background-position: right top;
	color: #fff;
    padding: 0px 15px 0px 8px;
    text-decoration: none;

}
#content_box_ruskea_kapea a{
	
}


/* Sininen content box, jossa foorumin tiedot */
#content_box_sininen{
	width: 370px;
	margin: 10px 0 10px 10px;
	float: left;
}
#content_box_sininen h3{
   	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
   	font-size: 12px;
   	letter-spacing: none;
	font-weight: none;
	text-transform: none;
    color: #fff;
    background: url(images/content_box_sin_v.png) no-repeat;
	background-position: left top;
    margin: 0 0 0 5px;
    padding: 0 0 0 2px;
    height: 26px;
    line-height: 26px;
}
#content_box_sininen h3 a{
    float: left;
    background: url(images/content_box_sin_o.png) no-repeat;
	background-position: right top;
	color: #fff;
    display: block;
    padding: 0px 15px 0px 8px;
    text-decoration: none;
}
#content_box_sininen a{

}

/* Sininen kapea content box */
#content_box_sininen_kapea{
	width: 250px;
	margin: 20px 0 0px 0px;
	float: right;
}
#content_box_sininen_kapea h3{
   	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
   	font-size: 12px;
   	letter-spacing: none;
	font-weight: none;
	text-transform: none;
    color: #fff;
    background: url(images/content_box_sin_v.png) no-repeat;
	background-position: left top;
    margin: 0 0 0 5px;
    padding: 0 0 0 2px;
    height: 26px;
    line-height: 26px;
}
#content_box_sininen_kapea h3 a{
    float: left;
    background: url(images/content_box_sin_o.png) no-repeat;
	background-position: right top;
	color: #fff;
    display: block;
    padding: 0px 15px 0px 8px;
    text-decoration: none;
}
#content_box_sininen_kapea a{

}


/* Boksin sis?lt? */
#content_box_sisalto{
	border: 1px solid #C4C1BD;
	padding: 4px;
	/*background: #D4D2C6;*/ 
	background: #EAE9DB;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
}
#content_box_sisalto.blogilainaus{
	background: #EAE9DB url(images/blogi_tausta.jpg) no-repeat;
	background-position: right top;
}
#content_box_sisalto.keskustelulainaus{
	background: #EAE9DB url(images/keskustelut_tausta.jpg) no-repeat;
	background-position: right top;
}

#content_box_sisalto a{
	padding: 0;
	margin: 0;
	/*color: #8A9516;*/
	color: #BF4A28;
	text-decoration: none
	display: none;
	float: none;
}
.listausotsikko3{
	padding: 2px 2px 4px 4px;
	margin: 0px 0px 2px 0px;
}
.listausotsikko4{
	padding: 2px 2px 4px 4px;
	margin: 0px 0px 2px 0px;
}
#content_box_sisalto h4{
	padding: 0 0 2px 0;
	margin: 0;
	font-size: 1.2em;
	line-height: 1.2em;
}

/* AJAX sis?lt?inen boksi */
#content_box_vaihtuva{
	width: 370px;
	margin: 10px 0 10px 0px;
	float: left;
}





/*Post Formatting*/

.picleft {
	float:left;
	margin:3px 14px 10px 0;
	border:7px solid #f2f2f2;
	}

.picright {
	float:right;
	margin:3px 0 10px 14px;
	border:7px solid #f2f2f2;
	}	

.post blockquote {
	padding:6px 14px;
	margin:18px 35px;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	}	

.post ul li {
	list-style:square;
	margin-bottom:5px;
	line-height:115%;
	margin-left:42px;
	}

.post ol li {
	margin-bottom:5px;
	line-height:115%;
	margin-left:48px;
	}
	
#tags {
	padding:3px;
	border-bottom:1px solid #DDD;
	border-top:1px solid #DDD;
	}	
				

/* Form Elements */

select {
	}
	
#searchform {
	}

.button {
	}

.button:hover {
	}

#commentform input {
	width: 170px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	margin-top:5px;
	}



/* Comments*/

.commentlist {
	padding-left:30px;
	}
	
.commentlist li {
	margin: 15px 0 3px;
	padding: 8px 15px 10px 15px;
	border-top: 1px solid #ddd;
	}

#commentform small {
	font-weight:bold;
	padding:0;
	}
	
.commentmetadata {
	display: block;
	}

.commentlist small {

	}

.commentlist cite {
	font: 1.6em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	letter-spacing:-0.05em;
	}	
	


/* Footer*/

#footer_tausta {
	margin-top: 35px;
	background: url(images/footer_vaalea.gif) top left repeat-x;
	height: 120px;
	clear: both;
	width: 100%;
}

#footer {
	margin: 0 auto;
	width: 770px;
	font-size:0.9em;
	color:#2B2D21;
	padding: 20px 0 25px 0;
	text-align: left;	
	
}
	
#footer a {
	color:#2B2D21;
}

	
	
	
/* Ajankohtaista -osion elementit */
#content_tapahtumat{
	width: 520px;
	float: left;
}

#valilehdet
{
padding: 3px 0;
margin-top: 20px;
border-bottom: 1px solid #D1D1C7;
font: bold 12px verdana, sans-serif;
text-align: left;
}

#valilehdet li
{
list-style: none;
margin: 0;
display: inline;
}

#valilehdet li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #E4E4DB;
border-bottom: none;
background: #d9d7cb;
text-decoration: none;
}

#valilehdet li a:link { color: #999999; }
#valilehdet li a:visited { color: #999999; }

#valilehdet li a:hover
{
color: #000;
background: #ffffff;
border-color: #D1D1C7;
}

#valilehdet li a#current
{
background: #F0F0E9;
border: 1px solid #D1D1C7;
border-bottom: 1px solid #F0F0E9;
color: #000000;
}


fieldset{
	border: 1px solid #333;
	padding: 5px 10px 10px 20px;
}
legend{
	margin-left: 10px;
	font-weight:bold;
	color: #000000;
	
}

/* Ajankohtaista - Lomakkeet */
input.ajankohtaista_lomake{
	font-size: 130%;
	border: 1px solid #000000; 
	background: #E8E8E0; 
	color: #000000;
	margin: 0px;
	padding: 6px 0px 2px 1px;
}

input.ajankohtaista_lomake:focus{
	font-size: 130%;
	border: 1px solid #000000; 
	background: #F4F4ED; 
	color: #000000;
	margin: 0px;
	padding: 6px 0px 2px 1px;

}


textarea.ajankohtaista_lomake{
	font-size: 110%;
	border: 1px solid #000000; 
	background: #E8E8E0; 
	color: #000000;
	margin: 0 0 0 0;
}

textarea.ajankohtaista_lomake:focus{
	font-size: 110%;
	border: 1px solid #000000; 
	background: #F4F4ED; 
	color: #000000;
	margin: 0px;
}

select.ajankohtaista_lomake{
	font-size: 130%;
	border: 1px solid #000000; 
	background: #E8E8E0; 
	color: #000000;
	margin: 0 0 0 0;
	margin: 0px;
	padding: 6px 0px 2px 1px;
}

select.ajankohtaista_lomake:focus{
	font-size: 130%;
	border: 1px solid #000000; 
	background: #F4F4ED; 
	color: #000000;
	margin: 0 0 0 0;
	margin: 0px;
	padding: 6px 0px 2px 1px;
}


select.tapahtumat_nayta{
	font-size: 115%;
	border: 1px solid #000000; 
	background: #E8E8E0; 
	color: #000000;
	margin-bottom: 8px;
	padding: 6px 0px 2px 1px;
}

select.tapahtumat_nayta:focus{
	font-size: 115%;
	border: 1px solid #000000; 
	background: #F4F4ED; 
	color: #000000;
	margin-bottom: 8px;
	padding: 6px 0px 2px 1px;
}
input.tapahtumat_nayta{
	font-size: 115%;
	border: 1px solid #000000; 
	background: #E8E8E0; 
	color: #000000;
	margin-bottom: 8px;
	padding: 6px 0px 2px 1px;
}

input.tapahtumat_nayta:focus{
	font-size: 115%;
	border: 1px solid #000000; 
	background: #F4F4ED; 
	color: #000000;
	margin-bottom: 8px;
	padding: 6px 0px 2px 1px;
}


/* Ajankohtaista - Listaus ja tulostus */
 
.listausotsikko{
	background-color: #E4E4DA;
	padding: 6px 2px 6px 4px;
	margin: 0px 0px 2px 0px;
	border-bottom: 1px #8D8D82 dashed;
}
.listausotsikko2{
	background-color: #EBEBE4;
	padding: 6px 2px 6px 4px;
	margin: 0px 0px 2px 0px;
	border-bottom: 1px #8D8D82 dashed;

}
.ilmoitus_header{
	background-color: #D3D1C3;
	padding: 6px 2px 4px 6px;
	margin: 0px 0px 12px 0px;
	border-bottom: 2px solid #C7C5B8;
}

.ilmoitus_footer{	
	padding: 6px 2px 4px 6px;
	margin: 0px 0px 12px 0px;
}

/* Kalenteri */

#kalenteri{
	float: right;
	width: 220px;
	background-color: #E6E6DE;
	border: 4px solid #392E20;
	padding: 8px 4px 12px 10px;
	margin: 0 0 10px 0;
}

.tyhjaruutu{

}
   
.paivaruutu{
}

.tanaanruutu{
	font-weight: bold;	
	color: #FF0000;
}

/* Piilotettujen divien muuntaminen */

h5.toggle{
	cursor: pointer;
	cursor: hand;
	font-size: 1.2em;
	background: #CCD384;
	border-bottom: 1px solid black;
	padding: 2px 0 1px 2px;
	margin: 4px 0 2px 0;
}

h5.toggle_language{
	cursor: pointer;
	cursor: hand;
	font-size: 0.9em;
	border-bottom: 1px solid black;
	padding: 2px 0 1px 2px;
	margin: 4px 0 2px 0;
	text-align: right;
}

/* Arvausmekanismin tyyli */
div.tagMatches{
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	width: 300px;
}

div.tagMatches p{
    padding: 2px 0 0 0;
    margin: 0 0 0 0;
    color: #8A9516;
    cursor: pointer;
    font-size: 110%;
	clear: both;
}