/*  

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: #f5f5f1 url(images/body_bg.gif) repeat-x;

	color: #84878E;

	padding: 0px;

	}



body, select, input, textarea {

	font-size: 1.2em;

    line-height: 18px;

   font-family:Arial, Helvetica, sans-serif;

	}

	

p {	

	margin: 15px 0;

    line-height:1.0em;
	font-size:1.1em;
	line-height: 18px;

	}



a:link, a:visited {

	color: #e55230;

	text-decoration:none

	}



a:hover, a:active {

	color:#333;

	text-decoration:none;

	}



hr {

	display: block;

	height:1px;

	background:#333;

	border:0;

	}



small {

	font-size: 0.95em;

	background:#fff;

	padding:3px 6px;
	boder-top:1px solid #edeeec;
boder-bottom:1px solid #edeeec;
	}



img, a:link img, a:visited img {

	border:0

	}

	

		



/* Structure */







#page {

	width:990px ;

	margin:0 auto;

   font-size:14px;

   line-height:1.2em;

	color:#757474;

	background:#FFF url(images/bg.gif) repeat-y center;

	padding: 0px 0px 35px 0px;



	}



#branding {

	width:625px;

	padding-bottom:15px;

	}



.left {

	float:left;
	margin-left:25px;

	}



.right {

	float:right;

	}



#sidebar {

	width: 300px;
    list-style:none;
	float:left;
	margin-right:0px;
	margin-left:20px;
	margin-top:10px;
	

	}



#leftcol {

	width:282px;

	border-right:1px dotted #b6b6b6;

	padding-right:12px;
	

	}



 #rightcol {

	margin-top:10px;

	float:left
	


	}	



#leftcol{

	margin-top:0px;

	float:left

	}	

	

#rightcol {

	width:282px;

	padding-left:10px;

	margin-top: -2px;

	}





		

/*Subnav */



.subnav li {

	list-style:none;

	border-bottom:1px solid #FFF;

	}



.subnav li a:link, .subnav li a:visited {

	background:#eef5e1;

	display:block;

	padding:4px 4px 4px 8px;

	border-left:4px solid #e4efd5;

	}

		

.subnav li a:hover, .subnav li a:active {

	background:#e4efd5;

	text-decoration:none;

	color: #e55230;

	}



.subnav li li a:link, .subnav li li a:visited {

	border-left:none

	}

		

	 

	

	

/*	Headers */

#header{
	background: url(images/header_bg.gif) no-repeat top left;
	
	padding: 0 0 0px;
}
/*- Logo -*/
#header h1{
	float: left;
	display:inline;
	margin-bottom:5px;
	line-height:1.4em;
}
#header h1 a{
	display: block;
	line-height:1.4em;
	margin:0px 0 0 25px;
}



h1 {

	font:2.95em Georgia, "Times New Roman", Times, serif;
line-height:1.4em;
	font-weight:bold;

	letter-spacing:-0.02em;
	line-height:1.4em;

	}

	

h2 {

	font: 1.8em Arial, Helvetica, sans-serif;

	padding-bottom:8px;

	margin: 20px 0;

    color:#222222;
line-height:1.4em;
   

	}



h3, #sidebar h2 {

	font: Arial Narrow, Arial, Helvetica, sans-serif;

	list-style:none;

	margin-bottom:4px;

	font-weight:bold;

	color:#222222;

    font-size:14px;
	border-bottom:1px solid #efefef;

	}



#sidebar h3, #sidebar h2 {

		list-style:none;

	border-bottom:1px solid #BBB;

	padding:6px 0 6px 2px;

	margin:22px 0 15px 0;

   color:#222222;

	font-size:18px;
	line-height:1.4em;

	}



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:600px;

	float:left;
	margin-left:10px;
	margin-right:0px;

	}



#content p {

	line-height:1.6em;

	}

	

.description {

	color: #000;

font-family: Trebuchet MS;

font-size: 23px;

font-weight: normal;

margin-bottom: 10px;

margin-top: 15px;

margin-left:10px;



	}



.feature {
background:#fafafa;

	padding:5px;

	border-bottom:0px dotted #b6b6b6;

	border-top:0px dotted #b6b6b6;
	
height:250px;
overflow:hidden;
border:3px solid #f8f8f8;
margin-bottom:10px;

	}



.feature:hover {

	

	}

	

.feature p, #rightcol p {

	margin:0;

	margin-bottom: 5px;
	}



.feature img, #rightcol img {
	margin-bottom: 5px;

	padding:1px;

	border:1px solid #000;

border:8px solid #f0f0f0;	}

			

#leadpic {

	float:left;

	margin: 0 18px 8px 0;

   border:8px solid #f0f0f0;

	}



#lead {

	margin-top:10px;
		height:250px;

	}



.title {

	font-size:1.3em;

	font-weight:bold;

	line-height:115%;

	}



.righttitle {

	font-size:1.3em;

	font-weight:bold;

	line-height:115%;

	margin-bottom: 10px;





	}



#cattitle {

color: #000;

font-family: Trebuchet MS;

font-size: 23px;

font-weight: normal;

margin-bottom: 10px;

margin-top: 15px;

}

	

.feature#lead .title {

	font: Arial Narrow, Arial, Verdana, Helvetica;

	line-height:100%;

	display:block;

	padding-bottom:7px;

    font-size:22px;

	}



#leftcol .feature {

	margin-bottom: 5px;

	border-bottom:none

	}



#rightcol img {

	float:left;

	margin:3px 10px 4px 0;

   border:8px solid #f0f0f0;

	}



#leftcol img {

	margin-bottom: 4px;

	display:block

   border:8px solid #f0f0f0;

	}

	

#rightcol .clearfloat {


	

	padding:0px 0 10px 0;







	}	



#sidelist li {

list-style:none;
padding: 6px 0 6px 25px;
border-bottom:1px dashed #fefefe;
	}

	

.bullets li {

	list-style:none;	

	padding: 6px 0 6px 25px;

	

	}

	

#sidelist .bullets li {




	list-style:none;

	margin-bottom:5px;

	line-height:115%;

	margin-left:22px;

	}



#sidelist .children {

	background:#e4efd5;
	list-style:none;

	}

	

#sidelist .children li {

	list-style: none;

	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:#e4efd5;

	color: #818d6f;
	list-style:none;

	}



#sidelist .children li a:hover, #sidelist .children li a:active	{				

	color:#465d23

	}



.postmetadata {

	margin: 30px 0;

	}



#writer {

	background:#eef5e1;

	margin:25px 0 15px 0;

	padding:12px;

	}



#writer img {

	padding:1px;

	border:1px solid #e55230;

	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;

font-size:1.2em;

text-decoration:none;

	}







/*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:#222;

	background:url(images/quotes.gif) no-repeat top left;

	padding:10px 34px;

	margin:18px 35px;
    line-height:115%;
	font-size:1.2em;
	

	}	

.post h2 {

font: 1.8em Arial, Helvetica, sans-serif;

	padding-bottom:8px;

	margin: 20px 0;

    color:#000;
line-height:1.2em;

}

.post h3 {

font: 1.4em Arial, Helvetica, sans-serif;

	padding-bottom:8px;

	margin: 20px 0;

    color:#000;
line-height:1.2em;

}

.post ul li {

	list-style:none;

	margin-bottom:5px;

	line-height:115%;

	margin-left:42px;

	}



.post ol li {

	margin-bottom:5px;

	line-height:115%;

	margin-left:48px;

	}

	

#tags {


line-height:1.4em;

	}	





				



/* Form Elements */



select {

	background:#f2f2f2;

	border:1px solid #9c9c9c;

	width:100%

	}

	





.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 15px;

	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 ;
	font-family:Arial, Helvetica, sans-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 {
    background: url(images/nav_top.gif) repeat-x;

	

	height:27px;


	

	}
	
	#footer p
	
	{
	padding-top:5px;
	width:900px;
	font-size:0.7em;
	color:#fff;
	margin: 0 auto;}



#footer a {

	color:#d3d1d1;

	}





.rule {

height: 2px;

width: 950px;

background-image: url(images/rule.gif);

background-repeat: repeat-x;

clear: both;

margin-left: auto;

margin-right: auto;

margin-top: 5px;

margin-bottom: 5px;

}



.featrule {

height: 2px;

background-image: url(images/rule.gif);

background-repeat: repeat-x;

clear: both;

margin-left: auto;

margin-right: auto;

margin-top: 5px;

margin-bottom: 5px;

}



.formbutton{

height:22px;

color:#fff;

font-weight:bold;

margin-left:6px;

border:0px;

height:22px;

width:67px;

background:url(images/submit.png) left top;

}





 #iframe_odiogo_19 {

padding-top:5px;

padding-bottom:5px;

}





#topbanner { margin-top:10px; border:1px solid #efefef; padding:5px; width:480px; float:right; margin-right:10px;}



#catmenu ul {

	margin: 0; 

	padding: 10px 0 0 10px; 

	list-style-type: none; 

margin-bottom:10px;

 }



#catmenu li {

	display: inline; 

	padding:2px;

	border-right:1px solid #ffffff; 

	height:40px;  }



#catmenu ul li a {

	text-decoration:none; 

	margin: 4px;

	padding: 5px 5px 5px 5px; 

	color: #222222;

	font-weight:bold;

	font-size:1.0em;



}

#catmenu ul li a:hover {

	color: #e55230;

	font-weight:bold;

	font-size:1.0em;


}










/*- Page Navigation -*/
#nav {
width:1000px;
    background: url(images/nav_top.gif) repeat-x;
	height: 27px;
	padding: 0px 0 0;

	
}
#nav-left {
	float:left;
	display:inline;

	}
#nav-right {
	float:right;
	display:inline;
	
	}
#nav ul {
	position: relative;
    height: 20px;
    overflow: hidden;
	margin-left:0px;
	margin-top:0px;
}
#nav ul  li {
    float: left;
    list-style: none;
	
	font-size:12px;	

}
#nav ul  li.back {
    background-color: #e90707;
    width: 9px;
    height: 30px;
    z-index: 8;
    position: absolute;
}
#nav ul  li a {
	text-decoration: none;
	color: #fff;
	outline: none;
	text-align: center;
	top: 6px;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 20px;
	position: relative;
	overflow: hidden;
	margin: auto 8px !important;
	margin: auto 5px;	
}
#nav ul  li a:hover, #nav ul  li a:active, #nav ul  li a:visited {
	border: none;
}      
.fix{
	clear: both;
	height: 1px;
	margin: 0 0 -1px;
	overflow: hidden;
}


/*- Search -*/
#search{
	background: url(images/search_bg.gif) no-repeat;
	float: right;
	height: 53px;
	margin: 0px 35px 0 0;
	padding: 0 10px 0 0;
	width:376px;
}
* html #search{
	margin-right: 8px;
}
#search input{
	background: transparent;
	border: 0;
	color: #ffffff;
	float: left;
	font-size: 12px;
	margin: 15px 0 0;
	padding: 2px 2px 2px 10px;
	width:250px;
}
#search .btn{
	margin: 15px 0 0 2px;
	padding: 0;
	width: auto;
}

.adsgoogle{
	border: 4px solid #f9f9f9;
	margin-bottom:5px;
	width:300px;
	
}

/*- RSS -*/
#rss{

	float: right;
	font-size: 12px;
	padding: 3px ;
	text-align: right;
	width: 290px;
	margin-bottom:10px;
	msargin-top:10px;
}
#rss a{
	color: #c31d2d;
}
#rss ul{
	float: left;
	margin: 13px 0 0;
	width: 220px;
	list-style:none;
}
#rss li{
	margin: 0 0 3px;
	padding: 0 0 5px;
	list-style:none;
}
#rss img{
	float: right;
}


/*- Ads -*/
.adsgoogle{
	border: 4px solid #f9f9f9;
	margin: 0 0 15px;
	padding: 5px;
	
}


.owbutton {
margin:10px;
padding:10px;
}