/*  
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;
direction: rtl;
}

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: right;
margin: 25px auto 14px auto;
}

#blogtitle a:link {
color: #7A6A53;
text-decoration: none;
border: none;
padding: 0 15px;
margin-right: 0;
}

#blogtitle a:visited {
color: #7A6A53;
text-decoration: none;
border: none;
font-weight: bold;
padding: 0 15px;
margin-right: 0;
}

#blogtitle a:hover {
color: #99A8BA;
text-decoration: none;
padding: 0 15px;
margin-right: 0;
}

#blogtitle form {
  float:left;
  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:right;
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: right;
width: 180px;
margin: 0;
padding-top: 4px;
margin-top: 5px;
margin-left: 7px;
margin-bottom: 20px;
text-align: right;
}
                         /***************************************************
                         *********************** Right Sidebar Container *******
                         *****************************************************/
#rightnav
{
font-size: 14px;
float: left;
width: 180px;
margin: 0;
padding-top: 4px;
margin-top: 5px;
margin-bottom: 20px;
margin-left: 7px;
text-align: right;
}

                         /***************************************************
                         *********************** Content **************
                         *****************************************************/
#content
{
display: block;
margin: 0 195px 0 195px;
padding: 1em;
padding-top: 5px;
text-align: right;
background: none;
}


#content ul
{
padding-right: 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-right: 15px;
padding-top: 2px;
margin-bottom: 10px;
}

#content p
{
padding-right: 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 101% 3px;
}

#sidebarleft ul li
{
display: block;
margin-right: 7px;
padding-bottom: 2px;
}

#sidebarleft ul li ul li{
padding-bottom: 2px;
}

#sidebarleft ul li li{
padding: 2px 2px 2px 3px;
}

#sidebarleft a:link {
display:block;
margin-right: 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-right: 12px;
font-weight: bold;
}

#sidebarleft h2 {
color: #555;
padding: 2px 8px 2px 8px;
margin-top:14px;
background: #99A8BA url(img/h2l.png) no-repeat top right;
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 101% 5px;
}

#sidebarright ul li
{
display: block;
margin-right: 7px;
padding-bottom: 2px;
}

#sidebarright ul li ul li{
padding-bottom: 2px;
}

#sidebarright ul li li{
padding: 2px 2px 2px 3px;
}

#sidebarright a:link {
display:block;
color: #5F584D;
text-decoration: none;
font-weight: normal;
margin-right: 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-right: 12px;
font-weight: bold;
}

#sidebarright h2 {
color: #555;
padding: 2px 8px 2px 8px;
background: #99A8BA url(img/h2r.png) no-repeat top left;
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 30px 0px 0px;
padding: 0px 0px 0px 25px;
font-style: italic;
color: #7f7f7f;
border-right: 4px solid #99A8BA;
}


                         /***************************************************
                         *********************** Post Metadata ****************
                         *****************************************************/

.postmetadata
{
font-size: 11px;
width:140px;
display:block;
float: left;
margin: 15px auto 6px 5px;
padding: 10px 5px 2px 5px;
text-align: right;
color:#333;
border-bottom: 4px solid #99A8BA;
background: #E0E7EF url(img/meta.png);
}

#content .postmetadata
{
padding-right: 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: #0000FF;
text-decoration: none;
font-weight: bold;
}

a:hover
{
color: #7D6E57;
text-decoration: underline;
}

a:visited
{
color: #0000FF;
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-right: 40px;
padding-left: 15px;
background: #fff;
color: #333;
}

.commentlist li
{
margin: 8px 15px 8px 10px;
padding-right: 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-right: 5px;
margin: 0 2px 0 2px;
}

.commentlist cite
{
padding: 2px 3px 1px 3px;
}

.commentlist p
{
padding: 5px 3px 2px 5px;
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:left;
color: #8f8f8f;
font-size: 28pt;
}

#comment
{
width:80%;
}

#commentform
{
margin-right:5%;
}

                         /***************************************************
                         *********************** Headings**************
                         *****************************************************/

h1
{
font-size: 36px;
color: #666666;
}

h2
{
display: block;
font-size: 16px;
font-weight: bold;
padding: 5px 12px 0 0;
margin: 5px 0 6px 0;
text-align: right;
}

h3
{
display: block;
font-size: 14px;
font-weight: bold;
padding: 5px 12px 0 0;
margin: 5px 0 6px 0;
text-align: right;
}

h3.posttitle   
{
font-size: 22px;
font-weight: bold;
padding-right: 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 12px 0 0;
margin: 5px 0 6px 0;
text-align: right;
}

h5
{
margin-top: 15px;
font-size: 12px;
font-weight: bold;
padding: 5px 12px 0 0;
margin: 5px 0 6px 0;
text-align: right;
}


                         /***************************************************
                         *********************** date ********************
                         *****************************************************/
.date
{
font-size: 14px;
font-weight: bold;
float:right;
display:block;
width: 56px;
height: 30px;
margin-top: 17px;
margin-left: 5px;
text-transform: uppercase;
padding: 6px 0px 7px 7px;
text-align: center;
color: #99A8BA;
background: #fff url(img/date.png) no-repeat top right;
}

.entry
{
margin-bottom: 5px;
background: #fff url(img/post.png) no-repeat bottom right;
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-right:auto;
margin-left:auto;
margin-top:8px;
margin-bottom:8px;
width: 80%;
overflow: hidden;
text-align: center;
}

#navigation ul {
  margin:0;
  padding:0;
}

#navigation li {
float: left;
  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: left;
}


                         /***************************************************
                         *********************** Calendar ********************
                         *****************************************************/
#wp-calendar 
{
empty-cells: show;
margin: 10px auto 0;
width: 160px;
}

#wp-calendar #next a 
{
padding-left: 10px;
text-align: left;
}

#wp-calendar #prev a 
{
padding-right: 10px;
text-align: right;
}

#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 4px 10px 10px;	
border:none;
}


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

.alignright {
text-align: left;
}

.alignleft {
text-align: right;
}

.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 0;
}


                         /***************************************************
                         *********************** Smileys ********************
                         *****************************************************/

.wp-smiley
{
padding: 0;
}

.search-form
{
background: #000;
}