﻿body 
{
	background-color:#E8FCFB;
	text-align:center;
	font-family:  "Segoe UI", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
	font-size:13px;
	color:#414244;
	line-height:150%;
	margin:0px auto;
	padding:0px;
}
a, a:visited
{
	color:#0b5659;
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}
h1, h2, h3, h4, h5, a.postheader
{
	margin:10px 0px;
	padding:0px;
	font-weight:normal;
	line-height:110%;
	font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
	color:#42adb3;
}
img
{
	border:0px;
}
h1, a.postheader
{
	font-size:30px;
	color:#012847;
}
h2
{
	font-size:22px;
	color:#42adb3;
	margin-bottom:0px;
}
h3
{
	font-size:18px;
	color:#adcfd0;
}
h4
{
	font-size:15px;
	font-weight:bold;
}
h5
{
	font-size:15px;
}
h6
{
	font-size:13px;
	font-weight:bold;
}

p {margin:6px 0px 13px 0px;}

.clear {clear:both;}

#soil {
	margin-top:140px;
	background-image:url('img/es_soil_bk.jpg');
	background-position:top center;
	background-repeat:repeat-x;
	background-color:#382B1A;
}

#main
{
	width:920px;
	margin:0px auto;
	text-align:left;
	position:relative;
}
input[type="button"], input[type=submit]
{
	background-color:#bfe2e4;
	color:black;
	border:solid 1px #0B1602;
}

input[type="text"], textarea, input[type="password"]
{
	border:none;
	border-bottom:solid 1px #42adb3;
	padding:2px;
}
#searchfield
{
	margin-right:5px;
}
blockquote
{
	margin-left:20px;
	font-style:italic;
}
/* HEADER */
#header
{
	width:100%;
	margin: 0px auto -400px;
	height:400px;
    position:relative;
    overflow:hidden;
}

#header #left
{
	float:left;
	width:50%
}
#header #right
{
	float:right;
	text-align:right;
	width:50%;
}
#header h1
{
	margin:40px 0px 10px 0px;
	font-size:42px;
	line-height:150%;
}
#header #sky
{	background-image:url('img/es_sky_bk.jpg');
	background-position:top left;
	background-repeat:repeat-x;
	position:absolute;
	width:180%;
	height:400px;
}

#header #tree
{
position:absolute;
top:56px;
left:4px;
padding-left:100px;
}
#header #logo
{
	float:right;
	text-align:right;
	width:180px;
	padding:24px 40px 0px;
}

#header #earth
{	background-image:url('img/es_soil_bk.jpg');
	background-position:top center;
	background-repeat:repeat-x;
	background-color:#382B1A;
	position:absolute;
	width:110%;
	top:140px;
	height:280px;
}

#header h2
{
	font-size:18px;
	color:#2e5d11;
	line-height:150%;
}
#header a
{
	color:#022744;
	text-decoration:none;
}
#postcontent p a, #postcontent p a:visited
{
	background-color:#bfe2e4;
	padding:2px;
}

       #homenav
        {
            height: 29px;
            padding: 15px;
            overflow: hidden;
            position: relative;
            margin: 10px 0;
        }
        .nav li
        {
            float: left;
            list-style: none;
        }
        .nav li.back
        {
            background: url(img/lava.gif) no-repeat right -30px;
            width: 9px;
            height: 30px;
            z-index: 8;
            position: absolute;
        }
        .nav li.back .left
        {
            background: url(img/lava.gif) no-repeat top left;
            height: 30px;
            margin-right: 9px; /* 7px is the width of the rounded shape */
        }
        .nav li a
        {
            font-size:15px;
            font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
            text-decoration: none;
            color: #fff;
            outline: none;
            text-align: center;
            letter-spacing: 0;
            z-index: 10;
            display: block;
            float: left;
            padding:5px 12px 5px 12px;
            position: relative;
            overflow: hidden;
            margin: auto 30px;
        }
        .nav li a:hover, .nav li a:active, .nav li a:visited
        {
            border: none;
        }
        
        .frontpagebox {
          width:230px;
          float:left;
          margin-right:32px;
        }
        
        
        #homefoot {
          background: url(img/ccc.gif) no-repeat top left;
          height: 43px;
          width: 699px;  
          margin:40px 0px 10px 280px;
        }
        
        li {
         list-style-image:url(img/bull.png);
        }  

/* MENU */
#menu
{
	position:relative;
	top:16px;
	left:0px;
	font-size:16px;
	text-align:left;
}
#menu a:hover
{
	text-decoration:underline;
}
#menu a {color:White;}


#subscribe
{
	display:block;
	width:45px;
	height:27px;
	margin:6px 0px 6px 10px;
	background-image:url('img/es_content_rss.gif');
	
}

/* FOOTER */
#footer
{
	display:block;
	text-align:center;
    background-color:#382B1A;
    background-image:url('img/es_content_bottom.gif');
	background-position:top center;
	background-repeat:no-repeat;
	height:240px;
}

#footerContent
{
	margin: 0px auto;
	height:120px;
	width:960px;
	text-align:left;
}
#credits
{
	text-align:right;
	padding:80px 40px 0px 0px;
	font-size:11px;
	color:#666;
}
#credits a
{
 color:#888;
}

/* POSTS */
#postnavigation
{
	margin-left:100px;
	font-size:11px;
}

#maincontent
{
	clear:both;
	overflow:hidden;
	width:100%;
    top:80px;
    position:relative;
    background-image:url('img/es_content_bk.png');
	background-position:top center;
	background-repeat:repeat-y;
	background-color:#eef8f9;
}

#postcontent
{
	width:650px;
	float:left;
    padding: 40px 0px 20px 0px;
	margin-bottom: 20px;
}
.post
{
	width:650px;
	overflow:hidden;
	display:block;
}
.post h2, .post h3, .post h4, .post h5, .post h6
{
	color: #42adb3;
}

.CalendarGroup {
	float: left;
	width: 49px;
}

	.CalendarGroup .Calendar {
		text-align: center;
		background: url(img/date-calendar.gif) no-repeat;	
		height: 51px;
		padding: 2px;
	}
	
	.CalendarGroup .Month {
		text-transform: uppercase;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		color: #FFFFFF;
	}
	
	.CalendarGroup .Day {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.7em;
	}
	
	.CalendarGroup .Year {
		display: none;
		visibility: hidden;
	}

.post .date
{
	float:left;
	width:90px;
	height:105px;
	background-image:url('img/date.png');
	background-position:top left;
	background-repeat:no-repeat;
	color:#122803;
	text-align:center;
	padding-top:15px;
}
.post .date span
{
	display:block;
}
.post .date #month, .post .date #year
{
	font-size:13px;
}
.post .date #day
{
	font-size:24px;
}
.post .entirepost
{
	width:570px;
	float:left;
	display:block;
	overflow:hidden;
	padding-left:10px;

}
.post .info, .post .descr
{
	font-size:11px;
	font-family:Arial, Sans-Serif;
	margin-bottom:20px;
}
#postPaging
{
	margin-left:100px;
	margin-top:10px;
}
/* related posts */
#relatedPosts
{
	padding:10px;
}
#relatedPosts div
{
	margin-bottom:10px;
}
#relatedPosts a
{
	display:block;
	margin-top:5px;
}
#relatedPosts span
{
	font-size:11px;
}


.CommentMeta
{
	color: #92A8B1;
	border-bottom: solid 1px #CCE3EB;
	padding-bottom: 4px;
}
.comment a
{background-color:Transparent;}

	.CommentMeta span
	{
		font-size: 14px;
		font-weight: bold;
	}
	
	.CommentMeta .Gravatar {
		float: left;
		padding-right: 10px;
	}
	
	.CommentMeta .GravatarDate {
		float: left;
		padding-top: 5px;
	}

.commentForm
{
	padding: 10px;
	position:relative;
	left:70px;
	margin: 20px 80px 10px 0px;
	border: solid 1px #C3DFDF;
	background-color:#DFF4F4;
}


			
	.commentForm input#btnSaveAjax
	{
		width: auto;
		
	}



/* SIDEBAR */
#sidebar
{
	width:250px;
	float:left;
	margin-left:20px;
	padding-bottom:15px;
}
#widgetzone
{
	margin:0px;
	padding:0px;
}
.widget
{
	padding-bottom:20px;
	z-index: 1;
	min-width: 1px;
}
.widget h4
{
	font-size:18px;
	color:#019599;
	display:block;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom: solid 1px #A7BFBF; 
}
.widget ul
{
	margin: 0px;
	padding:0px;
}
.widget li
{
	list-style-type:none;
}
.widget .delete, .widget .edit
{
	float:right;
	font-size:10px;
	font-weight:bold;
	font-family:Verdana, Arial, Sans-Serif;
	margin-left:10px;
}
/* Tag clouds */
.tagcloud ul
{
	line-height:20px;
}

.tagcloud li
{
	display:inline;
	margin-right:5px;
}
.tagcloud a.biggest {
	font-size: 24px;
}

.tagcloud a.big {
	font-size: 19px;
}

.tagcloud a.medium {
	font-size: 15px;
}

.tagcloud a.small {
	font-size: 12px;
}

.tagcloud a.smallest {
	font-size: 9px;
}
/* category list*/
.categorylist img
{
	display:none;
}
/* blogroll */
.blogroll img
{
	margin-right:5px;
}
.oxox li
{
	margin-bottom:10px;
}
.oxox ul
{
	margin-left:20px;
}
.oxox li
{
	margin:0px;
}
/* recent posts */
.recentPosts li
{
	margin-bottom:10px;
}
.recentPosts a
{
	display:block;
}
.recentPosts span
{
	font-size:11px;
	margin-right:10px;
}
.recentComments li
{
	margin-bottom:10px;
}
/* Archive */ 
#archive table
{
	width:100%;
}
#archive .date
{
	width:100px;
}
#archive .rating, #archive .comments
{
	font-family:Georgia, Times New Roman, Serif;
	font-size:11px;
	text-align:center;
	width:80px;
}

/* Contact form */
#contact label
{
	display:block;
}
#contact input[type="text"]
{
	width:300px;
	margin-bottom:10px;
}
#contact textarea
{
	width:400px;
	height:100px;
	margin-bottom:10px;
}
/* Search result */
.searchresult
{
	margin:15px 0px;
}
.searchresult a, .searchresult span
{
	display:block;
	margin-bottom:2px; padding-bottom:2px;
}
.searchresult .type, .searchresult .url
{
	margin-left:5px; padding-left:5px;
	font-size:11px;
	line-height:130%;
}


/* STAR RATING */
.rating
{
	font-size:11px;
	font-family:Arial, Sans-Serif;
}

.rating p
{
	display: inline;
	position: relative;
	top: 14px;
	left: 55px;
	margin-top:0px;
}

.star-rating
{
	position: relative;
	width: 125px;
	height: 25px;
	overflow: hidden;
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-position: left top;
}

.star-rating li
{
	display: inline;
}

.star-rating a, .star-rating .current-rating
{
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -1000em;
	height: 25px;
	line-height: 25px;
	outline: none;
	overflow: hidden;
	border: none;
}

.star-rating a:hover, .star-rating a:active, .star-rating a:focus
{
	background-position: left bottom;
}

.star-rating a.one-star
{
	width: 20%;
	z-index: 6;
}

.star-rating a.two-stars
{
	width: 40%;
	z-index: 5;
}

.star-rating a.three-stars
{
	width: 60%;
	z-index: 4;
}
.star-rating a.four-stars
{
	width: 80%;
	z-index: 3;
}
.star-rating a.five-stars
{
	width: 100%;
	z-index: 2;
}
.star-rating .current-rating
{
	z-index: 1;
	background-position: left center;
}

/* smaller star */
.small-star
{
	width: 50px;
	height: 10px;
}
.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating
{
	background-image: url(../../pics/star_small.gif);
	line-height: 10px;
	height: 10px;
}
/* CODE */
.code, code
{
	font-size: 12px;
	color: black;
	font-family: Consolas, "Courier New", Courier, Monospace;
	background-color: #C4C9AB;
	padding: 10px;
	overflow:auto;
	display:block;
}

.code .rem { color: #008000; }

.code .kwrd { color: #0000ff; }

.code .str { color: #006080; }

.code .op { color: #0000c0; }

.code .preproc { color: #0000ff; }

.code .asp { background-color: #ffff00; }

.code .html { color: #800000; }

.code .attr { color: #ff0000; }

.code .alt {	background-color: #f4f4f4; }

.code .lnum { color: #606060;}

/*----------------------------
					XFN tags
----------------------------*/

div.post .text a[rel] {
	padding-right:11px;
	background-repeat: no-repeat;
	background-position: right center;
}
div.post .text a[rel="me"] {	
	background-image:url('../../pics/xfn/me.gif');
}

/*-------- [ These should cascade to pick the correct icon for the contact ]--*/

/*-------- [ Normal contacts ]--*/
div.post .text a[rel~="contact"] ,
div.post .text a[rel~="acquaintance"],
div.post .text a[rel~="friend"] {
	background-image:url('../../pics/xfn/contact.gif');
}
/*-------- [ Normal contacts youve met ]--*/
div.post .text a[rel~="contact"][rel~="met"] ,
div.post .text a[rel~="acquaintance"][rel~="met"] ,
div.post .text a[rel~="friend"][rel~="met"] {
	background-image:url('../../pics/xfn/contactMet.gif');
}

/*-------- [ Colleague and co worker icon more important than contact ]--*/
div.post .text a[rel~="colleague"] ,
div.post .text a[rel~="co-worker"] {
	background-image:url('../../pics/xfn/colleague.gif');
}
/*-------- [ Colleague and co worker icon when met ]--*/
div.post .text a[rel~="colleague"][rel~="met"] ,
div.post .text a[rel~="co-worker"][rel~="met"] {
	background-image:url('../../pics/xfn/colleagueMet.gif');
}

/*-------- [ Sweethearts are more important than work!!! ]--*/
div.post .text a[rel~="muse"] ,
div.post .text a[rel~="crush"] ,  
div.post .text a[rel~="date"] ,
a[rel~="sweetheart"] {
	background-image:url('../../pics/xfn/sweet.gif');
}
/*-------- [ ...and if youve met them thats even better ]--*/
div.post .text a[rel~="muse"][rel~="met"] ,
div.post .text a[rel~="crush"][rel~="met"] ,  
div.post .text a[rel~="date"][rel~="met"] ,
div.post .text a[rel~="sweetheart"][rel~="met"] {
	background-image:url('../../pics/xfn/sweetMet.gif');
}