/*[variables]
colors
{
	@00: #86D0E7;
}
*/
/*
Theme Name: Mimbo
Theme URI: http://www.darrenhoyt.com/2007/08/05/wordpress-magazine-theme-released/
Description: A magazine-style layout for Wordpress
Version: 2.2
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



/* HTML Elements*/
*
{
	margin: 0;
	padding: 0;
}
BODY, HTML
{
	min-height: 101%;
}
BODY
{
	background-image: url(images/background.gif);
	color: #545454;
	padding: 13px 0 25px;
}
BODY, SELECT, INPUT, TEXTAREA
{
	font: 105% Helvetica;
}
P
{
	margin: 15px 0;
	font-size: 11pt;
	text-align: justify;
}
A:link, A:visited
{
	color: #1729C7;
	text-decoration: none;
}
A:hover, A:active
{
	color: #0C68DF;
	text-decoration: underline;
}
HR
{
	display: block;
	height: 1px;
	background: #333 url(border:0);
}
SMALL
{
	font-size: 0.95em;
	background: #E1F1F5;
	padding: 3px 6px;
}
IMG, A:link IMG, A:visited IMG
{
	border: 0;
}
/*Structure*/
#banner
{
	background-color: #000000;
	width: 880px;
	display: block;
	padding: 0;
	margin: 0px;
}
#page
{
	width: 880px;
	margin: 0 auto;
	font-size: 0.7em;
	background: #FFF;
	padding: 10px 25px 35px;
}
#branding
{
	height: 55px;
	width: 625px;
	padding-bottom: 0px;
}
.left
{
	float: left;
}
.right
{
	float: right;
}
#sidebar
{
	width: 250px;
	float: right;
}
#leftcol
{
	width: 287px;
	border-right: 1px dotted #B6B6B6;
	padding-right: 18px;
}
#leftcol, #rightcol
{
	margin-top: 10px;
	float: left;
}
#rightcol
{
	width: 277px;
	padding-left: 18px;
	margin-top: -2px;
	padding-bottom: 14px;
}
/*Subnav*/
.subnav LI
{
	list-style: none;
	border-bottom: 1px solid #FFF;
}
.subnav LI A:link, .subnav LI A:visited
{
	background: #C0BFD1;
	display: block;
	padding: 4px 4px 4px 8px;
	border-left: 4px solid #5771B1;
}
.subnav LI A:hover, .subnav LI A:active
{
	background: #1A2351;
	text-decoration: none;
	color: #DEDFE7;
}
.subnav LI LI A:link, .subnav LI LI A:visited
{
	border-left: none;
}
/*Headers*/
H1
{
	font: 2.95em Verdana;
	font-weight: bold;
	letter-spacing: -0.02em;
}
H2
{
	padding-bottom: 8px;
	border-bottom: 1px solid #333;
	margin: 20px 0;
}
H3, #sidebar H2
{
	font: 1em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin-bottom: 4px;
	font-weight: bold;
	color: #5F5F5F;
}
#sidebar H3, #sidebar H2
{
	border-top: 5px solid #BBB;
	border-bottom: 1px solid #BBB;
	padding: 6px 0 6px 2px;
	margin: 22px 0 15px;
	font-size: 1em;
}
H3#respond
{
	border-top: 1px dotted #B6B6B6;
	margin-top: 25px;
	padding-top: 20px;
}
H3#comments
{
	margin-top: 32px;
}
H4
{
	font-size: 1.6em;
	margin-bottom: 6px;
}
/*Content*/
#content
{
	width: 605px;
	float: left;
}
.description
{
	font-size: 1.3em;
	font-weight: bold;
	font-style: italic;
	color: #545454;
	margin-top: -4px;
}
.feature
{
	background: #E9E9E9;
	padding: 15px;
	border-bottom: 1px dotted #B6B6B6;
	border-top: 1px dotted #B6B6B6;
}
.feature:hover
{
	background: #E9E9E9;
}
.feature P, #rightcol P
{
	margin: 0 0 2px;
	color: #1F1E1E;
	padding-bottom: 5px;
	text-align: justify;
}
.feature IMG, #rightcol IMG
{
	padding: 1px;
	border: 1px solid #000;
}
#leadpic
{
	float: left;
	margin: 0 18px 8px 0;
}
#lead
{
	margin-top: 22px;
}
.title
{
	font-size: 1.2em;
	font-weight: bold;
	line-height: 115%;
	font-family: sans-serif;
}
.feature#lead .title
{
	font: 1.8em Impact;
	line-height: 100%;
	display: block;
	padding-bottom: 7px;
}
#leftcol .feature
{
	margin-bottom: 5px;
	border-bottom: none;
}
#rightcol IMG
{
	float: left;
	margin: 3px 10px 4px 0;
}
#leftcol IMG
{
	margin-bottom: 4px;
	display: block;
}
#rightcol .clearfloat
{
	border-bottom: 1px dotted #B6B6B6;
	padding: 12px 0;
}
#sidelist LI
{
	list-style: none;
}
.bullets LI
{
	list-style: none;
	border-bottom: 1px solid #FFF;
}
#sidelist .bullets LI
{
	list-style: square;
	margin-bottom: 5px;
	line-height: 110%;
	margin-left: 22px;
}
#sidelist .children
{
	background: #D7D5EF;
}
#sidelist .children LI
{
	list-style: square;
	margin-left: 28px;
	border-bottom: 1px solid #E4EFD5;
}
#sidelist .children LI A, #sidelist .children LI A:visited
{
	padding: 2px 2px 2px 0px;
	border: 0;
	background: #D7D5EF;
	color: #1A2351;
}
#sidelist .children LI A:hover, #sidelist .children LI A:active
{
	color: #1114E3;
}
.postmetadata
{
	margin: 30px 0;
}
#writer
{
	background: #E1F2F5;
	margin: 25px 0 15px;
	padding: 12px;
}
#writer IMG
{
	padding: 1px;
	border: 1px solid #7DA939;
	float: left;
	width: 80px;
}
#writer SPAN
{
	display: block;
	padding-top: 4px;
	border-top: 1px solid #CBD8B4;
	margin-top: 12px;
}
#writer P
{
	margin: 0;
	width: 482px;
}
.entry
{
	padding-bottom: 28px;
}
H3 A:link, H3 A:visited
{
	color: #5F5F5F;
}
/*Post Formatting*/
.picleft
{
	float: left;
	margin: 3px 14px 10px 0;
	border: 7px solid #F2F2F2;
}
.picright
{
	float: right;
	margin: 3px 0 10px 14px;
	border: 7px solid #F2F2F2;
}
.post BLOCKQUOTE
{
	color: #76767A;
	background: #F2F2F2;
	padding: 6px 14px;
	margin: 18px 35px;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}
.post UL LI
{
	list-style: square;
	margin-bottom: 5px;
	line-height: 115%;
	margin-left: 42px;
}
.post OL LI
{
	margin-bottom: 5px;
	line-height: 115%;
	margin-left: 48px;
}
#tags
{
	padding: 3px;
	border-bottom: 1px solid #DDD;
	border-top: 1px solid #DDD;
}
/*Form Elements*/
SELECT
{
	background: #F2F2F2;
	border: 1px solid #9C9C9C;
	width: 100%;
}
#searchform
{
	padding: 16px 5px 0 0;
}
.button
{
	padding: 1px;
	background: #000;
	color: #E7E7E7;
	border: none;
}
.button:hover
{
	background: #777;
	color: #FFF;
	text-decoration: none;
}
#commentform INPUT
{
	width: 170px;
	margin: 5px 5px 1px 0;
}
#commentform TEXTAREA
{
	width: 100%;
	margin-top: 5px;
}
/*Comments*/
.commentlist
{
	padding-left: 30px;
}
.commentlist LI
{
	margin: 15px 0 3px;
	padding: 8px 15px 10px;
	background: #F2F2F2;
	border-top: 1px solid #DDD;
}
#commentform SMALL
{
	background: #FFF;
	font-weight: bold;
	padding: 0;
}
.commentmetadata
{
	display: block;
}
.commentlist SMALL
{
	background: #E9E9E9;
}
.commentlist CITE
{
	font: 1.6em Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	letter-spacing: -0.05em;
}
/*Float Properties*/
.clearfloat:after
{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}
.clearfloat
{
	display: inline-block;
}
.clearfloat
{
	display: block;
}
/*Footer*/
#footer
{
	margin: 0 auto;
	width: 900px;
	font-size: 0.7em;
	padding-top: 15px;
	color: #FFF;
}
#footer A
{
	color: #D3D1D1;
}