/*  
Theme Name: Mimbo 2.2
Theme URI: http://www.darrenhoyt.com/2007/08/05/wordpress-magazine-theme-released/
Description: OIA 2009 Theme, based on Mimbo 2.2 by Darren Hoyt
Version: 2009
Author: Amanda Gillespie
Author URI: http://www.darrenhoyt.com/2007/08/05/wordpress-magazine-theme-released/
*/

/* 
2008 main color: 02a6cc */
/* 
2009 main colors: 
60A3AC -- darker blue
59C7BA -- lighter
ae171c -- red
*/


* {
	margin:0;
	padding:0;
	outline:none;
	}
  

/* ---------- @ HTML Tags -----------*/
body,html {
	min-height:101%; /*Firefox scrollbar fix*/
	}
	
body {
	background:#000000 url(images/lowerbg.jpg) no-repeat fixed right bottom;
	color:#545454;
	}

body, select, input, textarea {
  font: 400 1em 'Lucida Grande',tahoma,verdana,sans-serif !important
  }
	  
p {margin: 15px 0}

a, a:link {color:#60a3ac; text-decoration:none}
.post a, .post a:link {border-bottom: 1px dotted #60a3ac}
	
a:visited {color: #ae171a; text-decoration:none}
.post a:visited {border-bottom: 1px dotted #ae171a} 

a:hover, a:active {color:#95c7ba;text-decoration:none}
.post a:hover, .post a:active {border-bottom:1px solid #95c7ba}	

a:hover:visited {color:#ae171a;text-decoration:none}
.post a:hover:visited {border-bottom:1px solid #ae171a}

hr {
	display: block;
	height:1px;
	background:#333;
	border:0;
	color:#d7d7d7;
	}


table {
	border-collapse:collapse;
	width:100%;
	margin:15px 0;
	border-top:1px solid #e0ded9;
	border-bottom:1px solid #e0ded9;
	}

td {
	padding:4px 6px;
	background:#F5F3EE;
	border-bottom:1px solid #FFF;
	}
		
table caption {
	background:#f5f3ee;
	padding:2px 0;
	}	
	
.post blockquote {
  color:#76767a;
  background:#f2f2f2;
  padding:6px 14px;
  margin:18px 35px;
  border-right:1px solid #DDD;
  border-bottom:1px solid #DDD;}

	
blockquote {
	color:#76767a;
	padding:0 35px;
	margin:35px 45px !important;
	border-left:3px solid #DDD;
	font:italic 1em Georgia, "Times New Roman", Times, serif;
	letter-spacing:0.02em;
	}
	
blockquote.withquote, .post blockquote.withquote {
  background:transparent url(images/quote.gif) no-repeat scroll left top;
  color:#666;
  font-size:95%;
  padding:0 20px 0 30px;
  border: none;
}

blockquote p {font-size: 10px !important}

p.withunquote, .post p.withunquote {
  background:transparent url(images/unquote.gif) no-repeat scroll right bottom;
  padding: 0 0 0 30px;
}

blockquote.tagline, .post blockquote.tagline {margin: auto !important;}

pre {
	width:100%;
	overflow:auto;
	}
	
				
small {
  font-size:0.95em;
  }

/* ---------- @ Structure -----------*/
#page {
  width:930px;
  margin:0 auto;
  background:#FFF;
  /* padding: 0 25px 35px 25px; */
  font-size: 0.8em;
  } 

#content {
  width:680px;
  float:left;
  padding-left: 10px;
  }  
  
.left{float:left;}
.right{float:right;}

#sidebar {
  width:220px;
  float:right;
  margin-top: 5px;
  padding-top: 5px;
  }

#sidebar p {padding: 0; margin: 0;}
  
  
/* ---------- @ Headers -----------*/
h1 {
  font: bold 2.95em Tahoma,Verdana,Sans-Serif;
  letter-spacing:-0.02em;
  float: left;
  color: #222;  
  }
  
h2 {
	font: 2.3em Tahoma,Verdana,Sans-Serif;
	padding-bottom:8px;
	margin: 20px 0;
  color: #222;	
	}
	
.post h2 {
	font-size:2.2em;
	padding: 0 0 5px 0;
	margin: 10px 0 0 0;
  color: #222;	
	}	
	
h2.posttitle {
	margin:25px 0 0 0;
	padding:0 0 12px 0;
  color: #222;	
	}
  
 h2.pagetitle {
	border-bottom:1px solid #d7d7d7;
	padding:0 0 12px 0;
	margin:25px 0 20px 0;
	font-size:2.2em;
  color: #222;	
	}	
	
#film-list h2 {
  margin:30px 0 5px 0;
  clear:right;
  }
  
h3 {
	/* border-top:3px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7; */
	
	padding:5px 0 5px 3px;
	margin:22px 0 15px 0;
	font-size:1.9em;
	background:none;
  color: #222;
	letter-spacing:0.07em;
	}  
	
#lead h3 {
	padding:5px 0 5px 3px;
	margin: 0;
	font-size:1.9em;
	background:none;
	color:#4c4b46;
	letter-spacing:0.07em;
	border-bottom: 0px;
	} 
	
#rightcol h3 { /* , #rightcol .clearfloat */
	font-size:1.9em;
	background:none;
	color:#4c4b46;
	letter-spacing:0.07em;
	padding: 2px;
	margin: 2px;
	} 
    
#sidebar h2 {
  text-transform:uppercase;
  font:bold 1em Tahoma,Verdana,Sans-Serif;
  letter-spacing:0.1em;
  color:#5f5f5f;
  border-top:5px solid #BBB;
  border-bottom:1px solid #BBB;
  padding:6px 0 6px 2px;
  margin:15px 0 6px 0;
  clear: left;
  }

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;
  color: #222;
  }

#lead p {margin: 0;}
  
.linklistcatname {font-weight: bold !important; padding: 15px !important; font-size: large}
.header-container:after{display:block;visibility:hidden;clear:both;height:0;content:".";}
.header-container{display:inline-block;display:block;background: #98C6BC}
#branding{width:625px;padding-bottom:15px;}


#leftcol {
  width:165px;
/*  border-right:1px dotted #b6b6b6; */
  padding-right:5px;
  margin-top:5px;
  float:left
  }

#rightcol, #rightcol .clearfloat {
  margin-top:5px;
  float:left;
  width: 505px;
  padding-left:3px;
  margin-top:-2px;
 /*  */
  padding:3px 0;
  }
  
#rightcol .clearfloat {
  border-left:1px dotted #b6b6b6;
  border-bottom:1px dotted #b6b6b6;
  }
  
#leftcol h4{font-size: 1.3em;}

.subnav li{list-style:none;border-bottom:1px solid #FFF;}
.subnav li a:link,.subnav li a:visited{background:#99d1e2;display:block;padding:4px 4px 4px 8px;border-left:4px solid #D5F5FF;}
.subnav li a:hover,.subnav li a:active{background:#e4efd5;text-decoration:none;color:#7da939;}
.subnav li li a:link,.subnav li li a:visited{border-left:none}


.description{font-size:1.3em;font-weight:bold;font-style:italic;color:#545454;margin-top:-4px;}
  
#rightcol img, #rightcol .clearfloat img  {
  margin:2px 4px 4px 2px; 
  margin:2px 4px 4px 2px; 
  border: 1px solid #000;
  float:left;
  display:table-cell;
  display: block;
  }
  
#leadpic, .leadpic {
  float:left;
  margin:0 8px 8px 0;
  padding: 0 8px 8px 0;
  }

#lead {
  margin-top:0;
  padding-bottom: 10px;
	/* background:#ededed; 
	border-bottom:1px dotted #dadada;
	border-right:1px dotted #dadada;
	*/
	}
  
#rightcol img {
  display: block;
  float:left;}  
  
#rightcol p {
  font-size: 0.95em;
  margin: 0;
  }
     
.title {
  font-size:1.0em;
  font-weight:bold;
  line-height:115%;
  }
  
#lead .title {
  font-size:1.4em;
  line-height:100%;
  display:block;
  padding-bottom:7px;
  }  

.lead-text {font-size: 1.1em;}
   
   #leftcol {margin-bottom:5px;border-bottom:none}
   #leftcol img{margin-bottom:4px; text-align:center}

   #sidelist li{list-style:none}
   .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 {}
   #sidelist .children li{list-style:square;margin-left:28px;}
   #sidelist .children li a,#sidelist .children li a:visited{padding:2px 2px 2px 0px;border:0;}
   #sidelist .children li a:hover,#sidelist .children li a:active{}
   .postmetadata { 
       padding: 5px; 
       margin: 15px 5px 0 0;
       float: left;
       background:#95c7ba;
       font-size:0.95em;
}

.postmetadata a {
   color: white !important;
   border-color: white !important;}

   #writer { 
      background: #F0FFF0; 
      border-top: 2px solid #60A3AC; 
      border-bottom: 2px solid #60A3AC; 
      margin:25px 0 15px 0;
      padding:12px;
      }
   #writer img{padding:1px;border:1px solid #60A3AC;float:left;width:80px;}
   #writer span{display:block;padding-top:4px;border-top:1px solid #60A3AC;margin-top:12px;}
   #writer p{margin:0 0 0 100px;}
   .entry{padding-bottom:28px; clear: left;}
   h3 a:link,h3 a:visited{color:#5f5f5f;}
   .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 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:5px;
  }
  
   select{background:#f2f2f2;border:1px solid #9c9c9c;width:100%}
   .search{float:right;margin:0;padding:0;}
   #searchform{padding:0;}
   .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;}
   .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 Tahoma,Verdana,Sans-Serif;font-weight:bold;letter-spacing:-0.05em;}
   .clearfloat:after{display:block;visibility:hidden;clear:both;height:0;content:".";}
   .clearfloat{display:inline-block}
   .clearfloat{display:block}
   #footer{margin:0 auto;width:900px;font-size:0.7em;padding-top:15px;color:#FFF;}
   #footer a{color:#d3d1d1;}
   div.center,span.center,p.center{text-align:center;}
   #film-list table{margin:3px 0 10px 0;}
   .wp-caption{border:1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;margin:10px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
   .wp-caption img{margin:0;padding:5px 10px 0 10px;border:0 none;}
   .wp-caption p.wp-caption-text{font-size:11px;line-height:17px;padding:0 4px 5px;margin:0;}
   .aligncenter,div.aligncenter{display:block;margin-left:auto;margin-right:auto;}
   .alignleft{float:left;}
   img.alignright {padding: 5px; margin: 5px}
    .alignright{float:right;}
    div.clear{clear:both;}
    table.schedule{border-width:1px 1px 1px 1px;border-spacing:0px;border-style:solid solid solid solid;border-color:#3c3c3c;border-collapse:collapse;background-color:white;color:#000;}
    table.schedule th{border-width:1px 1px 1px 1px;padding:5px 0;border-style:dotted dotted dotted dotted;border-color:gray gray gray gray;background-color:white;-moz-border-radius:0px 0px 0px 0px;}
    table.schedule td{border-width:1px 1px 1px 1px;padding-left:2px;border-style:dotted dotted dotted dotted;border-color:gray gray gray gray;background-color:white;-moz-border-radius:0px 0px 0px 0px;padding:2px 0 2px 0;}
    table.schedule th.schedule-header{background-color:#02a6cc;text-align:center;color:#fff;font-weight:bold;font-size:110%;}
    table.schedule td.schedule-date{text-align:center;background-color:#60A3AC;color:#000;font-weight:bold;}
    table.schedule td.schedule-spacer,table.schedule th.schedule-spacer{background-color:#3c3c3c;width:1px;}
    table.schedule td.schedule-normal{padding-left:10px;color:#000;}
    table.schedule .shorts{font-size:90%;}
    table.schedule .schedule-guest{background-color:#99d1e2;padding-left:10px;color:#000}
    table.schedule .schedule-panel{background-color:#7abc7a;padding-left:10px;color:#000}
    table.schedule a{color:#f34e12;}
    table.schedule .schedule-guest a,table.schedule .schedule-guest a:visited{color:#000;border-bottom:1px dotted #000;}
    table.schedule .schedule-panel a,table.schedule .schedule-panel a:visited{color:#000;border-bottom:1px dotted #000;}
    table.schedule .schedule-guest a:hover,table.schedule .schedule-guest a:hover:visited{color:#000;border-bottom:1px solid #000;}
    table.schedule .schedule-panel a:hover,table.schedule .schedule-panel a:hover:visited{color:#000;border-bottom:1px solid #000;}
    table.schedule .schedule-gala{background-color:#FF9933;padding-left:10px;color:#000}
    table.schedule .schedule-gala a,table.schedule .schedule-gala a:visited{color:#000;border-bottom:1px dotted #000;}
    table.schedule .schedule-gala a:hover,table.schedule .schedule-gala a:hover:visited{color:#000;border-bottom:1px solid #000;}
    img.sponsor-gallery{padding:5px;}
    #nav {
       background: #98c6bc;
       color:#000;
       z-index: 1000;
       }
    #nav,#nav ul{list-style:none;line-height:1;}
    #nav a,#nav a:hover{display:block;text-decoration:none;border:none; color: #000}
    #nav li{float:left;list-style:none; color: #000 !important;}
    #nav a,#nav a:visited{display:block;font-weight:bold;padding:6px 12px;}
    #nav a:active,.current_page_item a,#home .on{background:#000;text-decoration:none; color: #fff !important;}
    #nav a:hover, #nav a:hover {
         background: #ae171c; /* red */
         text-decoration:none;
         color:#fff;
    }
    #nav li ul{position:absolute;left:-999em;height:auto;width:174px;border-bottom:1px solid #a9a9a9; z-index: 2000;}
    #nav li ul ul{margin:-1.95em 0 0 12em; z-index: 2000}
    #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:#ae171c;color:#fff;}
    #nav li:hover ul ul,#nav li:hover ul ul ul,#nav li.sfhover ul ul,#nav li.sfhover ul ul ul{left:-999em;}
    #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;}
    #sponsorlist ul{list-style:none;}
    #sponsorlist li{list-style:none;display:block;}
    #nav li li li{font-size:90%;}
    li.widget_recent_entries li {list-style-image: url(heart_bullet.gif) !important; margin-left: 20px}
    table.center {margin-left: auto !important; margin-right: auto !important}


.date {
	float:left;
	margin:18px 4px 0 0;
	font: 0.85em Georgia, "Times New Roman", Times, serif;
	color:#737373;
	letter-spacing:0.03em;
	}

#addthis_container, .addthis_container {text-align: center;}


a[href^="mailto:"], a.mail {
  background:transparent url(images/email.gif) no-repeat scroll right 0;
  padding-right:20px;
}
a.nopic[href^="mailto:"] {
  background:transparent none repeat scroll 0 0;
  padding:0;
}
a.facebook {
  background:transparent url(images/facebook_small.png) no-repeat scroll right 0;
  padding-right:20px;
}

a[href$=".pdf"] {padding-right:15px;}
a[href$=".zip"], a[href$=".ppt"], a[href$=".doc"] {padding-right:20px;}
a[href$=".doc"] {background:transparent url(images/doc.gif) no-repeat scroll right 0;}
a[href$=".zip"] {background:transparent url(images/zip.jpg) no-repeat scroll right 0;}
a[href$=".ppt"] {background:transparent url(images/powerpoint.gif) no-repeat scroll right 0;}
a[href$=".pdf"] {background:transparent url(images/pdficon.gif) no-repeat scroll right 0;}

a[href$=".MPEG"], a[href$=".mpeg"], a[href$=".MPG"], a[href$=".mpg"], a[href$=".AVI"], a[href$=".avi"], a[href$=".mov"] {
  background:transparent url(images/film.gif) no-repeat scroll left center;
  padding-left:18px;
}
a[href$=".mp3"] {
  background:transparent url(images/sound.jpg) no-repeat scroll right center;
  padding-right:40px;
}
* a[href^="#top"] {
  background:transparent url(images/uparrow.gif) no-repeat scroll left 0;
  padding-left:15px;
}
/*.post a[href^="http://"], .rightcol a[href^="http://"] {
  background:transparent url(images/ex.gif) repeat-y scroll right 0;
  padding-right:13px;
}
a[href^="http://"]:visited:hover, cite a:visited:hover {background-position:right 100px;}
a[href^="http://"]:hover, cite a:hover {background-position:right 200px;}

a[href^="http://www.oia.co.za"], a[href^="http://www.addthis.com"] {
  background:none;
  padding-right: 0;
}
*/

a[href$=".gif"], a[href$=".jpg"], a[href$=".png"], a[href$=".tif"], a img, a:link img, a:visited img  {
  background:transparent none repeat scroll 0 0;
  border: none;
  padding:0;
  text-decoration:none;
}

h2.film_title, .post h2.film_title, div.entry h2.film_title {
  font-weight: bold;
  font-size: 1.8em;
  margin: 30px 0 5px 0;
}

.film_title {  text-align: center !important;}

h3.film_title {margin: 0 !important;}

#myGallery{margin: auto}

/* 2009 Schedule Tables */
/* Red: #AE171C */
/* Pale Blue: #98C6BC */
/* Teal: #95C7BA */

table.schedule-2009 {
	background-color: black;
	width: 800px;
	color: #000;
	border: 2px solid #b1b1b1;
}

table.schedule-2009 th {
	background-color: #98C6BC;
}

table.schedule-2009 tbody {
	font-size: 85%;
}

table.schedule-2009 td {
	background-color: white;
	height: 1.5em;
	padding: 2px 3px 2px 3px;
	width: 200px;
}

table.schedule-2009 td.schedule-2009-date {
	text-align: center;
	border-left: 2px solid #b1b1b1;
	background-color: #60A3AC;
	font-weight: bold;
	color: #000;
}

table.schedule-2009 td.schedule-2009-time {
	border-left: 2px solid #b1b1b1;
	width: 5%;
}

table.schedule-2009 td.guest {
	background-color: #D4F7F8;
}

table.schedule-2009 a, table.schedule-2009 a:visited, table.schedule-2009 a:active {
	color: #AE171C;
	text-decoration: none;
	border-bottom: dotted thin #98C6BC;
}

table.schedule-2009 a:hover {
	border-bottom: solid thin #95C7BA;
}

table.schedule-2009 span.feature a {
	font-weight: bold;
}

  a.download-button-2009 {
		background: transparent url(images/download_button_2009.gif) no-repeat;
		width: 200px;
		height: 60px;
		display: block;
		text-align: center;	
		margin: auto;
		text-decoration: none;		
		}
	
	a.download-button-2009:hover, a.download-button-2009:active {
		background-position: 0 -60px;
		text-decoration: none;	
	}
	
#guests-2009 h4 {
	padding: 15px 0 5px 0;
}
#guests-2009 h5 {
	font-size: 1.2em;
	padding: 2px 0; 
	margin: 2px 0;
}
#guests-2009 p {
	padding: 5px 0; 
	margin: 5px 0;
}

strong {color: #222; font-weight: bold}

.alert_warning {
	background: #fff6bf url(images/exclamation.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: justify;
	padding: 10px 20px 10px 45px;
	margin: 20px 35px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	}
	
.alert_help {
	background: #F0F0FF url(images/help.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 10px 20px 10px 45px;
	margin: 20px 50px 20px 50px;
	border-top: 2px solid #4682B4;
	border-bottom: 2px solid #4682B4;
	}

.alert_success {
	background: #F0FFF0 url(images/tick.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 10px 20px 10px 45px;
	margin: 20px 50px 20px 50px;
	border-top: 2px solid #9ACD32;
	border-bottom: 2px solid #9ACD32;
	}

.alert_calendar {
	background: #F0FFF0 url(images/date.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 10px 20px 10px 45px;
	margin: 20px 50px 20px 50px;
	border-top: 2px solid #9ACD32;
	border-bottom: 2px solid #9ACD32;
	}
	
.alert_info_green {
	background: #F0FFF0 url(images/information.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: justify;
	padding: 10px 20px 10px 45px;
	margin: 20px 35px;
	border-top: 2px solid #9ACD32;
	border-bottom: 2px solid #9ACD32;
	}
.alert_blue, .alert_info_blue, .alert_info {
	background: #F0FFF0  url(images/information.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 10px 20px 10px 45px;
	margin: 20px 15px;
	border-top: 2px solid #60A3AC;
	border-bottom: 2px solid #60A3AC;
	}
.uppercase {text-transform: uppercase;}

div.share_and_enjoy {float: left;}

.tweetmeme_button_compact {
   float: left;
   padding: 5px; 
   margin: 2px;
   font-size:0.95em;
}
.tweetmeme_button, .google_buzz_button, .facebook_share_button {
   /* float: right; */
   padding: 5px; 
   margin: 2px;
   font-size:0.95em;
}
td.spacer { background-color: #99cccc !important;}

.red {color: #AE171C;}

img.thumbnail {float: left; padding: 0 10px;}