/*  

Theme Name: Mimbo Pro

Theme URI: http://prothemedesign.com/themes/mimbo-pro/

Description: A premium magazine theme for WordPress

Version: 2.3.1

Author: Darren Hoyt, Ben Gillbanks

Author URI: http://prothemedesign.com/themes/mimbo-pro/





The CSS, XHTML and design is released under GPL:

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





TABLE OF CONTENTS 



  Inherited Styles

  HTML Elements

  Page Structure

  Headings 

  Content Page Styles

  WP Post Formatting  

  Comments

  Forms

  Clear

  Footer





/* Inherited Styles */



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





/* HTML Elements */



* {

	margin:0;

	padding:0;

	}

	

*:focus { 

	outline: none;

	}

	

body,html {

	min-height:101%;

	}

	

body {

	background: #a6cff8;
        color: #1b1b1b;

	}



body, select, input, textarea {

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

	}



a, a:visited {

	color: #3399cc;

	text-decoration:none

	}



a:hover, a:active {

	color:#59bced;

	text-decoration:underline;

	}



small {

	font-size: 0.95em;

	background:#eef5e1;

	padding:3px 6px;

	}



hr {

	margin:22px 0;

	background:#eae9e4;

	color:#eae9e4;

	height:1px;

	border:0;

	display: block;

	}	



label {

	margin:12px 0 0 0;

	display:block

	}

	

a img {

	border:none

	}



table {

	display: table;

	margin:13px 0;

	width:100%;

	border-collapse:collapse;

	border-top:1px solid #e0ded9;

	border-bottom:1px solid #e0ded9;	

	}	



th {

	background:#e4e4e4;

	text-align:left;

	}



th, td {

	border-bottom:1px solid #FFF;

	padding:4px 7px;

	}

	

td {

	background:#f2f2f2;

	}		

			

p {

	margin:15px 0;

	line-height:145%;

	font-size:1.1em;

	}

	

pre {

	width:100%;

	overflow:auto;

	}

	





/* Structure */



#page {

	width:960px;

	margin:13px auto 0 auto;

	font-size:0.7em;

	border:5px solid #FFF

	}



#masthead {

	height:108px;

	background:url(images/bg_masthead.png);

	}

		

.left {

	float:left;

	}



.right {

	float:right;

	}



#sidebar {

	width: 270px;

	float:left;

	margin-right:16px;

	padding:0 8px 25px 8px;

	background:#FFF;

	}



#interior #content {

	float:left;

	width:620px;

	padding:12px 18px 40px 0;

	background:#FFF;

	}



#interior #content.fullwidth {

	width:auto;

	float:none;

	padding:12px;

	}

		



	





/*	Headers */

	

h1 {

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

	padding:6px 0;

	

	border-top:3px solid #eae9e4;

	color:#313228;

	font-weight:bold;

	}



.post h1 {

	line-height:110%; 

	}



h3 {

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

	margin:13px 0 7px 0;

	line-height:115%;

	font-weight:bold;

	}



h4#comments {

		margin:30px 0 -15px 0;

}



#respond h4 {

		margin:28px 0 0 0;

}



h3#pages {

	margin:0 0 5px 0;

	}

		

h3.catcolor1, h3.catcolor2, h3.catcolor3 {

	height:22px;

	margin:0 0 9px 0;

	padding:3px 0 0 7px;

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

	font-weight:bold;

	border:none

	}

	

h3.catcolor1 {

	background: url(images/cat_green.jpg);

	}



h3.catcolor2 {

	background: url(images/cat_red.jpg);

	}



h3.catcolor3 {

	background: url(images/cat_grey.jpg);

	}



#meta h3 {

	border-bottom:3px solid #085682;

	color:#FFF;

	}

	

#lead h2 {

	font:bold 1.9em Georgia,'Times New Roman';

	margin:0;

	padding: 0 17px 0 0;

	line-height:110%;

	border:0;

	}

			

#recent h3 {

	margin: 0 0 5px 0;

	color:#112f41;

	border:0;

	}



.entry h3 {

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

	color:#313228;

	font-weight:bold;

	}



.entry .widget h3 {

	font-size:1.3em;

	}

	

h3#respond {

	margin-top:35px;

	}



h4 {

	margin-bottom:3px;

	font:1.2em Arial, Verdana;

	color:#313228;

	font-weight:bold

	}



.entry h4 {

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

	color:#313228;

	font-weight:bold

	}



h4.widgettitle {

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

	margin:13px 0 7px 0;

	line-height:115%;

	font-weight:bold;

	border-bottom:3px solid #EAE9E4;

	padding-bottom:3px

	}

			

h4#respond {

	border-top:1px solid #eae9e4;

	margin-top:25px;

	padding-top:20px;

	}



.cat-excerpt h4 {

	margin:0;

	}



.domtab h4 {

	margin:15px 0;

	}



#more-menu h4 {

	color:#4a4e4a;

	font-size:1.1em;

	}



.cat-excerpt h4 {

	margin-bottom:-15px;

	}

	

.entry h5 {

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

	color:#313228;

	font-weight:bold

	}



		

/* Content Page Styles */





#logo {

	margin:0 auto;

	display:block;

	color:#FFFFFF;

	font:3.2em Geneva, Arial, Helvetica, sans-serif;

	padding-top:29px;

	text-align:center;

	font-weight:bold;

	}



#logo a, #logo a:visited {

	color: #FFF;

	}



#description {

	border:none;

	padding:0;

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

	text-align:center;

	color:#FFF;

	text-transform:uppercase

	}

				

#lead {

	background:#1e3d4f;

	color:#f1f5f8;

	width:600px;

	padding:18px;

	float:left;

	font-size:0.95em;

	}



#interior #lead {

	float:none;

	width:auto;

	margin: 6px 0 10px 0;

	}

		

#lead a, #lead a:visited {

	color:#9cd6f3;

	}



#lead img {

	border:1px solid #516f80;

	padding:1px;

	}



#lead .date {

	color:#a7b5bd;

	margin-bottom:-15px;

	padding:4px 0;

	}

	

a#fullstory, a#fullstory:visited {

	background:#174a6d;

	padding:5px 8px;

	color:#9adafe;

	position:relative

	}



a#fullstory:hover, a#fullstory:active {

	background:#132d3c;

	text-decoration:none;

	color:#FFF;

	}

	

#interior #lead img	{

	float:left;

	margin:1px 16px 6px 0;

	}



#lead .left {

	width:165px;

	}



#lead .right {

	width:408px;

	}



.widget {

	margin-bottom:25px;

	}



.widget_tag_cloud a {

	display:inline;

	float:none;

}



#widget-single-right {

	float:right;

	width:190px;

	margin:3px 0 15px 18px;

	border:1px solid #E7E8DF;

	padding:5px 14px 14px;

	}



.entry #widget-single-right ul, .entry #widget-single-right ol {

	padding:0 !important;

	}

	

#wp125adwrap_2c, #wp125adwrap_1c {

	padding:12px 0;

}



.wp125ad {

	float:left;

	margin:0 0 6px 6px;

	}



.textwidget {

	margin: 15px 0;

	line-height:160%;

	}	

	

.widget td {

	background:none;

	}



#sidebar .widget li {

	list-style:none;

	border-bottom:1px solid #7EB8E9;

	padding:0;

	}



#sidebar .widget ul {

	border-left: 4px solid #C0DCF4;

	list-style:none;

	}



#sidebar .widget ul ul {

	border-left: none;

}



#sidebar .widget li a, #sidebar .widget li a:visited {

	background:#3399cc;

	color:#ACE3FF;

	text-decoration:none;

	display:block;

	padding:4px 4px 4px 8px

	}



#sidebar .widget li a:hover, #sidebar .widget li a:active, 

#sidebar .widget li li a:hover, #sidebaer .widget li li a:active {

	background:#237daa !important;

	color:#FFF;

	}



#sidebar .widget li li a, #sidebar .widget li li a:visited {

	background:#45a3d3;

	padding-left:20px;

}



#sidebar .widget li li {

	border:none;

	padding-left:

}



#breadcrumbs {

	background:#3399cc;

	padding:5px 0 7px 24px;

	color:#FFF;

	}	



#breadcrumbs a, #breadcrumbs a:visited {

	color:#ace3ff;

	font-weight:bold

	}



#interior .stripes {

	background: #FFF url(images/bg_stripe.gif) repeat-x;

	padding:10px;

	}	



#author {

	margin-bottom: 19px;

	}



#author img {

	padding:1px;

	float:left;

	margin-right:13px;

	}



#author span {

	display:block;

	margin-top:12px;

	background:url(images/envelope.gif) no-repeat 1px 10px;

	padding:8px 0 0 17px;

	}



#author p {

	margin:0;

	width:452px;

	}	



.author-listing {

	margin:18px 0 34px 0;

	}



.author-listing ul {

	margin:15px 0 8px 0;

	}

	

.author-id {

	float:left;

	width:500px;

	padding:17px 0 0 10px;

	}

	

.cat-excerpt {

	padding:10px;

	margin: 12px 0;

	}

	

.cat-excerpt img, #image-gallery img {

	float:left;

	margin:1px 15px 15px 0;

	border:1px solid #516f80;

	padding:1px;

	}	



#image-gallery {

	margin:18px 0;

	}

				

.pagination, #comment-pagination {

	padding-top:20px;

	}

	

.subfeature {

	background:#edf7ff;

	border-bottom:1px solid #bfdfef;

	border-top:1px solid #bfdfef;

	padding:13px;

	}

	

.subfeature a, .subfeature a:visited {

	color:#4d6984;

	font-weight:bold

	}



.bullets li {

	border-bottom:1px solid #ECECEC;

	list-style-image:none;

	list-style-position:outside;

	list-style-type:square;

	margin-left:25px;

	padding:5px 0;

}	









/*Custom Widgets*/



#sidebar .widget #postDetails a, #sidebar .widget #postDetails a:visited {

	background: none;

	display: inline;

	padding: 0;

	color: #3399cc;

	text-decoration: underline;

	}			



#postDetails ul {

	float: left;

	margin-left: 8px;

	}

	

#sidebar .widget #postDetails li, #meta .widget #postDetails li, #sidebar .widget .upcomingPosts li {

	padding: 2px 0;

	list-style: none;

	margin: 0;

	border:none;

	}



#sidebar .widget #postDetails a:hover, #sidebar .widget #postDetails a:active {

	color:#59bced;

	background: none !important;

	}

		

#sidebar .widget #postDetails ul, #sidebar .widget ul.upcomingPosts { 

	border:none;

	}

	

#sidebar .widget #postDetails li.postDetailsCommentsFeed a {

	background: url(images/rss.gif) no-repeat !important;

	padding-left: 15px;

	}	



.more-in li {

	margin-left: 35px;

	padding: 4px 0;

	}









	

	

/*Post Page Formatting*/



.entry blockquote, .entry code, 

.commentlist blockquote, .commentlist code {

	color:#76767a;

	background:#f2f2f2;

	padding:6px 22px;

	margin:18px 35px;

	border-right:1px solid #DDD;

	border-bottom:1px solid #DDD;

	display:block;

	font:italic 1em Georgia, "Times New Roman", Times, serif; 

	}	



.entry pre, .entry code {

	width:350px;

	font: 1em "Courier New", Courier, monospace;

	padding:20px 14px;

	}



.post code {

	background:#f5f3ee;

	padding:3px;

	font-size:1.2em;

	}

	

.entry ul, .entry ol {

	padding:10px 0;

	}

		

.entry ol li, .entry ul li {

	margin:0 0 5px 30px;

	line-height:135%;

	font-size:1.1em;

	}



.entry ul li {

	list-style:disc;

	}



.entry .widget li {

	list-style:none;

	margin:0;

	padding:5px 0;

	}	

	

#tags {

	padding:3px 6px 4px 15px;

	background:#edf7ff url(images/tag.gif) no-repeat 4px;

	}	



.commentcount {

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

	padding-left:17px;

	margin: 0 10px;

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

	font-weight:normal

	}



#home #lead .commentcount, 

#interior #lead .commentcount {

	background:url(images/bubble2.gif) no-repeat 1px;

	font-size:0.6em;

	}

			

.postmetadata {

	border-bottom:1px solid #eae9e4;

	padding:5px 0;

	}	



#print {

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

	padding-left:15px;

	}







/*Images*/

	

.entry img {

	display:block;

	border:1px solid #999;

	padding:2px;

	margin:15px 0;

	}



.wp-caption.alignleft, 

.wp-caption.alignright, 

.wp-caption.aligncenter {

	background:#EFEFEF;

	text-align:center;

	padding:10px 5px 10px 10px;

	}



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;

	}



.gallery-icon img {

	margin:0 auto;

	display:block; 

	}

	

	



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



.reply a, .reply a:visited  {

	margin: 20px 0;

	text-decoration:none;

	color:#4f4f4f;

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

	padding: 0 0 3px 17px;

	display:block;

	}



.reply a:hover {

	text-decoration:none;

	color:#000;

	}



.reply a:active {

	text-decoration:underline;

	color:#4f4f4f;

	}



.commentlist {

	margin-top:25px;

	}

				

.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:9px 0 2px 0;

	}	



.says {

	display:none;

	}

	



	

	



/* Form Elements */



#searchform {

	width:160px;

	float:right;

	text-align:right;

	padding-top:2px;	

	}



.search-excerpt {

	background:#FFFF00

}

	

select {

	background:#edf7ff;

	border:1px solid #3399cc;

	width:100%

	}



#s {

	background:#7ebfdf;

	border:none;

	padding:2px;

	width:129px;

	}



#submit {

	border:1px solid #000;

	background: #1a5d80 url(images/bg_button.gif) repeat-x;

	margin-top:12px;

	color:#a4e1ff;

	padding:4px 8px;

	display:block;

	font-size:1.1em;

	}

	

#contactform legend {

	display:none

	}



#contactform label {

	padding:5px 0;

}



#contactform fieldset {

	border:none

	}



#contact-captcha {

	margin:5px 0;

	display:block

}



#contact-message {

	height:200px;

}



.field {

	border:1px solid #444;

	border-top:1px double #c4c4c4;

	border-left:1px double #c4c4c4;

	padding:5px;

	background:#FFF ! important;

	font-size:1.1em;

	}



.field:focus {

	background:#f9f8f4 ! important;

	}



#wysiwyg {

	padding:6px 0 10px 0;

	}



#wysiwyg a, #wysiwyg a:visited {

	padding:3px;

	margin-right:4px;

	text-indent:-9999px;

	display:block;

	width:20px;

	height:20px;

	float:left;

	border:1px solid #FFF;

	border-bottom:1px solid #afafaf;

	border-right:1px solid #afafaf;

	background-color:#CCC

	}

			

a#button-bold {

	background:#CCC url(images/bg_bold.gif) no-repeat 8px;

	}	



a#button-italic {

	background:#CCC url(images/bg_italic.gif) no-repeat 8px;

	}	

	

a#button-block {

	background:#CCC  url(images/bg_block.gif) no-repeat 5px;

	}	

	

a#button-link {

	background:#CCC  url(images/bg_link.gif) no-repeat 5px;

	}		



#wysiwyg a:hover, #wysiwyg a:active {

	background-color:#dcdcdc

	}



#comment {

	width:98%;

	height:200px

	}

	

	

				



/* Float Properties*/



.clearfloat:after {

	display:block;

	visibility:hidden;

	clear:both;

	height:0;

	content:".";

	}

	

.clearfloat {

	display:inline-block

	}



.clearfloat {

	display:block

	}

	





/* Footer*/



#meta {

	background:#1a384b url() center bottom no-repeat;

	padding: 17px 0 26px 0;

	color:#FFF;

	}



#meta .widget {	

	width:283px;

	float:left;

	padding-left:20px;

	margin-right:12px;

	}

	

#meta li {

	margin-left:25px;

	padding:3px 0;

	list-style:square;

	border:none;

	line-height:145%;

	}

		

#footer {

	margin: 0 auto 25px auto;

	width: 946px;

	font-size:0.7em;

	padding:15px;

	color:#ffffff;

	}



#footer a, #footer a:visited {

	color:#ffffff;

	}



#footer .left, #footer .right {

	width:400px;

	}

	

#footer .right {

	text-align:right

	}

	

/* sociable*/



div.sociable { margin: 16px 0; }



span.sociable_tagline { position: relative; }

span.sociable_tagline span { display: none; width: 14em; }

span.sociable_tagline:hover span {

	position: absolute;

	display: block;

	top: -5em;

	background: #ffe;

	border: 1px solid #ccc;

	color: black;

	line-height: 1.25em;

}

.sociable span {

	display: block;

        clear:both;

}

.sociable ul {

	display: inline;

	margin: 0 !important;

	padding: 0 !important;

}

.sociable ul li {

	background: none;

	display: inline !important;

	list-style-type: none;

	margin: 0;

	padding: 1px;

}

.sociable ul li:before { content: ""; }

.sociable img {

	float: none;

	width: 16px;

	height: 16px;

	border: 0;

	margin: 0;

	padding: 0;

        display:inline;

}



.sociable-hovers {

	opacity: .4;

	-moz-opacity: .4;

	filter: alpha(opacity=40);

}

.sociable-hovers:hover {

	opacity: 1;

	-moz-opacity: 1;

	filter: alpha(opacity=100);

}