/*
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*/
}
body {
background:#e4e2db;
color:#000;
}
body, select, input, textarea {
font: 120% "Palatino Linotype", Palatino, "Times New Roman", Times, Serif;
}
p {
margin: 15px 0;
line-height:160%;
}
hr {
display: block;
height:1px;
background:#c7c7c7;
border:0;
color:#c7c7c7;
}
table {
border-collapse:collapse;
width:100%;
margin:5px 0;
border:none;
background: #c7c7c7;
}
td {
padding:6px 4px;
background:#fff;
border:none;
}
table caption {
background:#7e9db9;
padding:2px 0;
}
a img, a:visited img {
border:none;
background:#fff;
}
blockquote {
color:#424242;
padding:0 18px;
margin:25px 45px;
border-left:3px solid #903534;
border-right:3px solid #903534;
font-style: italic;
letter-spacing:0.02em;
}
pre {
width:100%;
overflow:auto;
}
/* ---------- @ Structure -----------*/
#page {
width:1100px;
margin:0 auto;
padding-top:8px;
}
#wrapper {
background:#FFF;
font-size:0.75em;
padding:0 25px 25px 25px;
border-bottom:1px solid #7e9db9;
border-right:1px solid #7e9db9;
}
#masthead {
padding:22px 0;
border-bottom:1px solid #7e9db9;
}
#content {
width:800px;
float:left
}
#description {
font: italic 1.2em "Palatino Linotype", Palatino, "Times New Roman", Times, Serif;
color:#424242;
padding: 0 0 0 20px;
margin:13px 0 0 20px;
border-left:1px dotted #903534;
float:left;
letter-spacing:0.01em;
}
.left, .alignleft {
float:left;
}
.right, .alignright {
float:right;
}
.center, .aligncenter {
position: relative;
margin: 0 auto;
}
#sidebar {
width:190px;
float:right;
font: 1em Century Gothic, Arial, Calibri, Verdana, sans-serif;
}
#sidebar2 {
width:182px;
float:left;
font: 1em Century Gothic, Arial, Calibri, Verdana, sans-serif;
padding-right:2px;
}
#featured-cats {
width:182px;
float:left;
}
#content #featured-cats a, #content #featured-cats a:visited {
color:#000;
text-decoration:none;
font: 1em Century Gothic, Arial, Calibri, Verdana, sans-serif;
}
#content #featured-cats a:hover {
text-decoration:underline;
font: 1em Century Gothic, Arial, Calibri, Verdana, sans-serif;
}
#content #featured-cats a:active {
color:#903534;
font: 1em Century Gothic, Arial, Calibri, Verdana, sans-serif;
}
#more-posts {
width:600px;
float:right;
border-left: 1px dotted #c7c7c7;
padding-left:10px;
}
/* ---------- @ Headers -----------*/
h1 {
font: bold 2.7em "Palatino Linotype", Palatino, "Times New Roman", Times, Serif;
letter-spacing:-0.01em;
float:left;
}
#masthead h1 {
font: bold 2.7em "Palatino Linotype", Palatino, "Times New Roman", Times, Serif;
letter-spacing:-0.01em;
float:left;
}
h2 {
font: 2.5em "Palatino Linotype", Palatino, "Times New Roman", Times, Serif;
padding-bottom:8px;
margin: 25px 0 20px 0;
}
#lead h2 {
font: 2.5em "Palatino Linotype", Palatino, "Times New Roman", Times, Serif;
line-height:115%;
margin:10px 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 #c7c7c7;
padding:0 0 12px 0;
margin:25px 0 20px 0;
font-size:2.2em;
}
h3 {
border-top:3px solid #424242;
border-bottom:1px solid #c7c7c7;
padding:5px 0 5px 3px;
margin:22px 0 15px 0;
font-size:1em;
color:#424242;
letter-spacing:0.07em;
	font-family: "Palatino Linotype", Palatino, "Times New Roman", Times, Serif;
}
.post h3 {
border:none;
font:1.7em  "Palatino Linotype", Palatino, "Times New Roman", Times, Serif;
color:#232323;
letter-spacing:0;
}
#featured-cats h3, #more-posts h3 {
margin:0 0 15px 0;
font-family: "Palatino Linotype", Palatino, "Times New Roman", Times, Serif;
}
h3#respond {
margin:45px 0 20px 0;
font-family: "Palatino Linotype", Palatino, "Times New Roman", Times, Serif;
}
h3#comments {
margin-top:32px
font-family: "Palatino Linotype", Palatino, "Times New Roman", Times, Serif;
}
h4 {
font:bold 1.3em Century Gothic, Arial, Calibri, Verdana, sans-serif;
margin-bottom:10px;
}
.post h4 {
margin:15px 0;
}
.archive-list h4 {
margin:0;
padding-left:3px;
font-size:1.2em;
line-height:125%;
}
h5 {
font: 0.8em Century Gothic, Arial, Calibri, Verdana, sans-serif;
text-transform:uppercase;
letter-spacing:0.15em;
padding:4px 8px;
margin-bottom:5px;
background:#b6e4e4;
border-top:1px solid #e7e7e7;
}
h6 {
font:bold 0.9em Century Gothic, Arial, Calibri, Verdana, sans-serif;
}
/* ---------- @ Content Styles -----------*/
/*Misc*/
h1 a, h1 a:visited    {
color:#000;
text-decoration: none;
font: bold 1em "Palatino Linotype", Palatino, "Times New Roman", Times, Serif;
letter-spacing:-0.01em;
float:left;
}
h1 a:hover {
color:#b6e4e4;
}
h1 a:active {
color:#000;
}
h4 a, h4 a:visited {
color:#000;
text-decoration:none;
}
#content a, #content a:visited     {
color:#903534;
text-decoration:none;
font-family: "Palatino Linotype", Palatino, "Times New Roman", Times, Serif;
}
#content a:hover {
color:#c79999;
}
#content a:active {
   color:#903534;
text-decoration:underline;
}
#content .postmetadata a, #content .postmetadata a:visited {
color:#335f8e;
text-decoration: none;
}
#content .postmetadata a:hover {
color:#7e9db9;
}
#content .postmetadata a:active {
color:#335f8e;
text-decoration: underline;
}
#more-posts img, .archive-list a img, .archive-list a:visited img {
float:left;
margin:0px;
padding:2px;
border:2px inset #e7e7e7;
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 #424242;
padding:5px 0 8px 6px;
margin:4px 0;
line-height:135%;
}
#featured-cats li:last {
border-bottom:none;
}
#lead {
margin:22px 0;
	background:#b6e4e4;
border-bottom:1px solid #335f8e;
border-right:1px solid #335f8e;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	 border-radius: 20px;
}
#lead-text {
float:left;
width:500px;
	padding:13px 15px 0px 0;
	}
#lead br, .recent-excerpts br /*cleans up excerpts*/ {
margin-bottom:15px;
}
#lead img {
float:left;
margin-right: 12px;
	margin-top:12px;
	margin-left:10px;
}
#lead #leadmore {
	margin-top:-15px;
}
.commentcount {
padding-right: 36px;
background:url('images/commentsbluejelly.png') no-repeat right;
font:.8em Century Gothic, Arial, Calibri, Verdana, 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 "Palatino Linotype", Palatino, "Times New Roman", Times, Serif;
color:#424242;
letter-spacing:0.03em;
}
#featured-cats .date {
margin: 2px 3px 0 0;
}
/*Sidebar and Widgets*/
.headlines li {
margin-left:30px;
padding:px 0;
}
#sidebar a, #sidebar a:visited, #sidebar2 a, #sidebar2 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;
font: 1em Century Gothic, Arial, Calibri, Verdana, sans-serif;
s
}
#sidebar a:hover, #sidebar a:active, sidebar2 a:hover, #sidebar2 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:#686868;
text-decoration: underline;
font: 1em Century Gothic, Arial, Calibri, Verdana, sans-serif;
}
#wp-calendar td {
text-align:center;
padding:3px;
}
#recentcomments {
color:#424242;
padding-bottom:4px;
}
a.rsswidget, a.rsswidget:visited {
font-weight: bold
}
#ads img, .wp125ad img {
float:left;
margin:0 0 6px 6px;
}
.textwidget {
margin: 0px;
line-height:160%;
}
.widget td {
background:none;
}
.widget table {
border:none
}
.widget ul {
list-style-type: none;
padding:5px 0 8px 6px;
margin:0px;
text-align:left;
}
.widget li {
padding:0px 2px 4px 2px;
margin:0px;
text-align:left;
}
/*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;
}
/*Archives*/
.archive-list li {
list-style:none;
width:270px;
height:320px;
float:left;
margin: 8px 25px 18px 10px;
border-bottom:1px dotted #b1b1b1;
}
.fullarchive li {
list-style: none;
}
.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: 2px 0;
margin:0 0 5px 0;
color:#424242;
font-size:small;
}
.post code {
background:#f5f3ee;
padding:3px;
font-size:1.2em;
}
.post ul li, #more-posts 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:#7e9db9;
text-align:center;
padding:10px 5px 10px 10px;
border:3px double #FFF;
font-size:0.8em;
}
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;
}
.sharethis
{
display:block;
clear:both;
}
#socialtools {display:block;clear:both;}
#socialtools li {float:left;list-style-type:none;line-height:1em;cursor:pointer;display:inline;padding:5px 0;width:32px;}
#socialtools li a:link,#socialtools li a:visited {text-decoration:none;}
#socialtools li a:link img, #socialtools li a:visited img {border-style:none;}
#socialtools li a:hover img {background-color:#ccc;}
#socialtools li a:active img {background-color:#000;}
/* ---------- @ Comments -----------*/
.reply a, .reply a:visited  {
width:75px;
background:#c7c7c7;
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 "Palatino Linotype", Palatino, "Times New Roman", Times, Serif;
}
.reply a:hover {
background:#aeaeae;
text-decoration:none;
border-bottom:1px solid #898989;
border-right:1px solid #898989;
color:#FFF;
}
.reply a:active {
background:#c7c7c7;
}
.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:2px inset #c7c7c7;
background:#FFF;
}
#trackbacklist li {
margin: 10px 0 10px 35px;
}
#trackbacklist cite {
font-style:normal
}
cite.fn {
font: bold 1.4em ;
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 #424242;
border-left:1px solid #c7c7c7;
border-top:1px solid #c7c7c74;
}
#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;
}
#cse-search-box {
float:right;
text-align:right;
padding-top:8px;
padding-bottom:8px;
padding-left:4px;
padding-right:4px;
	background:#00000;
font-size:0.75em;
}
#cse-search-box .buttons {
padding:2px;
font-size:0.9em;
}
#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;
padding:16px 25px 25px 25px
}
#footer a, #footer a:visited {
color:#808080;
text-decoration:none;
}
#footer a:hover {
color:#424242;
}
#footer a:active {
color:#c7c7c7;
}
#footer img {
vertical-align:middle;
}
#copyright {
float:left;
width:550px;
}
#rss {
float:right;
width:350px;
text-align: right
}
.recent-excerpts a, .recent-excerpts a:visited  {
color:#903534;
text-decoration: none;
}
.recent-excerpts a:hover {
color:#c79999;
}
.recent-excerpts a:active {
   color:#903534;
text-decoration: underline;
}
#lead-text a, #lead-text a:visited  {
color:#903534;
text-decoration: none;
}
#lead-text a:hover {
color:#c79999;
}
#lead-text a:active {
   color:#903534;
text-decoration: underline;
}
#more-posts a, #more-posts a:visited {
color:#903534;
text-decoration: none;
}
#more-posts a:hover {
color:#c79999;
}
#more-posts a:active {
color:#903534;
text-decoration:underline;
}
#nav-cat
{
background:#903534;
color:#fff;
font-family: Arial, Calibri, Verdana, sans-serif;
font-weight: bold;
}
#nav-cat li a, #nav-cat li a:visited {
color:#c79999;
text-decoration: none;
}
#nav-cat li a:hover {
color:#fff;
}
#nav-cat li a:active {
color:#903534;
}
#nav-cat li {
border:none;
text-align:center;
vertical-align:middle;
}
h5 a, h5 a:visited,
h5 a:hover, h5 a:active {
text-decoration: none
}
.googlead {padding:2px;clear:both;display:block;}
#googlereads {
background:#c7c7c7;
border-bottom:1px solid #424242;
border-right:1px solid #424242;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
margin-left:5px;
margin-right:5px;
}
#twitterfeed {
background: #C0DEED url('http://www.kzblog.net/wp-content/themes/mimboWLB/images/twitterBG.jpg') no-repeat center top;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
padding-left:5px;
padding-right:5px;
border-bottom:1px solid #335f8e;
border-right:1px solid #335f8e;
}
#googlereads, #twitterfeed strong {
text-align:center;
padding:5px 0 5px 3px;
margin:22px 0 15px 0;
font-size:1em;
color:#424242;
letter-spacing:0.07em;
}
.comment-date a, .comment-date a:visited {
color:#335f8e;
font-size:0.9em;
text-decoration:none;
}
.comment-date a:hover  {
text-decoration:none;
color:#b6e4e4;
}
.comment-date a:active {
color:#335f8e;
}
.hidden { display: none; }
.unhidden { display: block; }
.tweets {
background:#f0f0f0 url(http://www.kzblog.net/wp-content/themes/mimboWLB/images/twitterbluejelly.png) no-repeat left center;
border-top:#000 solid 1px;
border-bottom:#000 solid 1px;
vertical-align:top;
text-indent:35px;
margin-top: 2px;
margin-bottom: 2px;
}
.tweets .postmetadata
{
display:none;
}
.tweets .commentcount
{
display:none;
}
.tweets h4 {
margin-bottom:-10px;
}
.tweets p {
margin:0px;
padding:0px;
vertical-align:top;
}
#ft_wpecards_image_select_list{
width:900px;
}
.ft_wpecards_image_select_item {
list-style:none;
display:block;
float:left;
padding-right:10px;
	margin-left:10px;
}
.ft_wpecards_image_select_item span {
display:block;
text-align:center;
}
.entry #ft_wpecards_image_select_list li:before {
content: none;
}
#ft_wpecards_sender_recipient_info {
clear:left;
}
ul#ft_wpecards_sender , ul#ft_wpecards_recipient {
list-style:none;
float:left;
width:200px;
	margin-top:20px;
}
.ft_wpecards_rname_item , .ft_wpecards_remail_item ,
.ft_wpecards_rname_field , .ft_wpecards_remail_field ,
.ft_wpecards_sname_item , .ft_wpecards_semail_item ,
.ft_wpecards_sname_field , .ft_wpecards_semail_field {
float:left;
clear:left;
}
.entry form {
text-align:left;
}
.ft_wpecards_image_instructions, .ft_wpecards_message_instructions {
}
#ft_wpecards_message {
width:600px;
height:200px;
}
#ft_wpecards_message_group {
float:left;
clear:left;
width:600px;
margin-left:40px;
}
.ft_wpecards_error_item {
color:red;
}
#ft_wpecards_body{
background: #e4e2db;
border: 2px solid #404040;
padding: 10px;
float:left;
}
#ft_wpecard_vimage{
align:center;
border:0;
}
#nothome
{
width:580px;
}
td.aboutme
{
width:20%;
}

div#rb-redbubble-clothing img
  {
    border: none;
  }
div#rb-redbubble-clothing
  {
    width: 100%;
    float: left;
    clear: both;
  }
div#rb-redbubble-clothing ul
  {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
  }
div#rb-redbubble-clothing ul li
  {
    display: block;
    float: left;
    width: 139px;
    height: 180px;
    margin: 0 8px 8px 0;
    padding: 0 0 8px 0;
  }
div#rb-redbubble-clothing ul li a.rb-thumbnail img
  {
    width: 135px;
    height: 135px;
    padding: 2px;
    background: white;
    border: 1px solid #ccc;
  }
div#rb-redbubble-clothing ul li a
  {
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
  }

@media print
{
body, html {
background:#FFF;
font:12pt Arial, Helvetica, sans-serif;
color:#000;
line-height:165%;
padding:0 !important;
margin:0 !important;
width:100% !important;
}
a:link, a:visited {
background: transparent;
font-weight: bold;
text-decoration: underline;
color:#000;
}	
h1, h2, h3, h4, h5 {
font-family: Georgia, "Times New Roman", Times, serif
}
h1 {
font-size:2em;
}
h2 {
font-size:1.8em;
}
h3 {
font-size:1.5em;
}
h4 {
font-size:1.2em;
}
h5 {
font-size:1.1em;
}
img {
float:left;
border:0;
margin:3px 12px 8px 0;
}
#nav, #searchform, #branding, #commentform, #footer, #sidebar {
display:none
}
hr { 
background:#000; 
color:#000;
width:100%; 
height:1px; 
margin:15px 0; 
border:none; 
}
blockquote { 
margin:1.5em 0; 
padding:1em; 
border:1px solid #ccc; 
font-style:italic; 
font-size:0.9em; 
}
}