/*************************************************************************
*
* style.css
*
* The primary stylesheet for the www.BangOnSF.com website
*
**************************************************************************/

* { padding:0; margin:0; outline:0; }

body
{
	background:		url(images/stressed_linen.png); 
    font-family:    "Trebuchet MS", Arial, sans-serif;  /* font-family:    "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;*/
	font-size:		12px;
	line-height:	20px;
	color:			#fefefe;
    min-width:      1030px;
}

input,
textarea,
select
{
    font-family:   Arial, sans-serif;
    font-size:     12px;
}

#main   
{ 
	width:		100%; 
	min-height: 480px; 
	width:			980px; 
	margin:			0 auto; 
	background-color: rgba(0, 0, 0, 0.65);
	padding-top: 0px; 
} 
#main h3{ padding-bottom:10px; }
#main p { padding-bottom:10px; }

.shell  { width:980px; margin:0 auto; }    
.notext { font-size:0; line-height:0; text-indent: -4000px; display:block; }
.left,  .alignleft  { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }
.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }
.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }
.cols { padding-top: 20px; padding-left: 10px;}
.col  { float:left; width:240px; margin-right:115px;  }
.col-last { margin-right:0;}
.sig { font-size: 11px;}

/*************************************************************
*                         Links
*************************************************************/
a { color:#9d5f0e; text-decoration: underline; cursor:pointer; }
a img { border:0; }
a:hover { text-decoration: none; }
a.more { font-size:10px; padding-left:0px; }

/**************************************************************
*                        Headings
**************************************************************/
h1#logo { font-size:0; line-height:0; width:195px; height:74px; float:left; }
h1#logo a{ display:block; height:74px; text-indent: -4000px; background:url(images/BangOnLogo.png); }
h2 { font-size:24px; line-height:34px; text-transform: uppercase; color:#ffffff; }
h2 span{ color:#f4d359; }
h3 { font-size:16px; line-height:24px; /*text-decoration:underline */}
h2, h3,
#navigation,
#slider-navigation,
#footer { font-family: "Trebuchet MS", Arial, sans-serif;}

/************************************************************************
*                       Header and Footer
************************************************************************/
#header 
{
    height:		80px;
    background-color: rgba(5, 5, 5, 0.5 );	
	width:			100%;
	border-bottom: 	1px solid #000;
	margin-bottom: 	20px; 
}
	
#header a{
    text-decoration: none;
    color:#939393;}
#header a:hover{ color:#f6cb44;}

#footer
{	
	background-color: rgba( 5, 5, 5, 0.5 ); 
    height:         70px;
    width:          100%;    
    margin:         0 auto;
    font-family:    "Trebuchet MS", Arial, sans-serif;
	border-top: 	1px solid #000;
	border-bottom: 	1px solid #000;
	
	position: 		fixed;
	bottom: 		0;
	z-index: 		10;
	text-align: 	left;
	border-top: 	1px solid #000;
	font-size:		120%;
	padding:		5px;
}
#footer a:hover{ color:#f6cb44; }
#footer .shell{ padding-right:20px; width: 980px; }
#footer .right { white-space:nowrap; font-size:14px; text-align: right;}
#footer .right span{ padding:0 1px;}
#footer .right a{ text-decoration: none; color:#939393;}
#footer .right a:hover{ color:#f6cb44;}
/*.footer-logo { float:left; width:169px; height:34px; background:url(bangon_logo.png); }     */

/************************************************************************
*                      Navigation Style
*************************************************************************/
#navigation { float:right; }
#navigation ul{ float:left; list-style-type: none; padding-top:37px; font-size:14px;}
#navigation ul li{ float:left; display:inline; height:21px; background:url(images/nav-border.gif) repeat-y right 0; padding:0 20px 0 0; margin-right:20px; position:relative; }
#navigation ul li.last{background:transparent; padding-right:0; margin-right:0; }
#navigation ul li a{ float:left; color:#fff; text-decoration: none;}
#navigation ul li a em { width:90px; height:20px; background:url(images/nav-hover.gif) no-repeat 0 -200px; position:absolute; top:33px; left:-55px;}
#navigation ul li.last a em { left:-45px;}
#navigation ul li a span { font-size:0; line-height:0; width:0; height:0; position:absolute; left:50%;}
#navigation ul li a.hover{ color:#f6cb44;}
#navigation ul li a.hover em{ background-position:0 0}

/***************************************************
 *            Formatting for shows table           *
 ***************************************************/
table.shows { width:100%; /*border: 1px solid black; */ }
table.shows tr { /*border: 1px solid black; */ }
table.shows tr.evenrow td { background-color: #333333; }
table.shows tr.oddrow  td { background-color: #222222; }
table.shows td { padding: 0.2em 2ex 0.2em 2ex; color: white; /* border: 1px solid black; */ }
table.shows th 
{ 
	background-color: #FCFCFC;
    color:            #121212;
    height:           50px;
	/* border: 1px solid black; */
}


#padding
{
	padding: 10px;
}