/*
THEME NAME: Kollaboration SF - Yellow Theme
THEME URI: http://kollaborationsf.org
Description: Child Theme for Thematic
VERSION: 1.0
AUTHOR: Hua Chen
AUTHOR URI: http://whoahua.com/
Template: Thematic
TAGS: three-columns, fixed-width
*/

@import "../thematic/style.css";

body {
	color: #4d4d4d;
	font-family: Arial, Helvetica, sans-serif;
}
h1, h3, h5 { }
h2 { font-size: 2em; }
.entry-content h3 { font-size: 18px; padding: 20px 0 8px; font-weight: bold; }
h4, .entry-content h4 { 
	font-size: 1em; 
	font-weight: bold; 
	margin: 3px 0;
	}
p.centered { text-align: center; }
abbr, acronym { border: none; }
blockquote { font-style: normal; line-height: 1.5em; }
.small { font-size: 0.8em; }
td { 
	padding: 0.7em 0.75em; 
	}
a, a:link {
	color: #09c; 
	text-decoration:none;
	}
a:visited { color: #397184; }
a:hover, a:active { color: #e0c300; }


/** HEADER **/

#header { background-color: #fff400; }

#branding { padding: 20px 0; }

#logo { 
	float: left;
	margin-bottom: 30px; 
	}

#blog-title, #blog-description { display: none;	}

#blog-blurb {
	background: url("images/blurb_pullquote_r.png") bottom right no-repeat #fff400;
	color: #626262; 
	float: right;
	margin: 30px 0 0;
	text-align:justify;
	width: 500px;
	}
	#blog-blurb span {
		background: url("images/blurb_pullquote_l.png") top left no-repeat transparent;
		display: block; 
		padding: 5px 40px;
		}

#access {
	clear: both;
	height: 30px;
	margin-top: 25px;
	}
	#access .menu ul ul { }



/** MENU **/
.menu .sf-menu { 
	border: none;
	margin-top: 6px;
	}
.menu .sf-menu li { background-color: transparent; }
.menu .sf-menu .current_page_item { background-color: #fff; }

.menu .sf-menu a {
	border: none;
	color: #c0a805;
	font-weight:bold;
	padding: 6px 20px 4px;
	text-transform:uppercase;
	}
	.menu .sf-menu a:hover, .menu .sf-menu a:active { 
		color: #333; }
	
.sf-menu .current_page_item a { 
	border-color: #ccc #ccc #fff;
	border-style: solid;
	border-width: 1px;
	color: #666;
	}
	.sf-menu .current_page_item a:hover { color: #000; }

.sf-menu ul {
	border: 1px solid #ccc;
	margin-top: -6px;
	}
	.sf-menu ul a, .sf-menu ul .current_page_item a {
		border: none;
	}
	.sf-menu ul a:hover, .sf-menu ul li:hover { 
		background-color: #fff;
		border: none;
	 }


/** CONTENT STUFF **/
#main {
	margin-bottom: -35px;
	padding-bottom: 0;
	padding-top: 35px;
	}
#content { margin: 0 470px 0 0; }

.entry-title a { color: #3c84a6; }

.entry-title a:hover, .entry-title a:active { color: #E0C300; }

.entry-content { 
	padding-top: 15px; 
        
	}
.entry-content p {  }
	.entry-content a { border-bottom: 1px dotted #333; }
	.entry-content a.no-border { border: none; }
	
	.entry-content a img { border: 1px solid #fff; margin-bottom: 8px;  }
	.entry-content a img:hover { border: 1px dotted #e0c300; }
	
	.entry-content h2 { font-size: 22px; color: #999; padding-top: 15px; }


.anchor-links { position: relative; top: -30px;}
.anchor-links a, .anchor-links a:visited { color: #0099CC; border-bottom: none; font-size: 12px; float: right; margin-bottom: -15px; }


.entry-utility { margin-bottom: 30px; }

	.entry-utility a, .entry-utility a:visited, .entry-meta a, .entry-meta a:visited { color: #666; }
	
	.entry-utility a:hover { color: #09c; }
	
	.home .entry-utility .cat-links, .home .entry-utility .meta-sep-tag-links, .paged #nav-above { display: none; }
	
	.single .entry-utility { padding: 10px 0 0; }

/* INDEX TOP */
#index-top {
	border: none !important;
	height: 245px; 
	padding: 10px 0 15px !important;
	}
#index-top > ul >li { float: left; }

.aside a, .aside a:visited { color: #666; }
.aside a:hover { color: #09c; }



#twitter-1, #index-top .widget_text {
	left: 510px;
	position: absolute;
	width: 450px;
	}

#text-7 h2 { 
	font-family: Futura, "Century Gothic", AppleGothic, sans-serif;
	font-size: 2.5em;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0.3em 0;
	}
	.aside #text-7 h3 {	font-size: 1.2em !important; }

#text-9 {
	overflow: hidden;
	top: 120px;
	}


.purchase, .donate { float: left; }

.purchase {
	height: 52px;
	margin-right: 20px;
	width: 262px;
	}
	.purchase a, .purchase a:visited {
		background: url("images/purchase-button.png") top left no-repeat transparent;
		border: none;
		color: #fff;
		display: block;
		font-family: Futura, "Century Gothic", AppleGothic, sans-serif;
		height: 52px;
		text-align: center;
		text-transform: uppercase;
		}
	.purchase a h2, .purchase a h4  {
		font-size: 1.3em;
		line-height: 0;
		padding: 27px 0 0;
		}
        
	.purchase a:hover { background-position: 0 -55px; color: #fff; }
	.purchase a:active { color: #ff9; }
	
.donate { padding-top: 1px; }

.aside .donate form { margin-bottom: 0;}


#twitter-1 { 
	background-color: #f9fcb1;
	height: 58px;
	width: 430px !important;
	top: 195px;
font-size: 11px;
	}
	#twitter-1 h3 { display: none; }
	#twitter-1 ul {
		margin: 0;
		padding: 0;
		}
	#twitter-1 ul li {
		list-style-type: none;
		padding: 18px 15px 0;
		}
	
#text-10 {
	background-color: #f9fcb1;
	top: 253px;
	width: 430px !important; 
	}
	#text-10 div {
		padding: 3px 8px 6px 0;
		text-align: right;
		}
	#text-10 strong { text-transform: uppercase; }
	#text-10 img { padding-left: 5px; width: 20px; }
	

#featured-posts {
	background-color: #161613; 
	border: 1px solid #666;
	width: 470px;
	height: 240px;
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	position:absolute;
	top: 46px;
	}
	#featured-posts li { list-style-type: none; }
	#featured-posts .leadpic { width: 470px; height: 240px; }
	
.post-teaser {
	background-color: #000;
	position: absolute;
	bottom: 0;
	height: 70px;
	padding: 5px 10px;
	/* for IE */
        filter:alpha(opacity=85);
        /* CSS3 standard */
       opacity:0.85;
	}
	.post-teaser a, .post-teaser a:visited { color: #09c; }
        .post-teaser a:hover { color: #E0C300; }
	.post-teaser p {
		color: #999;
		line-height: 1.2em;
		margin: 0;
		}
	.post-teaser h2 { margin: 2px 0 6px; }
	



/*** PAGE SPECIFIC **/

/* ticketing */
.pageid-135 table {  margin: 1em auto 0; border: 2px solid #ff6600; }
.pageid-135 .item-name td { padding: 0.2em 0.75em; }
.pageid-135 .item-info { background-color: #eee; }

/* show info page */ 
.purchase a span { display: block; font-size: 1.1em;padding-top: 15px; }
.slug-show .purchase { }
h3.competitors a { 
   display: block;
   width: 300px;	
   background-color: #e3e3e3;
   color: #0090b9;
   padding: 12px 20px;
   border: 1px solid #ccc;
   font-style: normal;
   font-size: 17px;
} 
h3.competitors a:hover { color: #E0C300; }



/*** SIDEBAR **/
.home #primary, .home #secondary { margin-top: 285px; }

#primary {
	margin-right: 210px;
	float: right; 
	width: 240px;
	padding: 10px 0 0;
	}

#text-3 img { margin: 0 5px; }

.widget_buy_tix .purchase-small a {
       display: block;
       margin-bottom: 30px;
       width: 210px; 
       height: 50px;
       background: url("/wp-content/themes/kollabsf/images/button-small.gif") top left no-repeat transparent;
       text-indent: -999999px;
	}
.widget_buy_tix .purchase-small a:hover { background-position: 0 -51px; }
	


#secondary {
	float: right; 
	width: 185px; 
	}

.main-aside ul { padding: 0 10px; }

#secondary ul { padding: 0; }

#primary > ul > li, #secondary > ul > li { margin-bottom: 20px; }

#text-5 { /* facebook widget */
margin: 20px 0;
}

h3.widgettitle {
	color: #e0c300; 
	font-size: 1.5em;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 5px;
	text-transform: uppercase;
	}
	h3.widgettitle a, h3.widgettitle a:visited { color: #eoc300; }
	h3.widgettitle a:hover { color: #09c; }
	

#ics-calendar {
	overflow: hidden;
	width: 100%; 
	}
	#ics-calendar ul {
		font-size: 1.1em;
		line-height: 1.4em;
		list-style-type: none;
		margin: 0;
		}
	#ics-calendar li {
		list-style-type: none;
		margin-bottom: 8px;
		}
	#ics-calendar .date { }
	#ics-calendar .event-title { }
	#ics-calendar .small { float: right; }
	
	
#sponsors-container {
	overflow: hidden;
	width: 100%;
        margin-bottom: 20px;
	}
	#sponsors-container a, #sponsors-container a:visited { border: none; }
	#sponsors-container img { max-width: 182px; max-height: 70px; }

.sponsor { border: none; max-height: 70px; width: 182px; margin: 0 0 15px; text-align: center; }
	
.sponsor-box {  /* become a sponsor! box */
	background-color: #f0f0f0;
	border: 1px solid #666;
	float: left;
	margin: 0 5px;	
        text-align: center;
        width: 178px;
	}
	.sponsor-box:hover { border: 1px solid #c0a805; }	
        .sponsor-box h4 { margin: 5px; }


#text-6 img {
	border: 1px solid #000;
	margin-bottom: 10px;
	width: 183px;
	}
	
#search-widget #s {
	width: 200px; 
	}


#primary .donate { float: none; }



#footer {
	background: url("images/footer_bg.jpg") top left repeat-x #fff400;
	border: none;
	color: #333;
	}

#footer-wrapper {
	background: url("images/footer_bridge.jpg") top left no-repeat transparent;
	margin: 0 auto;
	padding-top: 110px;
	width: 960px;
	}
	
#footer p { margin-bottom: 0; }
#footer a, #footer a:visited { border-bottom: 1px dotted #666; }



.slug-performers #content { margin-right: 330px; }
.slug-performers h2 { margin-left: 3px;}

.accordian { position: relative; }
.accordian span.msg { position: absolute; right: 10px; top: -32px; font-size: 11px; font-color: #333;}
.accordian h3, .accordian li {
	cursor: pointer;
	font-size: normal;
	font-weight: bold;
	font-style: normal;
        padding: 12px 20px;
	margin-bottom: 2px;
	}
        #competitors h3 { 	
            background-color: #e3e3e3;
	    color: #0090b9; 
            border: 1px solid #e3e3e3;
        }
       #guests h3, #judges h3 { 
            background-color: #e3e3e3;
	    color: #009cc9; 
            border: 1px solid #6fa5c4;
}
      #judges span.j-desc { font-size: 12px; }

.accordian h3.hover { background-color: #ccc !important; color: #f9ff54 !important; border: 1px solid #FFF400 !important; }

#guests li, #judges li { 
      padding: 8px 12px; 
      background-color: #f2f2f2; 
      cursor: auto; 
      color: #0090b9;
  }

.accordian h3 span, .accordian li span {
	font-style: italic;
	font-weight: normal;
	font-size: 0.9em;
	}
.accordian-content { padding: 10px 20px; background-color: #f2f2f2;  font-size: 10pt; }


.accordian-content a { border: none; font-weight: bold; }

.accordian ul { margin: 0; padding: 0; list-style-type: none; }




/** OTHER STYLES **/

div.sexy-bookmarks { margin-top: 50px !important; }
.sexy-bookmarks a { border: none; }

.yarpp, .edit-link {
	display: block;
	margin-top: 50px; 
	}
	

.slideshow { margin-bottom: 15px; }
.entry-content img.ngg-left { margin-right: 10px; }
.entry-content img.ngg-right { margin-left: 10px;}