/*  
Theme Name: Blue Earth v3
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: 3.0
Author: Baden Smith (based on work by 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: #D5C9AA url(img/bg.png) repeat-x;
color: #000;
font-family: Trebuchet MS,Verdana,Tahoma,Arial,sans-serif;;
}




                         /***************************************************
                         *********************** Blogtitle **************
                         *****************************************************/

#blogtitle
{
background: url('images/random.php') no-repeat;
height: 305px;
display: block;
color: #DFDAC3;
text-align: left;
margin: 15px auto 5px 50px;
}

#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;
padding:0;
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: 50px;
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: 14px;
text-align: left;
color:#333;
border-bottom: 1px dotted #6c5d48;
}

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

.post p.recent_posts {
	margin-top: 5px;
	margin-right: 15px;
	margin-left: 15px;
}

p.recent_posts {
	font-size: 14px;
  text-align: left;
	margin-left: 210px;
}

                         /***************************************************
                         *********************** 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 ********************
                         *****************************************************/
h5 {
	font:  110% "Times New Roman", Times, serif;
	margin: 15px 20px 0 15px;
	padding-bottom: 2px;
	padding-left: 30px;
}

h6 {
	border: 1px solid green;
	font:  100% "Times New Roman", Times, serif;
	margin: 15px 20px 10px 15px;
	padding-left: 30px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

comment_link {
	font:  110% "Times New Roman", Times, serif;
	margin: 15px 20px 0 15px;
	padding-bottom: 2px;
	padding-left: 30px;
	text-align: right;
}

ol#comments li p {
	font-size: 100%;
}

p, li, .feedback {
	font: 90%/175% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: 0px;
}

p.red {
	color: red;
}

#commentform #name, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	padding: .2em;
}

#commentform textarea {
	width: 100%;
}

#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}
#content ol#recentcomments li p.commentmeta {
	background: #cdcd9b;
	line-height: 15px;
	padding: 3px;
}

#content ol#recentcomments li .commenttext {
	background: #ffffff;
	margin: 0 0 0 5px;
	padding: 0 0 0 3px;
	border-left: 1px solid #C5D7E5;
}

#content ol#recentcomments li {
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 10px;
}

#content ol#recentcomments li a {
	color: #2e2e2e;
	text-decoration: none;
	border-bottom: 1px solid #339966;
}

#content ol#recentcomments li a:hover {
	color: #339966;
}

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

h3.storytitle   
{
text-align: left;
margin-left: 160px;
font-size: 18px;
font-weight: bold;
}

.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: left;
}

#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: left;
margin-top: 10px;
margin-bottom: 0;
}


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

.wp-smiley
{
padding: 0;
}

.search-form
{
background: #000;
}