/*
Theme Name: Bananas Comedy
Theme URI: http://bananascomedy.com
Description: Theme for the Bananas Comedy television series website
Version: 1.0
Author: Steve Zeidner
Author URI: http://stevezeidner.com
*/

/* reset styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0; padding: 0;  border: 0; outline: 0; font-size: 100%; 
	vertical-align: baseline; background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

body {
	font-size: 62.5%;
	text-align: center;
	color: #000000;
	background: #000404 url('images/background.jpg') top center no-repeat;
	background-attachment: fixed;
}

/* container - place inside each section or around the entire page depending on your layout */
#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	padding: 0 10px;
	background: url('images/shadow.png') repeat-y;
}

/* for clearing any floats <br class="clearfloat" /> */
.clearfloat { 
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* Input styles */
input#si_contact_name1, input#si_contact_email1, input#si_contact_captcha_code1, textarea#si_contact_message1 {
	background: #fff;
	border: 1px solid #ccc;
	color: #333;
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	padding: 4px;
}
input.text, input.city, input.state {
	background: #EFF4CE;
	border: 1px solid #C8DC58;
	color: #5C6916;
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	padding: 4px;
	width: 330px;
	margin: 10px 0 0 0;
}
input.city {
	width: 185px;
}
input.state {
	width: 127px;
	margin-left: 5px;
}
input.submit {
	background: url('images/button-starburst.png') top center no-repeat;
	font: 1.6em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	float: right;
	border: none;
	margin: 0 20px 0 0;
	overflow: visible;
	width: 92px;
	height: 46px;
	padding-bottom: 10px;
}
/* link styles */
#content a {
	color: #6D7C1B;
	text-decoration: none;
	display: inline-block;
	font-weight: bold;
}
#content a:hover {
	color: #49540e;
}
#content .shop a:hover {
	background: none;
}

/*--- header section ---*/
#header {
	position: relative;
	min-height: 193px;
	height: 193px;
}
#logo {
	position: absolute;
	width: 297px;
	height: 122px;
	top: 10px;
	left: 10px;
	z-index: 1;
}
#headerimage {
	position: absolute;
	width: 550px;
	height: 159px;
	top: 0;
	left: 400px;
	z-index: 1;
}
#extraheaderimage {
	position: absolute;
	width: 127px;
	height: 34px;
	top: 159px;
	left: 493px;
	z-index: 10;	
	background: url('images/header-HawkinsElbow.jpg') no-repeat;
}

/*--- top menu ---*/
#menu { 
	position: absolute;
	left: 0;
	top: 159px;
	background: url('images/back-menu.png') repeat-x;
	width: 960px;
	z-index: 5;
}
#menu ul {
	margin-left: 20px;
}
#menu ul li {
	display: block;
	float: left;
}
#menu ul li a {
	font: 1.6em Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	display: block;
	text-decoration: none;
	padding: 7px 15px;
	height: 20px;
	float: left;
}
#menu ul li.current_page_item a {
	display: block;
	position: relative;
	background: url('images/back-menuhover.png') repeat-x;
	color: #000;
	margin-top: -3px;
	padding-top: 11px;
}

/*--- content section ---*/
#content {
	position: relative;
	padding: 10px;
}
#content .col1 {
	float: left;
	width: 590px;
	position: relative;
}
#content .col2 {
	width: 340px;
	float: right;
}
#content #videoplayer {
	margin-bottom: 10px;
}
#content p {
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	padding-bottom: 7px;
	line-height: 18px;
}
/* headers */
#content .headergreen, #content .headerturquoise{
	height: 24px;
	margin: 0;
	font: 1.6em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	padding: 5px 0 0 10px;
}
#content .headergreen {
	background: url('images/back-headergreen.png') repeat-x;
}
#content .headerturquoise {
	background: url('images/back-headerturqouise.png') repeat-x;
	position: relative;
}
#content .headerturquoise .button {
	position: absolute;
	top: 0;
	right: 0;
}
#content .headerturquoise .button a {
	float: left;
	background: url('images/back-headerturqouisedark.png') repeat-x;
	font: .8em Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 5px 5px 0 5px;
	height: 24px;
	color: #fff;
	margin-right: -3px;
}
#content .comedianshome td img {
	display: block;
}
#content .comedianshome td {
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	position: relative;
}
#content .comedianshome td .overlay a {
	position: absolute;
	width: 195px;
	height: 71px;
	color: #000;
	text-align: center;
	text-decoration: none;
	padding-top: 55px;
	color: #fff;
	/*background: url('images/back-transparentblack.png');*/
	background: #000;
	font: 1.4em Verdana, Arial, Helvetica, sans-serif;
	opacity: 0;
	filter: alpha(opacity = 0);
}

/* newsletter sidebar */
#content #newsletter p {
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	padding: 10px 10px 0 0;
}
/* connect sidebar */
#content #connect {
	background: #EFF4CE;
	min-height: 133px;
	height: 133px;
	margin-top: 17px;
}
#content #connect ul {
	margin: 15px 0 0 2px;
}
#content #connect li {
	display: block;
	float: left;
}
#content #connect li a {
	display: block;
	width: 92px;
	min-height: 64px;
	height: 64px;
	padding: 3px 0 0 69px;
	margin: 0 0 0 5px;
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
#content #connect li#facebook a {
	background: url('images/button-facebook.jpg') no-repeat top left;
	color: #035996;
	float: left;
}
#content #connect li#twitter a {
	background: url('images/button-twitter.jpg') no-repeat top left;
	color: #439DDB;
	float: right;
}
/* featured sidebar */
#content #featured {
	margin-top: 10px;
	display: block;
}
/* shop page */
#content .shop {
	margin: 20px 0;
}
#content .shop td {
	border-right: 1px solid #ccc;
	padding: 20px 27px 0 27px;
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
#content .shop td.last {
	padding-right: none;
	border-right: none;
}
#content .shop td .divider {
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
#content .shop p {
	color: #666;
}
#content .shop p strong {
	color: #000;
	font-weight: bold;
}
/* video page */
#content .col1.lightgreen{
	background: #EFF4CE;
	padding: 5px;
	width: 580px;
}
#content #description {
	border-bottom: 1px solid #ccc;
}
#content #description p, #content #purchase p  {
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 18px;
	padding: 5px 0 10px 0;
}
#content #purchase {
	padding-top: 10px;
}
#content #purchase img.thumbnail {
	float: left;
	padding: 0 10px 10px 0;
}
#content a.buynow {
	background: url('images/button-buynow.png');
	width: 125px;
	height: 20px;
	text-align: center;
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	padding-top: 5px;
	text-decoration: none;
}
#content a.buynow strong{
	font-weight: bold;
}
#content #purchase a.buynow {
	float: right;
}

#content #morevideo {
	background: #eee;
}
#content #morevideo ul {
	margin: 0 0 0 10px;
}
#content #morevideo li {
	display: block;
	float: left;
}
#content #morevideo li a {
	display: block;
	width: 60px;
	min-height: 15px;
	height: 15px;
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	text-align: center;
	padding-top: 60px;
	margin: 10px;
}
#content #morevideo li#youtube a {
	background: url('images/button-youtube.jpg') no-repeat top left;
}
#content #morevideo li#vimeo a {
	background: url('images/button-vimeo.jpg') no-repeat top left;
}
#content #morevideo li#itunes a {
	background: url('images/button-itunes.jpg') no-repeat top left;
}
#content #morevideo li#amazon a {
	background: url('images/button-amazon.jpg') no-repeat top left;
}

/*--- footer section ---*/
#footer {
	background: #ccc;
	padding: 15px 10px 15px 10px;
	position: relative;
}
#footer p {
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}
#footer .col1 {
	float: left;
	width: 180px;
	border-right: 1px solid #999;
	padding: 0 20px 0 20px;
	position: relative;
}
#footer .col2 {
	margin: 0 0 0 240px;
	width: 220px;
	border-right: 1px solid #999;
	padding: 0 10px 0 0;
}
#footer .col3 {
	position: absolute;
	right: 265px;
	top: 15px;
	width: 180px;
	height: 75px;
	border-right: 1px solid #999;
}
#footer .col4 {
	float: right;
	width: 210px;
	padding: 30px 20px 0 0;
	position: relative;
}
#footer h1 {
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #0C3A41;
	font-weight: bold;
	padding: 0 0 10px 0;
}
#footer a {
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer .menu-left li, #footer .menu-right li {
	padding-bottom: 3px;
}
#footer .menu-left {
	float: left;
	padding-left: 10px;
}
#footer .menu-right {
	float: right;
	margin-right: 10px;
}

.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 540px;
	height:320px;
	background: #EFF4CE;
	float: left;
}
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:540px;
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #6D7C1B;
	font-weight: bold;
}

/* single scrollable item */
.scrollable img {
	width:130px;
	height:97px;
}
.scrollable span {
	width:130px;
	display: block;
	float:left;
	margin: 0 5px 10px 0;
}

/* active item */
.scrollable .active {
	position:relative;
	cursor:default;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:9px;
	height:18px;
	float:left;
	margin: 130px 10px 0 5px;
	cursor:pointer;
	font-size:1px;
	background-image: url('images/arrow-slider.png');
}

/* right */
a.right 	{ background-position: -9px 0; clear:right; margin-right: 0px;}
a.right:hover 	{ background-position: -9px -18px; }
a.right:active 	{ background-position: -9px 0; } 


/* left */
a.left		{ margin-left: 3px; } 
a.left:hover  	{ background-position:0 -18px; }
a.left:active  	{ background-position:0 0; }

/* disabled navigational button */
a.disabled {
	background-image: url('images/arrow-slider-disabled.png');	
} 	

.tooltip {
	display:none;
	background:transparent url(images/arrow-green.png) bottom left no-repeat;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	/*height:123px;*/
	width:219px;
	padding: 5px 13px 40px 20px;
	color:#fff;
	z-index: 999999;
}
.tooltip-top {
	position: absolute;
	margin: -16px -13px 0 -20px;
	background: transparent url(images/arrow-green-top.png) top left no-repeat;
	height:11px;
	width:252px;
	z-index: 1000000;
}