/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ALL PAGES~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~GENERAL SELECTORS~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
*{
	margin: 0px;
	padding: 0px;
	}
	
.clear{
		clear: both;
		}
		
body{
		background-color: #303030;
		background-image: url("images/background.png");
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: fixed;
		}

a{
		color: #ff3e3e;
		font-weight: bold;
		}
		
img{
		border: 0px;
		}
/*~~use for P tag when indent is needed~~*/		
.indent{
		text-indent: 40px;
		text-align: justify;
		}
		
.headerleft, .leftimage{
		float: left;
		}
		
.headerright, .rightimage{
		float: right;
		}
h1,h2,h3,h4,h5,h6{
		margin: 0px 0px 5px 0px;
		}
	
h1{
		color: #ff3e3e;
		}
		
ul{
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		}
		
li{
		float: left;
		}
		
hr{
		color: #ff3e3e;
		background-color: #ff3e3e;
		height: 1px;
		width: 100%;
		border: 0px;
		margin: 3px 0px;
		}
		
dl{
		font-size: 14px;
		margin: 0px;
		}
		
dt{
		font-weight: bold;
		padding: 5px 0px 3px 0px;
		font-size: 15px;
		}
		
dd{
		text-indent: 20px;
		}
		
#wrapper{
		padding: 0px;
		width: 960px;
		height: auto;
		margin: 15px auto;
		}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~HEADER~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#header{
		width: 960;
		height: 168px;
		}
		
#topnav{
		width: 960;
		height: 38px;		
		}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~MAIN SECTION~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/		
#mainsection{
		margin: 15px 10px 15px 10px;
		width: 940;
		height: auto;
		color: #CCC;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 13px;
		}

/* USE THE .sub CLASS WITH the .left and .right CLASS FOR BOXES BELOW THE FIRST (sounds box and facebook plugin) */	
.sub{
		margin: 15px 0px 0px 0px;
		}		
	
.left{
		background-image: url("images/contentbg.png");
		width: 220px;
		height: auto;
		float: left;
		}

.lefthead{
		width: 220px;
		height: 38px;
		}
		
.leftcontent{
		padding: 10px;
		text-align: center;
		}

/* SELECTORS FOR .left CLASS AND CHILDREN*/
		
.leftcontent img{
		margin: 5px 0px;
		}
		
.leftcontent dt{
		font-size: 14px;
		font-weight: bold;
		}
		
.leftcontent dd{
		color: #888;
		text-indent: 20px;
		font-style: italic;
		margin: 0px 0px 3px 0px;
		}
/* USE noshow ID ONLY WHEN NO SHOWS ARE SCHEDULED, AND ONLY IN FIRST .left CLASS BOX*/		
#noshow{
		color: #444;
		font-size: 15px;
		font-weight: bold;
		text-transform: uppercase;
		line-height: normal;
		}

.shows{
		font-size: 17px;
		}

.shows a{
		font-size: 13px;
		}
		
.showhead{
		font-weight: bold;
		}

		
.right{
		background-image: url("images/contentbg.png");
		width: 700px;
		height: auto;
		min-height: 941px;
		float: right;
		}
		
.righthead{
		width: 700px;
		height: 38px;
		}
		
.rightcontent{
		padding: 10px;
		height: 100%;
		}
		
/* SELECTORS FOR .right CLASS and #sitemap ID (see below) */		
.right hr{
		margin: 3px 0px 10px 0px;
		}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~MEMBERS SECTION~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	
#members{
		clear: both;
		margin: 15px 10px 15px 10px;
		width: 940px;
		height: 220px;
		}
		
#seth{
		float: left;
		margin: 0px 10px 0px 0px;
		}
		
#collin{
		float: left;
		margin: 0px 10px 0px 10px;
		}
		
#ciaran{
		float: left;
		margin: 0px 10px 0px 10px;
		}
		
#tyler{
		float: left;
		margin: 0px 0px 0px 10px;
		}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~FOOTER~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/		
#footer{
		clear: both;
		background-image: url("images/footer.jpg");
		width: 960px;
		height: 100px;
		}
		
#footer p{
		color: #ffffff;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 9px;
		line-height: normal;
		margin: 0;
		text-align: center;
		text-transform: uppercase;
		padding: 10px 0px 0px 0px;
		}
		
#footer p.footnav{
		font-size: 14px;
		font-weight: bold;
		padding: 18px 0px 0px 0px;
		word-spacing: 5px;
		}
		
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~CSS 3 STYLING~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/		
#seth, #collin, #ciaran, #tyler, .left, .right, #header, #topnav, #footer, #sitemap, .dropshadow{
		-moz-box-shadow: 5px 5px 10px #111;
		-webkit-box-shadow: 5px 5px 10px #111;
		box-shadow: 5px 5px 10px #111;
		}
		
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~OTHER PAGES~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Media & BIO~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.player, .details{
		float: left;
		margin: 0px 0px 0px 10px;
		}
.playerelement{
		margin: 0px 0px 0px 10px;
		}
.details{
		width: 360px;
		}
		
/*~~~use .biologo class to add proper margin to biologo.jpg~~~*/	
.biologo{
		float: left;
		margin: 0px 0px 7px 0px;
		}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Links & Gallery~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.links, .gallery{
		width: 100%;
		height: auto;
		margin:0px;
		}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Sitemap~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#sitemap{
		background-image: url("images/contentbg.png");
		width: 940px;
		height: auto;
		}
		
#sitemaphead{
		width: 940px;
		height: 38px;
		}
		
#sitemapcontent{
		height: 100%;
		padding: 10px;
		}
		
#sitemap hr{
		margin: 3px 0px 10px 0px;
		}
		
.smcolumnfirst{
		float: left;
		border-right: 1px solid #ff3e3e;
		width: 176px;
		height: 300px;
		margin: 0px 0px 0px 3px;
		}
		
.smcolumn{
		float: left;
		border-right: 1px solid #ff3e3e;
		width: 176px;
		height: 300px;
		margin: 0px 0px 0px 10px;
		}
		
.smcolumnlast{
		float: left;
		width: 166px;
		height: 300px;
		margin: 0px 0px 0px 10px;
		}