/*  
Theme Name: Tajunnanvirta leiska
Theme URI: http://www.tajunnanvirta.com
Description: Jamma jamma.
Version: 0.0.1a
Author: Mambomonni
Author URI: http://www.tajunnanvirta.com
*/


body {
	background: #ececec;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 84%;
	margin: 0;
	padding: 0;
}

/* Link styles */
a {
	color: #369;
}
a:hover {
	color: #f90;
}


/* 
 * ------------------------------------ Global page layout ------------------------------------
 */
div#body_header {
	text-align: center;
	margin-top: 0;   
	clear: both;
}

div#body_main {
	clear: both;
	width: 55em;
	margin: -40px auto;
}

div#body_footer {
	margin-top: 1em;   
	margin-left: auto;
    margin-right: auto;
	border-top: 2px dotted #000000;
	text-align: center;
	font-size: 84%;
	color: #999;
	width: 710px;
}


/* 
 * ------------------------------------ For the page/body header: ------------------------------------
 */

h1#header_logo {
	position: relative;
	top: 0px; /*oli 6 */
	color: #000000;
	margin: 0px;
	padding: 0;
	margin-bottom: 10px;
}

/* Main tabs: */
table.main_menu {
	/*margin: 10 auto;*/
	position: relative;
	bottom: 24px;
	margin-left: auto;
	margin-right: auto;
}
table.main_menu td {
	padding:0 0 0 9px;
	border:0;
	border-bottom:0px solid #000000;
}
table.main_menu td a {
	display: block;
	white-space:nowrap;
	padding:4px 11px 3px 2px;
	text-decoration:none;
	color: #666;
}
table.main_menu td.current {
	background-position:0% 0px;
	border-width:0;
	font-weight: bold;
}
table.main_menu td.current a {
	background-position:100% 0px;
	padding-bottom:4px;
	color: #000;
}
table.main_menu td a:hover,
table.main_menu td a:active {
	/*text-decoration: underline;		 for IE */
	font-weight: bold;
	color: #000000;
}


/* 
 * ------------------------------------ For the page/body footer: ------------------------------------
 */
div#body_footer p {
	margin: 1ex;
}

/* 
 * ------------------------------------ For the page/body main area: ------------------------------------
 */
div#col_left {
	float:left;
	width: 14em;
	overflow:hidden;		/* In IE6, hidden only works when a width is specified */	
	border-top: 0px solid #fff;	/* Without this, Firefox 1.5 would not correcly align the floats... */
}

div#col_right {
	margin: 0 1em;
	margin-top: 28px;
	float: right;
	width: 13em;
	overflow: hidden;		/* In IE6, hidden only works when a width is specified */	
	border-top: 0px solid #fff;	/* Without this, Firefox 1.5 would not correcly align the floats... */
}

div#col_middle {
	margin: 0 1em;
	border-top: 0px solid #fff;	/* Without this, Firefox 1.5 would not correcly align the floats... */
}

div#body_main_footer {
	clear: both;
}



/* 
 * ------------------------------------ Decorated blocks: ------------------------------------
 */
div.decorated {
	overflow:hidden;
	padding: 1em 0 0 0;	/* In IE6 we MUST NOT have a bottom margin; it would fail for the left/right cols vs body_footer */
	/* dh> using padding instead of margin, to prevent hasLayout-margin-collapsing in IE: see http://www.brunildo.org/test/IEMarginCollapseLayout.html */
}


/* Give hasLayout property for IE6 */
/* \*/
* html div.decorated { height: 1%; }
/* */


/* Decorated titles: */
/* title text: */
div.decorated h1 {
	margin: 0;
	padding: 0px 1ex 0px;
	font-size: 90%;
	color: #ffffff;
}
div.decorated h2 {
	margin: 0;
/*	padding: 2px 1ex 3px; */
	padding: 0px 1ex 0px;
	font-size: 90%;
	color: #ffffff;
}
/* title links: */
div.decorated h1 a,
div.decorated h2 a {
	color: #000000;
	text-decoration: none;
}
div.decorated h1 a:hover,
div.decorated h2 a:hover {
	color: #000000;
	text-decoration: underline;
}
/* upper left rounded corner; */
h1.oikeaotsikko,
h2.oikeaotsikko,
div.oikeaotsikko {
	background-color: #000000;
}


/* Decorated block bodies/payloads: */
/* no bottom corners */
div.decorated div.filled {
	background-color: #e8e8e8;
}
div.decorated div.squared {
	border: 1px solid #f90;
	border-top-style: none;
}
/* bottom right rounded */
div.left_border {
	border-left: 1px solid #f90;
}



/* payload text: */
div.decorated div.payload {
	margin: 0 1ex;
	padding: 1ex 0;
}
/* */
div.decorated div.full_payload {
	margin: 0;
	padding: 0ex 0;
	font-size: 75%;
}
div.decorated div.full_payload p {
	margin: 1ex;
}
/* payload including paragraphs: */
div.decorated div.para_payload {
	margin: 0 0ex;
	padding: 1px 0;	/* minimum 1px vertical padding for IE */
}
div.decorated div.para_payload p {
	margin: 1ex 0;
}


div.para_payload h2 {
	font-size: 147%;
	margin: 0ex 0 1ex 0;
	padding: 0 0 3px 0;
	color: #000000;
	border-bottom: 2px dotted #000000;
	font-weight: bold;
}
h3, h4 {
	font-size: 110%;
	padding-bottom: 3px;
	color: #f90;
	border-bottom: 2px dotted #f90;
}





img.strippi {
	clear: both;
	display: block;
    margin-left: auto;
    margin-right: auto;
}
div.paivamaara {
	float: left;	
}
div.seurjaedel {
	float: right;	
}
div.otsikon_alla {
	display: block;
	text-align: center;
	margin-bottom: 7px;
	margin-top: -8px;
	font-size: 70%;
	color: #000000;
	background-color: ##ffffcc;
	font-style: italic;
}
div.otsikon_alla_tiutau {
	display: block;
	text-align: center;
	margin-bottom: 7px;
	margin-top: -8px;
	font-size: 70%;
	color: #000000;
	background-color: ##ffffcc;
}
div.otsikon_alla_paupau {
	display: block;
	margin-bottom: 7px;
	margin-top: 0px;
	font-size: 70%;
	color: #000000;
	background-color: ##ffffcc;
}

div.leipateksti {
	clear: both;
	display: block;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 100%;
	color: #000000;
	text-align: justify;
}
.pienipieni {
	font-size: 80%;
}
.pienipieni2 {
	font-size: 70%;
}
.vieraskirja {
	font-size: 70%;
	margin-top: 10px;
	text-align: center;	
}
.oikea_etulista {
	margin-top: -8px;
	margin-left: -20px;

}

p.linkittaneet {
	margin: 0;
	font-size: 90%;
	color: #000000;
	background-color: ##ffffcc;
}
.tietopaalla {
	display: block;
	text-align: center;
	margin-top: -8px;
	margin-bottom: 7px;
	}
div.aika_kirjottaja {
	font-size: 75%;
	float: left;
	font-style: italic;	
	margin-bottom: 7px;
}
div.kommentoi {
	font-size: 75%;
	float: right;	
	margin-bottom: 7px;
}
.sisalto {
	clear: both;
	margin-top: 0px;
	margin-bottom: -4px;
}
img#image {
	padding: 5px 5px 5px 0px;
}
div.navigaatio {
	font-size: 75%;
	float: right;
}
div.navigaatio_ala {
	font-size: 75%;
	clear: both;
}
.keskustele {
	float: right;
}
.vasemmalle {
	float: left;
}
.oikealle {
	float: right;
}
.vasemmalle_ala {
	float: left;	
	margin-top: 10px;
}
.oikealle_ala {
	float: right;	
	margin-top: 10px;
}
.alaosa {
	border-top: 2px dotted #003399;
}
.terkkuja {
	margin-top: -10px;
}
div.valkonentausta {
	background-color: #ffffff;
	padding-left: 2px;
	padding-top: 10px;
}
img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.left { padding: 4px; margin: 0 7px 2px 0; display: inline; }

.juttuvaliotsikko {
	font-size: 120%;
}


.navig {
	font-size: 75%;
	clear: both;
}

.pilkkuyla {
	border-top: 2px dotted #000000;
}
.pilkutonyla {
	margin-top: -8px;
}
.kommentointihuomautus {
	margin-top: -9px;
	font-size: 65%;
	color: #000000;
	font-style: italic;	
}
.kommentointialku {
	border-top: 2px dotted #000000;
	font-size: 110%;
	color: #000000;
	font-weight: bold;	
}
.kommentointi_cont {
	background-color: #DFDFDF;
        clear: both;
vertical-aling:bottom;
}
.kommentointi_vasen {
	float: left;
	background-color: #DFDFDF;

}
.kommentointi_oikea {
        font-size: 65%;
	float: right;
	background-color: #DFDFDF;
        font-style: italic;
}
.kommentti_tokarivi {
	margin-left: 10px;
	margin-top: -8px;
        clear: both;
}
.arv_sisennys {
	margin-left: 10px;
	margin-bottom: 20px;
	margin-right: 10px;
        font-style: italic;
}