@import '/stylesheets/feed.css';

.galleryiframe {border-width: 0px; width: 100%; height: 500px;}

/* ------------- GLOBALS ------------------------- */
/* ------------- ------- ------------------------- */
body {
	background: white;
	color: white;
	font-family: Arial, Verdana, sans-serif;
	font-size:100%;
/*	line-height: 1.2em;*/
}

h1{font-size: 1.30em; margin-bottom:0;}
h2{font-size: 1.2em; font-weight:normal;}
h3{font-size: 0.95em;}

a img {border:0;}
a {text-decoration: none; border:0;}
a:hover {color: #9B0000; border:0;}
a:active {color: #5b0000; border:0;}
#navbar a.current_link {color: #5b0000;}

#medialinks .section h3 a {color: #ffffff;}
#medialinks .section h3 a:hover {color: #9B0000;}


/* table stuff */
table {border-collapse: collapse;}
td {font-size:0.825em; vertical-align:top;}
td label:after {content: ": ";}
.headings td {font-weight: bold; border-bottom: 2px solid white; text-align: center;}

p {font-size: 0.8em; margin-top:4px;}
p.copyright {font-size:0.70em; color:#595959; float: left;}
p.caption {font-size: 0.625em;}
p.spacious {letter-spacing: 0.25em;}
p.tight {letter-spacing: -0.25em;}

/* text-align */
.lft {text-align: left;}
.rt {text-align:right;}

/* buttons */
.btm-btn {position:absolute; bottom:5px; margin:10px;}
/*.left { width:600px; }*/
.right { 
	position: absolute; top:0px; right: 10px;
	margin:0; padding:0;
}
.grey {color: #adadad;}
.blk {color: #000000;}
.wht {color: #ffffff;}
.blurb {color:#2D2D2D; float:right;}
/* ------------- ------- ------------------------- */
/* ------------- ------- ------------------------- */

/* -------- CMS Stuff ----------------------------- */
.cmsarticle .button {
	background: none;
	border: 0; 
	padding: 0; 
	margin: 0; 
	text-decoration: none; 
	font-weight: bold; /*font-size: 12pt;*/ 
	color: white; 
	display: inline; 
}
.cmsarticle .button:hover {color: green;}
.adminbutton {
	display: inline;
	color: yellow;
	background: none;
	border: 0;
	padding: 0;
	margin: 0; 
	font-weight: bold;
}
.adminbutton:hover {color: #9B0000; border:0;}

/* ------------- THE WHOLE SITE CONTAINER + HEADER + FOOTER */
#site {
	width: 1020px; 
	padding: 0; margin: 0 auto; 
/*	border:2px green dashed;*/
}
#innersite{
	width:1020px;
	padding: 10px; margin:0 auto;
	background-color:black;
/*border:2px blue dashed;*/
}
#header {
	position: relative; 
	width: auto;
	height:77px;
	padding: 0px; 
	margin: 0px; 
	text-align:right;
	z-index: 90000;
	/*border:1px dotted silver;*/
}	
#navbar {
	width:800px;
	float:right;
	text-align: right; 
	/*font-size: 1.1em; */
	font-size: .95em; 
	letter-spacing:0.10em; 
	font-weight: bold;
	/*border:1px dotted white;*/
}
#navbar > a {color:white;}
#navbar > a:hover {color: #9B0000; border:0;}
#navbar > a:active {color: #5b0000; border:0;}

#sitelogo{width:190; float:left; z-index:90010; margin:0; padding:0;}
#player {width: 300px; float:right; text-align:right;}
.pusher {clear: both;}

/* ------------- FOOTER ------------------------- */
#footer {position: relative; width: 100%;/* border: 3px silver dotted*/}
#signup {float: right; text-align: right; padding:0; width:550px; /*border:1px green dashed;*/}
#signup h2 {padding:0; margin:0;}
#signup p {/*font-size:1em;*/ margin:0; padding:0;}
#extlinks {float: left; padding:5px; width:400px;/* border:1px yellow dashed;*/}
#sub_footer {clear:both; position: relative; width: 100%;}

/* Email Signup */
#emailform, #emailblurb, #emailthankyou {background: black; color: white; width: 550px; height: 100px;}
#emailblurb {display: block;}
#emailform, #emailthankyou {position: absolute;}
#emailblurb {}
#emailthankyou {}
#emailform {}
.emailbutton {background: none; border: none; color: white; font-weight: bold; font-size: 14pt;}
.emailbutton:hover {color: red;}



/* ------------- MAIN CONTENT AREA --------------- */
#content {
	position: relative;
	clear:both;
	width: 980px;
	min-height: 460px;
	padding: 0 10px;
	margin:0 auto;
/*	border: 1px #b60000 solid;*/
}

#content .slidercontent {width: 980px; padding: 0px;}

/* ----------- Section Backgrounds ------------------------- */
#home{
	width:100%; min-height:440px;
	background: url("/images/bg/bwpic01.jpg") no-repeat left top;
}
#band{
	width:100%; min-height:440px;
	background: url('/images/bg/bwpic02.jpg') no-repeat left top;
}
#theNews{
	width:100%; min-height:440px;
	background: url('/images/bg/bwpic03.jpg') no-repeat left top;	
}
.gigs{
	width:100%; min-height:440px;
	background: url('/images/bg/bwpic04.jpg') no-repeat right top;
}

.booking{
	width:100%; min-height:440px;
	background: url('/images/bg/bwpic06.jpg') no-repeat right top;
}

/* ------- THE BAND section --------- */
#band > .right {width:450px; line-height: 1.5em;}

/* ------- NEWS section --------- */
div#theNews > .right {width: 650px;}
div#theNews table{ width:650px; font-size:0.825em;}
div#theNews td{ padding:5px 5px 0px 5px;}
/*div#theNews ul {	margin:0; padding:0px 6px; line-height: .85em; }*/
div#theNews ul li {
	list-style: none;
	font-size: 0.825em;
	margin:10px 0 0 0; 
}
div#newslist table tr {border-bottom:1px solid #A0A0A0;}
/* single news story*/
div#aStory{
	margin-top:20px;
	margin-bottom:10px;
	min-height:450px;
	background-color: white;
	color:black;
/*	border:blue 1px dashed;*/
}
div#newsStory{
	padding:10px;
}

/*div#theNews ul li p.date {font-size: 0.7em; padding:0; margin-bottom:0; margin-top:7px; color: #adadad; }
div#theNews ul li h3 {font-size: 0.8em; padding:0; margin:0; color: white; }
#newslist, #gigslist {margin:0; height:150px; border: 1px white solid;}*/

/* ------- GIGS section --------- */
table#gigslist{ background-color: #2D2D2D; border-collapse:collapse;}
table#gigslist td {padding:3px;}
table#gig_form td { padding: 2px;}
#gig_content { 
	position: relative; width: 100%; 
	padding-top:10px;
}
#gig_data {
	float:left;
	/*position: absolute; left: 0; 	top: 0;*/
	width: 455px;
	min-height: 395px;
	background-color:white;
	padding:5px;
	border:10px #2d2d2d inset;
}

#gig_map {
	float:right;
	/*position: absolute; left: 55%;*/
	width: 425px;
	border:none;
	/*background: #CCC;*/ 
	/*height: 50%; top: 0;*/
}

tr.even {background: #2D2D2D;}
tr.odd {background: #777777;}
tr.even td, tr.odd td {border-top: 2px solid #000000; border-bottom: 2px solid #000000; border-right: 0px solid #000000; border-left: 0px solid #000000;}
tr.even:hover, tr.odd:hover {background: #5b0000;}
.blocklink {text-align:left;display:block;margin:0px;padding: 2px 5px 2px 5px; color: #ffffff;}
.blocklink:hover, .blocklink:active {color: #ffffff;}

/* ------------- GOOGLE MAPS STUFF --------------- */
.map {width: 425px; height: 425px;}
.mapblurb {color: black; text-align: center;}
.mapblurb h3 {font-weight: bold;}
.mapblurb .button {color: white; font-weight: bold; background: green; border: 2px solid black; cursor: pointer;}
.directions {}

/*.buttons2 {text-align:right;}*/


/* ------- Media section -------- */
table#medialinks {
	width:100%; 
	/*margin:10px auto 0 auto;*/
	/*border:1px dashed blue;*/
}
/*table#medialinks td.section {text-align:center;}*/

/* boxes on the media/index page */
div.node {
	position: relative;
	width: 250px;
	/*min-height:125px;*/
	border: 10px solid #EFEFEF;
	margin: 20px auto;
	text-align:center;
	background-color:black;
}
/*div.node_title{
	position: absolute; top: 0; bottom:auto; left:0; right:0; height:auto;
	margin:0;
	padding-bottom:0.5em;
}*/
div.node_title h2{
	width:100%;
	margin: 0;
	padding: 0;
	text-align: center;	
	font-size: 1.4em;
	line-height:1.4em;
	font-variant: small-caps;
	font-weight: bold;
	color: black;
	background-color:#efefef;
}
div.node_title h2 > a { color:black; border:0; display: block;}
div.node_title h2 > a:hover{color: #9B0000; border:0; display:block;}

/* -- Photo Gallery -- */
#photogallery {
	width: 950px;
	height: 494px;
	margin: 0 auto;
}


/* ----------- FLASH MESSAGES -------------------- */
.flash{
	font-size:1em; 
	color:green;
	padding:10px; 
	text-align:center; 
	margin-bottom:20px;
}

#notice {background:#2e2; color:#222;}
#warning {background:#ee0; color:#222;}
#error {background:#e22; color:#fff;}

#fbblurb {float: right;}