<!--
/* ***** Colors ******
- Off White: #F2F1E7
*/

/* 
======================================
- Common/Global Elements
======================================
*/
html {
	margin:0;
	padding:0;}

body {
	margin: 0;
	padding: 0;
	background-image:url(../_img/bg_brown.jpg);
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.3;
	}

/* _____ // FORM FIELDS // _____ */
TEXTAREA, INPUT, SELECT, TEXTBOX {
	border-width:1px;
	font-size:1em;
	line-height:1.1em;
	vertical-align:bottom;
	padding: 2px;
	}

TEXTAREA, INPUT.textbox {
	width:85%; /* for ie/win, Prevents form boxes from enlarging with browser text enlarge */
	display:block;
	background-color: #EFE8DD;
	}

INPUT.textboxZip {
	width: 40px; /* for ie/win, Prevents form boxes from enlarging with browser text enlarge */
	display:block;
	background-color: #EFE8DD;	
	}
INPUT.textboxAreaCode {
	width: 25px; /* for ie/win, Prevents form boxes from enlarging with browser text enlarge */
	display:block;
	background-color: #EFE8DD;	
	}

table {padding: 0;}
td {vertical-align:top;}
p {margin: 1em 0 1em; padding: 0;}
.bold {font-weight: bold;}

/* _____ // TEXT FORMATTING SHIT // _____ */
a {font-weight: bold; }
a:link {color: #511F1F;}
a:visited {color: #511F1F;}
a:hover {color:#000; text-decoration:none;}

h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	}

h4 {
	font-size:12px;
	font-weight:bold;
	margin: 0px;
	}
	
/* 
====================================== 
- MAIN NAVIGATON - <UL> ELEMENT 
======================================
*/
#nav {
	float: left;
	margin: 0;
	padding: 0;
	}

#nav ul, li {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style: none;
	/*display: inline;*/
	}
	
#nav img {
	display: inline;
	}
	
/*
============================================ 
- HEADERS & WRAP SHIT
============================================
*/

/* Main outer wrapper for entire site */
#dotframe {
	/* position:relative; */
	width: 779px;
	height:auto;
	margin: 0px 0px 0px 20px;
	padding-top: 5px;
	padding-right: 8px; /* add +3 for some reason to match the left padding ???? */
	padding-left: 5px;
	border-color: #000;
	border-width: 0px 1px 0px 1px;
	border-style: dotted;
	background-color: #F2F1E7;
/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	height:auto; /* the correct height */
	}

/* Site Header graphic */
#headerGraphic {
	left: 0;
	}

.pageHeaders {
	padding: 8px 0px 8px 0px;
	}	

/* Main Wrapper <TABLE> */
table#wrapper {
	width: 100%;
	height: 100%;
	border: 0;
	}

/* Main Content <TABLE> */
#mainContent{
	width: 100%;
	float: left;}

td#columnLeft {
	width: 560px;}

/* Wraps all headers & content */
#contentWrapper {
	width: 542px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
/* Wraps actual content on each page (ie. News, Shows, etc) */
#content {
	padding: 0px 10px 5px 10px;
	}

/* 
============================= 
- News Page 
============================= 
*/
	
/* Used to format headers on News, Links, Venues */
.contentHeadline {
	background-image:url(../_img/bg_newsDate.jpg);
	font-family: "Times New Roman", Times, serif;
	color:#333;
	border-top: 3px solid #999966;
	border-bottom: 1px solid #999966;
	margin-bottom: 2px;
	padding-left: 8px;
	}

#content h3 { /* Used to format "Bands" on SHOWS page */
	background-image:url(../_img/bg_newsDate.jpg);
	font-family: "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	color:#333;
	padding: 5px 5px 5px 7px;
	margin: 0px 0px 2px 0px;
	border-bottom: 1px solid #999966;
	}
	
.newsHeadline {
	padding-left: 7px;
	}

.newsBody {
	padding: 7px 10px 10px 10px;
	background-color:#DFDEC0;
	}
.contentBody {
	padding: 5px 10px 10px 10px;
	background-color:#DFDEC0;
	margin-bottom: 20px;
	}

.poster {
	padding: 2px 0px 20px 0px;
	color:#666666;
	font-size:9px;
	}

/*
============================= 
- Links Page
============================= 
*/

.category {
	font-weight: bold;
	font-size: 110%;
	padding: 10px 0px 5px 5px;
	}

/*
============================= 
- Sidebar 
============================= 
*/

/* _____ // Upcoming Shows // _____ */
#sidebar h4 {
	letter-spacing:1px;
	color:#FFFF33;
	border-bottom: 1px solid;
	margin-bottom: 4px;
	padding-bottom:2px;
	}

#sidebar a {color: #FFFFFF;}
#sidebar a:hover {color: #FFFF00;}	

/* Wraps the Upcoming Shows box and inlcudes the BG image */
#upcomingShowsContainer{
	margin-top: 20px;
	width: 214px;
	background-image:url(../_img/bg_EmailList.gif)}

.sidebarContent {
	padding: 5px 12px 5px 12px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	color:#FFFFFF;
	font-size: 11px;
	}

/* ((((( DELETE THIS ONCE ALL PAGES ARE UPDATED ))))))) */	
.showDate {
	letter-spacing:1px;
	color:#FFFF33;
	border-bottom: 1px solid;
	margin-bottom: 4px;
	padding-bottom:2px;
	}
	
.showInfo {
	font-size:11px;
	line-height:13px;
	color:#FFFFFF;
	}
	
.showUpcomingDetail{
	font-size: 10px;
	font-weight: bold;
	/*color: #E8E8D3;*/
	color:#FFDA6B;
	padding-bottom: 5px;
	}
	
/* _____ // Mailing List Box // _____ */
/* Wraps Email Box on each page and includes the BG image */
#EmailContainer{
	margin: 10px 0px 0px 0px;
	width: 214px;
	background-image:url(../_img/bg_EmailList.gif)
	}
	
/*
============================= 
 Shows page
============================= 
*/
#showTable {
	padding: 0px 5px 0px 5px;
	width: 100%;
	}

.bandColumn {
	background-color: #E8E8D3;
	padding: 0px 5px 8px 5px;
	border-top: 3px solid #999966;
	}

.bands {
	font-family:"Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	border-bottom: 1px solid #999966;
	padding: 5px 0px 5px 0px;
	margin-bottom: 2px;
	}
	
.soldout {
	padding-top: 5px;
	color:#660000;
	font-weight:bold;
	}
	
.footerTD {
	padding: 2px;
	}
	
.venue {
	/* color: #663;*/
	color: #51511F;
	}

.details {
	/* color: #663;*/
	color: #51511F;
	}
	
.contentContainer {
	display: inline;
	}

.dateContainer {
	width: 70px;
	margin-right: 10px;
	background-image:url(../_img/bg_showDate.gif);
	background-repeat:repeat-y;
	text-align: center;
	border-top: 3px solid #999966;
	}
.showDay {
	font-size: 12px;
	font-family: "Times New Roman", Times, serif;
	color: #333333;
	font-weight: bold;
	padding-top: 4px;
	}
.showDate2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #333333;
	font-weight:bold;
	}
    .fb-like-box {
    background-color: white;
}
