/*  
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: #D9CEB2 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: #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: 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: #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: bold;
}

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: 36px;
color: #666666;
}

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: #99A8BA;
font-weight: bold;
}

.posttitle a:visited
{
font-size: 22px;
color: #99A8BA;
font-weight: bold;
}

.posttitle a:hover
{
font-size: 22px;
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: 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 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 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;
}