/*
THEME NAME: The Sepponet 1.8
THEME URI: http://www.arkimedia.fi
DESCRIPTION: Seppo.net -sivustolle suunniteltu WordPress teema
VERSION: 1.8
AUTHOR: Mikko Virenius & Seppo Leinonen
AUTHOR URI:http://www.arkimedia.fi & http://www.seppo.net
*/
/****************************************
Reset
****************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
body { line-height:1.5;}
table { border-collapse:separate; border-spacing:0;}
caption, th, td { text-align:left; font-weight:normal;}
table, td, th { vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after { content:"";}
blockquote, q { quotes:"" "";}
a img { border:none;}
/****************************************
Rakenne
****************************************/
body {background:#EDEAE1; font: 13px "Helvetica Neue","Bitstream Vera Sans",Arial,Helvetica,sans-serif;line-height: 18px;color:#625e51;}
#wrapper{width:950px; margin:0px auto; background:#ffffff;}
#container {}
/****************************************
Linkit
****************************************/
a,a:visited{color:#625E51; text-decoration:none;}
a:hover, a:active{color:#a39c87;text-decoration:underline;}
/****************************************
Otsikot
****************************************/
h1,h2,h3,h4,h5,h6{font-weight:normal; padding-bottom:.3em;}
h1{font-size:200%;}
h2{font-size:200%;color:#23282d;line-height:1.2}
h3{font-size:150%;}
h4{font-size:150%;color:#888888; padding-bottom:1em;}
h5{font-size:110%; font-weight:bold;}
h6{font-size:90%; color:#888888;}
/****************************************
Header&valikko
****************************************/
#header{position:relative; height:150px; width:950px; background:url(/kuva/hirvi_joulu.jpg) no-repeat left top;}
#introduction{position:absolute; left:30px; top:10px; color:#7b993e; font-size:12px;line-height:18px;}
#introduction a, #introduction a:hover{text-decoration:none; color:#5B86BD;}
#languages{position:absolute; bottom:5px; right:50px;}
#menu { width:950px; background:#B2D076; height:32px;}
#menu ul {list-style-type:none;}
#menu ul li {display:inline; float:left;}
#menu a {color:#ffffff;background:#B2D076;display:block;font-size:16px;font-weight: bold;text-transform:uppercase;padding:8px 10px 6px 10px;text-decoration: none;}
#menu a:hover {background:#bde272;color:#FFFFFF;display:block;text-decoration:none;padding: 8px 10px 6px 10px;}
#menu .current_page_item a, #menu .current_page_parent a, #menu .current_page_ancestor a{background:#8fb249!important;}
li.english {float:right!important; }
.english a {background:#d3a544!important;}
/****************************************
Navigaatio
****************************************/
#menu-above {}
#menu-below {}
.navigation{padding-bottom:10px; clear:both; height:20px;}
.nav-previous {float:left;}
.nav-next {float:right;}
/****************************************
Entrymeta & heading
****************************************/
#widecontent {width:700px; float:right;}
#content{width:500px;float:left; padding:25px 0px 0px 0px;}
#content a, #content a:visited {color:#5B86BD;}
#post-id {}
.post{ margin-bottom:5px;padding-bottom:30px;padding-top:0px;border-bottom:1px solid #63717f; margin:0px 0px 15px 0px;
}
.hentry {}
.p1 {}
.publish {}
.author-admin {}
h2 {}
.entry-title a{color:#23282d!important;}
.entry-date {color:#99937e; width:500px;background:#fff; margin-bottom: 10px; height:15px; padding:2px;}
.entry-content {font-size:14px; color: #4c493f;}
.published {float:left;}
.entry-meta {color:#5B86BD;margin-bottom: 10px;}
.author {}
.vcard {}
.meta-sep {}
.cat-links {color:#5B86BD; margin-bottom: 10px; height:20px; padding:2px;}
.tag-links {color:#99937E!important;}
.edit-link{}
.comments-link {float:left; margin-left: 10px; display:inline;}
/****************************************
Artikkelin sisältö
****************************************/
.entry-content {}
.entry-content p {padding:7px 0px 7px 0px;}
.entry-content em {font-style:italic;}
.entry-content ul {}
.entry-content ul li {list-style-type:square;margin:5px 0px 0px 20px;padding:0 0 5px;}
.entry-content ol {}
.entry-content ol li {margin:5px 0px 0px 25px;padding:0 0 5px;}
.entry-content blockquote {padding-left:30px; border-left:solid 5px #; font-style:italic;}
p.wp-caption-text{font-size:80%; color:#888888; font-style:italic; text-align:right}
p.caption{font-size:80%; color:#888888; text-align:center}
/****************************************
Sivupalkit
****************************************/
#primary {float:left; margin-left:10px; padding:25px 0px 0px 0px;}
#secondary {float:right; padding:25px 0px 0px 10px; }
#third{float:left; margin-left:10px;padding:25px 0px 0px 0px;}
.sidebar { float:right; overflow:hidden; width:190px; font-size:12px;line-height:1.2;}
.sidebar h3 {font-size:17px;color:#c07d26;}
.sidebar input#s { width:7em;}
.sidebar li { list-style-type:none; margin:1em 0 1em 0;}
.sidebar li form { margin:0.2em 0 0; padding:0;}
.sidebar ul ul { margin:0 1em 0 0;}
.sidebar ul ul li { list-style-type:none; margin:3px 0 0 0;}
.sidebar ul ul ul { margin:0 0 0 0.8em;}
.sidebar ul ul ul li { list-style-type:none;}
.sidebar , .sidebar a, .sidebar a:visited{color:#666666;}
.current-cat, .current-cat a { font-weight:bold; color:#333333 !important;}
/****************************************
Vimpaimet
****************************************/
h3.widgettitle {}
.widget_search {}
.widget_categories {}
.widget_archive {}
.widget_recent_entries {}
.widget_recent-comments{}
.widget_meta {}
.widget_pages {}
.widget_calendar {}
.widget_links {}
.widget_tag_cloud {}
.widget_text {}
.widget_rss_links {}
.widget_rss ul {}
/****************************************
Footer
****************************************/
#footer{background:url(/kuva/sepponet_alapalkki_1.jpg) no-repeat; height:70px; font-size:12px; text-align:left; padding: 10px 200px 0 200px;}
a,a:visited{color:#5B86BD; text-decoration:;}
a:hover, a:active{color:#23282d;text-decoration:underline;}
/****************************************
Kommenttilista
****************************************/
#comments{padding:20px 10px 20px 10px;}
#comments-list{}
#comments-list h3{clear:both;}
.comments{}
.comment{}
.alt{}
form#commentform .form-label { margin:1em 0 0;}
form#commentform span.required { background:#fff; color:#c30;}
form#commentform,form#commentform p { padding:0;}
input#author,input#email,input#url,textarea#comment { padding:0.2em;}
div.comments p{ padding:10px;}
div.comments ol{ list-style-type:none; padding:0px; margin: 0px;}
div.comments ol li { margin:0 0 20px;}
div.comment-author{margin-top:20px; background:#f0eee7; padding:10px 0px 0px 10px;}
div.comment-author img {float:left; margin:2px 8px 0px 0px;}
div.comment-meta {font-size:12px; padding-bottom:10px; background:#f0eee7;}
span.fn{text-transform:uppercase;}
textarea#comment { height:13em; margin:0 0 0.5em; overflow:auto; width:66%;}
/****************************************
Kommentointi lomake
****************************************/
#respond{padding:20px 10px 20px 10px;}
h3{}
.formcontainer{}
#commentform{}
#comment-notes{}
#login{}
.loggedin{}
.logout{}
.form-label{}
.form-input
.form-textarea{}
.form-submit{}
.form-option{}
.required{}
/****************************************
Muut
****************************************/
hr {margin:1em 0;background:#e4decd;height:1px;color:#e4decd;border:none;clear:both}
.hidden { visibility:hidden;}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px}
.alignright,img.alignright{ float:right; margin:1em 0 0 1em;}
.alignleft,img.alignleft{ float:left; margin:1em 1em 0 0;}
.aligncenter,img.aligncenter{ display:block; margin:1em auto; text-align:center;}
/****************************************
Galleria
****************************************/
div.gallery { clear:both; height:180px; margin:1em 0; width:100%;}
div.gallery dl{ margin:1em auto; overflow:hidden; text-align:center;}
div.gallery dl.gallery-columns-1 { width:100%;}
div.gallery dl.gallery-columns-2 { width:49%;}
div.gallery dl.gallery-columns-3 { width:33%;}
div.gallery dl.gallery-columns-4 { width:24%;}
div.gallery dl.gallery-columns-5 { width:19%;}
/****************************************
Coppermine
****************************************/
.cpg-last-images {
text-align:left !important;
padding-left:15px;
}
.cpg-last-images img {max-width:120px;display: block;width: expression(this.width > 120 ? 120: true);}
.cpg-excerpt, .cpg-link {display: inline;}
.clearer {
clear:both;
}
.cpg-search-image {text-align:left!important;}
.cpg-image-thumb {padding: 20px 20px 0px 0px !important;;
border:solid 1px #fff !important;}
/****************************************
Sociable
****************************************/
div.sociable { margin: 10px 0; color: #99937E; font-size: 90%; }
span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
position: absolute;
display: block;
top: -5em;
background: #ffe;
border: 50px solid #ccc;
color: black;
line-height: 1.25em;
}
.sociable span {
display: block;
}
.sociable ul {
display: inline;
margin: 0 !important;
padding: 0 !important;
}
.sociable ul li {
background: none;
display: inline !important;
list-style-type: none;
margin: 0;
padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
float: none;
width: 16px;
height: 16px;
border: 0;
margin: 0;
padding: 20;
}
.sociable-hovers {
opacity: .6;
-moz-opacity: .6;
filter: alpha(opacity=60);
}
.sociable-hovers:hover {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}
/****************************************
yarpp
****************************************/
.related {
padding:10px 0px 0px 0px }
.related ol {
padding:0px 0px 0px 50px }