/*  Silas Durocher Music
	Site design: Silas Durocher. Implementation: CMC (malamedconsulting.com)
	
/* ELEMENT SELECTORS */

body { background: #d4d6ff; margin: 0; padding: 0; color: #000; font: 0.8em Verdana, Arial, Helvetica, sans-serif;}
h1 { font: bold 18px Verdana, Arial, Helvetica, sans-serif; color: #000; padding: 0; margin: 20px 0; }
h2 { font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:1.3em; text-align: center;}
h3 {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; text-align:left; margin-left: 3px;}
p {color: #000; line-height:1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align:left; padding: 0 10px 0px 5px;}
ul {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin:0; padding:0}
li {margin:0; padding:0}
hr {border: solid 1px; width: 80%; color: #acabd0;}
a {color: #000; line-height:1.3em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align:left;}



/* STANDARD STRUCTURE FOR ALL PAGES */


#wrapper {
	background: #695ba3 url(background.jpg) repeat-x;
	width:771px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:20px;
	padding-bottom: 20px;
	border-right: #000000 solid 3px;
	border-left: #000000 solid 3px;
	border-bottom: #000000 solid 3px;
}


/*No static background*/
#wrapper_clean {
	width:771px;
	height: 600px;
	margin-left: auto; 
	margin-right: auto;
	padding-bottom: 40px;
	border-right: #000000 solid 3px;
	border-left: #000000 solid 3px;
	border-bottom: #000000 solid 3px;
}

#banner {
	background: url(banner.gif) bottom no-repeat;
	width: 777px;
	height: 158px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0px;
}


#bar { 
	background: #6c6ba3;
	margin-left:auto;
	margin-right:auto;
	height: 42px;
	width: 703px;
	border-left:#000000 solid 5px;
	border-bottom: #000000 solid 5px;
	border-right: #000000 solid 5px;
}


#content_shell {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	width:690px;
	padding: 10px 5px 10px 5px;
	border: #000000 solid 5px;
	background: #d4d6ff;
}

#content_background {
	background: #d4d6ff url(silas_background.jpg) no-repeat top right;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding: 10px 5px 5px 5px;
	width:690px;
	border-left: #000000 solid 5px;
	border-right: #000000 solid 5px;
	border-bottom: #000000 solid 5px;
	border-top: #000000 solid 5px;
	
}
	
	
#content_background2 {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding: 10px 5px 5px 5px;
	width:690px;
	border-left: #000000 solid 5px;
	border-right: #000000 solid 5px;
	border-bottom: #000000 solid 5px;
	border-top: #000000 solid 5px;
	background: #d4d6ff;
}

	
#footer {
	width: 600px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: inherit;
}


/* HOME PAGE STRUCTURE */

	

#subheader {
	height: 123px;
}
	
#content_home {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	width: 700px;
	height: 523px;
	border: #000000 solid 5px;
	background: #d4d6ff;
	padding: 0;
}


#homepage_left {
	float: left;
	padding-left: 15px;
}


#homepage_right {
	float: right;
	width: 300px;
	margin-top: 0px;
	margin-left: 360px;
	border: #695ba3 solid 1px;
		
}


#news_box {
	overflow: auto;
	width: 310px;
	height: 350px;
	float: left;
	margin: 10px 0px 0px 16px;
	padding: 5px;
	background-color: #fff;
	border: 4px solid #6c6ba3;
}



#footer_home {
	width: 690px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	border: #000000 solid 5px;
	background: #d4d6ff;
	padding: 5px 5px 10px 5px;
	text-align: center;
}

/*CONTENT RUNNING HORIZONTALLY*/


#panels {
	height:300px;
	margin: 40px 0 0 -4px;
}

	#panels ul {	
	padding: 0;
	display:inline;
	
}
	
	#panels li {
	list-style-type: none;
	position: relative;
	float: left;
	width:230px;
	padding: 0;
	margin: 0;
	
}
		
	#panels li a { 
		font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight: bold;	  
		color: #000;
		background: inherit;
		text-decoration: none;
		text-align: center;
	}
	
	#panels h3 {
		text-align:center;
}
	
/* PRESS ROOM STYLES*/


#press_container {
	padding: 0;
	margin: 0 0 0 5px;
}

#press_container h2 {
	text-align: left;
	font-weight:bold;
	margin: 20px 0 0 0;
}

#press_container p {
	margin: 10px 0px 10px 0px;
}

.press {
	height: 175px;
	margin-top: 30px;
}

	.press ul {	
	padding: 0;
	display:inline;
	
}
	
	.press li {
	list-style-type: none;
	float: left;
	width:220px;
	text-align:center;	
}
		
	.press li a { 
	font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#000000; font-weight: bold;	  
	color: #000;
	background: inherit;
	text-decoration: underline;
	text-align: center;
	line-height: 1.4em;
	}
	
#splash {
	
	padding: 0;
	margin-top: 40px;
	width: 452px;
	margin-left: auto;
	margin-right: auto;
}

.announce {
	text-align:center;
	color: #8f0707;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	font-weight:bold;
}

.press_text {
	height: 130px;
	margin-top: 10px;
}

	.press_text ul {	
	list-style-type: none;
	padding: 0;
	display:inline;
	
}
	
	.press_text li {
	list-style-type: none;
	float: left;
	width:150px;
	text-align:center;	
}
		
	.press_text li a { 
	font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#000000; font-weight: bold;	  
	color: #000;
	background: inherit;
	text-decoration: underline;
	text-align: center;
	line-height: 1.4em;
}




/* CONTENT AREAS: LEFT, RIGHT, & CENTER */	
#left-float {
	float: left;
	width: 320px;
	margin-top: 20px;
	padding-left: 15px;
}

#left {
	width: 330px;
	margin-top: 20px;
	padding-left: 15px;
	text-align: left;
}


#right-float {
	float: left;
	margin: 20px 15px 0 0;

}


#right {
	margin: 20px 15px 15px 330px;
}


#music_player {
	float: left;
	width: 320px;
	height: 500px;
	margin-top: 34px;
	text-align:center;
}



#album_hilite {
	float: left;
	width: 310px;
	height: 400px;
	margin-top: 15px;
	padding: 15px 10px 20px 10px;
	background-color: #bcbffb;
}




#form {
	width: 350px;
	padding: 15px;
}



.center {
	margin-left:auto;
	margin-right:auto;
}
		

.center_text {
	text-align:center;
}	
	
/* used on live page */	
.show_content {
	width: 550px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	padding: 20px;
	background: #F0F2F3 url(silas_live.jpg) top left no-repeat;
	border: #CADAE4 dotted 4px;
}
	
.show_text {
	margin-right: 160px;
	margin-left: 10px;
}

.page_bottom {
	margin-left:auto;
	margin-right:auto;
	width: 700px;
	height: 47px;
	background: url(bottomblue.gif) bottom center no-repeat;
}


/* IMAGE STYLES */	
.right_img {
		float: right;
		margin: 3px 3px 7px 10px;
}

.left_img {
		float: left;
		margin: 3px 10px 7px 5px;
}


/* SPECIAL TEXT STYLES*/	

.small_titles {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.3em; color: #000; font-weight:bold; text-align:left;}
.red_text {color: #8f0707;}
.purple_text {color: #5a5395;}
.small_indentedText {font-size:9px; margin-left: 8px;}
.gap {padding-top: 6px}
.shrink {margin-top: -5px}


.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -100px;
}

/* MISC STYLES: CLEAR, E-MAIL, DESIGNED BY, ROUNDED RECTANGLES*/	

.block_text {
	margin: 15px 15px 0 15px;
	padding: 7px;
	border: #6c6ba3 4px solid;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* for copyright and "designed by" text*/	
.signature {
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #696969;
	background:inherit;
	text-align:center;
}

.signature a {
	font-family:Arial, Helvetica, sans-seriff;
	font-size:10px;
	color: #696969;
	background:inherit;
}