/*  
Theme Name: Kokoomusopiskelijat Pääsivu
Theme URI: tuhatkunta.fi
Description: Function -teemaan pohjautuva Kokoomuksen Opiskelijaliitto tuhatkunnalle rakennettu Wordpress-teema.
Author: Aki Ahonen	
Author URI: apad.fi
Version: 1.0
Tags: white, black, blue, light, two-columns, threaded-comments, fixed-width, right-sidebar, sticky-post

	This theme was designed and built for the WordPress CMS


*/



/************************************************
*          Resets          *
************************************************/
html, body, div, p, span, h1, h2, h3, h4, h5, h6, img, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, label, input, table, th, td, a
{margin:0; padding:0; border:0; vertical-align:baseline; color:#222;}  
:focus {outline:0;}
body {line-height:1;}
ul, ol {list-style:none;}
h1, h2, h3, h4, h5, h6 {font-size:1em;}



/************************************************
*          General elements       *
************************************************/
body {background:#06507f; url(images/background.jpg) left top repeat-x; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; text-align:center;} 
h1, h2, h3, h4, h5, h6 {font-family:Rockwell, Georgia, Palatino Linotype, Palatino, "Times New Roman", Times, serif;}

a {color:#0D3F6F; text-decoration:none;}
a:hover {color:#222;}
blockquote {font-style:italic; background:#fff; padding:.4em 1em .7em 1em; margin:.7em 0; border:1px solid #004a79;}
code {font-size:1.1em; font-family:"Bitstream Vera Sans Mono", Monaco, "Lucida Console", monospace;}
hr {border:1px solid #004a79;}
pre {overflow:auto; width:500px; background:#dededd; padding:1em 1.5em; margin:1em 0; font-size:1.2em; white-space:pre-wrap; /* css3 */}
dl {}
dt {font-weight:bold;}
dd {padding-left:1em;}

table {margin:.5em 0;}
table th {color:#06507f;}
table td, table th {padding:.5em .7em; vertical-align:top;}
table th {background:#99d7ff; text-transform:uppercase; border-bottom:1px transparent;}
table td {background:#99d7ff; color:#06507f; 
-moz-border-radius: 6px;
  -khtml-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;}
table td.tdwhite {background:#ffffff; color:#06507f;}
table td.tdorange {background:#ff9500; color:#000000;}
table td:strong {color:#000000;}
table tr.even td {background:#99d7ff;}
table td:hover { }

fieldset {padding:1.2em; border:1px dashed #a8ef9d;}
legend {padding:.2em .8em; font-size:1.2em; text-transform:capitalize;}
input, textarea, select {font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; margin:.2em 0; color:#222; font-size:1em; border:1px solid #004a79;}
input, textarea {padding:.3em;}
input.radio, input.checkbox {padding:2px;}
form label {font-weight:bold; display:block;}



/************************************************
*          General       *
************************************************/
#page {background:url(images/headerbg.jpg) top center no-repeat;}
#page_emb {background: #fff; width:520px;}
#wrapper {margin:0 auto; padding:0; text-align:left; width:960px;}
.cleared {clear:both;}



/************************************************
*          Header (and some parts in the footer too)       *
************************************************/
#header {height:152px; padding-bottom:6px;}
#top .topmenu {float:right; width:700px; height:32px;}
#top .topmenu li {float:right; padding: 117px 0em 0 0; line-height:32px; margin:0 .4em 0 0; text-transform:uppercase;}
#top .topmenu li a {color:#ddd; font-size:.6em; text-shadow:0 0 4px #000;}
#top .topmenu li a:hover {color:#fff;}
#top .topmenu li a.rss {background:url(images/rss.gif) left 0px no-repeat; padding-left:17px;}
#top .topmenu li a.fb {background:url(images/fb.png) left 0px no-repeat; padding-left:17px;}
#top .topmenu li a.eng {background:url(images/eng.png) left 0px no-repeat; padding-left:17px;}
#top .topmenu li a.sve {background:url(images/sve.png) left 0px no-repeat; padding-left:17px;}
#top .topmenu li a.fin {background:url(images/fin.png) left 0px no-repeat; padding-left:17px;}

#top .search, #bottom .search {float:right; width:250px; text-align:right; line-height:33px;}
#top .searchform input, #bottom .searchform input {padding:2px 3px;}
#top .searchbox, #bottom .searchbox {width:150px; font-size:.8em; color:#555; border:1px solid #ddd; background:#dcdcdc url(images/formbg.gif) top left repeat-x; border:1px solid #dcdcdc;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#top .searchbox:hover, #bottom .searchbox:hover {color:#111;}
#top .submitbutton, #bottom .submitbutton {font-size:1em; cursor:pointer; background:#505252 url(images/buttonbg.gif) top left repeat-x; color:#efefef; font-size:0.8em; border:none;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#top .submitbutton:hover, #bottom .submitbutton:hover {background:#505252;}

#logo {float:left; width:480px; margin:30px 0 0 0;}
#logo h1 a {color:#eee; font-size:1.9em; font-weight:normal; text-shadow:0 0 1px #666, 0 0 4px #111;}
#logo h1 a:hover {color:#B3D3EA;}
#logo #desc {font-size:.8em; color:#999; margin-top:.3em; line-height:1.3em; text-shadow:0 0 1px #333, 0 0 4px #111;}

#hd{float:none; width:300px; font-size:0.8em; line-height:1.2em;}
#hd ul li.boxed {padding:15px; width:254px; margin-bottom:10px; background:#fff url(images/graygrad.gif) top left repeat-x; border:1px solid #3473a2;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
#hd h3 {font-weight:normal; font-size:1.4em; margin-bottom:10px;}
#hd h2 {text-align:center; font-weight:bold; text-transform:uppercase; font-size:1.6em; margin-bottom:10px; text-decoration: underline;}
#hd ul ul li {margin-bottom:0px;}
#hd ul ul li a {display:block; padding:3px; background:#e1e8ff; color:#222; }
#hd ul ul li a:hover {background:#ffffff; color:#111;}
#hd p {padding:5px 0 5px 0;}
#hd p a {}
#hd p a:hover {background:#dceeff; color:#010101;}
#hd img {border:none; }
#hd ul.children li {margin:8px 20px 8px 20px;}
#hd ul.children {margin-bottom:0;}
#hd td, {padding:8px 8px 8px 8px;}
#hd td {background:#99d7ff; color:#06507f; 
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;}
#hd tr.even td {background:#99d7ff;}
#hd td:hover {background:#ff9500;}

#catnav {font-size:.8em; text-shadow:0 0 1px #aaa, 0 0 5px #fff;}


/************************************************
*          Content      *
************************************************/
#main {padding:12px 0 15px 0; text-shadow:0 0 1px #aaa, 0 0 4px #fff;}
#main_emb {padding:0 0 0 0; text-shadow:0 0 1px #aaa, 0 0 4px #fff; width:520px;}
#content {float:left; width:620px;}
#contentfull {float:left; width:960px;}
#content_emb {float:left; width:520px;}
h2#contentdesc {font-weight:normal; font-size:1em; text-transform:capitalize;}
h2#contentdesc span {color:#225990;}

.archivesbox {padding:15px 20px; margin-bottom:10px; background:#fff url(images/graygrad.gif) top left repeat-x; border:1px solid #d1d1d1;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.post {padding:15px 20px; margin-bottom:10px; background:#fff url(images/graygrad.gif) top left repeat-x; border:1px solid #d1d1d1;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.post_emb {background:#fff; width:520px;}
.sticky {background:none;}
.posttop h2.posttitle a {color:#232323; font-size:1.3em;}
.posttop h2.posttitle a:hover {color:#010101;}
.postmetatop {font-size:0.7em; padding-top:7px; line-height:1.5em; color:#666;}
.postmetatop a {color:#333;}
.postmetatop a:hover {color:#225990;}

.postcontent {margin:.8em 0; font-size:0.8em; line-height:1.5em;}
.postcontent h1 {padding:.8em 0; font-size:1.5em;}
.postcontent h2 {padding:.8em 0; font-size:1.4em;}
.postcontent h3 {padding:1em 0 0 0; font-size:1.3em;}
.postcontent h4 {padding:1em 0 0 0; font-size:1.2em;}
.postcontent h5 {padding:1em 0 0 0; font-size:1.1em;}
.postcontent h6 {padding:1em 0 0 0; font-size:1em;}
.postcontent p {padding:.6em 0 .2em 0;}
.postcontent p a:hover, .postcontent ul a:hover, .postcontent ol a:hover {background:#dceeff; color:#010101;}
.postcontent a.more-link {}
.postcontent ul, .postcontent ol {padding:.4em 0 .5em 2em;}
.postcontent ul li {list-style:disc;}
.postcontent ol li {list-style:decimal;}

.postmetabottom {background:#e1e8ff; padding:10px; font-size:0.75em; line-height:16px; margin-top:15px; border:1px solid #dedede;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.postmetabottom a {color:#444;}
.postmetabottom a:hover {color:#222;}
.postmetabottom .tags {color:#555; float:left; width:385px; background:url(images/tags.gif) left 1px no-repeat; padding-left:20px;}
.postmetabottom .metacomments {float:right; width:130px; text-align:right;}
.postmetabottom .metacomments span {background:url(images/comments.gif) left 3px no-repeat; padding-left:20px;}



/************************************************
*          Navigation      *
************************************************/
#navigation {line-height:1.8em; margin-bottom:10px;}
#navigation a {padding:5px 7px; font-size:.8em; background:#fff; color:#333; border:1px solid #d1d1d1;
   /* optional rounded corners for browsers that support it */
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#navigation a:hover {color:#222; border:1px solid #aaa;}

#navigation .wp-pagenavi a {padding:5px 7px; font-size:.8em; background:#fff; color:#333; border:1px solid #d1d1d1;
   /* optional rounded corners for browsers that support it */
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#navigation .wp-pagenavi a:hover {color:#225990; border:1px solid #aaa;}
#navigation .wp-pagenavi span.pages, #navigation .wp-pagenavi span.current, #navigation .wp-pagenavi span.extend {padding:5px 7px; font-size:.8em; background:#fff; color:#222; border:1px solid #d1d1d1; margin:0 5px 0 0;
   /* optional rounded corners for browsers that support it */
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#navigation .wp-pagenavi span.current {margin:0 2px;}



/************************************************
*          Comments      *
************************************************/
#comments {margin:0 0 15px 0;}
#commentsbox {padding:15px 20px 0px 20px; background:#fff url(images/graygrad.gif) top left repeat-x; border:1px solid #3473a2;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
#comments h3 {font-size:1em; font-weight:normal;}
#comments ul.commentlist li {margin:10px 0 0 0; padding:15px; background:#f0f0f0; border:1px solid #3473a2;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 6px;
  -khtml-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
#comments ul.commentlist li.alt {background:#fff; border:1px solid #ddd;}
#comments ul.commentlist li ul.children li {margin:20px 0 0 20px;}
#comments img.avatar {float:left; margin:0 20px 0 0;}
#comments .commentbody .author {font-size:.9em; margin-bottom:10px;}
#comments .commentbody .author a {border-bottom:1px dashed #666;}
#comments .commentbody .author a:hover {color:#333;}
#comments .commentbody .commentmetadata {font-size:.7em; color:#666; margin-bottom:25px;}
#comments .commentbody .commentmetadata a {color:#666;}
#comments .commentbody em {margin-bottom:10px; color:#333; display:block; font-size:.8em; font-style:normal;}
#comments .commentbody p {font-size:.8em; padding:5px 0 8px 0; line-height:1.4em;}
#comments .reply a {margin-top:5px; padding:5px; line-height:1.3em; font-size:.7em; float:left; background:#fff; color:#222; border:1px solid #3473a2;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#comments .reply a:hover {background:#ccc; color:#000;}
#comments h3#trackbacktitle {padding-top:15px;}
#comments ul.trackback {margin:5px 0 15px 0; padding:15px 20px 1px 20px; background:#f0f0f0; border:1px solid #3473a2;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 6px;
  -khtml-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
#comments ul.trackback li {margin-bottom:12px; font-size:.85em;}
#comments ul.trackback li .commentbody .author {margin:0;}
#comments a#cancel-comment-reply-link {display:block; padding:8px 0;}
#comments a#cancel-comment-reply-link:hover {color:#ccc;}
#comments p.nocomments {font-size:.8em; line-height:1.2em; padding:5px 0;}

#comments #respond {margin-top:15px; padding:15px 20px; background:#fff url(images/graygrad.gif) top left repeat-x; border:1px solid #3473a2;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
#comments #respond h3 {padding-bottom:15px;}
#comments #respond p {padding:.4em 0 0 0;}
#comments #respond p label {font-size:.8em; font-weight:normal;}
#comments #respond input {padding:5px; width:200px; background:#eee; font-size:.8em; border:none; border:1px solid #3473a2;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#comments #respond textarea {width:500px; padding:10px; background:#eee; font-size:.8em; border:none; border:1px solid #3473a2;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#comments #respond .submitbutton {color:#eee; background:#505252 url(images/buttonbg.gif) top left repeat-x; padding:6px;  border:1px solid #aaa; line-height:1.4em; font-size:.8em; width:auto;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#comments #respond .submitbutton:hover {cursor:pointer; color:#fff; border:1px solid #666;}
#comments #respond p.subscribe-to-comments label {display:inline; margin-left:4px;}



/************************************************
*          Sidebar       *
************************************************/
#sidebar {float:right; width:330px; font-size:0.8em; line-height:1.2em;}
#sidebar ul li.boxed {padding:15px; margin-bottom:10px; background:#fff url(images/graygrad.gif) top left repeat-x; border:1px solid #3473a2;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
#sidebar h3 {font-weight:normal; font-size:1.4em; margin-bottom:10px;}
#sidebar ul ul li {margin-bottom:8px;}
#sidebar ul ul li a {display:block; padding:3px; background:#e9e9e9; color:#222;
   /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#sidebar ul ul li a:hover {background:#ffffff; color:#111;}
#sidebar p {padding:5px 0 5px 0;}
#sidebar p a {}
#sidebar p a:hover {background:#dceeff; color:#010101;}
#sidebar img {border:none; }
#tag_cloud a, .widget_tag_cloud a {display:inline;}
#tag_cloud a:hover {color:#333;}
li#tagbox a:hover {color:#333;}
#sidebar ul.children li {margin:8px 0 0 0;}
#sidebar ul.children {margin-bottom:0;}



/************************************************
*          Footer       *
************************************************/
#footerwrapper {background:#06507f url(images/footerbg.gif) left top repeat-x; text-shadow:0 0 2px #fff;}
#bottom {padding-top:6px;}
#bottom .botmenu {float:left; width:700px;}
#bottom .botmenu li {float:left; padding:0 2.1em 0 0; line-height:32px; margin:0 .4em 0 0; text-transform:uppercase;}
#bottom .botmenu li a {color:#999; font-size:.6em;}
#bottom .botmenu li a:hover {color:#efefef;}
#bottom .botmenu li a.rss {background:url(images/rss.gif) left 0px no-repeat; padding-left:17px;}

#footer {margin:0 auto; padding:0; text-align:left; width:960px; color:#ddd;}
#footer div {color:#ddd;}
#footer span {color:#666;}
#footerwidgets {margin-top:0px;}
#footerwidgets p {font-size:.75em; padding:0 0 1em 0;}
#footerwidgets ul li ul {margin-top:5px;}
#footerwidgets label {color:#06507f; font-size:.8em;}
#footer .foot1 {float:left; width:215px; margin:10px 0 0 0; display:inline;}
#footer .foot2 {float:left; width:215px; margin:10px 35px 0 35px;}
#footer .foot3 {float:left; width:215px; margin:10px 35px 0 0;}
#footer .foot4 {float:left; width:210px; margin:10px 0 0 0;}
#footer h3 {font-weight:normal; font-size:1.3em; margin-bottom:1em; color:#eee;}
#footer h3 a {color:#eee;}
#footer h3 a:hover {color:#fff;}
#footer a {color:#06507f;}
#footer a:hover {color:#fff;}
#footer p {line-height:1.5em; color:#06507f; padding:.3em 0 .7em 0; font-size:.8em;}
#footer ul li {margin-bottom:20px; color:#06507f;}
#footer ul ul li {line-height:1.2em; margin-bottom:8px; font-size:.8em;}

#credits {margin-top:.5em; border-top:1px solid #222; padding:.5em 0; text-transform:uppercase;}
#footer #credits p {line-height:1em; color:#555; font-size:7pt;}
#footer #credits a {color:#555; text-decoration:none;}
#footer #credits a:hover {color:#ccc;}
#credits #creditsleft {float:left; width:740px;}
#credits #creditsleft .footmenu li {float:left; padding:.4em 1.5em 1em 0; margin:0 .4em 0 0; line-height:1.6em; font-size:7pt;}
#credits #creditsright {float:right; width:200px; text-align:right;}



/************************************************
*          WP related          *
************************************************/
.alignleft {float:left; margin:10px 15px 6px 0;}
.alignright {float:right; margin:10px 0 6px 15px;}
.aligncenter, div.aligncenter {margin:10px auto; text-align:center; display:block;}

img.alignleft {float:left; margin:10px 15px 6px 0;}
img.alignright {float:right; margin:10px 0 6px 15px;}
img.aligncenter {margin:10px auto; text-align:center; display:block;}

.wp-caption {text-align:center; background:#eee; border:1px solid #ddd; padding-top:6px;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  }
.wp-caption img {padding:0; margin:0; border:0 none;}
.wp-caption img:hover {border:0 none;}
.wp-caption p.wp-caption-text {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;}