/*  

Theme Name: Mimbo

Theme URI: http://www.darrenhoyt.com/2007/08/05/wordpress-magazine-theme-released/

Description: A magazine-style theme for Wordpress

Version: 3.0

Author: Darren Hoyt

Author URI: http://www.darrenhoyt.com/2007/08/05/wordpress-magazine-theme-released/



The CSS, XHTML and design is released under GPL:

http://www.opensource.org/licenses/gpl-license.php





TABLE OF CONTENTS



  Nav

  HTML Tags

  Structure

  Headers

  Content Styles

  	 Misc

  	 Sidebar

  	 Single Post

  	 Archives

  Post Styles

  Comments

  Form Elements

  Float Clearing

  Footer

  





/* ---------- @ Nav -----------*/



@import url('css/nav.css');









/* ---------- @ HTML Tags -----------*/





* {

	margin:0;

	padding:0;

	outline:none;

	}




body,html {

	min-height:101%; /*Firefox scrollbar fix*/

	}

html {
   overflow-y: scroll;
   }	

body   { color: #1d1d1d; background: #f6f7f2 url("images/bdy-bg2.gif") repeat-x }



body, select, input, textarea {

	font: 100% Arial, Verdana, Sans-Serif;

	}

	

p  { line-height: 150%; margin: 15px 0 }



a, a:visited  { color: #3681a9 }



a:hover, a:active   { color: #1a8043 }



hr {

	display: block;

	height:1px;

	background:#d7d7d7;

	border:0;

	color:#d7d7d7;

	}


		

table caption {

	background:#f5f3ee;

	padding:2px 0;

	}	

	.hometable1    { background-color: #c7e5d4; background-image: url("images/Park-scene-2.gif"); background-repeat: no-repeat; background-position: right bottom; padding: 5px 10px 10px; width: 295px; height: 250px }		
		.hometable2     { background-color: #fed4a3; background-image: url("images/Park-scene.gif"); background-repeat: repeat-x; background-position: 50% bottom; padding: 5px 10px 10px; width: 275px; height: 250px }	
		
		.funding  { font-size: 1.3em }
		
		.hometable1 a     { color: #19998c; font-size: 120%; text-decoration: none; background-color: #e7f6ed; padding: 2px 4px; border-style: solid; border-width: 1px; border-color: #fff #34af6e #34af6e #fff }

.hometable2 a    { color: #e66600; font-size: 120%; text-decoration: none; background-color: #fcecd7; padding: 2px 4px; border-style: solid; border-width: 1px; border-color: #fffaf1 #fdac4f #fdac4f #fffaf1 }

.arrows0      { background-color: #bfe175; padding: 0 8px 0 23px }

.arrows1     { background-color: #caeb8f; background-image: url("images/arrows1.gif"); background-repeat: no-repeat; background-position: left center; padding: 8px 8px 8px 48px }

.arrowbox0      { background-color: #bfe175; padding: 8px 6px 8px 23px; border-top: 2px dotted #fff }

.arrowbox1      { background-color: #caeb8f; padding: 8px 6px 8px 48px; border-top: 2px dotted #fff }
.arrowbox2       { background-color: #dcf2b5; padding: 8px 6px 8px 48px; border-top: 2px dotted #fff }
.arrowbox3       { background-color: #e6f4ce; padding: 8px 6px 8px 48px; border-top: 2px dotted #fff }
.arrowbox4     { background-color: #def3ba; padding: 8px 8px 8px 18px; border-top: 2px dotted #fff }
.arrowspace  { padding: 20px }
.boxleft    { padding: 5px 10px 0 0; border-style: dotted none none; border-width: 2px; border-color: #97c730 }

.arrows2      { background-color: #dcf2b5; background-image: url("images/arrows2.gif"); background-repeat: no-repeat; background-position: left center; padding: 8px 8px 8px 48px }

.arrows3       { background-color: #e8f6d0; background-image: url("images/arrows3.gif"); background-repeat: no-repeat; background-position: left center; padding: 8px 8px 8px 48px }

.arrows4       { background-color: #fff; background-image: url("images/arrows4.gif"); background-repeat: no-repeat; background-position: left center; padding: 8px }

 a img, a:visited img {

	border:none

	} 
	


	

blockquote    { font-size: 1em; font-variant: normal; font-weight: normal; line-height: normal; background-color: #e5f3d6; margin: 15px 35px 15px 0; padding: 6px 15px; border: dotted 1px #7ab856 }

.images1  blockquote   { background-color: #c7e5d4; background-image: url("images/Park-scene-2.gif"); background-repeat: no-repeat; background-position: right bottom; padding-right: 48px; padding-bottom: 68px; border: dotted 1px #80bba5 }

.images2  blockquote   { background-color: #f3e1ee; background-image: url("images/builder.gif"); background-repeat: no-repeat; background-position: right bottom; padding-right: 68px; padding-bottom: 68px; border: dotted 1px #ecbed9 }

.images2 h2  { color: #630041 }

.images3  blockquote    { background-color: #c6eaf8; background-image: url("images/Couple-with-children.gif"); background-repeat: no-repeat; background-position: right bottom; padding-right: 28px; padding-bottom: 28px; border: dotted 1px #83bbdb }

.images3 h2   { color: #228dca }

.images4  blockquote      { background-color: #ffedc4; background-image: url("images/Children-with-kites.gif"); background-repeat: no-repeat; background-position: right bottom; padding-top: 10px; padding-right: 28px; padding-bottom: 28px; border: dotted 1px #f6bc53 }

.images4 h2    { color: #d58900 }

.images5  blockquote        { background-color: #dcfae7; background-image: url("images/tree.gif"); background-repeat: no-repeat; background-position: right center; padding-right: 28px; border: dotted 1px #479967 }


.images5 h2      { color: #4b9967 }

.whitebox  blockquote         { background-color: #fff; background-image: none; background-repeat: no-repeat; margin-right: 0; padding: 5px 10px; border: dotted 1px #479967 }

.tool  blockquote           { background-color: #e5f3d6; margin-right: 0; padding: 1px 10px 5px; border: 0 }

	.tool a      { color: #3a9e00; font-size: 120%; text-decoration: none; background-color: #f3ffeb; padding: 2px 4px; border-style: solid; border-width: 1px; border-color: #fff #7ab856 #7ab856 #fff ;}

pre {

	width:100%;

	overflow:auto;

	}

	

				





/* ---------- @ Structure -----------*/



#page  { margin: 0 auto; padding-top: 0; width: 960px }

	

#wrapper   { font-size: 0.75em; background: #fff; padding-top: 0; padding-bottom: 20px; border-right: 1px none #cac8c2; border-bottom: 1px none #cac8c2 }



#masthead     { background-color: #b7d76e; background-image: url("images/masthead.gif"); background-repeat: no-repeat; padding: 20px 25px 15px; height: 75px; border-bottom: 1px none #607b88 }

#masthead h1 a  { color: #fff; font-size: 0.79em }


#content    { padding-right: 65px; padding-left: 25px; width: 550px; float: right }

#contentfunding    { padding-right: 25px; padding-left: 25px; width: 900px; float: right }
	

#description   { color: #d9ebb0; font-size: 1.2em; letter-spacing: 0.01em; margin-top: 10px; margin-right: 0; margin-bottom: 0; padding-top: 0; padding-right: 0; padding-bottom: 0 ; float: left;}

	

.left {

	float:left;

	}



.right {

	float:right;

	}



#sidebar  { padding-left: 21px; width: 260px; float: left }

#sidebar2      { padding-left: 21px; width: 260px; float: left }

#sidebar ul {padding: 0}

#sidebar ul li {width: 100%;}
#sidebar ul li a {height: 1%;}


.subpages ul, 
.subpages ol     { margin: 0 0 0 8px }

.subpages li    { list-style: none; border-top: 1px dotted #7ab856 }
	
	.subpages ul ul li  { padding-left: 0; border-bottom: 1px solid #ccc }

#sidebar ul ul li a:before {
	content: "» ";
}

.subpages ul ul li a     { font-size: 10px; line-height: 14px; margin-left: -20px }

.subpages li a    { line-height: 17px; text-decoration: none; display: block; padding: 3px 10px }

.subpages li a:hover   { background: #e5f3d6 }


#sidebarright  { padding-top: 25px; padding-left: 25px; width: 265px; float: right }

.page_item ul {
	display: none;
}

 .subpages .current_page_item ul, .subpages .current_page_parent ul {
	display: block;
}

.subpages .current_page_item   a { color: #1a8043; font-weight: bold; background-color: #e5f3d6; }


#featured-cats {

	width:182px;

	float:left

	}



#more-posts {

	width:413px;

	float:right;

	}

	

	

	

/* ---------- @ Headers -----------*/



h1 {

	font: bold 2.6em Georgia, "Times New Roman", Times, serif;

	letter-spacing:-0.01em;



	}

#content h1   { color: #1a8043; font-size: 2.2em; margin-top: 20px }

#content h3   { color: #1a8043;  }

#contentfunding h1   { color: #1a8043; font-size: 2.2em; margin-top: 20px }
	

h2      { color: #1a8043; font-size: 1.4em; margin: 25px 0 -2px }



#lead h2  { font: 1.8em/115% Georgia, "Times New Roman", Times, serif; margin: 3px 0 -8px; padding: 0 }	

	

.post h2  { font-size: 1.8em; margin: 15px 0 0; padding: 0 }

	

h2.posttitle {

	margin:25px 0 0 0;

	padding:0 0 12px 0;

	}



h2.pagetitle  { font-size: 1.8em; margin: 25px 0 20px; padding: 0 0 12px; border-bottom: 1px solid #d7d7d7 }

				

h3   { color: #1a8043; font-size: 1em; background: transparent; letter-spacing: 0.03em; margin: 22px 0 15px; padding: 5px 0 5px 3px; border-top: 3px solid #7ab856; border-bottom: 1px solid #7ab856 }



.post h3 {

	border:none;

	font:1.7em;

	color: #232323;

	letter-spacing:0;

	}

	

#featured-cats h3, #more-posts h3 {

	margin:0 0 15px 0;

	}

		

h3#respond {

	margin:45px 0 20px 0;

	}



h3#comments {

	margin-top:32px

	}



h4 {

	font:bold 1.3em Georgia, "Times New Roman", Times, serif;

	margin-bottom:-10px;

	}

	

.post h4 {

	margin:15px 0;

	}

	

.archive-list h4 {

	margin:0;

	font-size:1.2em;

	line-height:125%;

	}

	

h5   { color: #1a8043; font: 1.2em Georgia, "Times New Roman", Times, serif; margin-bottom: 1px; padding-top: 20px; padding-bottom: 1px }



h6 {

	font:bold 1.1em Arial, Helvetica, sans-serif;

	}





	

/* ---------- @ Content Styles -----------*/





/*Misc*/



h1 a, h1 a:visited {

	color:#444;

	text-decoration:none

	}



h1 a:hover {

	color:#686868;

	}



h1 a:active {

	color:#929292;

	}

			

h4 a, h4 a:visited {

	color:#383838;

	text-decoration: none

	}

	

h5 a, h5 a:visited,

h5 a:hover, h5 a:active {

	text-decoration: none

	}
	
	h6 a, h6 a:visited,

h6 a:hover, h6 a:active {

	text-decoration: none

	}

	

#more-posts img, .archive-list a img, .archive-list a:visited img {

	float:left;

	margin: 4px 18px 8px 0;

	padding:2px;

	border:1px solid #b9b9b9;

	background:#FFF;

	}

	

#more-posts img {

	margin:3px 12px 4px 0;

	}



.recent-excerpts {

	padding-bottom:10px;

	}



#featured-cats ul {

	margin:3px 0 22px 0;

	}



#featured-cats li {

	list-style:none;

	border-bottom:1px dotted #B6B6B6;

	padding:5px 0 8px 6px;

	margin:4px 0;

	line-height:135%;

	}

		

#lead {

	margin:22px 0;

	background:#ededed;

	border-bottom:1px solid #dadada;

	border-right:1px solid #dadada;

	}



#lead:hover {

	background:#e8e8e8;

	border-bottom:1px solid #cbcbca;

	border-right:1px solid #cbcbca;

	}



#lead-text {

	float:left;

	width:320px;

	padding:13px 15px 16px 0;

	}



#lead br, .recent-excerpts br /*cleans up excerpts*/ {

	margin-bottom:15px;

	}



#lead img {

	float:left;

	margin-right:22px;

	}

			

.commentcount {

	padding-right: 19px;

	background:url(images/bubble.gif) no-repeat right;

	font:.8em Arial, Helvetica, sans-serif;

	}



#lead h2 .commentcount {

	font-size:0.4em;

	}



.postmetadata .commentcount {

	font-size:1em;

	}

		

.date {

	float:left;

	margin:18px 4px 0 0;

	font: 0.85em Georgia, "Times New Roman", Times, serif;

	color:#737373;

	letter-spacing:0.03em;

	}



#featured-cats .date {

	margin: 2px 3px 0 0;

	}





/*Sidebar and Widgets*/



#sidebar li, .headlines li {

	margin-left:0px;

	padding:0;

	}



/* #sidebar a, #sidebar a:visited,

#home #content a, #home #content a:visited, 

.archive-list h4 a, .archive-list h4 a:visited,

.commentcount a, .commentcount a:visited, 

.fullarchive a, .fullarchive a:visited {

	color:#424242;

	text-decoration: none;

	}

*/

#sidebar a:hover, #sidebar a:active,

#home #content a:hover, #home #content a:active, 

.archive-list h4 a:hover, h4 .archive-list a:active, 

.commentcount a:hover, .commentcount a:active, 

.fullarchive a:hover, .fullarchive a:active {



	text-decoration: underline;

	}



#wp-calendar td {

	text-align:center;

	padding:3px;

	}	

	

#recentcomments {

	color: #787878;

	}



a.rsswidget, a.rsswidget:visited {

	font-weight: bold

	}



#ads img, .wp125ad img {

	float:left;

	margin:0 0 6px 6px;

	}



.textwidget {

	margin: 15px 0;

	line-height:160%;

	}	

	

.widget td {

	background:none;

	}

	

.widget table {

	border:none

	}

	

		

		

	

/*Single Posts*/



#writer {

	background:#ededed;

	margin:-10px 0 22px 0;

	padding:3px 20px 16px 20px;

	border-bottom:1px solid #dadada;

	border-top:1px solid #dadada;

	}

	

#writer img {

	padding:1px;

	border:1px solid #b2afa4;

	float:left;

	margin:18px 15px 6px 0;

	}



#tags {

	padding:3px;

	border-bottom:1px solid #DDD;

	border-top:1px solid #DDD;

	}	



#tags a, #tags a:visited {

	text-decoration: none

	}

	

	

/*Archives*/



.archive-list li  { list-style: none; margin: 8px 25px 10px 0; width: 285px; border-bottom: 1px dotted #b1b1b1 }



.archive-list img {

	margin:0 14px 0 0;

	}



.archive-list .postmetadata {

	border:none;

	margin:0;

	padding:4px 0 0 0;

	}

		

#pagination {

	margin-top:30px;

	width:604px;

	}



#pagination .left {

	width:290px;

	text-align:right;

	}



#pagination .right {

	float:right;

	width:294px;

	}







/* ---------- @ Post Styles -----------*/



.entry {

	padding-bottom:10px;

	}



.postmetadata {

	padding: 7px 0;

	border-top:1px solid #d7d7d7;

	margin:0 0 20px 0;

	color:#7a7a7a;

	}	



.post code {

	background:#f5f3ee;

	padding:3px;

	font-size:1.2em;

	}

			

.post ul li {

	margin: 0 0 5px 42px;

	line-height:115%;

	}



.post ol li {

	margin:0 0 5px 48px;

	line-height:115%;

	}





/*Images*/

	

.entry img {

	display:block;

	border:1px solid #999;

	padding:2px;

	margin:15px 0;

	}



.wp-caption.alignleft, 

.wp-caption.alignright, 

.wp-caption.aligncenter {

	background:#f5f3ee;

	text-align:center;

	padding:10px 5px 10px 10px;

	border:3px double #FFF;

	}



img.alignleft  { margin: 5px 15px 10px 0;  float: left;  }

a:visited img.alignleftleaflet, a img.alignleftleaflet { margin: 5px 15px 10px 0; padding: 5px; float: left; border: solid 1px #cacaca ; margin: 5px 15px 10px 0;  float: left;}

img.noborder {border: 0}
img.alignright {

	margin:5px 0 10px 15px;

	float:right

	}



.wp-caption.alignleft {

	float:left;

	margin:5px 22px 10px 0;

	}

	

.wp-caption.alignright {

	float:right;

	margin:5px 0 10px 22px;

	}



.wp-caption.aligncenter, img.aligncenter {

    margin: 0 auto;

	display:block;

	margin-bottom:15px;

	float:none

   	}

		

p.wp-caption-text {

	margin:0;

	text-align:center;

	padding:5px 0;

	}	



.wp-caption img {

	float:none;

	margin:0;

	}	



.gallery {

	margin:15px 0;

	display:block;

	}

	

.gallery img {

	border:1px solid #999 !important;

	padding:2px;

	}



.gallery-item {

	padding:12px 0;

	}



.gallery-caption {

	padding:10px;

	}

	

	

	

	



/* ---------- @ Comments -----------*/



.reply a, .reply a:visited  {

	width:75px;

	background:#CCC;

	color:#FFF;

	display:block;

	margin-bottom:15px;

	padding:5px !important;

	text-align:center;

	border-bottom:1px solid #f2f2f2;

	border-right:1px solid #f2f2f2;

	text-decoration:none !important;

	font:italic 1em Georgia,Arial,Verdana;

	}



.reply a:hover {

	background:#aeaeae;

	text-decoration:none;

	border-bottom:1px solid #898989;

	border-right:1px solid #898989;	

	color:#FFF;

	}



.reply a:active {

	background:#CCC;

	}

			

.commentlist li {

	margin: 0 0 18px 0;

	padding: 15px;

	background:#F2F2F2;

	border-bottom:1px solid #DDDDDD;

	border-top:1px solid #DDDDDD;

	list-style:none

	}



.commentlist li.depth-2 {

	border:none;

	background:#FFF;

	border-top: 1px solid #f2f2f2;	

	margin-left:15px;

	}



.commentlist li.depth-3	 {

	margin-left:15px;

	border:none;

	background:#f2f2f2;

	}



.commentlist li.bypostauthor {

	background:#e5e5e5 !important; 

	border:1px solid #c7c7c7 !important;

	}

	

.commentlist code {

	background:#e0e0e0;

	padding:3px;

	}

	

.avatar {

	margin: 3px 10px 0 0;

	float:left;

	padding:2px;

	border:1px solid #b9b9b9;

	background:#FFF;	

	}



#trackbacklist li {

	margin: 10px 0 10px 35px;

	}



#trackbacklist cite {

	font-style:normal

	}

			

cite.fn {

	font: bold 1.4em Georgia, "Times New Roman", Times, serif;

	letter-spacing:-0.05em;

	display:block;

	padding-top:9px;

	}	



.says {

	display:none;

	}

	

.commentmetadata {

	float:left

	}

 

.comment-date a, .comment-date a:visited {

	color:#868686;

	font-size:0.9em;

	text-decoration:none

	}



.commentmetadata a:hover, .commentmetadata a:active  {

	text-decoration:underline;

	color:#333;

	}



		

	

	

/* ---------- @ Form Elements -----------*/



#author, #email, #comment, #url, #s {

	background:#FFF !important;

	padding:5px;

	border:1px solid #bfbfbf;

	border-left:1px solid #e2e2e2;

	border-top:1px solid #e2e2e2;

	}



#author, #email, #url {

	width:220px;

	}

		

.button {

	padding: 8px 14px;

	background:#424242;

	color:#FFF !important;

	border:none;

	font-size:1.1em;

	}



.button:hover {

	background:#272727;

	color:#FFF;

	text-decoration:none

	}



.button:active {

	background:#000;

	}



#commentform textarea {

	width: 98%;

	margin-top:5px;

	height:250px;

	}



#searchform {

	float:right;

	width:230px;

	text-align:right;

	padding-top:8px;

	}



#s {

	width:190px;

	font-size:1em;

	}

	

#s:focus {

	background:#f8f8f8 !important;

	}



#searchsubmit {

	vertical-align:top

	}		

	



	



/* ---------- @ Float Clearing -----------*/



.clearfloat:after {

	display:block;

	visibility:hidden;

	clear:both;

	height:0;

	content:".";

	}

	

.clearfloat {

	display:inline-block

	}



.clearfloat {

	display:block

	}

	





/* ---------- @ Footer -----------*/



#footer    { font-size: 0.75em; background-color: #fff; padding: 16px 25px 20px; border-top: 1px solid #c1e988; border-right: 1px #c1e988; border-bottom: 1px #c1e988; border-left: 1px #c1e988 }



#footer a, #footer a:visited  { color: #72716b; text-decoration: none }



#footer a:hover {

	color:#5a5954;

	}



#footer a:active {

	text-decoration:underline

	}

			

#footer img {

	vertical-align:middle;

	}

	

#copyright  { width: 750px; float: left }



#rss {

	float:right;

	width:350px;

	text-align: right

	}
	

	
.glossary	 { color: #af3500; text-decoration: none; cursor: help; border-bottom: 1px dashed #af3500 }

a.glossary:link, a.glossary:visited { color: #af3500;}


table.smalltext td   { font-size: 1em; padding: 5px; border-top: 1px solid #ddf1c4; border-bottom: 1px solid #ddf1c4; border-left: 1px solid #ddf1c4 }
table.smalltext    { font-size: 1em; border: solid 1px #a8d073 }

#content ul {margin-top: 20px}