/*  
Theme Name: Weekly
Theme URI: http://www.darrenhoyt.com/2007/08/05/wordpress-magazine-theme-released/
Description: A magazine-style layout for Wordpress based on Mimbo 2.1
Version: 1.0
Author: Eoban Binder
Author URI: http://eoban.com

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: #3c3c3c; */
	background: url(/wp-content/themes/mimbo2.1/images/bg.png);
	color: #777;
	padding: 20px 0 25px 0;
	}

body, select, input, textarea {
	/* font: 100% Arial, Verdana, Sans-Serif; */
	font: 100% Times, "Times New Roman", Georgia, serif;
	}
	
p {	
	margin: 15px 0;
	font-size: 14px;
	}

a:link, a:visited {
	color: #fff0aa;
	text-decoration:none
	}

a:hover, a:active {
	color:#fff;
	text-decoration:underline;
	}

hr {
	display: block;
	height:1px;
	background:#333;
	border:0;
	}

small {
	font-size: 1em;
	background:clear;
	padding:3px 6px;
	}

img, a:link img, a:visited img {
	border:0
	}
	
		

/* Structure */

#page {
    border:1px solid gray;
	width:880px;
	margin:0 auto;
	font-size:0.7em;
	background:#111;
	padding: 0px 25px 25px 25px;
	}

#branding {
	width:625px;
	padding-bottom:3px;
	}

.left {
	float:left;
	}

.right {
	float:right;
	}

#sidebar {
	width: 250px;
	float:right
	}

#leftcol {
	width:287px;
	border-right:1px solid #b6b6b6;
	padding-right:18px;
	}

#leftcol, #rightcol {
	margin-top:10px;
	float:left
	}	
	
#rightcol {
	width:277px;
	padding-left:22px;
	margin-top: 10px;
	}


		
/*Subnav */

.subnav li {
	list-style:none;
	border-bottom:1px solid #FFF;
	}

.subnav li a:link, .subnav li a:visited {
	background:#f5f5f5;
	display:block;
	padding:4px 4px 4px 8px;
	border-left:4px solid #e0e0e0;
	}
		
.subnav li a:hover, .subnav li a:active {
	background:#e0e0e0;
	text-decoration:none;
	color: #333;
	}

.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;
	}
*/

#topgraphic {
	font:2.95em Times, "Times New Roman", Georgia, serif;
	font-weight:bold;
	letter-spacing:-0.02em;
        text-indent:-9999px;
        background: url(/wp-content/themes/mimbo2.1/images/cultureweekLOGO3.png) no-repeat;
    height:110px;
    /* border: 1px solid red; */
    width: 800px;
    display: block;
	}

/* h1 {
	font:2.95em Times, "Times New Roman", Georgia, serif;
	font-weight:bold;
	letter-spacing:-0.02em;
        text-indent:-9999px;
        background: url(/wp-content/themes/mimbo2.1/images/cultureweekLOGO2.png) no-repeat;
    height:110px;
    border: 1px solid red;
    width: 800px;
	}
*/
	
	
h2 {
	font: 2.3em Arial, sans-serif;
	/* padding-bottom:5px; */
	/* border-bottom:1px solid #333; */
	margin: 15px 0 12px 0;
	color: #999;
	}

h3, #sidebar h2 {
	font: 1em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-style: italic;
	letter-spacing:0.1em;
	margin-bottom:4px;
	font-weight:bold;
	color:#999;
	}

#sidebar h3, #sidebar h2 {
	border-top:0px solid #666;
	border-bottom:1px solid #666;
	padding:6px 0 6px 2px;
	margin:25px 0 10px 0;
	font-size:1em;
	}

h3#respond {
	border-top:1px solid #b6b6b6;
	margin-top:25px;
	padding-top:20px
	}

h3#comments {
	margin-top:32px
	}

h4 {
	font-size:1.6em;
	margin-bottom:6px;
	font-family: Arial, sans-serif;
	}
	
	
	
/* Content */

#content {
	width:605px;
	float:left
	}
	
.description {
	font-size: 1.3em;
	font-weight: bold; 
	font-style:italic;
	color:#545454;
	margin-top:-4px;
	}

.feature {
	/* background:#f2f2f2; */
	padding-top:15px;
	padding-bottom:15px;
	padding-right:15px;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
	}

/* this is just to make the picture for the feature at the top is
correctly aligned, while also making sure it doesn't apply to Hot News */

.feature#lead {
	padding-left:15px;
}

/* end */

.feature:hover {
	/* background:#ccc; */
	}
	
.feature p, #rightcol p {
	margin:0;
	}

.feature a img {
	padding:1px;
	margin: 2px;
	border:1px solid #999;
	/* width: 272px; */
	}
	
#rightcol img {
	padding:1px;
	margin: 2px;
	border:1px solid #999;
	width: 272px;
	}
			
.leadpic {
	float:left;
	margin: 5px 18px 0px 0 !important;
	padding:1px;
	border:1px solid #666;
	}

#lead {
	margin-top:22px;
	text-align:justify;
	background-color: #222;
	}
	
#lead:hover {
	background-color: #2a2a2a;
	}

.title {
	font-size:1.2em;
	font-weight:bold;
	font-family: Helvetica, Arial, sans-serif;
	line-height:120%;
	//width: 100%;
	//float:right;
	}
	
.feature#lead .title {
	font:2.0em Helvetica, Arial, sans-serif;
	line-height:100%;
	display:block;
	padding-bottom:7px;
	text-align: left;
	}

#leftcol .feature {
	margin-bottom: 5px;
	border-bottom:none
	}

/* #rightcol img {
	float:left;
	margin:3px 10px 4px 0;
	} */

/* images on the left */

#leftcol img {
	float:left;
	margin:3px 10px 4px 0;
	margin-bottom: 4px;
	display:block
	padding: 1px;
	border: 1px solid gray;
	}
	
#rightcol .clearfloat {
	border-bottom:1px solid #b6b6b6;
	padding:12px 0;
	}	

#sidelist li {
	list-style:none
	}
	
.bullets li {
	list-style:none;
	}
	
#sidelist .bullets li {
	list-style:square;
	margin-bottom:5px;
	line-height:115%;
	margin-left:22px;
	}

#sidelist .children {
	background:#e4efd5;
	}
	
#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:#e4efd5;
	color: #818d6f;
	}

#sidelist .children li a:hover, #sidelist .children li a:active	{				
	color:#465d23
	}

.postmetadata {
	margin: 30px 0;
	}

#writer {
	background:#333;
	margin:15px 0;
	padding:12px;
	}

#writer img {
	padding:1px;
	border:1px solid #999;
	float:left;
	width:72px;
	}

#writer span {
	display:block;
	padding-top:4px;
	border-top:1px solid #cbd8b4;
	margin-top:12px;
	}

#writer p {
	margin:0;
	width:482px;
	}	
	
.byline {
	font-size: 12px;	
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	border-bottom:1px solid #333;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top:1px solid #333;
}

/* attempt to override MS Word bullshit */

.entry {
	padding-bottom:20px !important;
	text-align:justify  !important;
	/* padding-left: 20px;
	padding-right: 20px; */
	line-height: 150%  !important;
	font-size: 14px  !important;
	font-family: Times, "Times New Roman", Georgia, serif  !important;
	color: #999  !important;
	}
	
.MsoNormal {
	padding-bottom:0px !important;
	text-align:justify  !important;
	line-height: 150%  !important;
	font-size: 14px  !important;
	font-family: Times, "Times New Roman", Georgia, serif  !important;
	color: #999  !important;
}

.MsoNormal span {
	padding-bottom:0px !important;
	text-align:justify  !important;
	line-height: 150%  !important;
	font-size: 14px  !important;
	font-family: Times, "Times New Roman", Georgia, serif  !important;
	color: #999  !important;
} 
	
/* end attempt */
	
.entry:first-letter {
	font-size: 380%;
	float: left;
	font-family: serif;
	padding-right: 5px;
	line-height: 70%;
	}

h3 a:link, h3 a:visited {
	color:#5f5f5f;
	}
	
#archiveform select {
	background: #000;
	color: #ccc;	
}



/*Post Formatting*/

/* .picleft {
	float:left;
	margin:3px 25px 10px 0;
	border:7px solid #f2f2f2;
	max-width: 400px;
	}
*/

/* .picright {
	float:right;
	margin:3px 0 10px 25px;
	border:7px solid #f2f2f2;
	max-width: 400px;
	}	
*/

/* The above is not necessary with the ShiftThis caption plugin.  instead do: */

	
.caption {
	margin:10px 20px 5px 20px;
	/* border:1px solid gray; */
	/* border:1px solid #f2f2f2; */
	max-width: 400px;
	font-family: Arial, Verdana, sans-serif;
	color: #666;
	font-size: 10px;
	}
	
.caption span {
	/* actually I don't need anything here */
}
	
.caption img {
	border:1px solid gray;
	padding: 1px;
	/* border:1px solid #f2f2f2; */
	max-width: 400px;
	display: block;
	}
	
/* .entry p a img {
	padding: 1px;
	border:1px solid gray;
}

*/

.quotebox {
	display: block;
	float: right;
	border: 1px solid gray;
	padding: 15px;
	margin: 15px;
	color: #FFFFFF;
	font-size: 32px;
	width: 33%;
	text-align: left;
	line-height: 30px;
	font-style: italic;
}

.fancyquotemark {
	color: #fff0aa;
	font-size: 36px;
}

.infobox {
	display: block;
	float: right;
	border: 0;
/*	border: 1px solid gray; */
	padding: 7px;
	padding-top: 7px;
	margin: 15px;
	margin-top: 10px;
	color: #999;
	font-size: 14px;
	width: 33%;
	text-align: left;
	line-height: 22px;
	font-family: serif;
	background-color: #222;
}

.infotype {
	color: #FFF;
}

.infotitle {
	font-style: italic;	
	font-size: 20px;
	line-height: 30px;
	color: #FFF;
	font-family: Times, "Times New Roman", Georgia, serif;
}

.post blockquote {
	color:#fff;
	background:#363636;
	padding:6px 14px;
	margin:18px 35px;
	border-right:1px solid #76767a;
	border-bottom:1px solid #76767a;
	}	

.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;
	}
	
	
				

/* Form Elements */

select {
	background:#f2f2f2;
	border:1px solid #9c9c9c;
	width:100%
	}
	
#searchform {
	padding:16px 5px 0 0; 
	}
#searchsubmit {
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 4px;
}
#cornerbox {
	font-family: sans-serif;	
}

.button {
	padding: 0px;
	border:1px solid #333;
	}

.button {
	background:#666;
	color:#FFF;
	}

#commentform input {
	width: 170px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	margin-top:5px;
	background:#333;
	color: #ccc;
	}



/* Comments*/

.commentlist {
	padding-left:30px;
	}
	
.commentlist li {
	margin: 15px 0 3px;
	padding: 8px 15px 10px 15px;
	background:#333;
	border-top: 1px solid #ddd;
	}

#commentform small {
	/* background:#FFF; */
	font-weight:bold;
	padding:0;
	}
	
.commentmetadata {
	display: block;
	}

.commentlist small {
	background:#444
	}

.commentlist cite {
	font: 1.6em Times, "Times New Roman", Georgia, 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;
	}
	
/* Calendar */

div#thirtyBoxes { 
	width:270px;
	margin:0;
	font-size: 14px;
	line-height: 120%;
	font-family: Times, serif;
	background-color:#111;
	}

div#thirtyBoxes .avatar {
	float: left;
	margin-right: 8px;
	}
	
div#thirtyBoxes .tags {
	font-size: 11px; 
	font-weight: bold; 
	margin-bottom: 6px; 
	margin-top: 8px;
	}

div#thirtyBoxes .eventItem {
	margin-left:10px;
	text-indent:-10px;
	}
	
div#thirtyBoxes .eventDate {
	font-size:11px; 
	color: #ccc;
	}
	
div#thirtyBoxes .eventSummary {
	color:#666; 
	font-size:11px; 
	}
	
div#thirtyBoxes .header {
	font-weight: bold; 
	margin-bottom: 16px; 
	margin-top:5px;
	font-family: Arial, sans-serif;
	font-size: 16px;
	}
	
div#thirtyBoxes .footer {
	margin-top: 6px; 
	background-color: #333; 
	font-size: 11px;
	}
div#thirtyBoxes .eventBlock { /* cursor: pointer; background-color: #222; */  }

/* Staff About page table */

table#staff {
	width: 600px;
	border-spacing: 0px;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
}

table#staff td {
	border: 1px solid #333;
	border-bottom: 0px;
	border-right: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	margin: -1px;
}
table#staff th {
	background-color: #333;
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px;
}

/* sifr, don't change */


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}