/*** HTML styles ***/
html body{
	margin:0;
	padding:0;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	line-height: 125%;
	background-color: #000000;
} 

a:link, a:visited {
	text-decoration: underline;
	color: #ffffff;
}

a:hover {
	text-decoration: none;
	color: #cc0000;
}

img {
	border: 0px solid white;
}


/*** Layout divs ***/ 
#pagewidth{ 
 width:90%;
 min-width:690px;  
 margin-left:auto; 
 margin-right:auto; 
 text-align:left;
  
} 
 
#header{
	height:36px;
	width:100%;
	text-align: right;
	vertical-align: bottom;
	border-bottom: solid #cccccc 1px;
 } 
 
#outer{ 
	border: 0px solid red;  /* center column colour */ 
	width: 100%; 
 } 
 
#inner{
	border: 0px solid white;
	margin:0px;
	width:100%;
}
#outer>#inner { border-bottom: 1px solid #000000;  }
 
#leftcol {
	float: left;
	width: 35%;
	min-width:242px;
	text-align: center;
 }
 
 
/** Drummist Cam Box **/
#drumcambox {
	background-color:#333333;
	text-align: left;
	width:234px;
	height:84px;
	margin-left:auto; 
	margin-right:auto; 
	border: 1px solid #333333;
	padding: 0px 8px 0px 0px;
}

#drumcambox img {
	border:1px solid #ffffff;
	float:left;
	width: 100px;
	height: 82px;
	position: relative;
	margin: -6px 8px 0px 0px;
}

#drumcambox p, #moviebox p {
    padding-top: 6px;
	margin: 0px 0px 0px 0px;
}

 
/** Twitter Box **/ 
#twitterbox {
	width: 242px;
	height: 342px;
	margin: 15px auto; 
	clear:both;
}

 
/** Weather.com Box **/ 
#weatherbox {
	width: 175px;
	height: 275px;
	margin: 15px auto; 
	clear: both;
}

 
/** ReverbNation Widget **/ 
#reverbNation {
	width: 180px;
	height: 300px;
	margin-bottom:25px;
	margin-top:25px;
	margin-left:auto; 
	margin-right:auto; 
}
 
 
/*** Begin Right Column ***/
#rightcol {
	float: right;
	width: 62%;
	min-width:419px;
 }

 /** Movies Box **/
#moviebox {
	width:100%;
	min-width: 419px;
	float: right;
	height: 300px;
	border: 1px solid #cccccc;
	overflow: auto;
	margin: 0px 0px 35px 0px;
	padding: 6px 6px 6px 6px;
}
 
.moviesect {
	height: auto;
	width:95%;
	min-width: 407px;
	border-bottom: 1px dotted #cccccc;
	vertical-align: top;
	padding: 0px 0px 12px 0px;
}

img.movie {
	float:left;
	border:0px solid #000000;
	vertical-align:middle;
	margin-right: 6px;
}
 
.subheadholder {
	/*width:90%;*/
	width:100%;
	margin-top:25px;
	/*border-bottom: 1px dotted #cccccc;*/
}
 
 
/** Photos Box **/
#photobox {
	width:100%;
	min-width: 419px;
	float: right;
	height: 300px;
	border: 1px solid #cccccc;
	overflow: auto;
	margin: 0px 0px 35px 0px;
	padding: 6px 6px 6px 6px;
}
 
.photosect {
	height: auto;
	width:95%;
	min-width: 407px;
	border-bottom: 1px dotted #cccccc;
	vertical-align: top;
	padding: 0px 0px 12px 0px;
}

 
/*** Begin Footer ***/ 
#footer{
	height:20px;
	width:100%;
	border-top: 1px solid #cccccc;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
} 

/** Footer Stuff **/ 
#footercol {
	float: right;
	width:62%;
	min-width: 431px;
 }
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 

 
 
 
/*** Common Stuff ***/ 
 
.clr{clear:both;}
 
.content{
	padding:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	height: auto;
} /*padding for content */ 
/*padding for content */