/* 

Theme Name: 3CLR Green

Theme URI: http://www.easywebtutorials.com/blogging-tutorial/themes.php

Description: Web 2.0 look with 3 columns, 2 sidebars on the right side.

Version: 1.6

Author: Guido W. Stiehle

Author URI: http://www.easywebtutorials.com/

*/





body {

	text-align: center;

font-family : verdana, arial;

font-size : 13px; 

  	color: #000;

background: #e4e4e4 url(images/bg.png);

	background-repeat : repeat-x; 



}



/* ################################## 

	LAYOUT STYLES

   ################################## */



#container {

	text-align: left;

	width: 960px;

	margin:-8px auto;
    position:relative;

	background: url(images/content-back.gif) repeat-y;

	



}



#header {

     width: 950px;

        height: 60px;

	padding: 0;

	margin: 0 auto;

	background: url(images/logo.png) no-repeat;

}



#logo {margin-left:10px; float:left; }











#tmleft {

	position: absolute; top: 0; left: 0;

	height: 30px; width: 10px;

	background: url('images/boxleft-green-30.png') no-repeat;

}



#tmright {

	position: absolute; top: 0; right: 0;

	height: 30px; width: 10px;

	background: url('images/boxright-green-30.png') no-repeat;

}



#tmcenter {

	position: absolute; top: 0; left: 10px; z-index: 1;

	height: 30px; width: 900px;

	background: url('images/boxbg-green-30.png') repeat-x;

}



#wrapper {

	float: left;

	width: 970px;

	margin-bottom: 2px;

}



#content { 

        width: 62%; /* container width - leftmenu width - rightmenu width - 10px */

	margin-right: 215px;  /* leftmenu width + 5px */

	margin-left: 10px;   /* rightmenu width + 5px */

	background-color: #FFFFFF;

	padding: 0;

	border-right:1px solid #eee;

	

}



.post img {max-width:100%;} 



#contenttop {

	height: 6px;



	background-repeat: no-repeat;

	margin: 0; padding: 0;

}



#contentmiddle {



	background-repeat: repeat-y;

	margin: 0; 

	padding: 5px 15px;

}



* html body #contentmiddle { margin-top: -11px; }  /* for IE 6 and lower */



#contentbottom {

	height: 6px;



	background-repeat: no-repeat;

	margin: 0; padding: 0;

}



#leftmenu {

	float: right;

	width: 338px;

	margin-top:10px;

	margin-left:-1020px;

	background: url(images/sidebar.png) no-repeat;

	height:800px;

}



#rightmenu {

	float: left;

	width: 300px;

	top:15px;

	margin-left:-335px; /* negativ value of rightmenu width */

	position:relative;


	background:#fff;

	

	

}



#footer {

	clear: both;

	width: 950px;

	height: 60px;

	background-color: #36393d;

	padding: 0;

	margin: 0px 0;

	margin-left:5px;

	position: relative;

}





.box {

	position: relative;

	border: 1px solid #33AA33;

	padding: 5px 10px;

	margin-bottom: 5px;

}





/* ################################## 

	GENERAL TEXT STYLES

   ################################## */

   



/* - -  Headings  - - */



h1, h2, h3, h4 {

	font-family: Lucida, Times, serif;

	color: #000;

}



h1 {

  	font-size: 24px;

  	margin: 5px 0;

	color:#333;

}



h2 {

	font-weight: normal;

  	font-size: 20px;

  	margin: 5px 0;

}



h3 {

  	font-size: 18px;

  	margin: 5px 0;

}



h4 {

	font-size: 16px;

	margin: 3px 0;

}



/* - - Hyperlinks - - */



a:link	{ 

	text-decoration: underline; 

	color: #1E4772;

}



a:visited { 

	text-decoration: underline; 

	color: #1e4772;

}



a:hover { 

	text-decoration: underline; 

	color: #33AA33; 

}



a img {

	border: none;

}





/* - -  Paragraphs and List Items - - */





p, li {

	font-family: Verdana, Arial, Sans-Serif;

	color: #000000;

}



li {

	margin-bottom: 3px;

}



/* - -  Misc. Elements - - */





acronym, abbr {

	border-bottom: 1px dashed #33AA33;

}



acronym, abbr, span.caps {

	cursor: help;

	font-size: 90%;

}



blockquote {

	margin-left: 3px;

	padding: 10px;

	border-left: 2px solid #33AA33;
	font-style:italic;

}



cite {

	font-size: 90%;

}





/* ##################################

	HEADER STYLES 

   ################################## */



#header a img {

	border: none

}



#sitelogo {

	position: absolute;

	top: 10px;

	left: 10px;

}



.blogname {

	font-family: Verdana, Tahoma, sans-serif;

	font-size: 30px;

	color: #33AA33;

	margin-bottom: 10px;

}



.blogname a:link, .blogname a:active, .blogname a:visited {

	color: #33AA33;

	text-decoration: none;

}



.blogname a:hover {

	color: #33AA33;

	text-decoration: none;

}



.blogslogan {

	font-family: Verdana, Tahoma, sans-serif;

	font-size: 18px;

	color: #006600;

}



#headernav {

bottom:5px;

    background : url(images/top-background.png) no-repeat; 

margin-right : -5px; 

height : 36px;

width:960px;

	margin: 0 auto;

	

}



#hn {

	list-style-type: none;

	margin: 0;

	padding: 0;

	margin-left:15px;

}



#hn ul, #hn ul ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

}



#hn li {

	float: left;

        margin: 7px 3px 0 0;

	padding: 3px 8px 3px 8px;

	font-size: 11px;

	position: relative;

border-right: 1px solid #ccc;

}



#hn li a {

	display: block;

	color: #555;

	text-decoration: none;

	font-normal: bold;

}



#hn li a:hover {

	color: #000;

}







#hn li ul {

	position: absolute;

	left: -1000px;

	width: 180px;

}

	

#hn li ul ul {

	margin: 0 0 0 180px;

}



#hn li:hover ul ul, #hn li.sfhover ul ul {

	left: -1000px;

}

	

#hn li:hover ul, #hn li.sfhover ul {

	top: 20px;

	left: -1px;

	}

	

#hn li li:hover ul, #hn li li.sfhover ul {

	top: 0;

	left: 0;

	}

	

#hn li li {

	border: 1px solid #33AA33;

	background: #B4E9B3;

        margin: 0 0 -1px 0;

	padding: 0;

	font-size: 12px;

	width: 180px;

}



#hn li li a {

	display: block;

	padding: 4px 8px 4px 8px;

	background: #B4E9B3;

}



#hn li li a:hover {

	color: #33AA33;

}



#headersearch {

   float:right;

	margin-top: 18px;

	margin-right: 10px;

}



#headersearch .searchform, #tmsearch .searchform { padding: 0; margin: 0; }



#headersearch .searchform input.si, #tmsearch .searchform input.si {

	border: 1px solid #ccc;
	color: #006600;
     margin-right:5px;
	padding: 2px;

}



#headerfeedicon {

	position: absolute;

	top: 10px;

	right: 0px;

}



/* ##################################

	TOP MENU STYLES 

   ################################## */



#tmfeedicon {

	position: absolute;

	right: 20px;

	bottom: 3px;

}



#tmsearch {

	position: absolute;

	right: 70px;

	bottom: 3px;

}



#tmads {

	position: absolute;

	left: 20px;

	top: 3px;

}



#tmlinks {

	position: absolute;

	left: 20px;

	bottom: 7px;

}



#tn {

	list-style-type: none;

	margin: 0;

	padding: 0;

}



#tn ul, #tn ul ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

}



#tn li {

	float: left;

        margin: 0;

	padding: 0 14px 0 0;

	font-size: 12px;

	position: relative;

}



#tn li a {

	display: block;

	color: #006600;

	text-decoration: none;

	font-weight: bold;

}



#tn li a:hover {

	color: #33AA33;

}



#tn li ul {

	position: absolute;

	left: -1000px;

	width: 180px;

}

	

#tn li ul ul {

	margin: 0 0 0 180px;

}



#tn li:hover ul ul, #tn li.sfhover ul ul {

	left: -1000px;

}

	

#tn li:hover ul, #tn li.sfhover ul {

	top: 14px;

	left: -1px;

	}

	

#tn li li:hover ul, #tn li li.sfhover ul {

	top: 0;

	left: 0;

	}

	

#tn li li {

	border: 1px solid #33AA33;

	background: #FFFFFF;

        margin: 0 0 -1px 0;

	padding: 0;

	font-size: 12px;

	width: 180px;

}



#tn li li a {

	display: block;

	background: #FFFFFF;

	padding: 3px 10px 3px 10px;

}



#tn li li a:hover {

	color: #33AA33;

}



/* ##################################

	MAIN CONTENT COLUMN STYLES

   ################################## */

  

#indexheading {

	margin: 5px;

}



.indexsubheading {

	margin: 5px;

	padding-top: 15px;

	border-top: 1px dotted #ccc;

}



.post, .comments-post {

	margin: 0;

	padding: 0 0 5px 0;

	overflow: hidden;

}



.storytitle {

	font-size: 22px;

	margin-top: 10px;

	margin-bottom: 2px;

	font-weight:bold;

}



.storytitle a:link, .storytitle a:active, .storytitle a:visited {

	font-weight: bold;

	color: #333;

	text-decoration: none;

}



.storytitle a:hover {

	color: #444;

	text-decoration: underline;

}



.meta {

	font-size: 11px;

	margin-bottom: 2px;

}



.meta li, ul.post-meta li {

	display: inline;

}



.meta ul {

	display: inline;

	list-style: none;

	margin: 0;

	padding: 0;

}



.meta, .meta a {

	color: #555;

	font-weight: normal;
	text-decoration:none;

}



.feedback {

	font-size: 11px;

}



.storycontent {

	line-height: 130%;

}



.storycontent p {

}



ul.post-meta {

	list-style: none;

}



ul.post-meta span.post-meta-key {

	font-weight: bold;

}



#posttags {

	padding: 0;

}



#socialize {

}



#postsnavlink {

	text-align: center;

	padding: 0px 0;

	margin: 0

}



/* ######  The Comments ##### */



#comments h3 {

	font-size: 14px;

	font-family: Verdana, Tahoma, sans-serif;

	padding-top: 10px;

	text-decoration: underline;

}



#comments p {

	line-height: 130%;
	

}



#commentlist li {

	background: url('images/commentslink.png') no-repeat;

	padding-left: 20px;

	margin: 5px 10px 5px -10px;

	border-bottom: 1px dotted #ccc;
	

}





/************************************************
*	Comments									*
************************************************/
	.comment-sm{ padding: 5px 2px 5px 37px; background: url(images/comment-sm.gif) no-repeat 10px 5px; text-align: left; height: 1%; margin: 0;}

.comment-head{
width:90%;
padding-left:20px;
font: normal 11px/19px verdana, serif;
}


#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #f0f2f3;
	border: 1px #d5d6d7 solid;
	padding: 5px;
	color:#434343;
	
}

.comment {
	line-height:180%;
	margin: 10px 0px 10px 0px;
	border-bottom: 1px solid #dadcdb;
}

.commenttop {
	font-size:10px;
	padding:10px 0px 10px 7px;
	height:20px;
	background: #EFEFEF;
	font-size:12px;
}

.comment a, .comment a:visited {
	color:#555;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
}

.comment a:hover {
	border-bottom:1px dotted #1c7e08;
}

.commenttext {
	font-size:12px;
	padding:7px;
	line-height:175%;
	color:#434343;
	position:relative;
	background: #fafafa;
}

.commenttext p {
	margin:7px;
}

.commenttext blockquote {
	color:#f0f1f3;
	padding:5px;
	background:transparent;
}
#ratingcomment {background:#fafafa; border-bottom: 1px solid #eee;}
.navigation {
	display: block;
	text-align: right;
    
}


	
textarea{
border:1px solid #999;
}	

input{
border:1px solid #999;
background:#f0f0f0;
}	











/* ################################## 

	SIDEBAR STYLES

   ################################## */



.nav {

  	padding: 0;

	

}



/* - - Search Form - - */



.nav form {

	margin: 0;

	text-align: center;

}



.nav input#s {

	width: 90%;

	border: 1px solid #ccc;

	color: #006600;

}



/* - - List Styles - - */



.nav ul {

	color: #1e4772;

	list-style-type: none;

	margin: 0;

	padding: 0;

	text-transform: none;

}





/* ####  Left Sidebar Styles ### */



/* - - Subheadings - - */



#leftmenu .nav ul li h2, #leftmenu .nav ul li h3, #leftmenu .nav ul li h4 { 



	height: 25px;

	color:#333;

	font-size: 15px;

	font-weight: bold;

	line-height: 25px;

        font-family: Verdana, Tahoma, sans-serif;

        text-align: left;

		

	padding: 0;

}



/* - -  List Items (Sidebar Widgets) - Borders and Backgrounds - - */





  

#leftmenu .nav ul ul {



	background-repeat: repeat-y;

	list-style-type: none;

	margin: 0;

	text-align: left;

	padding: 5px 7px 0 7px;

	overflow: hidden;

}



#leftmenu #calendar_wrap, #leftmenu .textwidget, #leftmenu .customwidget {

	background-color: #FFFFFF;

	background-image: url('images/widgetbg-green-210.png');

	background-repeat: repeat-y;

	margin: 0;

	padding: 0 7px;

	overflow: hidden;

}





/* ####  Right Sidebar Styles ### */



/* - - Subheadings - - */



#rightmenu .nav ul li h2, #rightmenu .nav ul li h3, #rightmenu .nav ul li h4 { 

border-bottom:1px solid #ddd;

border-top:1px solid #ddd;

border-right:1px solid #ddd;

border-left:1px solid #ddd;

	height: 25px;

color: #044C84;

font-size: 12px;

font-weight: bold;

line-height: 25px;

font-family:Tahoma, sans-serif;

text-align: center;

margin: 0;

padding: 0;



	}



/* - -  List Items (Sidebar Widgets) - Borders and Backgrounds - - */





#subscribe {font-size:12px; color:#999;border:1px solid #eee; height:140px;background:#fafafa;}

.subscribetext {padding-left:10px; margin-bottom:5px; margin-left:3px;margin-top:10px;}

.subscriberss {line-height:35px; font-size:16px; border-bottom:1px solid #eee; padding-left:8px;}

.subtext { background:url(images/feed.png) left center no-repeat; padding-left:37px; padding-bottom:5px;}

.twitter {line-height:35px; margin-bottom:15px; font-size:18px;border-bottom:1px solid #eee;}

.twittext { background:url(images/twitter.gif) left no-repeat; padding-left:42px;}

.subscribemail {margin-bottom:10px; font-size:11px; font-family:Arial, Helvetica, sans-serif;margin-left:8px;}

.subscribeinput{border:1px solid #CCC; width:190px; padding:3px;margin-left:6px;}

.subscribesubmit{ background:#1e4772; color:#fff; border:1px solid #FFF; font-family:Arial, Helvetica, sans-serif; padding:3px; width:70px; -moz-border-radius:5px;}


#rightmenu .nav ul li h2, #rightmenu .nav ul li h3, #rightmenu .nav ul li h4 { 
border-bottom:1px solid #ddd;
border-top:1px solid #ddd;
border-right:1px solid #ddd;
border-left:1px solid #ddd;
height: 25px;
color: #333;
text-align:center;
font-size: 12px;
font-weight: bold;
margin: 0;
list-style-type:none;
padding-top:3px;

	}
	
#rightmenu .nav ul li {

margin-bottom: 15px;
text-decoration:none;
}



  

#rightmenu .nav ul ul {


	margin: 0;

	padding: 4px 0px 0 0px;

	text-align: left;

	overflow: hidden;

	border-right: 1px solid #EAEBE4;

	border-left: 1px solid #EAEBE4;

	border-bottom:1px solid #ddd;
    


}

#leftmenu .nav ul li, #rightmenu .nav ul li{

	font-size: 12px;

	line-height: 130%;

	background:#fafafa;

 list-style-type:none;

	



	

}



#leftmenu .nav ul ul li , #rightmenu .nav ul ul li  {

	border: 0;

	background-image: none;

	font-size: 12px;

	line-height: 110%;

	font-family: Verdana, Tahoma, sans-serif;

	margin-bottom: 8px;

	padding: 0;

	padding-right:5px;

	margin-left:10px;

		list-style:none;


}

.nav ul ul li a.sbrss {

	height: 14px; padding-left: 18px; margin-bottom: 5px;

	background-image: url('images/feed-icon-14x14.png');

	background-repeat: no-repeat;

}



.nav ul ul li#sbgoogle {

	width: 100%; height: 20px; margin-bottom: 3px;

	background-image: url('images/addgoogle.gif');

	background-repeat: no-repeat;

}



.nav ul ul li#sbyahoo {

	width: 100%; height: 20px; margin-bottom: 3px;

	background-image: url('images/addmyyahoo.gif');

	background-repeat: no-repeat;

}



.nav ul ul li#sbmsn {

	width: 100%; height: 20px; margin-bottom: 3px;

	background-image: url('images/addmymsn.gif');

	background-repeat: no-repeat;

}



.nav ul ul li#sbtechnorati {

	width: 100%; height: 20px; margin-bottom: 3px; 

	background-image: url('images/addtechnorati.gif');

	background-repeat: no-repeat;

}



.nav ul ul li#sbbloglines {

	width: 100%; height: 20px; margin-bottom: 3px;

	background-image: url('images/addbloglines.gif');

	background-repeat: no-repeat;

}
#leftmenu .nav a:link, #leftmenu .nav a:visited, #rightmenu .nav a:link, #rightmenu .nav a:visited {

	color: #555;

	text-decoration: none;

	position: relative;

    

	



	}



#leftmenu .nav a:hover, #rightmenu .nav a:hover {

        color: #146eb4;

	text-decoration: none;

}

#related_posts_thumbnails {
list-style-type: none;
list-style-position: inside;
padding: 0pt;
margin: 0pt;
}

#related_posts_thumbnails li {
float: left;
margin: 0pt;
padding: 5px;
display: block;
background-color: #FFFFFF;
}

#related_posts_thumbnails li:hover {
background-color: #EEEEEF;
}

#related_posts_thumbnails li a {
border: 0pt none;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
}

#related_posts_thumbnails li a+a {
display: block;
width: 90px;
overflow: hidden;
height: 60px;
color: #333333;
text-decoration: none;
font: 12px Arial;
}

#related_posts_thumbnails h3 {
font: 12px Arial;
}

#related_posts_thumbnails img {
padding:3px;
margin: 0px;
width:80px;
border: 2px solid #eee;
height:60px;
}
#headerbanner {float:right; display:block;margin-top:-56px;}
#linkunit{float:left;margin-left:15px;
background:#fafafa; width:944px;margin-right:15px;
border:1px solid #f4f4f4;
}





/* ##################################

	FOOTER STYLES

   ################################## */





#footer p {

  	margin: 0;

        padding: 10px 0 0 0;

        text-align: center;

		font-size:11px;

		color:#ccc;

		margin-left:10px;

	}

	

#footer a {
	color: #fff;
	font-style: normal;
	font-size:12px;
	text-align:center;
	}



#footer a:hover{ color:#eee; }

		

		

.credit {

  	font-size: 11px;

  	color: #666666;

  	text-align: right;

  	margin-bottom: 0;

}



.credit a {

	color: #fff;

	text-decoration: none;

}











#banner {float:right;margin-right:2px;}



#about{

	height: 150px;

	overflow: hidden;

	background: url(images/about.png) no-repeat;

	border: 1px solid #ccc;

}



#about p{

	padding: 5px 11px 11px 100px;

	line-height: 17px;

	font-size:12px;

}






#bigad {float:left; width:336px; height:280px; margin-right:10px;}





/*-- Related Posts plugin settings --*/

.rel-posts {

	margin:0 0 10px;

	padding:0 0 10px;

}

.rel-posts ul {

	margin-left: 0px;

}



.rel-posts li {

	list-style-type:none;

	font-size:12px;

	background-image:url(images/read-more-icon.gif);

	background-repeat:no-repeat;

	background-position:left top;

	margin:0;

	padding:2px 0 2px 15px;

	position: relative;

	line-height: 13px;

}

#content .rel-posts a {

	color: #1E4772;

}


.adver {color:#ccc; font-size:11px;margin-bottom:6px;}
#adtop {margin-right:10px;float:left;}
#singletop {width: 300px; height:300px;}
#ratingtop: {float:right;width:180px;}
#commentratings {float:right;}
#commentratings li{list-style:none; }
#commenttext {float:left;}

#contentend {border-top:2px solid #ccc;}
#rightbox  {width:196px;height:250px;float:right;margin-right:20px; margin-top:-10px;border-left:1px solid #eee;margin-left:10px;margin-bottom:20px;border-bottom:1px solid #eee;}

#banding {height:25px;background:#36393d; }
#positive {color:#eee;padding-top:5px;margin-left:8px;float:left;padding-right:4px;width:130px;}
#divider {color:#ccc;float:left; padding-top:5px;padding-left:4px;}
#negative {color:#eee;margin-top:-16px;width:415px;float:right;position:relative;margin-left:8px;}
#vendor {float:right;width:290px;;}
#vendor a{float:right;color:#eee;padding-top:5px;width:265px;text-decoration:none;}
#divider2 {color:#eee;float:left; padding-top:5px;padding-left:4px;}
.lcp_catlist {font-weight:normal;line-height:20px;list-style-type: none;}

#branding {height:130px;float:right;width:200px;font-family:tahoma;font-size:14px;}
#positive1 {color:#36393D;padding-top:15px;margin-left:30px;float:left;padding-right:4px; width:155px;padding:5px;}
#divider1 {color:#ccc;float:left; padding-top:5px;padding-left:4px;}
#negative1 {color:#36393D;position:relative;margin-left:30px;width:150px;padding:5px;}
#vendor1{float:left;width:100px;margin-left:20px;}
#vendor1 a{float:left;color:#FF1A00;padding-top:15px;margin-left:16px;width:190px;font-size:16px;font-weight:bold;}
#divider21 {color:#eee;float:left; padding-top:5px;padding-left:4px;}

.wp-post-image {float:left;margin-right:10px;}

#adcat {margin-left:30px;}

.recent 
	margin-left: 10px;
	
}
.recent li {
	padding: 1px 0;
}

.other {
	margin: 10px 0;
	background: url(images/smalldot.gif) repeat-x;
	padding-top: 10px;
	
}
.other .recent li {
	list-style: none;
	padding: 3px;

	
}
.other .recent li a {
	background: #fff url(images/bullet_green.gif) no-repeat center left;
	padding: 0 0 0 12px;
	color: #1E4772;
	font-weight:normal;
	
}
#adlisting {float:right;}

/* Thumbnails */
.wp-post-image {
	float: left;
	width: 160px;
	height: 100px;
	margin: 0 15px 10px 0;
	padding: 4px;
	border: 1px solid #ccc;
	background: #fff;
	}

	.reviewcount, .visitsite, .visitsite_single {
	float: right;
}

.reviewcount a:link, .reviewcount a:visited {
	display: block;
	margin-top: 20px;
	margin-right:20px;
	padding: 1px 3px;
	background: #f3f2ed;
	font-family: Arial;
	font-size: 8pt;
	color: #069;
	text-decoration: none;
	font-weight: bold;
}


/*  #################################

	CALENDAR STYLES

    ################################# */