/*
Theme Name: Tapiola blog
Theme URI: http://tapiola.fi/
Description: Tapiolan blogiteema
Version: 1.7
Author: Jukka Lariola
Author URI: http://www.loylymedia.fi/
Tags: 

*/

/* BEGIN CLEARING AND HELPERS */

* {margin: 0; padding: 0; border: 0; }
.clear {line-height: 0; height: 0; visibility: hidden; clear: both;}
.alignright {float: right; margin: 0 0 0 20px;}
.alignleft {float: left; margin: 0 20px 0 0 ;}

/* END CLEARING AND HELPERS */


/* BEGIN MAIN STYLES */
html, body {height: 100%;}
body {color: #333; font: normal 12px Verdana,Arial,Helvetica,sans-serif; background: #e8e7e8;}
#header h1 a {width: 176px; height: 74px; text-indent: -9999px; background: url(images/logo.gif) no-repeat top left; position: absolute; top: 25px; left: 10px; display: block;}
h1, h2, h3, h4, h5, h6 {font-family: Arial,Helvetica,Verdana,sans-serif; font-weight: normal; }
a:link, a:visited, a:active{text-decoration: none; color: #3C8A2E;}
a:hover {text-decoration: underline;}
	body h2 a:visited{color: #00B2A9; }

	#content h2 {color: #3C8A2E; font-size: 24px;}
	#content h3 {color: #3C8A2E; font-size: 18px;}

#container {width: 900px; padding: 0 10px 0 10px;  margin: 0 auto; position: relative; background: #e8e7e8 url(images/bg.gif) repeat-y;}
#header {width: 900px; height: 60px;  }

#contentcontainer {width: 900px; padding: 25px 0 100px 0; background: url(images/content_bg.gif) repeat-x;  }
.primarycolor {color: #3C8A2E;}

.primarytextcolor {color: #333;}
.secondarytextcolor {color: #777;}

p, h2, h3, h4{margin: 0 0 12px 0;}
blockquote {margin: 10px 10px 15px 50px; width: 490px; border: 0px solid #ddd; padding: 15px; background: url(images/blockquote_bg.gif) no-repeat top left; color: #999; font-family: Georgia, Serif; font-style: italic; font-size: 20px;  }
blockquote p {line-height: 32px;}
small {color: #999; font-family: Georgia, Serif; font-style: italic; }


#search {float: right; /*top: 65px; right: 35px;*/ clear: left; margin: 0 15px 0 0; display: block; width: 280px; height: 50px;}	
#content {width: 580px; padding: 40px 0 15px 20px; float: left; }
	#content p {line-height: 18px;}
	#content ul {margin: 10px 0 12px 25px;}
#sidecontent {width: 240px; padding:40px 20px 0 35px; float: left; }
#footer {padding: 20px; background: #3C8A2E url(images/bg_gradient.png) repeat-x; border-top: 1px solid #3C8A2E; }
	#footer{width: 860px; margin: 0 auto; text-align: center; color: #fff;}
	

a.more {display: none; padding: 3px 6px; font-size: 12px; background: #3C8A2E url(images/bg_gradient.png) repeat-x; border: 1px solid #3C8A2E; color: #fff; margin: 10px 0;}

div.meta {width: 100px; float: right; margin: 0 0 0 20px; }
span.date{color: #3C8A2E; font-style: normal;}
small.date_time {margin: -5px 0 4px 0; display: block;}
div.authorinfo {padding: 15px; width: 550px; border: 1px solid #eee; color: #666;}
	html body #content div.authorinfo h3 {color: #666;}
img.large_author_image {float: right; margin: 0 0 0 25px;}


/* END MAIN STYLES */


/* BEGIN MENU */

ul#menu {width: 640px; float: right; margin: -15px 15px 0 0 ; list-style: none;  }
	ul#menu li { float: left; text-align: center; list-style: none;}
	ul#menu li a {display: block; width: 90px; margin: 4px; border-bottom: 3px solid #3C8A2E; color: #3C8A2E; text-decoration: none; padding: 15px 15px 0px 15px; }
	ul#menu li a:hover {color: #333; border-color: #333;}

/* END MENU */


/* BEGIN SIDECONTENT */


#sidecontent li h2.widgettitle {background: #3C8A2E url(images/sidebar_heading_bg.png) no-repeat top left; width: 225px; height: 25px; padding: 5px 0 0 15px; color: #fff; margin-bottom: 8px; margin-left: -10px; font-size: 18px;}
#sidecontent li {margin-bottom: 26px; list-style: none; padding: 0 10px 0 15px; }
#sidecontent li li {margin-bottom: 8px; padding: 0 10px 0 15px;}

/*#sidecontent li.widget_categories h2.widgettitle {background-color: #DF668A;}
#sidecontent li.widget_text h2.widgettitle {background-color: #00B2A9;}
#sidecontent li.widget_archive h2.widgettitle {background-color: #00A1DE;}*/

/* END SIDECONTENT */

/* BEGIN SEARCH */
#header input#searchsubmit {color: #fff; background: #3C8A2E url(images/button_bg.gif) repeat-x bottom left; padding: 3px; display: inline;}
#header input#s {background: #fff url(images/short_gray_grad.gif) repeat-x; color: #333;border: 1px solid #3C8A2E;  padding: 3px; display: inline;}
#header #search label {color: #ddd; visibility: hidden;}
/* END SEARCH */

/* BEGIN COMMENTS */
form#commentform textarea, form#commentform input {background: #fff url(images/short_gray_grad.gif) repeat-x; border: 1px solid #ccc;  padding: 3px; }
form#commentform input#submit {color: #fff; background: #3C8A2E url(images/button_bg.gif) repeat-x bottom left; padding: 3px;}
form#commentform textarea {width: 540px;}

ol.commentlist li {list-style: none; padding: 10px;}
ol.commentlist li img {visibility: hidden; height: 0; width: 0;}
ol.commentlist li.byuser img,  ol.commentlist li.bypostauthor img{visibility: visible; float: left; margin: 0 10px 0 0;height: 50px; width: 50px;}
ol.commentlist li.byuser {border: 1px solid #eee;}
ol.commentlist li.bypostauthor {border: 1px solid #3C8A2E;}


ol.commentlist li.comment {margin-bottom: 15px;}

/* END COMMENTS */