/* ------------------------------------------------------------------------
Basic Style Sheet - The Orange Box

Author: Oliver Coningham
Website: http://www.aztec4design.com/
Email: oliver@aztec4design.com
-------------------------------------------------------------------------*/


/* DO NOT ALTER THIS PART OF THE CSS */

.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;
	}
	
.sIFR-flash + div[adblocktab=true] 
	{
	display: none !important;
	}
	
.sIFR-hasFlash h3
	{
	height: 32px;
	line-height: 32px !important;
	visibility: hidden;
	margin: 0 0 1.25em 0;
	}
	
.sIFR-hasFlash h4
	{
	height: 28px;
	line-height: 28px !important;
	visibility: hidden;
	margin: 0 0 1.25em 0;
	}
	

/* =General
-------------------------------------------------------------------------*/
#skip
	{ 
	display: block;
	height: 100px;
	margin-top: -100px; 
	}
	
body
	{
	background: #ff2900 url('../images/body-bg.gif') repeat-x top left;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	}
	
#container 
	{
	margin: auto;
	width: 800px;
	}
	
.cleared
	{
	clear: both;
	}
	
strong
	{
	font-weight: bold;
	}
	
hr
	{
	display: none;
	}
	
.hide
	{
	display: none;
	}
	
img a:hover
	{
	background-color: #fff;
	}

/* =Header
-------------------------------------------------------------------------*/

#header
	{
	background: url('../images/header-bg.jpg') no-repeat center;
	height: 150px;
	text-indent: -25000px;
	width: 100%;
	}
	
#branding
	{
	height: 140px;
	margin: auto;
	padding: 10px 20px 0 20px;
	width: 760px;
	}

#branding #link
	{
	float: right;
	height: 60px;
	margin-top: 20px;
	text-indent: 0;
	width: 468px;
	}
	
h1 a
	{
	background: url('../images/h1-bg.gif') no-repeat top left;
	display: block;
	float: left;
	height: 100px;
	width: 206px;
	}
	
h2
	{
	background: url('../images/tagline.gif') no-repeat top left;
	clear: both;
	float: left;
	height: 40px;
	width: 370px;
	}
	
#address
	{
	background: url('../images/address.gif') no-repeat top left;
	float: right;
	height: 40px;
	width: 290px;
	}
	
	
/* =Navigation
-------------------------------------------------------------------------*/

#nav
	{ 
	clear: both;
	height: 40px;
	margin: auto;
	text-indent: -25000px;
	width: 760px;
	}
	
#nav li
	{ 
	float: left;
	}
	
#nav a
	{
	display: block;
	height: 40px;
	width: 95px;
	}
	
#nav a:hover, #nav .selected
	{
	background-position: 0 -40px;
	}
	
#nav-home a
	{
	background: url('../images/nav-home.gif') no-repeat top left;
	}

#nav-gig a
	{
	background: url('../images/nav-gig.gif') no-repeat top left;
	}
	
#nav-club a
	{
	background: url('../images/nav-club.gif') no-repeat top left;
	}
	
#nav-news a
	{
	background: url('../images/nav-news.gif') no-repeat top left;
	}
	
#nav-about a
	{
	background: url('../images/nav-about.gif') no-repeat top left;
	}

#nav-spec a
	{
	background: url('../images/nav-spec.gif') no-repeat top left;
	}
	
#nav-gallery a
	{
	background: url('../images/nav-gallery.gif') no-repeat top left;
	}
	
#nav-contact a
	{
	background: url('../images/nav-contact.gif') no-repeat top left;
	}
	
	
/* =Content
-------------------------------------------------------------------------*/

#white-left
	{
	background: url('../images/white-left.gif') no-repeat top left;
	float: left;
	height: 515px;
	width: 20px;
	}
	
#white-right
	{
	background: url('../images/white-right.gif') no-repeat top left;
	float: left;
	height: 515px;
	width: 20px;
	}

#contact #white-right
	{
	background: url('../images/white-right.jpg') no-repeat top left;
	}
		
#content
	{
	background: #fff url('../images/content-bg.gif') no-repeat bottom left;
	float: left;
	margin-bottom: 10px;
	padding: 20px;
	width: 720px;
	}

#contact #content
	{
	background: #fff url('../images/content-bg.jpg') no-repeat bottom left;
	padding: 20px 20px 10px 20px;
	}
			
#content p
	{
	line-height: 1.5em;
	margin-bottom: 1.25em;
	}
	
#content a
	{
	color: #000;
	}
	
#content a:hover
	{
	color: #ff6900;
	}
	
#content .highlight
	{
	background-color: #ff6900;
	color: #fff;
	font-weight: bold;
	padding: 3px;
	}
	
#content ul
	{
	line-height: 1.5em;
	list-style: outside disc; 
	margin: 0 0 1.25em 30px;
	}
	
#content ol
	{
	line-height: 1.5em;
	list-style: outside decimal;
	margin: 0 0 1.25em 30px;
	}
	
#left-col
	{
	float: left;
	width: 350px;
	}

#right-col
	{
	float: right;
	width: 350px;
	}	
	

/* =Newsletter
-------------------------------------------------------------------------*/
	
#subscribe
	{
	background: url('../images/subscribe-bg.gif') no-repeat top left;
	color: #fff;
	height: 39px;
	font-weight: bold;
	margin-bottom: 1.25em;
	padding: 8px 0 8px 10px;
	width: 340px;
	}
	
legend
	{
	display: none;
	}
	
#subscribe .form-input
	{
	float: left;
	width: 125px;
	}

#subscribe .form-input input
	{
	background: url('../images/subscribe-input.gif') no-repeat top left;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	height: 15px;
	margin: 0;
	padding: 4px;
	width: 107px;
	}
	
#submit
	{
	margin-top: 15px;
	}

#poster
	{
	float: left;
	}
		
#orange-box img
	{
	float: right;
	margin: -20px -20px 0 0;
	}
	
#aztec-logo
	{
	float: right;
	}
	
	
/* =Images
-------------------------------------------------------------------------*/

#images
	{
	background: url('../images/images-bg.gif') no-repeat top left;
	height: 128px;
	margin: -10px 0 -10px -20px;
	padding: 22px 0 0 22px;
	width: 368px;
	}
	
#images img
	{
	margin-right: 11px;
	}


/* =Gigs
-------------------------------------------------------------------------*/	

#gigs 
	{
	background: #ff9600 url('../images/gigs-bg.gif') no-repeat bottom left;
	color: #fff;
	margin-bottom: 20px;
	width: 350px;
	}
	
#pages #gigs 
	{
	background: #ff9600 url('../images/gigs-bg-pages.gif') no-repeat bottom left;
	}

#gigs tr
	{
	line-height: 1.75em;
	}

#gigs th
	{
	background: url('../images/upcoming-events.gif') no-repeat top left;
	height: 30px;
	text-indent: -25000px;
	width: 350px;
	}
	
#gigs .band
	{
	color: #000;
	font-weight: bold;
	margin-left: 20px;
	}
	
#gigs strong
	{
	margin-left: 20px;
	}
	
#gigs .time
	{
	margin-left: 50px;
	}
	
#gigs .gigs-extend
	{
	height: 40px;
	}

	
/* =Gallery
-------------------------------------------------------------------------*/	

.gallery
	{
	background: #fff url('../images/gallery-bg.gif') no-repeat 0 50%;
	height: 108px;
	padding: 7px 0 0 22px;
	width: 698px;
	}
	
.gallery img {
	margin-right: 11px;
	}

	
/* =Footer
-------------------------------------------------------------------------*/

#footer
	{
	clear: both; 
	color: #fff;
	font-size: 90%;
	margin: 0 auto 10px auto;
	width: 760px;
	}
	
#footer span
	{
	color: #ff6700;
	font-weight: bold;
	}
	
#footer a
	{
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	}
	
#footer a:hover
	{
	color: #ffa100;
	text-decoration: underline;
	}
	
#aztec a
	{
	color: #ffa003;
	text-decoration: underline;
	text-transform: none;
	}
	
#links
	{
	float: left;
	}
	
#myspace a
	{
	background: url('../images/myspace-logo.gif') no-repeat top left;
	display: block;
	float: right;
	height: 20px;
	text-indent: -25000px;
	width: 82px;
	}