/*  
Theme Name: retro
Theme URI: http://skrubu.net/
Description: Skrubu goes retro
Version: eternal beta
Author: pni of skrubu
Author URI: http://skrubu.net/pni/
*/


/* here be monsters */

body { margin: 0; padding: 0; text-align: center; background: #777762; }

a:link { color: #7f0004; text-decoration: none; border-bottom: 1px solid #cacabe; background-color: none }
a:visited { color: #a75b5a; text-decoration: none; border-bottom: 1px solid #cacabe; background-color: none}
a:hover { color: #e3e3dc; text-decoration: none; background-color: #a95958 }
a:active { color: #e3e3dc; text-decoration: none; background-color: #a95958 }

a.blck:link { color: #e3e3dc; text-decoration: none; background: #5c4746 url(images/V3_retro_blck_bkg.gif); display: block; padding: 6px 8px}
a.blck:visited { color: #e3e3dc; text-decoration: none;  background: #5c4746 url(images/V3_retro_blck_bkg.gif); display: block; padding: 6px 8px}
a.blck:hover { color: #ebeb9a; text-decoration: none; background: #5c4746 url(images/V3_retro_blck_bkg.gif); display: block; padding: 6px 8px}
a.blck:active { color: #e9e9b0; text-decoration: none; background: #5c4746 url(images/V3_retro_blck_bkg.gif); display: block; padding: 6px 8px}

#schebang { text-align: center; top: 0; width: 785px; margin-left: auto; margin-right: auto; }

#skrubuhead0, #skrubuhead1, #skrubuhead2, #skrubuhead3, #skrubuhead4, #skrubuhead5, #skrubuhead6, #skrubuhead7, #skrubuhead8, #skrubuhead9 { text-align: right; clear: both; width: 548px; height: 188px; padding-bottom: 2px }

#skrubuhead0 { background: url(images/V3-main_img0.gif) no-repeat; }
#skrubuhead1 { background: url(images/V3-main_img1.gif) no-repeat; }
#skrubuhead2 { background: url(images/V3-main_img2.gif) no-repeat; }
#skrubuhead3 { background: url(images/V3-main_img3.gif) no-repeat; }
#skrubuhead4 { background: url(images/V3-main_img4.gif) no-repeat; }
#skrubuhead5 { background: url(images/V3-main_img5.gif) no-repeat; }
#skrubuhead6 { background: url(images/V3-main_img6.gif) no-repeat; }
#skrubuhead7 { background: url(images/V3-main_img7.gif) no-repeat; }
#skrubuhead8 { background: url(images/V3-main_img8.gif) no-repeat; }
#skrubuhead9 { background: url(images/V3-main_img9.gif) no-repeat; }

html>body #skrubuhead0, html>body #skrubuhead1, html>body #skrubuhead2, html>body #skrubuhead3, html>body #skrubuhead4, html>body #skrubuhead5, html>body #skrubuhead6, html>body #skrubuhead7, html>body #skrubuhead8, html>body #skrubuhead9 { margin: 0 0 0 17px; }

#skrubuheadsingle { clear: both; width: 548px; height: 78px; overflow:hidden }
html>body #skrubuheadsingle { margin: 0 0 0 17px; }

.singleheadlink { background: url(images/V3-single_img.gif) no-repeat ; height: 78px } 
.singleheadlink img { width: 548px; height: 77px; border: none; }

.headlink { padding-top: 0; width: 548px; height: 80px; }
.headlink a:link, .singleheadlink a:link { border: 0; background: none;}
.headlink a:visited, .singleheadlink a:visited { border: 0; background: none; }
.headlink a:hover, .singleheadlink a:hover { border: 0; background: none; }
.headlink a:active, .singleheadlink a:active { border: 0; background: none; }
.headlink img { background: none; width: 520px; height: 140px; margin: 20px 0 9px 20px }

#content { float: left; width: 582px; margin: 0; padding: 0; }
#content .invisibleLink { border: 0; background: none; }

.entry { color: #5c4746; margin: 1em 0 0 0; padding: 0 10px 0 10px; font-family: Georgia, Times, serif; font-size: 0.9em; line-height: 1.5em }

.entry img { margin-top: 0.4em; border: none; background: none; display:block }
a:link img, a:visited img, a:hover img, a:active img { border:none; background-color: none; }

strong { color: #2b211b }

.entry ul { list-style: outside url(images/V3-bullet.gif); margin: 0.1em 0 1em 20px; padding: 0; }
.entry ul.nobullets { list-style: none; }
.entry ol { padding: 0;  margin: 0.3em 0 1.5em 40px; list-style: decimal outside; }
.entry li { margin: 0.3em 0 0 0; padding: 0;  }

.entry dl { margin: 0 0 1em 0; padding: 0 }
.entry dl dt { margin-top: 1em; font-weight: bold}
.entry dl dd { margin: 0 0 0em 0.2em; padding: 0 0 0 0.5em; border-left: 5px #d5d3cd dotted }

.grn { font-family: Georgia, Times, Serif; font-size: 13px; line-height: 22px; color:#2b211b }

#finito { clear: both; width: 582px; height: 32px; margin: 0; padding: 0; background: #777762 url(images/V3-bot.gif) no-repeat top left;}

.legends { float: left; width: 582px; margin: 0; padding: 0; background: url(images/V3-bkg.gif) repeat-y; }

q { font-style: italic; }
.entry q:before { content: "”"; }
.entry q:after { content: "”"; }


/* right side menu */

#sidebar { float: left; text-align:center; width: 200px; margin: 0; padding: 50px 0 80px 0; font-family: Georgia, Times, Serif; font-size: 0.8em; line-height: 1em; color: #423B30; background: url(images/V3_retro_sidebar_end.gif) center bottom no-repeat }
#sidebar h2, #sidebar li h2 { margin: 0 0 3px 0; padding: 3px; font-family: "Arial Black", "Arial Black MT", sans-serif; text-transform:uppercase; color: #3c2c21; font-size: 11px; line-height: 11px; border-bottom: 1px solid #5c4746; letter-spacing: 0.1em; }

#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; width: 200px; display: block;}
#sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 10px; display: block }
#sidebar ul p, #sidebar ul select { margin: 0; display: block;}
#sidebar ul ul, #sidebar ul ol { margin: 0; display: block; }
#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; display: block;}
#sidebar ul ol li { list-style: decimal outside; display: block;}
#sidebar ul ul li, #sidebar ul ol li { margin: 0; padding: 0; display: block; border-bottom: 1px solid gray}

#sidebar a:link { color: #cdcdc4; text-decoration: none; border: none; display: block; padding: 1px 0 1px 3px; background: none; }
#sidebar a:visited { color: #adad9f; text-decoration: none; border: none; display: block; padding: 1px 0 1px 3px; background: none }
#sidebar a:hover { color: #f6f6e0; text-decoration: none; border: none; display: block; padding: 1px 0 1px 3px; background: #82826e url(images/V3_sidebar_hover_bkg.gif) center center }
#sidebar a:active { color: #e3e3dc; text-decoration: none; border: none; display: block; padding: 1px 0 1px 3px; text-decoration: none; background-color: #a95958; background-image: none; }

#sidebar a.archive:link { display: inline; padding: 0; margin: 0; background: none }
#sidebar a.archive:visited { display: inline; padding: 0; margin: 0; background: none }
#sidebar a.archive:hover { display: inline; padding: 0; margin: 0 }
#sidebar a.archive:active { display: inline; padding: 0; margin: 0 }

#sidebar a.compact:link { white-space: nowrap; display: inline; padding: 2px 5px 2px 5px; margin: 0; line-height: 1.2em }
#sidebar a.compact:visited { white-space: nowrap; display: inline; padding: 2px 5px 2px 5px; margin: 0; line-height: 1.2em }
#sidebar a.compact:hover { white-space: nowrap; display: inline; padding: 2px 5px 2px 5px; margin: 0; color: #e3e3dc; text-decoration: none; background: #82826e url(images/V3_sidebar_hover_bkg.gif) center center; line-height: 1.2em }
#sidebar a.compact:active { white-space: nowrap; display: inline; padding: 2px 5px 2px 5px; margin: 0; color: #e3e3dc; text-decoration: none; background-color: #a95958; background-image: none; line-height: 1.2em }


#sidebar a.compactbreak:link { display: inline; padding: 2px 7px 2px 5px; margin: 0; line-height: 1.2em; border-right: 1px solid #a3aa8c; }
#sidebar a.compactbreak:visited { display: inline; padding: 2px 7px 2px 5px; margin: 0; line-height: 1.2em border-right: 1px solid #a3aa8c; }
#sidebar a.compactbreak:hover { display: inline; padding: 2px 7px 2px 5px; margin: 0; color: #e3e3dc; text-decoration: none; background: #82826e url(images/V3_sidebar_hover_bkg.gif) center center; line-height: 1.2em border-right: 1px solid #a3aa8c; }
#sidebar a.compactbreak:active { display: inline; padding: 2px 7px 2px 5px; margin: 0; color: #e3e3dc; text-decoration: none; background-color: #a95958; background-image: none; line-height: 1.2em border-right: 1px solid #a3aa8c; }


.ThisIsForOpera { font-size: 0px; color: #777762 }

#sidebar strong { color: #3c2c21 }


#bloglist { margin: 0; padding: 0; width: 193px}
#bloglist ul { width: 193px; padding: 3px; }

#searchlist { margin: 0; padding: 0; width: 193px }
#searchlist ul { width: 193px; padding: 3px }
#searchlist ul li { margin-bottom: 20px; }



/* single entry and comments */

.entrynavi { width: 548px; background: url(images/V3-comment-bkg.gif) center center; }
html>body .entrynavi { margin-left: 17px; }


#synpunkter { width: 548px; font-family: Georgia, Times, Serif; font-size: 0.9em; line-height: 1.2em; text-align: left; color: #222222; overflow: hidden; background: url(images/V3-comment-bkg.gif) center center; }
html>body #synpunkter { margin-left: 17px;  }


#synpunkter h3 { font-family: "Arial Black", "Arial Black MT", Arial; color: #5c4746; font-size: 1.1em;  line-height: 1.1em; text-transform:uppercase }

#content .entry h3 { margin: 0; padding: 0.8em 0 0.2em 0; font-size: 1.1em; font-weight: bold; }

/* ajatar on formissa */


#searchform { margin: 1.2em 0 1.2em 0 }

#searchform .form { padding: 0.4em 2px 0.4em 2px; font-family: Arial, sans-serif; background: #a3aa8c url(images/V3_sidebar_search_bkg.gif); border: 2px solid #5c4746; color: white; width: 190px; font-size: 1.3em; text-align: center }

.form { font-family: Georgia, Times, Serif, Serif; margin: 0; width: 280px; padding: 4px; border: 2px solid #5c4746; background-color: #e3e3dc; color: #2b211b; font-size: 1em }

.butt { padding: 0 2px 0 2px; font-family: "Arial Black", "Arial Black MT", Helvetica sans-serif; border: 2px solid #5c4746; background-color: #b76a6c; color: #e3e3dc; font-size: 1em; text-transform:uppercase; margin-top: 0.2em}

.replybox { font-family: Georgia, Times, Serif, Serif; width: 491px; height: 280px; padding: 7px; border: 2px solid #5c4746; font-size: 1.2em; background-color: #e3e3dc; color: #2b211b }


/* misc and odds */

.divider { height:2px; background: url(images/V3-divider0.gif) no-repeat center center;}
.line { height:2px; background: url(images/V3-divider1.gif) no-repeat center center;}
.line2 { height:18px; background: url(images/V3-divider2.gif) no-repeat center center;}

.bar { padding: 4px 0 4px 0; width: 548px;}
html>body .bar { margin-left: 17px;  }


/*  
strike, del { text-decoration: none; background: url(images/V3-coolstrike.gif) repeat-x center center; }
*/


#sidebar strike, #sidebar del { text-decoration: line-through; background: none }



ins { text-decoration: none; }

blockquote { margin: 0 0 0 17px; padding: 5px 0 2px 27px; color: #444444; background: url(images/V3-quote.gif) no-repeat top left; font-style: italic; line-height: 20px }

blockquote i, blockquote em { font-style: normal; }

.noquote { background: none; font-style: normal; }

pre { font-family: "Andale Mono", "Courier New", Courier, monospace; font-size: 1em; line-height: 1.2em; color: #222; font-style: normal; margin: 0 0 0.9em 0; padding: 0 0 0.3em 0;}

code { font-family: "Andale Mono", "Courier New", Courier, monospace; font-size: 1em; line-height: 1.2em; color: #222; font-style: normal; margin: 0 0 0.9em 0; padding: 0 0 0.3em 0;}

.desc { font-family: Georgia, Times, serif; font-size: 12px; color: #5c4746; padding-right: 20px; }

.post { text-align: left; margin: 0; width: 529px; padding: 0;  overflow: hidden; font-family: Georgia, Times, Serif; }
html>body .post { margin: 0 0 0 27px; }

h2 { margin: 0; padding: 0; font-family: "Arial Black", "Arial Black MT", Arial; color: #5c4746; font-size: 1.1em; line-height: 1.1em; font-weight: normal; text-transform:uppercase; }

h4 { margin: 0; padding: 0; font-family: Georgia, Times, Serif; font-weight: bolder; color: #5c4746; font-size: 1.1em; line-height: 1.1em; }

p { padding: 0; margin-top: 0.3em; }

.small { font-family: Georgia, Times, Serif; font-size: 0.8em; line-height: 1.1em }
.dark { color: #2b211b; }
.light { color: #998584; }

.specs { border-bottom: 1px #aaa19c solid; padding: 0.4em 0 0.4em 8px }

.clr, .pagenav { clear: both; }
.cntr, .aligncenter { text-align: center; }
.lft { text-align: left; }

.jalka { background-image: url(images/V3-jalka.gif); background-repeat: repeat-y }

.floatlft { float: left; text-align: left; }
.floatrght { float: right; text-align: right; }


/* 2.7 + */

.alignright { 
	float: right; 
	margin-left: 10px;
	}

.alignleft { 
	float: left; 
	margin-right: 10px;
	}

#synpunkter .floatlft { float: left; text-align: left; margin-left: 10px}
html>body #synpunkter .floatlft { margin-left: 20px}

.sq150 { width:150px; height: 150px; float: left; margin:9px; }

.noshow { display: none; }

.pad3 { padding-top: 0.2em}
.top3 { margin-top: 3px; }
.top5, .margtop { margin-top: 5px; }
.top10 { margin-top: 10px; }
.top30 { margin-top: 30px; }
.top45 { margin-top: 45px; }

.bot2 { margin-bottom: 2px; }
.bot10 { margin-bottom: 10px; }
.bot30 { margin-bottom: 30px; }
.bot45 { margin-bottom: 45px; }

.endpad { padding-bottom: 2em; background: url(images/V3_entry-separator.gif) bottom center no-repeat }
.endofstory { text-align: left; padding: 0.5em 0 90px 10px; border-bottom: 1px dashed #aaa19c; background: url(images/V3_retro_sax.gif) no-repeat bottom center }

.endofstory strong {
	padding: 4px;
	background: #B76A6C url(images/V3-kommentitausta.gif) repeat-x bottom left;
	font-weight: normal;
	}

.endofstory strong a {
	color: white;
	padding: 0 3px 0 23px;
	background: url(images/V3-kommenttikupla.gif) no-repeat left center;
	border:0;
	}
.tweetmeme_button {
	padding-left: 5px;
	width:58px;
	}

.marglft20, .subscribe-to-comments { margin-left: 19px; }
.marglft50 { margin-left: 50px; }
.marglft70 { margin-left: 70px; }
.marglft90 { margin-left: 90px; }

.margrght20 { margin-right: 20px; }
.margrght70 { margin-right: 70px; }

.marglft150 { margin-left: 150px; }
.margrght150 { margin-right: 150px; }


.paddrght { padding-right: 7px; }
.paddlft { padding-left: 7px; }

.borderlft { border-left: 1px solid #AAA}
.dotline { border-bottom: 1px dotted #E1E1E1; }
.botline { border-bottom: 1px solid #AAAAAA; padding: 0 0 4px 0; display:list-item; }

.w260 { width: 250px; }

.gravatar { width: 40px; height: 40px; background: url(http://skrubu.net/gravatar_anon.gif); overflow: hidden; }

.rightbox {
    float: right;
	width: 200px;
    padding-left: 5px;
    margin: 3px 0 5px 5px;
}

.leftbox {
    float: left;
    width: 200px;
    padding-right: 5px;
    margin: 3px 5px 5px 0;
}


.feedburnerFlareBlock {
	text-align: center;
	font-size: 0.8em;
	padding: 0.2em 0;
	margin: 0 20px;
	}


#syndication {
	min-height: 20px;
	padding: 1px 0 20px 0;
	text-align: left;
	background: url(images/syndication.gif) 3px top no-repeat;
	margin: 0 0 10px 0;
	}

#syndication a.indent {
	text-indent: 20px;
	margin-bottom: 14px;
	}


table {
	margin-bottom: 1em;
	}


.fourohfour {
	font-family: Georgia, Times, Serif;
	}

.fourohfour h2 {
	margin: 20px 30px 20px 30px;
	padding: 0 0 0 0;
	font-size: 2em;
	}

#topbox {
	background-color: #777762;
	text-align: right; 
	width: 308px; 
	padding-left: 20px;
	margin-left: auto; 
	margin-right: auto;
	}

#topbox a {border: none;}

#botbox {
	background: #777762 url(images/V3_retro_bkg.gif) repeat-x bottom center;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	height: 40px;
	width: 100%;
	}

.rounded {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	}


/* skribenterna */
.pni { padding: 0.1em 0.3em 0.1em 1.7em; background: url(images/V3_author_pni_bkg.gif) no-repeat left center; }
.jny { padding: 0.1em 0.1em 0.1em  1.7em; background: url(images/V3_author_jny_bkg.gif) no-repeat left center; }
.swana { padding: 0.1em 0.1em 0.1em  1.7em; background: url(images/V3_author_swana_bkg.gif) no-repeat left center; }
.jkk { padding: 0.1em 0.1em 0.1em  1.7em; background: url(images/V3_author_jkk_bkg.gif) no-repeat left center; }
.niki { padding: 0.1em 0.1em 0.1em  1.7em; background: url(images/V3_author_niki_bkg.gif) no-repeat left center; }
.admin { padding: 0.2em 0.3em 0.1em  1.7em; background: url(images/V3_author_admin_bkg.gif) no-repeat left center; }