/*
Theme Name: Pole-a-holic Proto
Theme URI: http://poleaholic.com
Description: Pole-a-holic'n sivustoteema
Version: 0.1
Author: Kimmo Katajamäki
Author URI: http://katajamaki.info
Tags: dark,fixed width, sparkling
*/


/* RESET */
/* ----------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* =TYPOGRAPHY */
body { font-size: 13px; line-height: 20px; color: #333; font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif; }
ul,ol,dl,h1,h2,h3,h4,h5,h6,table,pre,p,blockquote,blockcode,address { margin: 0 0 20px; }
h1, h2, h3, h5, h5, h6 { color: #4f593a; font-weight: normal; padding: 10px 0; margin: 0; }
h1 { font-size: 25px; line-height: 40px; padding: 0; }
h2 { font-size: 20px; }
h3 { font-size: 15px; font-weight: bold; }
h4 { font-size: 13px; font-weight: bold; padding: 0; color: #606652; }
h5 { font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; color: #b5b8ae; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { text-decoration: none; color: #4f593a; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { border-bottom: 2px solid #70990f; color: #70990f; }

blockquote, q { font-style: italic; }
blockquote { padding: 0 0 0 25px; margin: 0; background: #FFF url(img/bq.gif) no-repeat left 5px; }
cite { font-weight: bold; font-style: normal; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
em { font-size: 15px; color: #576266; }
dfn { font-weight: bold; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
address { font-style: italic; }
ins { text-decoration: none; background: #ffc; }
del { text-decoration: line-through; color: #999; background: #f2f2f2; }
small { font-size: 85%; }

a { color: #4f593a; } 
a:hover { color: #70990f; }
a:active { color: #c30; outline: 1px dotted #e0e0e0; }

/* listat */
ul { list-style: none outside; }
ul li { padding-left: 25px; background: url(img/bullet.gif) no-repeat 11px 8px; }
ul ol li { padding-left: 0; background: none; }
ol { list-style-type: decimal; list-style-position: outside; margin-left: 25px; }
ol ul li { padding-left: 25px; background: url(img/bullet.gif) no-repeat 11px 8px; }
ul ul, ol ol, ol ul, ul ol { margin-bottom: 0; }


/* LAYOUT */
/* ----------------------------------------- */

body { background: #000; text-align: center; }

#wrapper { position: relative; width: 960px; height: auto; margin: 0 auto 20px; padding: 0 0; text-align: left; }

#logo { height: 230px; margin: 0; }
#logo h1 a:link, #logo h1 a:visited { display: block; width: 960px; height: 230px; text-indent: -9999px; background: url(img/hehkulogo230.png) no-repeat top left; text-decoration: none; overflow: hidden; }
#logo h1 a { border-bottom: none; }

.navbar { height: 40px; overflow: hidden; position: relative; margin: 0 0 10px; background: url(img/navbar.png) no-repeat; }
.navbar ul { list-style: none; margin: 0; padding: 0; width: auto; height: 40px; }
.navbar ul li { display: inline; list-style: none; background: none; line-height: 40px; color: #666; font-size: 12px; text-decoration: none; border: none; padding-left: 15px; }
.navbar ul li a:link,
.navbar ul li a:visited { text-decoration: none; }
.navbar ul li a:hover,
.navbar ul li.current_page_item { color: #70990f; text-decoration: underline; }


#content {float: left; width: 640px; margin: 0 10px 0 0; padding: 0 0 5px; background: #fafafa url(img/content_b.png) no-repeat left bottom; }
#contentheading { height: 40px; padding: 0 15px; margin: 0; background: url(img/content_t.png) no-repeat left top; }
#contentheading h2 { float: left; margin: 0; padding: 0; line-height: 40px; }
#contentarticle { position: relative; padding: 20px 15px 5px; background: #fafafa url(img/content.png) repeat-y; }

/*
#contenthead { height: 40px; padding: 0 15px; margin: 0; background: url(img/content_t.png) no-repeat left top; }
#contenthead h2 { float: left; margin: 0; padding: 0; line-height: 40px; }
#content {float: left; width: 640px; margin: 0 10px 0 0; padding: 0 0 5px; background: #fafafa url(img/content_b.png) no-repeat left bottom; }
#content h2 { background: ;}
#content .post {margin: 20px 0;}
*/

#sidebar {float: right; width: 310px; /*background: #fafafa;*/ margin: 0;}
#sidebar .roundedbox { width: 280px; overflow: hidden; padding: 0 15px 10px; margin: 0 0 10px; background: url(img/roundbox_b.png) no-repeat left bottom;}
#sidebar .roundedbox h2 { height: 40px; line-height: 40px; margin: 0 -15px 10px; padding: 0 15px; background: url(img/roundbox_t.png) no-repeat left top;}
#sidebar .roundedbox ul, #sidebar .roundedbox ol { width: 300px; overflow: hidden; margin: 0 -10px; padding: 0; list-style: none outside; }
#sidebar .roundedbox li { width: 118px; float: left; padding: 0 10px 0 22px; margin: 0; background: url(img/bullet.gif) no-repeat 10px 7px; }
#sidebar .roundedbox li a { float: left; width: 100%; }
#sidebar .roundedbox li.Current a { font-weight: bold; color: #222; text-decoration: none; }


#footer { clear: both; text-align: center; color: #888; margin: 0; padding: 20px; font-size: 11px; }
#footer a { color: #666; }
#footer a:hover { color: #444; } 



/* WP:n generoimat, mm. kuville  */
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline;}
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline;}
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
.wp-caption img { margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {	font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}



/* Piilotetaan tekstiä vain ruudunlukijoille */
.screen-reader-text { position: absolute; left: -1000em;}

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