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

THE THEME HAS BEEN MODIFIED BY EQUALITY DESIGNS

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

/* MAKESHIFT STYLES */	
body {
	font-size:10px;
	font-family: helevitica;
	color:#666;
	background-attachment: fixed;
  		background-image: url(images/woody.png);
  		background-position: center;
  		background-repeat: no-repeat;
}


#main {
		width:800px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
		background-color:#fff;
		}

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

#content {
	width:480px;
	float:left;
	padding-left:10px;
	padding-right:20px;
	}
	
#description {
	font: italic 1.2em Georgia, "Times New Roman", Times, serif;
	color:#888787;
	border-left:1px dotted #7c7c7c;
	float:left;
	letter-spacing:0.01em;
	}
	
.left {
	float:left;
	}

.right {
	float:right;
	}

#sidebar {
	width: 280px;
	float:left
	}

#featured-cats {
	width:200px;
	float:left
	}

#more-posts {
	width:490px;
	float:left;
	}
	
	
	
body, select, input, textarea {
	font: 100% Arial, Verdana, Sans-Serif;
	}
	
p {	
	margin: 15px 0;
	line-height:160%;
	}

/* HYPERLINK STYLES */

		a { color: #f07c3a; text-decoration:none; font-family: Arial, Georgia,Serif;}
		a:hover { color: #000; text-decoration: underline; font-family: Arial, Georgia,Serif;}
	

	

hr {
	display: block;
	height:1px;
	background:#d7d7d7;
	border:0;
	color:#d7d7d7;
	}



			
a img, a:visited img {
	border:none
	}
	
blockquote {
	color:#76767a;
	padding:0 18px;
	margin:25px 45px;
	border-left:3px solid #DDD;
	font:italic 1em Georgia, "Times New Roman", Times, serif;
	letter-spacing:0.02em;
	}

pre {
	width:100%;
	overflow:auto;
	}
	
				



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

#lead h2 {
	font: 2.2em Georgia, "Times New Roman", Times, serif;
	line-height:115%;
	margin:3px 0 -8px 0;
	padding:0;
	}	
	
.post h2 {
	font-size:2.2em;
	padding: 0;
	margin: 15px 0 0 0;
	}
	
h2.posttitle {
	margin:25px 0 0 0;
	padding:0 0 12px 0;
	}

h2.pagetitle {
	border-bottom:1px solid #000;
	padding:0 0 12px 0;
	margin:25px 0 20px 0;
	font-size:2.2em;
	}
				
h3 {
	border-top:3px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	padding:5px 0 5px 3px;
	margin:22px 0 15px 0;
	font-size:1em;
	background:none;
	color:#4c4b46;
	letter-spacing:0.07em;
	}

.post h3 {
	border:none;
	font:1.7em Georgia, "Times New Roman", Times, serif;
	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 {
	font: 0.8em Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	letter-spacing:0.15em;
	padding:4px 8px;
	margin-bottom:5px;
	background:#f5f3ee;
	border-top:1px solid #d7d7d7;
	}

h6 {
	font:bold 0.9em Arial, Helvetica, sans-serif;
	}


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


/*Misc*/

h1 a, h1 a:visited {
	color:#f07c3a;
	text-decoration:none
	}

h1 a:hover {
	color:#000;
	}

h1 a:active {
	color:#f07c3a;
	}
			
h4 a, h4 a:visited {
	color:#000;
	text-decoration: none
	}
	
h5 a, h5 a:visited,
h5 a:hover, h5 a:active {
	text-decoration: none
	}


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

	padding:0px;
	border:0px solid #b9b9b9;
	background:#FFF;
	}
	
#more-posts img {
	
	}

.recent-excerpts {
	padding-bottom:10px;
	font-size:12px;
	}

.headlines {
	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-top:15px;
	margin-bottom:15px;
	padding:10px;
	background:#fff;
	border-bottom:0px solid #dadada;
	border-right:0px solid #dadada;
	float:left;
	}

#lead:hover {
	background:#e8e8e8;
	border-bottom:0px solid #cbcbca;
	border-right:0px solid #cbcbca;
	}

#lead-text {
	float:left;
	padding:13px 15px 16px 0;
	}

#lead br, .recent-excerpts br /*cleans up excerpts*/ {
	margin-bottom:25px;
	}

#lead img {
	float:left;
	margin-right:5px;
	}
			
.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:30px;
	padding:5px 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:#dd6f2c;
	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 {
	color:#000;
	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;
	width:285px;
	float:left;
	height:103px;
	margin: 8px 25px 18px 0;
	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:0px solid #999;
	padding:0px;
	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
	}

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 {
	width:800px;
	padding-left:5px;
	padding-right:5px;
	margin: 0 auto;
	margin-top:25px;
	padding-top:10px;
	padding:0px;
	text-align:left;
	font-size:12px;
	border-top:1px solid #000;
	}

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

#footer a:hover {
	color:#000;
	}

#footer a:active {
	text-decoration:underline
	}
			
	
#copyright {
	float:left;
	width:550px;
	}

#equality {
	float:right;
	width:350px;
	text-align: right
	}


/* ---------- @ NAV -----------*/
	
#nav{
	position:relative;
	display:block;
	height:25px;
	font-weight:bold;
	background-color:#000;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	border-top:0px solid #dcdcdc;
	border-bottom:0px solid #dcdcdc;
	border-right:0px solid #dcdcdc;
	border-left:0px solid #dcdcdc;}

#nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;}

#nav ul li{
	display:block;
	float:left;
	margin:0;}

#nav ul li a{
	display:block;
	float:left;
	color:#fff;
	font-size:13px;
	text-decoration:none;
	padding:7px 15px 0 15px;
	height:18px;}

#nav ul li a:hover,#nav ul li a.current{
	color:#000;
	background-color:#666;}
	
/* RSS FEEDS */

.rss-box {width:400px;background-color: #ffffff;}

.rss-title, rss-title a {font-size:24px;color:#000; margin-bottom:20px;padding:0;color:#b5b5b5;}

.rss-items {list-style:none;margin:0;padding:0;}

.rss-item  { font-size: 16px;margin-bottom: 1em;}

.rss-item a:link, .rss-item a:visited, .rss-item a:active {color: #549fcf;text-decoration:none;}

.rss-item a:hover {color:#b5b5b5;text-decoration:underline;}

.rss-date {	font-size: xx-small;} 


/* NAV WITH DROPDOWN OPTION */
/*------------------------------------*\
	nav-dropdown
\*------------------------------------*/
#nav-dropdown{
	float:left;
	background-color:#000;
	width:100%;
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
	z-index:100;
	position:relative;
}
#nav-dropdown li{
	float:left;
	margin-right:15px;
	margin-left:15px;
	position:relative;
	display:block;
}
#nav-dropdown li a{
	display:block;
	padding:5px;
	color:#fff;
	background:#000;
	text-decoration:none;
	text-shadow:1px 1px 1px rgba(0,0,0,0.75); /* Text shadow to lift it a little */
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
#nav-dropdown li a:hover{
	color:#fff;
	background:#6b0c36;
	background:#dcdcdc; /* It'll look nice semi-transparent */
	text-decoration:underline;
}

/*--- DROPDOWN ---*/
#nav-dropdown ul{
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	opacity:0; /* Set initial state to transparent */
	-webkit-transition:0.25s linear opacity; /* Make the dropdown fade-in in Webkit */
}
#nav-dropdown ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#nav-dropdown ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	display:block;
}
#nav-dropdown li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
	opacity:1; /* Fade to opaque */
}
#nav-dropdown li:hover a{ /* Set styles for top level when dropdown is hovered */
	background:#dcdcdc;
	background:#dcdcdc; /* It'll look nice semi-transparent */
	text-decoration:underline;
}
#nav-dropdown li:hover ul a{ /* Override some top level styles when dropdown is hovered */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}
#nav-dropdown li:hover ul li a:hover{ /* Set styles for dropdown when items are hovered */
	background:#333;
	background:rgba(51,51,51,0.75); /* It'll look nice semi-transparent */
	text-decoration:underline;
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
}