/*Global CSS Styles*/


html * {/*zeroes out padding and margin across all declarations*/
margin: 0;
padding: 0;
}


body { 
color:#666;
font-family:arial, helvetica, sanserif;
font-size:100.01%;
text-align: center;
background:url(Images/SandBG.png) repeat;
}

p{
margin-bottom:1em;
}

br{
margin:0;
padding:0;
}

hr{
margin:10px 0 10px 0;
color:#000066;
}



h1 { font-size: 28px; line-height: 36px; padding-top: 9px; padding-bottom: 9px; color:#096;  }
h2 { font-size: 14px; line-height: 32px; padding-top: 9px; padding-bottom: 9px; color:#0021FF; }

h4 { font-size: 14px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h5 { font-size: 12px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h6 { font-size: 10px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }



blockquote {

padding: 18px;
background: #eee;	
margin: 0px 36px 18px 18px;

}


ul, ol {

margin: 0px 36px 18px 18px;
}

ul li, ol li { margin: 9px 0 9px 0;}


/*-- Clearing Styles & Container --*/


#container_outer {
width: 1000px;
margin:0 auto 0 auto;
height:100%;
min-height:100%; 
background-color:#fcc455;

}



.clearfix { display: inline-block; }

.block:after, .clearfix:after {

content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;

}



/*-- Header/Logo --*/

#header {
background:#ddf4fc url(images/TopSky_1000.png) no-repeat; 
width:1000px;
height:202px;

}

div#logos{
height:150px;
width:1000px;
padding:0 0 20px 0;
}

a img {border:none;}

#Circle_Logo  {
float:left;
width:138px;
height:125px;
margin:0 0 0 150px;
padding-top:20px;

}

#SandBox_Logo{
padding:0;
margin:0 0 0 0;
padding-top:20px;
}


/*-- Main Navigation --*/
#navcontainer ul
{
margin:0 1em 0 0;
white-space:nowrap;
text-align:center;
width:100%;
/* cancels gap caused by top padding in Opera 7.54 */
color:#065bb2;
font-family: Arial,Helvetica,sans-serif;
line-height: 18px;
background-color:#ddf4fc;
/* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
display: inline;
/* matches link padding except for left and right */

}

#navcontainer ul li a
{
padding:4px;
background-color:#065bb2;
color:#fff;
text-decoration: none;
border:2px solid #968AF3;
font-weight:bold;
}

#navcontainer ul li a:hover
{
background-color:#6e5baa;
color:#fff;
}

#navcontainer #current { background-color:#6e5baa; border:2px solid #e7e60a; color:#e7e60a; font-weight:bold; }

/* individual navigation items */




#ContainerInner{
background:url(images/background2-1000.png) no-repeat;
	/*height:510px;*/
  /*margin-bottom:6em;*/
  background-color:#fec051;
}

#content {
 margin:0 auto 0 auto;
 width:100%;
 height:auto;

	
}

 	
#textarea_home
	{
	width:625px;
    height:420px;
	text-align:left;
	font-size:100%;
	padding:0 10px 0 25px;
	float:left;
    margin:13em 0 6em 2em;
	background-color:#dcc482;
	border:1px solid #D09330;
    position:relative;
	
	
	}
	
	#textarea_content
	{
	

	width:625px;
     height:643px !important;
	text-align:left;
	font-size:100%;
	padding:0 10px 0 25px;
	float:left;
    margin:13em 0 6em 2em;
	overflow:auto;
    position:relative;
	
	background-color:#dcc482;
	border:1px solid #d09330;
	}

#textarea_content ul{
margin:0 0 0 30px;
list-style-type:none;
}

#textarea_content ul li{
margin:0 0 10px 0;

}
		
#textarea_content p
	{
	color:#666;
	font-size: .9em;
	line-height: 1.3em;
	padding-bottom:1em;
	}
	
#textarea_content h3
{
color:#936;
font-size: 150%;
padding:5px 0 5px 0;
margin:1em 0 1em 10px;
border-top:1px solid #936;
border-bottom:1px solid #936;
width:250px;
}

#textarea_home a:link{
color:#E3360C;
text-decoration:none;
font-weight:bold;
border-bottom:1px dotted #E3360C;
margin-bottom:5px;
}
#textarea_home a:visited{
color:#CC3B2F;
text-decoration:none;
font-weight:bold;
border-bottom:1px solid #CC3B2F;
margin-bottom:5px;
}

#textarea_home a:hover{
color:#AE1D16;
text-decoration:none;
font-weight:bold;
border-bottom:1px solid #AE1D16;
margin-bottom:5px;
}

#textarea_home a:active{
color:#E3360C;
text-decoration:none;
font-weight:bold;
border-bottom:1px dotted #E3360C;
margin-bottom:5px;
}	

#textarea_content a:link{
color:#E3360C;
text-decoration:none;
font-weight:bold;
border-bottom:1px dotted #E3360C;
margin-bottom:5px;
}
#textarea_content a:visited{
color:#CC3B2F;
text-decoration:none;
font-weight:bold;
border-bottom:1px solid #CC3B2F;
margin-bottom:5px;
}

#textarea_content a:hover{
color:#AE1D16;
text-decoration:none;
font-weight:bold;
border-bottom:1px solid #AE1D16;
margin-bottom:5px;
}

#textarea_content a:active{
color:#E3360C;
text-decoration:none;
font-weight:bold;
border-bottom:1px dotted #E3360C;
margin-bottom:5px;
}	


		
	#SideColumn{
	float:right;
	width:275px;
	height:auto !important;
    margin-top:13em;
   
	}
	
	#BandPictures img{
	margin:15px 0 0 15px;
	
	
	}
	
	
	
	#SideColumn p{
	color:#666;
	font-size:65%;
	margin-top:10px;
	padding:10px 0 10px 15px;
	
	}
	
	blockquote{
	background-color:#ffffcc;
	border:1px solid #D09330;
	}
	
	#BandPictures{
	height:146px;
	width:185px;
	
	}
	

	
	/*creates rounded corners*/
	
	#box
	{
	
	position: relative;
   	padding: 0;
	text-align: left;
	width:100%;				/* <-- use this to tie width to viewport size */
		
	background-color: #eee;
	}
	
/*used for image spacing*/
dl img{
margin:0 0 0 50px;
}



dl{
margin:2em 0 2em 0;
}

dt{
font-weight:bold;
color:#000033;
margin-left:50px;
font-size:100%;
padding:0;
}





/*social networking list*/

#Connect{
width:240px;
margin:0 0 5px 15px;
}

#Connect h4{
height:36px;
width:240px;
background:url(images/SideBarHeader.png) left no-repeat;
margin:0;
padding:0;
text-align:center;
color:#fff;
}

#social{
border:1px solid #6e92aa;
background-color:#fff;
padding-bottom:25px;
}

#social ul{
list-style-type:none;
color:#003333;
font-size:80%;
height:auto;
display:inline;
text-align:left;
width:100%;

}

#social ul li{
border-bottom:1px dotted #6e92aa;
padding:5px 0 5px 0;
height:25px;
width:auto;
}

#social ul li a:link{
font-family:arial, helvetica, sans-serif;
text-decoration:none;
font-weight:bold;
color:#06c;
}

#social ul a:visited{
font-family:arial, helvetica, sans-serif;
text-decoration:none;
font-weight:bold;
color:#06c;
}

#social ul li a:hover{
font-family:arial, helvetica, sans-serif;
text-decoration:underline;
font-weight:bold;
color:#d33b18;
}

#social ul li a:active{
font-family:arial, helvetica, sans-serif;
text-decoration:none;
font-weight:bold;
color:#06c;
}

#social ul li.Events{
background:url(images/icons/shoecircle.png) left no-repeat;
padding:0 0 0 25px;
margin:10px 10px 0 10px;
}

#social ul li.Myspace{
background:url(images/icons/myspace.gif) left no-repeat;
padding:0 0 0 25px;
margin:5px 10px 5px 10px;
}

#social ul li.Facebook{
background:url(images/icons/facebook.gif) left no-repeat;
padding:0 0 0 25px;
margin:5px 10px 5px 10px;
}

#social ul li.Twitter{
background:url(images/icons/twitter.gif) left no-repeat;
padding:0 0 0 25px;
margin:5px 10px 5px 10px;
}

/*used on links page*/

#textarea_content ul li.Bio{
background:url(images/icons/PDF-Icon_small.png) left no-repeat;
padding:0 0 0 35px;
margin:0 0 20px 0;
}
#textarea_content ul li.Video{
background:url(images/icons/video-icon_small.png) left no-repeat;
margin:0 0 20px 0;
padding:0 0 0 35px;
}

#textarea_content ul li.links{
background:url(images/icons/link_arrow.png) left no-repeat;
padding:0 0 0 25px;

}
/*Music*/

/*separarates left and right columns for music page*/

table td{
width:50%;
padding:5px;
}

table td blockquote{
margin:0;
font-size:80%;
padding:5px;
}

table tr th{
text-align:center;
height:25px;
color:#ffffcc;
font-weight:bold;
padding:5px;
background-color:#8E0347;
border:1px solid #ffffcc;
width:50%;
}

table tr td img{
border:none;
}




ul.Music
{
list-style-type:none;
}

ul.Music li{
background:url(images/icons/Music.png) left no-repeat;
padding:0 0 10px 30px;

}


/*Links*/

ul.Links{
list-style-type:disc;
}

/* Shows */

ul#showslist {

list-style: none;
margin: 0;

}

ul#showslist li {

list-style: none;
margin: 7px 0 0 0;
padding: 7px 0 0 0;
border-top: solid 1px #e5e5e5;
}


ul#showslist li p.date {

color: #d92128;
padding: 0 0 8px 0;
font-weight: bold;

}

ul#showslist li p.venue {

font-size: 16px;
padding: 0 0 2px 0;
color: #1ab7ea;

}

ul#showslist li p.venue span { color: #333; }
ul#showslist li p.venue span, ul#showslist li p.venue span a { font-size: 11px; }

ul#showslist li p.location {
padding: 0 0 8px 0;
}



/* Footer */

#footer {
border-top:4px solid #D09330;
border-bottom:2px solid #D09330;
background-color:#fcc455;
clear:both;
width:auto;
margin:1em 0 0 0;
}



#copyright {
text-align: center;
padding: 6px 0 12px 0;
font-size: 85%;
color:#333;
width:100%;
clear:right;

}

#FooterContent{
margin:25px 25px 0 25px;
text-align:left;
}

#FooterContent a:link{
color:#3D00BE;
font-weight:bold;
border-bottom:1px dashed #3D00BE;
text-decoration:none;
}

#FooterContent a:visited{
color:#7300AF;
font-weight:bold;
border-bottom:1px solid #7300AF;
text-decoration:none;
}

#FooterContent a:hover{
color:#7300AF;
font-weight:bold;
border-bottom:1px solid #7300AF;
text-decoration:none;
}
#FooterContent a:active{
color:#3D00BE;
font-weight:bold;
border-bottom:1px dashed #3D00BE;
text-decoration:none;
}

#FooterContent h3{
font-size:85%;
color:#333;
margin-bottom:10px;
}



#FooterContent p{
font-size:75%;
color:#666;

}

/*Site Design*/

#SiteDesign{
float:right;
font-size:70%;
color:#036;
}

#SiteDesign a:link{
color:#03c;
text-decoration:none;
}
#SiteDesign a:visited{
color:#003333;
text-decoration:none;
}

#SiteDesign a:hover{
color:#03c;

}

#SiteDesign a:active{
color:#03c;
text-decoration:none;
}

#contactform {
	margin: 0;
	width: 500px;
	background: #CCCCCC;
	padding: 5px;
}
#contactform * {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#contactform ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
#contactform li {
	margin: 0 0 5px 0;
	padding: 10px;
	background: #fbfaec;
}
#contactform li.buttons {
	margin: 0;
	overflow: hidden;
}
#contactform label {
	margin: 0;
	width: 190px;
	display: block;
	float: left;
	padding: 5px 10px 2px 0;
}
#contactform input.text {
	width: 274px;
	border: 1px solid #ccc;
	padding: 2px;
	margin: 0;
}
#contactform textarea {
	width: 274px;
	border: 1px solid #ccc;
	padding: 2px;
	height: 80px;
	background: #fdfdf7;
}
#contactform li.buttons input {
	float: right;
	margin:5px;
	
	
}

.red{/*used for required form indicator*/
color:#ff0000;
font-weight:bold;
}

.response{
font-weight:bold;
color:#990000;
font-size:110%;
background-color:#ccc;
border:1px solid #666;
margin:10px;
padding:10px;
}