/*





Theme Name: Blue Earth





Theme URI: http://www.web4sudoku.com/





Description: Blue Earth is a 3 column theme with one sidebar on the right and one to the left of the content area. Both sidebars are widget ready and the width of the content area changes depending on the screen resolution.





Version: 1.0





Author: Web4 Sudoku





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





*/











*





{





margin: 0px;





padding: 0px;





}











ul





{





list-style: none;





}











body





{





font-size: 12px;





margin: 0px;





text-align: center;





background: #D9CEB2 url(img/bg.png) repeat-x;





color: #000;





FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;





}





























                         /***************************************************





                         *********************** Blogtitle **************





                         *****************************************************/











#blogtitle





{





background: none;





width: 84%;





display: block;





color: #DFDAC3;





text-align: left;





margin: 25px auto 14px auto;





}











#blogtitle a:link {





color: #7A6A53;





text-decoration: none;





border: none;





padding: 0 15px;





margin-left: 0;





}











#blogtitle a:visited {





color: #7A6A53;





text-decoration: none;





border: none;





font-weight: bold;





padding: 0 15px;





margin-left: 0;





}











#blogtitle a:hover {





color: #99A8BA;





text-decoration: none;





padding: 0 15px;





margin-left: 0;





}











#blogtitle form {





  float:right;





  height:100%;





  width:164px;





  padding:0 15px;





  line-height:0;





margin-top: 10px;





}

















#blogtitle #s {





background: #fff url(img/search.png) no-repeat;





height:1.6em;





width:164px;





font-size:0.8em;





border: none;





text-align: center;





padding-top:2px;





border-bottom:2px solid #C1B6A6;





}











#blogtitle form .input{





vertical-align: middle;





font-size:0.9em;





}











                         /*************Wrap************/





#wrap





{





width:92%;





Background: #9F8F77 url(img/wrap.png);





margin-left:auto;





margin-right:auto;





overflow: hidden;





}





                         /***************************************************





                         *********************** Container **************





                         *****************************************************/





#container





{





clear:left;





padding:0;





margin: 5px;





overflow: hidden;





background: #fff;





border-left: 1px solid #9F8F77;





border-right: 1px solid #9F8F77;





border-top: 1px solid #9F8F77;





}





























                         /***************************************************





                         *********************** Left Sidebar Container *******





                         *****************************************************/





#leftnav





{





font-size: 14px;





float: left;





width: 190px;





margin: 0;





padding-top: 4px;





margin-top: 5px;





margin-left: 7px;





margin-bottom: 20px;





text-align: left;





}

















                         /***************************************************





                         *********************** Right Sidebar Container *******





                         *****************************************************/











#rightnav





{





font-size: 14px;





float: right;





width: 200px;





margin: 0;





padding-top: 4px;





margin-top: 5px;





margin-bottom: 20px;





margin-right: 7px;





text-align: left;





}











                         /***************************************************





                         *********************** Content **************





                         *****************************************************/





#content





{





display: block;





margin: 0 195px 0 195px;





padding: 1em;





padding-top: 5px;





text-align: left;





background: none;





}

















#content ul





{





padding-left: 2em;





}

















#content ul li{





padding: 0.2em;





list-style: square;





}











#content ul ul li{





padding: 0.2em;





list-style: circle;





}

















#content ol{





list-style-position: inside;





padding-left: 15px;





padding-top: 2px;





margin-bottom: 10px;





}











#content p





{





padding-left: 10px;





}





                         /***************************************************





                         *********************** Footer **************





                         *****************************************************/











#footwrap





{





clear:both;





color: #333;





padding: 5px 1em 5px 1em;





font-weight: normal;





background: #dcd4be url(img/footer.png) repeat-x;





}











#footwrap p





{





display: block;





margin-top: 8px;





margin-bottom: 2px;





text-align:center;





}











#footwrap a:link {





color: #99A8BA;





text-decoration: none;





border: none;





font-weight: bold;





}





#footwrap a:hover {





text-decoration: underline;





border: none;





}











#footwrap a:visited:hover {





text-decoration: underline;





border: none;





}











#footwrap a:visited {





color: #99A8BA;





text-decoration: none;





border: none;





font-weight: bold;





}











#footwrap img {





padding: 0px 5px 0px 5px;





}

















                         /***************************************************





                         *********************** Left Sidebar **************





                         *****************************************************/





#sidebarleft





{





margin-bottom: 10px;





background: none;





padding: 0 8px  0 8px;





}











#sidebarleft li





{





padding-bottom: 8px;





background: #EFE7D1 url(img/arrow.png) no-repeat -2px 5px;





}











#sidebarleft ul li





{





display: block;





margin-left: 7px;





padding-bottom: 2px;





}











#sidebarleft ul li ul li{





padding-bottom: 2px;





}











#sidebarleft ul li li{





padding: 2px 3px 2px 2px;





}











#sidebarleft a:link {





display:block;





margin-left: 12px;





color: #5F584D;





text-decoration: none;





font-weight: normal;





font-weight: bold;





}











#sidebarleft a:hover {





display:block;





color: #99A8BA;





}











#sidebarleft a:visited:hover {





display:block;





color: #99A8BA;





}











#sidebarleft a:visited {





display:block;





color: #5F584D;





margin-left: 12px;





font-weight: bold;





}











#sidebarleft h2 {





color: #555;





padding: 2px 8px 2px 8px;





margin-top:14px;





background: #99A8BA url(img/h2l.png) no-repeat;





border-bottom: 2px solid #555;





}











                         /***************************************************





                         *********************** Right Sidebar **************





                         *****************************************************/











#sidebarright





{





margin-bottom: 10px;





background: none;





padding: 0 8px  0 8px;





}











#sidebarright li





{





padding-bottom: 8px;





background: #EFE7D1 url(img/arrow.png) no-repeat -2px 5px;





}











#sidebarright ul li





{





display: block;





margin-left: 7px;





padding-bottom: 2px;





}











#sidebarright ul li ul li{





padding-bottom: 2px;





}











#sidebarright ul li li{





padding: 2px 3px 2px 2px;





}











#sidebarright a:link {





display:block;





color: #5F584D;





text-decoration: none;





font-weight: normal;





margin-left: 12px;





font-weight: bold;





}











#sidebarright a:hover {





display:block;





color: #99A8BA;





}











#sidebarright a:visited:hover {





display:block;





color: #99A8BA;





}











#sidebarright a:visited {





display:block;





color: #5F584D;





margin-left: 12px;





font-weight: bold;





}











#sidebarright h2 {





color: #555;





padding: 2px 8px 2px 8px;





background: #99A8BA url(img/h2r.png) no-repeat top right;





margin-top:14px;





border-bottom: 2px solid #555;





}











#leftnav p, #rightnav p { margin: 0 0 1em 0; }





#content h2 { margin: 0 0 .5em 0; }

















                         /***************************************************





                         *********************** Paragraph **************





                         *****************************************************/











p





{





margin-bottom: 12px;





margin-top: 12px;





}











                         /***************************************************





                         *********************** Blockquote ********************





                         *****************************************************/











blockquote





{





margin: 0px 0px 0px 30px;





padding: 0px 25px 0px 0px;





font-style: italic;





color: #7f7f7f;





border-left: 4px solid #99A8BA;





}

















                         /***************************************************





                         *********************** Post Metadata ****************





                         *****************************************************/











.postmetadata





{





font-size: 11px;





width:140px;





display:block;





float: right;





margin: 15px 5px 6px auto;





padding: 10px 5px 2px 5px;





text-align: left;





color:#333;





border-bottom: 4px solid #99A8BA;





background: #E0E7EF url(img/meta.png);





}











#content .postmetadata





{





padding-left: 5px;





}











.postmetadata a:link





{





border: none;





color: #5F584D;





font-weight: normal;





}











.postmetadata a:hover





{





border: none;





color: #5F584D;





font-weight: normal;





}











.postmetadata a:visited:hover





{





border: none;





color: #5F584D;





font-weight: normal;





}











.postmetadata a:visited





{





border: none;





color: #5F584D;





font-weight: normal;





}











                         /***************************************************





                         *********************** Links ********************





                         *****************************************************/











a:link





{





color: #99A8BA;





text-decoration: none;





font-weight: normal;








}











a:hover





{





color: #7D6E57;





text-decoration: underline;





}











a:visited





{





color: #8BC240;





text-decoration: none;





font-weight: normal;





}











a:visited:hover





{





text-decoration: underline;





}











a img





{





border:none;





background:none;





padding:5px;





}











#feed, #feed img a:link, #feed img a:visited





{





border: none;





}

















                         /***************************************************





                         *********************** Comments ********************





                         *****************************************************/











.commentlist





{





padding-left: 40px;





padding-right: 15px;





background: #fff;





color: #333;





}











.commentlist li





{





margin: 8px 10px 8px 15px;





padding-left: 12px;





list-style: none;





background: #E3EFD1;





margin-bottom: 2px;





border-top: 2px solid #8BC240;





border-bottom: 2px solid #8BC240;





}











li.alt





{





background: #E0E7EF;





border-top: 2px solid #99A8BA;





border-bottom: 2px solid #99A8BA;





}











.commentlist li li





{





border: none;





background: none;





padding-left: 5px;





margin: 0 2px 0 2px;





}











.commentlist cite





{





padding: 2px 3px 1px 3px;





}











.commentlist p





{





padding: 5px 5px 2px 3px;





margin-bottom: 5px;





}











.commentmetadata a:link, .commentmetadata a:hover, .commentmetadata a:visited





{





text-decoration: none;





color: #000;





}











.commentnumber {





font: italic normal 14px 'Times New Roman', Times, serif;





margin-top: 2px;





float:right;





color: #8f8f8f;





font-size: 28pt;





}











#comment





{





width:80%;





}











#commentform





{





margin-left:5%;





}











                         /***************************************************





                         *********************** Headings**************





                         *****************************************************/











h1





{





font-size: 24px;





color: #666666;





}











h2





{





display: block;


color: #666666;


font-size: 14px;





font-weight: bold;





padding: 5px 0 0 12px;





margin: 5px 0 6px 0;





text-align: left;





}











h3





{





display: block;





font-size: 12px;





font-weight: bold;





padding: 5px 0 0 12px;





margin: 5px 0 6px 0;





text-align: left;





}











h3.posttitle





{





font-size: 16px;





font-weight: bold;





padding-left: 5px;





padding-top: 5px;





padding-bottom: 5px;





margin-top: 12px;





margin-bottom: 5px;





}











.posttitle a:link





{





font-size: 16px;





color: #99A8BA;





font-weight: bold;





}











.posttitle a:visited





{





font-size: 16px;





color: #99A8BA;





font-weight: bold;





}











.posttitle a:hover





{





font-size: 16px;





color: #9F8F77;





font-weight: bold;





text-decoration: none;





}











.posttitle a:visited:hover





{





text-decoration: none;





}











h4





{





margin-top: 15px;





font-size: 13px;





font-weight: bold;





padding: 5px 0 0 12px;





margin: 5px 0 6px 0;





text-align: left;





}











h5





{





margin-top: 15px;





font-size: 12px;





font-weight: bold;





padding: 5px 0 0 12px;





margin: 5px 0 6px 0;





text-align: left;





}

















                         /***************************************************





                         *********************** date ********************





                         *****************************************************/





.date





{





font-size: 14px;





font-weight: bold;





float:left;





display:block;





width: 56px;





height: 30px;





margin-top: 12px;





margin-right: 5px;





text-transform: uppercase;





padding: 6px 7px 7px 0;





text-align: center;


font-size: 12px;


color: #99A8BA;





background: #fff url(img/date.png) no-repeat;





}











.entry





{





margin-bottom: 5px;





background: #fff url(img/post.png) no-repeat bottom left;





padding-bottom: 8px;





}











                         /***************************************************





                         *********************** Contained floats fix************





                         *****************************************************/





.post





{





display: block;





overflow:hidden;





width:98%;





padding-bottom: 6px;





margin-bottom: 6px;





}











                         /***************************************************





                         *********************** Code ********************





                         *****************************************************/





code





{





display: block;





margin: 10px 30px 0 30px;





padding: 2px 10px 5px 10px;





border-top: 2px solid #99A8BA;





border-bottom: 2px solid #99A8BA;





color: #333;





background: #E0E7EF;





}











                         /***************************************************





                         ************ Navigation (based on Blix)**************





                         *****************************************************/





#navigation {





margin-left:auto;





margin-right:auto;





margin-top:8px;





margin-bottom:8px;





width: 80%;





overflow: hidden;





text-align: center;





}











#navigation ul {





  margin:0;





  padding:0;





}











#navigation li {





float: right;





  margin:0;





  padding:0;





  list-style-type:none;





  white-space:nowrap;





}











#navigation li a {





display:block;





padding:0 3px;





margin: 0 6px;





font-size:1em;





text-transform:uppercase;





letter-spacing:1px;





color:#D2DBD6;





font-weight:bold;





}











#navigation li a:hover {





display:block;





padding:0 3px;





margin: 0 6px;





font-size:1em;





text-transform:uppercase;





letter-spacing:1px;





color:#9BABBF;





font-weight:bold;





text-decoration:none;





}











#navigation li a:visited {





display:block;





padding:0 3px;





margin: 0 6px;





font-size:1em;





text-transform:uppercase;





letter-spacing:1px;





color:#D2DBD6;





font-weight:bold;





}











#navigation li a:visited:hover {





display:block;





padding:0 3px;





margin: 0 6px;





font-size:1em;





text-transform:uppercase;





letter-spacing:1px;





color:#9BABBF;





font-weight:bold;





}











* html #navigation a {width:1%;} /* see http://www.positioniseverything.net/explorer/escape-floats.html */

















.credits





{





margin-top: -20px;





margin-bottom: 5px;





padding: 0 4px 8px 4px;





float: right;





}

















                         /***************************************************





                         *********************** Calendar ********************





                         *****************************************************/





#wp-calendar





{





empty-cells: show;





margin: 10px auto 0;





width: 160px;





}











#wp-calendar #next a





{





padding-right: 10px;





text-align: right;





}











#wp-calendar #prev a





{





padding-left: 10px;





text-align: left;





}


#wp-calendar a:link





{





text-align: left;


text-decoration: none;





font-weight: bold;


}








#wp-calendar td





{





padding: 1px 0;





text-align: right;





}











#wp-calendar th





{





text-align: center;





}











#wp-calendar caption





{





text-align: center;





width: 100%;





text-transform: uppercase;





font-weight: bold;





}











img





{





padding:4px 10px 10px 4px;





border:none;





}

















                         /***************************************************





                         ***************** Previous and Next Posts************





                         *****************************************************/











.alignright {





text-align: right;





}











.alignleft {





text-align: left





}











.navigation {





display: block;





text-align: center;





margin-top: 10px;





margin-bottom: 0;





}

















                         /***************************************************





                         *********************** Smileys ********************





                         *****************************************************/











.wp-smiley





{





padding: 0;





}











.search-form





{





background: #000;





}