/*  
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: 12px;
margin: 0px;
text-align: center;
background: #fff url(img/bg.png) repeat-x;
color: #000;
font-family: Arial,Trebuchet, MS,Verdana,Tahoma,,sans-serif;
}
                         /***************************************************
                         *********************** Blogtitle **************
                         *****************************************************/
#blogtitle
{
background: none;
width: 54%;
display: block;
color: #FFCB7D;
text-align: right;
margin: 27px auto 27px auto;
}

#blogtitle a:link {
color: #FFf;
text-decoration: none;
border: 2px;
padding: 0 15px;
margin-right: 0;
margin-bottom: 30em;
}

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

}

#blogtitle a:hover {
color: #FFCB7D;
text-decoration: none;
padding: 0 15px;
margin-right: 0;
margin-bottom: 55px;
}
#blogtitle form {
  float:left;
  
}


#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:100%;
Background: #fff url(img/wrap.png);
margin-top: 10px;
margin-left:auto;
margin-right:auto;
overflow: hidden;
}
                         /***************************************************
                         *********************** Container **************
                         *****************************************************/
#container
{
clear:right;
padding-top: 3px;
margin-top: -5px;
margin-left: 11px;
margin-right: 11px;
margin-bottom: 0px;
overflow: hidden;
background: #fff;
border-left: 0px solid #0c445c;
border-right: 0px solid #0c445c;
border-top: 0px solid #0c445c;
}




                         /***************************************************
                         *********************** Left Sidebar Container *******
                         *****************************************************/
#leftnav
{
font-size: 12px;
float: right;
width: 163px;
height: 300px;
margin: 0;
padding-top: 4px;
margin-top: 5px;
margin-left: 7px;
margin-bottom: 20px;
text-align: right;
border-left: 1px solid #e4f0ea;

}
                         /***************************************************
                         *********************** Right Sidebar Container *******
                         *****************************************************/
#rightnav
{
font-size: 12px;
float: left;
width: 163px;
margin: 0;
padding-top: 4px;
margin-top: 5px;
margin-bottom: 20px;
margin-left: 7px;
text-align: right;
border-right: 1px solid #e4f0ea;

}

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

}


#content ul
{
padding-right: 2em;
}


#content ul#font-family 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: #fff url(img/footer.png) repeat-x;
font-size: 10px;
}

#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#font-family {
padding: 0px 5px 0px 5px;
}


                         /***************************************************
                         *********************** Left Sidebar **************
                         *****************************************************/
#sidebarleft
{
margin-bottom: 10px;
background: none;
padding: 0 8px  0 8px;
}

#font-family li
{
padding-bottom: 8px;
background: #EFE7D1 url(img/arrow.png) no-repeat 101% 3px;
}

#sidebarleft ul li
{
display: block;
margin-right: 0px;
padding-bottom: 2px;
background: #fff url(img/bg1.png) repeat-x;
}

#sidebarleft ul li ul li{

}

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

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

#sidebarleft h2 {
color: #555;
padding: 2px 8px 2px 8px;
margin-top:14px;
background: #e0ece5 url(img/h2l.png) no-repeat top right;
border-bottom: 2px solid #ded9c8;
}

                         /***************************************************
                         *********************** Right Sidebar **************
                         *****************************************************/

#sidebarright
{
margin-bottom: 10px;
background: none;
padding: 0 8px  0 8px;
}

#font-family li#font-family
{
padding-bottom: 8px;
background: #EFE7D1 url(img/arrow.png) no-repeat 101% 5px;
}

#sidebarright ul li
{
display: block;
margin-right: 7px;
padding-bottom: 2px;
background: #fff url(img/bg1.png) repeat-y;
}

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

#font-family ul li li{
padding: 2px 2px 2px 3px;
}

#sidebarright a:link {
display:block;
color: #e2a512;
text-decoration: none;
font-weight: normal;
margin-right: 12px;
font-weight: bold;
}

#sidebarright a:hover {
display:1;

}

#sidebarright a:visited:hover {
display:block;
color: #99A8BA;
}

#sidebarright a:visited {
display:block;
color: #e2a512;
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 #ded9c8;
}

#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:160px;
display:block;
float: left;
margin: 18px auto 6px 5px;
padding: 5px 15px 2px 5px;
text-align: right;
color:#333;
border-bottom: 2px solid #ded9c8;
background: #ded9c8 url(img/meta.png);
}

#content .postmetadata
{
padding-right: 5px;
}

.postmetadata a:link
{
border: none;
color: #e2a512;
font-weight: normal;
}

.postmetadata a:hover
{
border: none;
color: #e2a512;
font-weight: normal;
}

.postmetadata a:visited:hover
{
border: none;
color: #e2a512;
font-weight: normal;
}

.postmetadata a:visited
{
border: none;
color: #e2a512;
font-weight: normal;
}

                         /***************************************************
                         *********************** Links ********************
                         *****************************************************/

a:link
{
color: #99A8BA;
text-decoration: none;
font-weight: bold;
}

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

a:visited
{
color: #0f355f;
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: 18px;
color: #666666;
}

h2
{
display: block;
font-size: 13px;
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: #0c445c;
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:0px;
width: 80%;
overflow: hidden;
text-align: left;

}

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

#navigation li {
float: right;
  margin:5;
  padding:5;
  list-style-type:none;
  white-space:nowrap;
}

#navigation li a {
display:block;
padding:0 3px;
margin: 0 6px;
font-size:1.1em;
text-transform:uppercase;
letter-spacing:0px;
color:#fff;
font-weight:bold;
}

#navigation li a:hover {
display:block;
padding:0 3px;
margin: 0 6px;
font-size:1.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:1.1em;
text-transform:uppercase;
letter-spacing:1px;
color:#ffffff;
font-weight:bold;
}

#navigation li a:visited:hover {
display:block;
padding:0 3px;
margin: 0 6px;
font-size:1.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;
}