/*
Theme Name: Toadfrogs and Elephants
Theme URI: 
Description: 
Version: 1
Author: 
Author URI: 
*/

/*  Now-Reading */
.now-reading-post  { font-size: 13px; line-height:18px; margin: 0 auto 0 auto; width: 540px; } 
.now-reading-post ul { list-style: none;  margin: 50px 0 0 15px; width: 500px; }
.now-reading-post li { margin: 0 0 30px 0; }
.now-reading-post h3 { float:left; font-size: 12px; }
.now-reading-post h3 span { font-size: 14px; color: #598D3E; }
.now-reading-post .rating { float: right; }
.now-reading-post .listing { margin: 7px 0 0 0; padding: 10px 0 0 0; border-top: 2px solid #F07522; }
.now-reading-post .image { float:left; margin: 0 10px 5px 0;} 

.bookheadline { background: #fff; width: 100%; height: 25px; position: relative; }
.bookheadline h2 { position: absolute; left: 15px; color: #598D3E; }
.bookheadline span { float: right; font-size: 13px; color: #F07522; position: absolute; bottom: 3px; right: 15px; }
#book-featured-top { background: url(images/content-featured-top.png) no-repeat; width: 540px; height: 5px; }
#book-featured { background: url(images/content-featured-repeat.png) repeat-y; width: 540px; margin: 0 auto 45px auto; }
#book-featured-bottom { background: url(images/content-featured-bottom.png) no-repeat; width: 540px; height: 25px; }
.book-entry { padding: 15px 20px 0 20px; }
.book-entry-content { margin: 15px 0 0 0; }




*, html { margin: 0; padding: 0; }

img {border:none}
a { color: #598D3E; text-decoration: none; }
a:hover { color: #598D3E; text-decoration: underline; }

body {
	background: #f5f6f7 url(images/background.png) repeat-x;
	font-family: Arial;
	font-size: 62.5%;
	text-align: center;
}

#container {
	width: 930px;
	text-align: left;
	margin: 2px auto;
}

#header { position: relative; width: 100%; height: 200px; display: block; }
	#header h1 a { background: url(images/logo.png) no-repeat; width: 390px; height: 145px; display: block; text-indent: -999em; position: absolute; bottom: -25px; left: 0; z-index: 10; }
	#header ul { list-style: none; position: absolute; right: 220px; }
	#header ul li { float: left; margin: 0 10px 0 0; }
	#header ul li a { text-decoration: none; color: #fff; font-size: 9px; text-transform: uppercase; padding: 3px 0 0 0; display: block; }
	#header ul li a:hover { text-decoration: none; }
        #rss_icon { vertical-align: middle; margin: -4px 0 0 0; }
        

#content-contain { float: left; width: 633px; }
	#content-top { background: url(images/content-top.png) no-repeat; width: 100%; height: 25px; position: relative; }
		#content-top ul { height: 38px; position: absolute; top: -36px; right: 0; }
		#content-top ul li { background: url(images/top-nav-buttons.png) no-repeat; display: block; width: 71px; height: 38px; float: left; text-align: center; }
		#content-top ul li:hover { background: url(images/top-nav-buttons.png) 0 -40px no-repeat; }
		
		#content-top ul li a { height: 38px; text-decoration: none; font-size: 13px; font-weight: bold; color: #fff; padding: 10px 0 0 0; display: block; text-transform: lowercase; }

	#content { background: url(images/content-repeat.png) repeat-y; width: 100%; padding-top: 40px; min-height:400px; }
		.headline { background: #fff; width: 100%; height: 25px; position: relative; }
		.headline h2 { float: left; font-size: 18px; color: #598D3E; position: absolute; bottom: 2px; left: 15px; }
		.headline h2 a { font-size: 18px; color: #598D3E; text-decoration: none; }
		.headline span { float: right; font-size: 13px; color: #F07522; position: absolute; bottom: 3px; right: 15px; }
		#featured-top { background: url(images/content-featured-top.png) no-repeat; width: 540px; height: 5px; margin: 0 0 15px 0; }
		#featured { background: url(images/content-featured-repeat.png) repeat-y; width: 540px; margin: 0 auto 45px auto; }
		#featured-bottom { background: url(images/content-featured-bottom.png) no-repeat; width: 540px; height: 25px; }
	#content-footer { background: url(images/content-footer.png) no-repeat; width: 100%; height: 87px; position: relative; }
		#content-footer p { margin: 0; padding: 0; position: absolute; bottom: 10px; left: 20px; font-size: 10px; color: #fff; }
		#content-footer span { color: #B42025; }
		#content-footer a { color: #B42025; text-decoration: none; }
/*Posts */
	.post .headline h2 { float: left; font-size: 18px; color: #598D3E; position: absolute; bottom: 2px; left: 10px; }
	.post .headline h2 a { font-size: 18px; color: #598D3E; text-decoration: none; }
	.post .headline span { float: right; font-size: 13px; color: #F07522; position: absolute; bottom: 3px; right: 15px; }
	.post h3 a { font-size: 16px; color: #F07522; text-decoration: none; margin: 0 0 0 10px; }
	.post .postmetadata, .post small { font-size: 12px; color: #F07522; margin: 5px 0 0 0; display: block; }
	.post small { margin: 5px 0 0 10px; color: #B42025; font-weight: bold; }
	.post { margin: 0 auto 65px auto; padding: 10px 0 0 0; width: 550px; }
	.post p { padding: 5px 12px 5px 10px; font-size: 13px; line-height: 18px; text-align: justify; }
        .post .centertext p { padding: 5px 12px 5px 10px; font-size: 13px; line-height: 18px; text-align: center; }
	#featured .post { margin: 5px 0 0 0; width: 100%; padding: 0; }
	#featured .post p { padding: 5px 20px 5px 15px; font-size: 13px; line-height: 18px; text-align: justify; }
        #featured .post .centertext p { padding: 5px 20px 5px 15px; font-size: 13px; line-height: 18px; text-align: center; }
	.comments { text-decoration: none; color: #598D3E; font-weight: bold; font-size: 12px; display: block; margin: 0 0 0 15px; padding: 8px 0 0 0; }
	.comments span { color: #598D3E; background: url(images/arrow.png) center right no-repeat; padding: 0 13px 0 0; }
	.comments span:hover { color: #F07522; }
	.entry { border-top: 2px solid #F07522;margin: 0 0 8px 0; padding: 10px 20px 12px 20px; }
        .entry table { margin: 10px 0 10px 20px; }
	#featured .entry { border: none; margin: 0; padding: 0; }
	.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
	.alignleft { float: left; margin: 0 10px 0 10px; }
	.alignright { float: right; margin: 0 10px 0 10px; }
	.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;
  	 /* optional rounded corners for browsers that support it */
  	 -moz-border-radius: 3px;
  	 -khtml-border-radius: 3px;
  	 -webkit-border-radius: 3px;
 	  border-radius: 3px; }
	.wp-caption img { margin: 0; padding: 0; border: 0 none; }
	.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; text-align: center;}
        .navigation { margin: 0 0 0 500px; height:26px; }
        .navigation li { list-style:none; display:inline; }
        .navold a { float:left; width: 26px; height: 26px; text-decoration: none; background: url(images/older_arrow_ani.png); margin: 0 5px 0 0; }
        .navold a:hover { background-position: 0 -26px; }
        .navnew a { float:left; width: 26px; height: 26px; text-decoration: none; background: url(images/newer_arrow_ani.png); }
        .navnew a:hover { background-position: 0 -26px; }
        .pagetitle { color: #F07522; margin: 0 0 30px 40px; }
        .error { text-align: center; color: #598D3E; }


/* Contact */
       .wpcf7 input { border: 1px solid #598D3E; font-family: Arial; font-size: 12px; margin: 5px 0 0 0; color: #BBBBBB; padding: 5px; }
       .your-message textarea { width: 300px; margin-bottom: 10px; padding: 5px; height: 80px; overflow:hidden; overflow-y: hidden; overflow-x: hidden; }
       .your-message textarea { border: 1px solid #598D3E; font-family: Arial; font-size: 12px; margin: 5px 0 0 0; color: #BBBBBB; }



/* Comments */
       #comment_headline { margin: 0 0 0 50px; color: #598D3E; }
       .commentlist { margin: 0 0 60px 50px; list-style: none; }
       .quote { padding: 10px 10px 19px 10px; }
       .commentlist li { padding: 0 0 0 0; margin: 30px 0 0 20px; width: 415px; background: url(images/comment_bubble2.png) bottom no-repeat; border-top: 1px solid #598D3E; font-size: larger; }
       li.alt { background-color: #f2f7ef; }
       .commentlist span { font-weight: bold; color: #F07522; margin: 0 0 0 20px;}
       #respond { margin: 0 0 0 50px; }
       #respond h3 { color: #598D3E; }
       form#commentform { margin: 0 0 0 0 }
       form#commentform p { margin: 5px 0 0 0; }
       textarea#comment { width: 500px; margin-bottom: 10px; padding: 5px; height: 80px; overflow:hidden; overflow-y: hidden; overflow-x: hidden; }
       textarea#comment, form#commentform input { border: 1px solid #598D3E; font-family: Arial; font-size: 12px; margin: 5px 0 0 0; color: #BBBBBB; }
       form#commentform input { height: 20px; padding:0 0 0 5px; }
       #submit { color: #F07522; background-color: #fff; }
       #submittext { margin: 0 7px 0 0;  }
       #formsubmit { text-decoration: none; color: #598D3E; font-weight: bold; }
      .searchpost .searchheadline h2 {font-size: 15px; color: #598D3E; }
      .searchpost .searchheadline h2 a { font-size: 15px; color: #598D3E; text-decoration: none; }
      .searchpost .searchheadline .searchdate { font-size: 13px; color: #F07522; margin: 0 0 0 10px; }
      .searchpost .searchheadline .searchpostmetadata { font-size: 12px; color: #F07522; margin: 0 0 0 10px; }
      .searchpost { margin: 0 auto 25px auto; padding: 10px 0 0 0; width: 530px; }
      .nocomments { font-size: 13px; color: #598D3E; margin: 0 0 0 50px; padding: 0 0 20px 0; }
   
		
/* Archives */
       #archives_content { padding: 20px 0 20px 40px; }	
       #smart-archives-block { list-style: none; margin: 20px 0 0 0; }
       #smart-archives-block strong a { color: #F07522; }
       #smart-archives-block li { font-size: 14px; margin: 0 0 3px 0; }
       #smart-archives-block li span { margin: 0 5px 0 0; }
       #smart-archives-block li a { margin: 0 5px 0 0; }
       #smart-archives-list { list-style:none; margin: 40px 0 20px 0; }
       #smart-archives-list h2 { margin: 20px 0 5px 0; }
       #smart-archives-list h2 a { color: #F07522; }
       #smart-archives-list ul { list-style: none; padding: 0 0 0 10px; }



#sidebar { float: left; width: 297px; }
	#sidebar h2 { display: none; }
	#sidebar ul { list-style: none; margin: 12px 0 12px 0; }
	#sidebar ul li { border-top: 2px solid #a6bb8e; padding: 0 0 0 15px;}
	#sidebar ul li:first-child { border: none; }
	#sidebar ul li a {  }
	#sidebar ul li ul { line-height: 19px; }
	#sidebar ul li ul li { border: none; padding: 0 0 0 28px; color: #598D3E; font-size: 12px; background: url(images/arrow.png) 15px 5px no-repeat; }
	#sidebar ul li ul li a { text-decoration: none; color: #598D3E; font-weight: bold; }
	#sidebar ul li ul li a:hover { text-decoration: none; color: #F07522; }
        #sidebar p { padding: 15px 5px 15px 28px; color: #598D3E; font-size: 12px; background: none 15px 10px no-repeat; }
	
        #searchform { margin: 0 0 5px 5px; clear: both; display: block; height: 25px; }
		#searchform label { display: none; }
		#searchform input { border: 1px solid #eee; height: 22px; float: left; color: #BBBBBB; padding:0 0 0 5px; }
		#searchsubmit { background: url(images/search-arrow.png) no-repeat; width: 20px;  border: none; text-indent: -999em; float: left; margin: 1px 0 0 3px; }
        #search { margin: 0 0 10px 20px; }
        .weathericon {vertical-align:middle; margin: 0 0 0 15px; }
        .airquote { color: #F07522; font: bolder; }
        .weather_temp { color: #F07522; font: 14px bolder; }
        .blogroll { padding: 0 0 0 15px } 
        #threeMonthArch { margin: 15px 0 0 30px; }
        #threeMonthArchExtra { margin: 5px 0 0 30px; }
        .monthicon { float: left; margin: 0 5px 0 0;  }     

        


#footer { clear: both; padding: 20px; }


/* Legacy CSS */
	.float-right { float:right; margin: 0 10px 0 10px; }
	.float-left { float:left; margin: 0 10px 0 10px; }
	.center{ text-align: center; }
        /* Float clearing */
        .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
        .floatbox { overflow: hidden; }
	/* end posts */