/*  



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



margin: 0px;



text-align: center;



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



color: #000;



font-family: Trebuchet MS,Verdana,Tahoma,Arial,sans-serif;;



}



















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



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



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







#blogtitle



{



background: none;



width: 84%;



display: block;



color: #FFCC00;



text-align: left;



margin: 25px auto 14px auto;



}







#blogtitle a:link {



color: #dd0000;



text-decoration: none;



border: none;



padding: 0 15px;



margin-left: 0;



}







#blogtitle a:visited {



color: #dd0000;



text-decoration: none;



border: none;



font-weight: bold;



padding: 0 15px;



margin-left: 0;



}







#blogtitle a:hover {



color: #dd0000;



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



border-right: 1px solid #DD0000;



border-top: 1px solid #DD0000;



}



















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



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



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



#leftnav



{



font-size: 14px;



float: left;



width: 180px;



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



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: #ffcc00 url(img/footer.png) repeat-x;



}







#footwrap p



{



display: block;



margin-top: 8px;



margin-bottom: 2px;



text-align:center;



}







#footwrap a:link {



color: #dd0000;



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



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: #ffcc00 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: #dd0000;



text-decoration: none;



font-weight: normal;



font-weight: bold;



}







#sidebarleft a:hover {



display:block;



color: #dd0000;

text-decoration: underline;



}







#sidebarleft a:visited:hover {



display:block;



color: #dd0000;

text-decoration: underline;



}







#sidebarleft a:visited {



display:block;



color: #dd0000;



margin-left: 12px;



font-weight: bold;



}







#sidebarleft h2 {



color: #ffcc00;



padding: 2px 8px 2px 8px;



margin-top:14px;



background: #dd0000 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: #ffcc00 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: #dd0000;



text-decoration: none;



font-weight: normal;



margin-left: 12px;



font-weight: bold;



}







#sidebarright a:hover {



display:block;



color: #dd0000;

text-decoration: underline;



}







#sidebarright a:visited:hover {



display:block;



color: #dd0000;

text-decoration: underline;



}







#sidebarright a:visited {



display:block;



color: #dd0000;



margin-left: 12px;



font-weight: bold;



}







#sidebarright h2 {



color: #ffcc00;



padding: 2px 8px 2px 8px;



background: #dd0000 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: 14px;



display:block;



float: left;



text-align: left;



color:#dd0000;



font-weight: bold;



border-bottom: 4px solid #ffcc00;



}







#content .postmetadata



{



padding-left: 5px;



}







.postmetadata a:link



{



border: none;



color: #dd0000;



font-weight: normal;



}







.postmetadata a:hover



{



border: none;



color: #ffcc00;



font-weight: normal;

text-decoration: underline;



}







.postmetadata a:visited:hover



{



border: none;



color: #ffcc00;



font-weight: normal;

text-decoration: underline;



}







.postmetadata a:visited



{



border: none;



color: #ffcc00;



font-weight: normal;



}







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



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



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







a:link



{



color: #dd0000;



text-decoration: none;



font-weight: bold;



}







a:hover



{



color: #dd0000;



text-decoration: underline;



}







a:visited



{



color: #dd0000;



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



color: #dd0000;



}







h2



{



display: block;



font-size: 16px;



font-weight: bold;



padding: 5px 0 0 12px;



margin: 5px 0 6px 0;



text-align: left;



}







h3



{



display: block;



font-size: 14px;



font-weight: bold;



padding: 5px 0 0 12px;



margin: 5px 0 6px 0;



text-align: left;



}







h3.posttitle   



{



font-size: 22px;



font-weight: bold;



padding-left: 5px;



padding-top: 5px;



padding-bottom: 5px;



margin-top: 12px;



margin-bottom: 5px;



}







.posttitle a:link



{



font-size: 22px;



color: #dd0000;



font-weight: bold;



}







.posttitle a:visited



{



font-size: 22px;



color: #dd0000;



font-weight: bold;



}







.posttitle a:hover



{



font-size: 22px;



color: #dd0000;



font-weight: bold;



text-decoration: none;

text-decoration: underline;


}







.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: 17px;



margin-right: 5px;



text-transform: uppercase;



padding: 6px 7px 7px 0;



text-align: center;



color: #99A8BA;



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



}







.entry



{



margin-bottom: 5px;



background: #fff 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:#ffcc00;



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



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



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



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 td 



{



padding: 2px 0;



text-align: center;



}







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



}