/*  
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: #ffe6f2;
	color: #545454;
	padding: 25px 0 25px 0;
	}

body, select, input, textarea {
	font: 100% Verdana, Arial, Sans-Serif;
	line-height: 1.1em;
	}
	
p {	
	margin: 15px 0;
	}

a:link, a:visited {
	color: #ff8dc8;
	text-decoration:none;
	}

a:hover, a:active {
	color:#8bdb75;
	text-decoration:none;
	}

hr {
	display: block;
	height:1px;
	background:#eee;
	border:0;
	}

small {
	font-size: 0.95em;
	background:#ffeff7;
	padding:3px 6px;
	}

img, a:link img, a:visited img {
	border:0
	}
	
		

/* Structure */

#page {
	width:880px;
	margin:0 auto;
	font-size:11px;
	background:#FFF;
	padding: 10px 25px 35px 25px;
	}

#branding {
	width:625px;
	padding-bottom:15px;
	}

.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: 10px;
	}


		
/*Subnav */

.subnav li {
	list-style:none;
	border-bottom:1px solid #FFF;
	}

.subnav li a:link, .subnav li a:visited {
	background:#ffeff7;
	display:block;
	padding:4px 4px 4px 8px;
	border-left:4px solid #e9f6ff;
	}
		
.subnav li a:hover, .subnav li a:active {
	background:#e9f6ff;
	text-decoration:none;
	color: #7da939;
	}

.subnav li li a:link, .subnav li li a:visited {
	border-left:none
	}
		
	 
	
	
/*	Headers */

h1 {
	font:2.95em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	letter-spacing:-0.02em;
        width:100%;
	}
	
h2 {
	font: 2.3em Georgia, "Times New Roman", Times, serif;
	padding-bottom:8px;
	border-bottom:1px solid #eee;
	margin: 20px 0;
	}

h3, #sidebar h2 {
	font: 1.3em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.35em;
	margin-bottom:10px;
	font-weight:bold;
	color:#888;
	}

#sidebar h3, #sidebar h2 {
	border-top:5px solid #c9edff;
	border-bottom:1px solid #c9edff;
	padding:6px 0 6px 2px;
	margin:22px 0 15px 0;
	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;
        margin:0;
	}
	
.description {
	font-size: 1.3em;
	font-weight: bold; 
	font-style:italic;
	color:#545454;
	margin-top:-4px;
	}

.feature {
	background:#ffeef3;
	padding:15px;
        margin-bottom:20px;
	border-bottom:4px solid #C9EDFF;
	border-top:2px solid #C9EDFF;
	}

.feature:hover {
	background:#F5EBF5;
	}
	
.feature p, #rightcol p {
	margin:0;
	}

.feature img, #rightcol img {
	padding:3px;
	border:1px solid #eee;
	background-color: #fff;
	}
			
#leadpic {
	float:left;
	margin: 0 18px 8px 0;
	border:5px solid #ffe2f0;
	padding:0;
	}

#lead {
	margin-top:22px;
	}

.title {
	font-size:1.2em;
	font-weight:bold;
	line-height:115%;
	}
	
.feature#lead .title {
	font:1.8em Georgia, "Times New Roman", Times, serif;
	line-height:100%;
	display:block;
	padding-bottom:7px;
	}

#leftcol .feature {
	margin-bottom: 20px;
	border-bottom:none
        width:257px;
	}

#rightcol img {
	float:left;
	margin:3px 10px 4px 0;
	}

#leftcol img {
	margin-bottom: 4px;
	display:block;
	padding:3px;
	border: 1px solid #a5d6d9;
	background-color: #fff;
	}

img.ttf {padding:0 !important; margin:0 !important; border:0 !important; background:none !important; display:inline !important;float:none !important;}
	
#rightcol .clearfloat {
	border-bottom:1px dotted #b6b6b6;
	padding:12px 0;
	}	

#sidelist li {
	list-style:none;
	line-height: 1.4em;
	}
	
.bullets li {
	list-style:none;
	border-bottom:1px solid #FFF;
	}
	
#sidelist .bullets li {
	list-style:square;
	margin-bottom:5px;
	line-height:115%;
	margin-left:22px;
	}

#sidelist .children {
	background:#e9f6ff;
	}
	
#sidelist .children li {
	list-style: square;
	margin-left:28px;
	border-bottom:1px solid #e9f6ff;
	}
	
#sidelist .children li a, #sidelist .children li a:visited {
	padding:2px 2px 2px 0px;
	border:0;
	background:#e9f6ff;
	color: #818d6f;
	}

#sidelist .children li a:hover, #sidelist .children li a:active	{				
	color:#465d23
	}

.postmetadata {
	margin: 30px 0;
	}

#writer {
	background:#ffeff7;
	margin:25px 0 15px 0;
	padding:12px;
	}

#writer img {
	padding:3px;
	border:2px solid #fff8fb;
	float:left;
	width:80px;
	}

#writer span {
	display:block;
	padding-top:4px;
	border-top:3px solid #c9edff;
	margin-top:12px;
	}

#writer p {
	margin:0;
	width:482px;
	}	

.entry {
	padding-bottom:28px;
        text-align:justify;
	}

h3 a:link, h3 a:visited {
	color:#ff61ab;
	}



/*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 {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background-color:#FFFAFD;
border:2px dashed #FFE4F2;
color:#777777;
font-family:tahoma;
margin:20px;
padding-left:50px;
padding-right:50px;
padding-top:10px;
text-align:left;
width:auto;
}	

.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:#ffeaf4;
	color:#777;
	border:none;
	}

.button:hover {
	background:#ffcae3;
	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 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;
        background:#fff;
	width: 910px;
	font-size:0.7em;
	padding:15px 20px 15px 0;
        text-align:right;
	color:#d3d1d1;
        border-top:5px solid #C9EDFF;
	}

#footer a {
	color:#d3d1d1;
	}

.blogimage {background:#fff8fb; border: 1px solid #ffcde5; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;padding: 3px; font: 10px; }


/**** LINK-tag style sheet nav.css ****/

/*Main Navbar */

#nav {
	background:#fff8fb;
	font-size:1.1em;
	}
	
#nav, #nav ul {
	list-style: none;
	line-height: 1;
	}

#nav a, #nav a:hover {
	display: block;
	text-decoration: none;
	border:none;
	}

#nav li {
	float: left;
	list-style:none;
	border-right:1px solid #ffcde5;
	}

#nav a, #nav a:visited {
	display:block;
	font-weight:bold;
	color: #ffcde5;
	padding:6px 12px;
	}

#nav a:hover, #nav a:active, .current_page_item	a, #home .on {
	background:#ffcde5;
	color: #fff !important;
	text-decoration:none
	}	
	
	
/* Dropdown Menus */		
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 174px;
	border-bottom: 1px solid #a9a9a9;
	}

#nav li li {
	width: 172px;
	border-top: 1px solid #a9a9a9;
	border-right: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;
	background: #777;
	}

#nav li li a, #nav li li a:visited {
	font-weight:normal;
	font-size:0.9em;
	color:#FFF;
	}

#nav li li a:hover, #nav li li a:active {
	background:#000;
	}	
		
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}

a.main:hover
{	background:none;

	}
	
	

		


/**** LINK-tag style sheet login-box.php?style=wp25 ****/

#loginbox {
	display: none;
	position: fixed;
	text-align: left;
	margin: 0;
	padding: 0;
	z-index: 99999;
	top: 0;
	left: 0;	
	width: 292px;
	background-color: #fff ;
	padding: 4px 8px 8px 8px;
	border: 1px solid #d3d3d3;
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#loginbox * {
	margin: 0;
	padding: 0;
	color: #000;
	text-align: left;
}

#loginbox #loginbox_close {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
}

#loginbox #loginbox_close input {
	border: none;
	display: block;
	height: 28px;
	width: 28px;
	background: url('wp25/close.png') 0 0 no-repeat;
}
#loginbox #loginbox_close input:hover {
	background-position: 0 -28px;
}

#loginbox #loginbox_wordpresslink {
	display: block;
	background: url('wp25/wordpress-logo.png') 0 0 no-repeat;
	width: 65px;
	height: 66px;
	margin-bottom: 4px;
	position: relative;
}

#loginbox #loginbox_wordpresslink span {
	display: block;
	background: url('wp25/wordpress.png') 0 0 no-repeat;
	width: 217px;
	height: 30px;
	position: absolute;
	top: 18px;
	left: 65px;
	text-indent: -99999px;
}

#loginbox fieldset {
	border: none;
	padding: 18px 16px 0 16px;
	background-color: #eaf3fa;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#loginbox #loginbox_title {
	display: none;
}

#loginbox p {
	margin-bottom: 24px;
}

#loginbox #loginbox_username, #loginbox #loginbox_password {
	font-weight: bold;
}

#loginbox .loginbox_text {
	font-size: 20px;
	width: 97%;
	padding: 3px;
	margin-right: 6px;
}

#loginbox #loginbox_rememberme input {
	vertical-align: middle;
	margin-right: 4px;
}

#loginbox #loginbox_submit {
	float: right;
	margin: -48px 0 0 0;
}

#loginbox #loginbox_submit input {
	font: 13px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	padding: 3px 5px;
	color: #246;
	border: 1px solid #80b5d0;
	background-color: #cee1ef;
	cursor: default;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#loginbox #loginbox_submit input:hover {
	color: #d54e21;
	border-color: #328ab2;
}


/**** LINK-tag style sheet thumbnailviewer.css ****/

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #ffd2e9;
visibility: hidden;
z-index: 100000;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 13px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
z-index: 100000;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 2px solid #ffc1e1;
background-color: #ffd2e9;
padding: 5px;
z-index: 100000;
}


/**** Inline STYLE-tag style sheet ****/

.car-collapse .car-yearmonth { cursor: s-resize; } 


/**** Inline STYLE-tag style sheet ****/

.editComment, .editableComment, .textComment{
	display: inline;
}
.comment-childs{
	margin: 5px 2px 2px 4px;
	padding: 4px 2px 2px 4px;
	background-color: white;
}
.chalt{
	background-color: white;
}
#newcomment{
	border:1px dashed #777;width:90%;
}
#newcommentsubmit{
	color:red;
}
.adminreplycomment{
	border:1px dashed #777;
	width:99%;
	margin:4px;
	padding:4px;
}
.mvccls{
	color: #999;
}
			

blockquote {
-moz-border-radius-bottomleft:10px;

-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background-color:#FFFAFD;
border:2px dashed #FFE4F2;
color:#777777;
font-family:tahoma;
margin:20px;
padding-left:50px;
padding-right:50px;




padding-top:10px;
text-align:left;
width:auto;
}

}
textarea{
background-color:#ffeef4;
border:1px solid #ffe3ed;
color:#666;}
::-moz-selection{
background:hotpink;
color:white;
}

::selection {
background:hotpink;
color:white;
}
form .button {
border:1px solid #FFD9EE;
  background-color:#fdf6fa; 
color:#818181;
padding: 5px 5px 5px 5px;
font-family:verdana;
}
form p {border-color:#FFD9EE;}

form label { color:#818181;}

form em {color:#C8C8B4;}

form input {color:#818181; 
  background-color:#fdf6fa;
padding: 3px 3px 3px 3px; }

form input, form textarea {
  border: 1px solid #FFD9EE;
  background-color:#fdf6fa; 
padding: 3px 3px 3px 3px;
}

form label{
	display:block;
	}

form p {
	font-size: 0.8em;
	margin-bottom: 10px;
	}

form input.text, form textarea {
	width:96%;
	border:1px #ccc solid;
	color:#999;
	padding: 4px 5px;
	font:11px 'verdana','lucida sans unicode','gill sans','verdana',sans-serif;
	background-color: #FFF1FA;
	}

form input.text:hover, form textarea:hover{
	border:1px #eee solid;
	}

form input.text:focus, form textarea:focus{
	border:1px #ffdbed solid;
	color:#666;
	}

form input.button{
	border:1px #ccc solid;
	background-color: #FFF1FA;
	margin-right:8px;
	padding:3px 5px;
	font:10px Verdana,san-serif;
	}

textarea, select, input {
	color : #999;
	background-color : #FFF1FA;
	border:1px #ffdbed solid;
	font-size : 10px;
	margin : 2px;
	padding: 3px;
	font-family : Verdana;
	}

u {
color:#666;	
text-decoration : none;
	border-bottom : 1px solid hotpink;
	}

::-moz-selection{
background:hotpink;
color:white;
}

::selection {
background:hotpink;
color:white;
}
em {
color:rgb(48, 176, 181);
font-weight:bold;
}

quote {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background-color:#FFF;
border:2px dashed #FFE4F2;
color:#777777;
font-family:tahoma;
margin:20px;
padding-left:50px;
padding-right:50px;
padding-top:10px;
text-align:left;
width:auto;
}