/*******************************
	GLOBAL ELEMENTS
*******************************/

body {
margin: 0;
padding: 0;
background: #ececde;

font-family: 'Trebuchet MS', 'Arial', sans-serif;
font-family: 'Calibri', 'Arial', sans-serif;
font-family: 'Arial', sans-serif;

font-size: 13px;
line-height: 20px;

/*color: #515348;*/
color: rgba(0,0,0,0.70);

/*
color: #808372; footer
color: #add77d; top p
color: #467621; h2 title
color: #515348; h2 title a
*/
}

div, h1, h2, h3, h4, h5, p, ul, ol, li, form, fieldset, img, a, blockquote {
margin: 0;
padding: 0;
border: none;
}

a {
color: #515348;
text-decoration: none;
}
a:hover {
background: rgba(255,255,255,0.4); 
}


/*******************************
	LAYOUT
*******************************/

/*
div.wrap {
background: red;
}
#posts {
background: green;
}
#sidebar {
background: yellow;
}
*/


/* vertical */


div.wrap {
width: 820px;
}
#posts {
width: 480px;
}
#sidebar {
width: 250px;
}


/* horizontal */

#top {
margin: 30px 0;
}
div.wrap {
margin: 0 auto;
}
#content {
margin-top: 60px;
}
#website a {
margin-top: 145px;
}
#sidebar {
padding: 0 0 0 0;
}

/*******************************
	TOP
*******************************/


h1#logo {
font-size: 28px;
text-indent: -9000px;
background: url(/img/survs_blog_logo_01.gif) center left no-repeat;
width: 250px;
height: 65px;
} 
h1#logo a {
display: block;
width: 250px;
height: 65px;
outline: none;
}
h1#logo a:hover {
background: url(/img/survs_blog_logo_01.gif) center left no-repeat;
}  
                        

/*******************************
	CONTENT
*******************************/


/* posts */ 

#posts {
float: left;
padding: 0;
display: inline;
}

.post {
margin-bottom: 60px;
}
.post h2.title {
font-size: 24px;
margin-bottom: 5px;
line-height: 30px;
} 
.pagetitle {
margin-bottom: 10px;
}
.post h2.title a { }
.post h2.title a:hover { }
.post h3 { font-size: 14px; margin: 20px 0 10px 0; }
.post p.meta { color: #999; margin: 0 0 10px 0; }
.post h4 { margin-top: 10px; margin-bottom: 10px; }    
.post div.body p { margin: 10px 0 10px 0;  }
.post div.body blockquote { margin: 10px 0 10px 20px;  }
.post div.body ul { margin-bottom: 10px; }
.post div.body a,  #twitter_div a, #sidebar a, .post p.meta a, #comments a, #footer a  { color: #36808e; border-bottom: 1px solid #9abfc6; }
.post div.body a:hover, #sidebar a:hover, .post p.meta a:hover, #comments a:hover, #footer a:hover { }
.post ul { margin-left: 10x; }
.post ol { margin-left: 20px; }
.post li { margin-left: 15px; }
.post img.left { margin: 5px 15px 15px 0;float: left; }
.post img.right { margin: 5px 0 5px 15px;float: right; }     
.post img.center { margin: 5px auto; }
.post div.acenter { text-align: center; }
.post blockquote { font-style: italic; color: #555; }
.post p#shareThis { margin-top: 20px; }
.post p#shareThis a { border: none; }
.post p#shareThis a { color: #36808e; }

/* end posts */      



/*******************************
	SIDEBAR
*******************************/


div#button a {
color: #fff;
border: none;
background: rgba(0,0,0,0.65);
padding: 6px 15px;
border-radius: 5px;
font-weight: bold;
font-size: 12px;
}
div#button a:hover {
background: rgba(0,0,0,0.50);
}

#website {
float: right;
}
#website a {
float: right;
display: block;
margin-right: 79px;
width: 171px;
height: 27px;
background: url(/img/back.gif) no-repeat;
text-indent: -9999px;
}


#sidebar {
float: right;
display: inline;
margin-top: 5px;
/*
background: rgba(255,255,255,0.4);
padding: 20px;
border-radius: 4px;
border: 1px solid rgba(0,0,0,0.05);
*/
}

#sidebar h4 { margin: 20px 0 5px 0; }
#sidebar h5 { }
#sidebar p { }

#sidebar #about { }
#sidebar #about p { margin-bottom: 10px;}

#sidebar .module { padding: 0; margin: 0 0 30px 0; }
#sidebar .module ul { margin: 5px 0 10px 0; color: #aaa; list-style: none; }
#sidebar .module ul li { margin: 0 0; }
#sidebar .module ul li a { color: #36808E; }
#sidebar .module ul li a:hover { background: rgba(255,255,255,0.5); }

#sidebar #archives ul li { margin: 0 0 0 0; }

#search { margin: 15px 0; }
#search input.inputtext { padding: 2px; width: 180px;}

#feed p { margin: 10px 0; }

#sidebar a.feed { background: url(/img/feed.png) top left no-repeat;  padding: 0 0 1px 21px; color: #dc4d00; border: none; }     
#sidebar a.feed:hover span { border-bottom: 1px solid #eda47c; }

#sidebar #twitter_div p {
margin-top: 20px;
}

#twitter_update_list {
}

div#feed {
margin-bottom: 0 !important;
}


div.clear { clear: both; line-height: 0; font-size: 0; height: 0;}                                                 



/*******************************
	FOOTER
*******************************/

#footer { text-align: center; margin-top: 20px; padding: 20px 0 40px 0; border-top: 1px solid rgba(0,0,0,0.1);}



/*******************************
	COMMENTS
*******************************/

#comments { margin: 30px 0 0 0; }
#comments h4, #reply h4 { color: #467621;  margin-bottom: 10px; }

.comment {
border-top: 2px solid rgba(0,0,0,0.1);
margin: 15px 0 15px 0;
background: #f5f5f0;
padding: 10px 15px;
background: rgba(255,255,255,0.4);
}





.comment p { margin-bottom: 5px;}
.comment p.author { font-weight: bold; margin-bottom: 0; }
.comment p.author a { font-weight: bold;color: #467621; margin-bottom:0; }                                              
.comment p.date { color: #888; margin: 5px 0 5px 0; }
.comment div { margin: 10px 0 0 0;}

.commentAuthor { background: #d2e1bd; background: #d6e4c3; border-top: 2px solid #7ea551; }
.commentAuthor p { }
.commentAuthor p.author { font-weight: bold; }
.commentAuthor p.date { color: #888; margin-bottom: 5px; }

.comment div.content { }

#reply { margin-top: 20px; }
#reply h4 { color: #467621; }
#reply p { margin: 5px 0; }
#reply form p { color: #888; }
#reply label { margin-left: 5px; }
input#author, input#email, input#url {
padding: 2px;
}
#reply textarea { width: 460px; }  


/*******************************
	MISC
*******************************/

.mark {
background: #f4f4cd;
}

#twitter_div ul { list-style: none; }   
#twitter_div ul { margin-bottom: 20px; }  
#twitter_div ul li { margin-bottom: 10px; }

p.twitter-link a#twitter-link { margin-top: 20px; background: url(/img/twitter.gif) top left no-repeat; padding: 0 0 1px 21px;  color: #467621;  border: none; }
p.twitter-link a:hover#twitter-link span { border-bottom: 1px solid #a2ba90; }