/* 

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-size: 90%;
font-family: arial, sans-serif; 
  	color: #333;
background: #fff;
background-repeat : repeat-x; 
}



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

	LAYOUT STYLES

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



#container {
text-align: left;
font-family: arial, verdana, sans-serif; 
  	color: #333;
	width: 960px;
margin:-8px auto;
position: relative;

	



}



#header {

     width: 950px;

        height: 60px;

	padding: 0;

	margin: 0 auto;


}



#logo {margin-left:20px; padding-top:6px;}







#topmenu {

        width: 1024px;

        height: 30px;

	background-color: #FFFFFF;

	padding: 0;

	margin: 0 0 5px 0;

	position: relative;

}



#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;
	margin-top:10px;

	

}



.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:-340px; /* negativ value of rightmenu width */

	position:relative;

	margin-right:10px;

	background:#fff;

	

	

}



#footer {

	clear: both;

	width: 951px;

	height: 60px;
border-top: 1px solid #ccc;

	padding: 0;

	margin: 0px 0;

	margin-left:4px;

	position: relative;

}






.box {

	position: relative;

	border: 1px solid #33AA33;

	padding: 5px 10px;

	margin-bottom: 5px;

}





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

	GENERAL TEXT STYLES

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

   



/* - -  Headings  - - */

h1, h2, h3, h4 {

	color: #000;

}



h1 {

  	font-size: 24px;

  	margin: 5px 0;

	color:#333;

}



h2 {

	font-weight: normal;

  	font-size: 1.5em;

  	margin: 5px 0;

}



h3 {

  	font-size: 1.2em;
        
  	margin: 5px 0;

}



h4 {

	font-size: 1em;
       
	margin: 3px 0;

}



/* - - Hyperlinks - - */



a:link	{ 

	text-decoration: underline; 

	color: #0000ff;

}




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: 5px;

}



/* - -  Misc. Elements - - */





acronym, abbr {

	border-bottom: 1px dashed #33AA33;

}



acronym, abbr, span.caps {

	cursor: help;

	font-size: 90%;

}



blockquote {
	margin: 1em 1em;
	padding: .5em 1em;
	border-left: 5px solid #ccc;
	background-color: #fafafa; }
blockquote p {
margin: 0; }



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;

}


#navbar { height:10px; background:#eee;}
#headernav {

background:#FAFAFA; 

height : 26px;

width:910px;
margin-top:20px;
border: 1px solid #f0f0f0;
margin-left:15px;

}



#hn {

	list-style-type: none;
	margin: 0px 0px 0px -35px;
}



#hn ul, #hn ul ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

}



#hn li {

	float: left;

    margin: 3px 0px 0 0;

	padding: 3px 8px 3px 8px;

	font-size: 12px;
	font-weight:bold;
	border-right:1px solid #eee;


}



#hn li a {
	color: #1e4772;

	text-decoration: none;

}



#hn li a:hover {

	color: #000;

}







#hn li ul {

}

	

#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;


	}

	

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

	top: 0;

	left: 0;

	}

	








#hn li li a:hover {

	color: #33AA33;

}



#headersearch {

   float:right;
	margin-top: 17px;

	margin-right: 20px;

}



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



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

	border: 1px solid #ccc;

	color: #006600;

	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: 20px;

	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: #2B84C8;

	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: #000000;

	font-weight: normal;

}



.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;

}





/* - -  The Comment Form - - */



#commentform  #comment{

  width: 95%;

  height: 90px;

  background-color:#FFFFFF;

  margin:0;

}



#commentform #name, #commentform #email, #commentform #url, #commentform textarea {

	background: #FFFFFF;

	border: 1px solid #ccc;

	padding: 5px;

}



#commentform textarea {

	width: 100%;

}







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

	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 {




	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 zf 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 - - */





#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;



}











/* ####  Common Sidebar Styles (same for left + right sidebars)  ### */



#leftmenu .textwidget p, #leftmenu .customwidget p, #rightmenu .textwidget p, #rightmenu .customwidget p {



}



#leftmenu #calendar_wrap, #rightmenu #calendar_wrap {

	text-align: center;

}

	

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

	background-image: none;

	border: none;
	

}



/* - - List Items ( i.e. text inside single widgets) - - */



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

	font-size: 12px;

	line-height: 130%;

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

	background:#fafafa;



	



	

}



#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;


}





* html body #leftmenu .nav ul ul li { margin-bottom: 0; }  /* for IE 6 and lower */

* html body #rightmenu .nav ul ul li { margin-bottom: 0; }  /* for IE 6 and lower */



.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;

}



.feedreaderlink {

	display: block;

}



/* - - Sidebar Hyperlinks - - */



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

	color: #004B91;

	text-decoration: none;

	position: relative;

    

	



	}



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

        color: #146eb4;

	text-decoration: none;

}





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

	FOOTER STYLES

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





#footer p {

  	margin: 0;

        padding: 10px 0 0 0;

		font-size:12px;

		color:#ccc;
text-align:center;
		margin-left:10px;

	}

	

#footer a{ color:#000;text-decoration:none; }



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

		

		

.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;

}



#subscribe {font-size:14px; color:#999;border:1px solid #eee; height:134px;background:#FAFAFA;}

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

.subscriberss {line-height:35px; font-size:18px; 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:3px;}

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



#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: #0000ff;

}


.adver {color:#ccc; font-size:11px;margin-bottom:6px;}



#contentend {border-top:2px solid #ccc;}



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

.postMeta {
	float: right;
	margin-bottom: 0px;
	position: relative;
	margin-left:5px;
}

.postMeta span.date {
	padding: 0px 4px;
	font-size:12px;

}

hr{
background-color: #DDD;
border: 0;
height: 1px;}

#tagline a{

	text-align: right;
       margin-top:-10px;


}

#tagline a:hover {

	color: #F3AE48;

}


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

	CALENDAR STYLES

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

.postauthor {
    background-color: #fafafa;
    border: 1px solid #f3f3f3;
    padding: 10px;
    margin: 10px 0;
    }
.postauthor a{
    text-decoration:none;
   
    }
.postauthor p{
    font-size:90%;
   
    }

.postauthor h4 {
    font-size: 1.2em;
    margin: 0 0 10px 0;
	color:#333;
    }

.postauthor img {
    float: left;
    margin: 0 15px 8px 0;
    }

#adsensebig {margin-left:-7px;}

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

	CALENDAR STYLES

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