/* GENERAL STYLES */

body { 
	background-color: #000; 
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 0px;
	margin-right: 0px;
	font-family: verdana, sans-serif;
	font-size: x-small;
	font-weight: normal;
	padding: 0; 
}

h1 {
	font-size: 140%;
	font-weight: normal;
	color: #cccccc;
}

p {
	font-size: 110%;
	color: #cccccc;
	line-height: 1.4em;
}

li {
	font-size: 110%;
	color: #cccccc;
	line-height: 1.6em;
}
	
a:link,
a:hover,
a:visited,
a:active {
	color: #cccccc;	
}

a:link,
a:visited {
	color: #cccccc;
	text-decoration: none;			
}

a:hover,
a:active {
	color: #ff0000;
}

.on {
	color: #ff0000;
}

/* HEADER STYLES */
/* These styles affect header positioning on pages. */
#header {
	/*height: 39px;*/
	width: 762px;
	padding-top: 60px;
	/*border: 1px blue solid;*/
}

#masthead {
	text-align: left;
	float: left;
	width: 762px;
	margin-left: 0px;
	border-bottom: 1px #666666 solid;
	margin-bottom: 2px;
	/*border: 1px blue solid;*/
}

/*#home-masthead {
	text-align: left;
	width: 762px;
	margin-left: 0px;
	border: 1px green solid;
}*/

#site-nav {
	text-align: left;
	margin-top: 0px;
	margin-left: 10px;
	/*border: 1px green solid;*/
}

.header-logo {
	margin-bottom: 2px;
}

.spacer {
	margin-left: 20px;
}

/* BEGIN SUBMENU STYLES */
/* Used for layout of content control (next page, pause music) links.  */
#submenu {
	margin-top: 12px;
	margin-bottom: 12px; 
	padding-top: 5px;
	/*border: 1px green solid;*/
}

#content-control {
	padding-top: 16px;
	text-align: left;
	/*border: 1px red solid;*/
}

#submenu #content-control p {
	margin-bottom: 0px;
} 

#media #submenu {
	margin-top: 12px;
	margin-bottom: 12px; 
	padding-top: 5px;
	/*border: 1px green solid;*/
}

#media #content-control {
	padding-top: 16px;
	padding-right: 184px;
	text-align: right;
	/*border: 1px red solid;*/
}

#media #submenu #content-control p {
	margin-bottom: 0px;
} 

/* BEGIN PRIMARY PAGE ID'S */
#copyright,
#contact,
#contact-thx,
#media,
#music,
#performances,
#bio,
#home {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 762px;
	/*border: 1px red solid;*/
}

#home #content-primary {
	width: 761px;
	float: left;
	margin-top: 40px;	
	margin-left: 0px;
	margin-bottom: 30px;
	padding-left: 0px;
	padding-right: 0px;
	/*border: 1px red solid;*/
}

#home #content-primary .wrapper {
	width: 750px;
	/*border: 1px green solid;*/
}

#home #content-primary .wrapper .wrapper-column-left {
	float: left;
	width: 380px;
	/*border: 1px blue solid;*/
}

#home #content-primary .wrapper .wrapper-column-right {
	float: right;
	width: 358px;
	/*border: 1px white solid;*/
}

#home #content-primary .wrapper .wrapper-column-left img {
	float: left;
	margin-left: 20px;
	/*border: 1px red solid;*/
}

#home #content-primary .wrapper .wrapper-column-right img {
	float: left;
	margin-left: 8px;
	/*border: 1px red solid;*/
}

#copyright #content-primary,
#performances #content-primary {
	width: 761px;
	float: left;
	margin-top: 0px;	
	margin-left: 0px;
	margin-bottom: 30px;
	padding-left: 0px;
	padding-right: 0px;
	/*border: 1px blue solid;*/
}

#contact #content-primary,
#bio #content-primary {
	width: 305px;	
	margin-left: 0px;
	padding-left: 0px;
	float: left;
	text-align: left;
	/*border: 1px white solid;*/
}

#bio #content-primary img {
	float: right;
}

#media #content-primary,
#music #content-primary {
	width: 360px;	
	margin-left: 0px;
	padding-left: 0px;
	float: left;
	text-align: left;
	/*border: 1px white solid;*/
}

#contact-thx #content-primary {
	width: 750px;	
	margin-left: 0px;
	padding-left: 0px;
	text-align: center;
	/*border: 1px white solid;*/
}

#home #content-secondary {
	float: right;
	margin-top: 15px;
	margin-left: 0px;
	text-align: left;
	width: 220px;
	/*border: 1px blue solid;*/
}

#media #content-secondary .tagline {
	float: left;
	/*width: 296px;*/
	margin-top: 120px;
	margin-left: 0px;
	/*border: 1px blue solid;*/
}

#contact #content-secondary,
#bio #content-secondary {
	float: right;
	text-align: left;
	width: 450px;
	/*border: 1px green solid;*/
}

#media #content-secondary,
#music #content-secondary {
	float: right;
	text-align: left;
	width: 402px;
	/*border: 1px green solid;*/
}

/*#performances #content-secondary {
	float: right;
	text-align: left;
	width: 350px;
	border: 1px green solid;
}*/

/* STYLES FOR MUSIC PAGE */

#music #content-secondary .content-row {
    width: 401px;
	margin-top: 8px;
	margin-left: 0px;
	margin-bottom: 35px;
	float: left;
	/*border: 1px red solid;*/
}
	
#music #content-secondary .column-left {
    float: left;
    width: 200px;
	/*border: 1px blue solid;*/	
}

/*#music #content-secondary .column-right {
    float: right;
    width: 200px;
	border: 1px red solid;
}*/

#music #content-secondary .column-left a:link,
#music #content-secondary .column-left a:hover,
#music #content-secondary .column-left a:visited,
#music #content-secondary .column-left a:active {
	line-height: 1.6em;
}

#music #content-secondary .column-right a:link,
#music #content-secondary .column-right a:hover,
#music #content-secondary .column-right a:visited,
#music #content-secondary .column-right a:active {
	line-height: 1.6em;
}

.red {
	color: #ff0000;
}

/* END STYLES FOR MUSIC PAGE */

/* STYLES FOR MEDIA PAGE */

#media #content-primary img {
	margin-left: 16px;
}

#media #content-secondary .content-row {
    width: 213px;
	margin-top: 0px;
	margin-left: 32px;
	margin-bottom: 35px;
	float: left;
	/*border: 1px red solid;*/
}

#media #content-secondary .content-row .column-left {
    float: left;
    width: 100px;
	/*border: 1px blue solid;*/	
}

#media #content-secondary .content-row .column-right {
    float: right;
    width: 100px;
	/*border: 1px red solid;*/
}

#media #content-secondary .content-row .column-left img {
	border: none;
}

#media #content-secondary .content-row .column-right img {
	border: none;
}

#media #content-secondary .column-left a:link,
#media #content-secondary .column-left a:hover,
#media #content-secondary .column-left a:visited,
#media #content-secondary .column-left a:active {
	border: none;
}

#media #content-secondary .column-right a:link,
#media #content-secondary .column-right a:hover,
#media #content-secondary .column-right a:visited,
#media #content-secondary .column-right a:active {
	border: none;
}

/* END STYLES FOR MEDIA PAGE */

/* STYLES FOR PERFORMANCES AND COPYRIGHT PAGES */

#copyright #content-primary .legal,
#performances #content-primary .performances {
	width: 625px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 64px;
	/*border: 1px green solid;*/  
}

.bold-text {
	font-weight: bold;
}

.red-text {
	color: #ff0000;
}

/* END STYLES FOR PERFORMANCES AND COPYRIGHT PAGE */
	

/* STYLE ADDED FOR CONTACT FORM */

/*#contact #feedback {
	margin-top: 8px;
	border: 1px red solid;
}*/	


#contact #feedback .input, label {
    display: block;
	width: 100px;
	float: left;
	margin-bottom: 10px;
}

#contact #feedback label {
	font-family: verdana, sans-serif;
	color: #CCCCCC;
	text-align: left;
	width: 100px;
}

#contact #feedback br {
	clear: left;
}

/*#contact #feedback label {
	font-size: 110%;
}*/

#contact .submit-button {
	margin-top: 8px;
	margin-left: 205px;
	margin-bottom: 48px;
	}

/* END STYLES FOR CONTACT FORM */

/* FOOTER STYLES */

#footer {
	width: 762px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px #666666 solid;
	padding-top: 2px;
}

#home-footer {
	width: 762px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding-top: 36px;
}

#footer #footer-nav {
	 text-align: right;
	 margin-right: 75px;
	 /*border: 1px red solid;*/ 
}

#footer #footer-nav .footer-contact-left p {
	 margin-top: 0px;
	 text-align: left;
	 width: 350px;
	 /*border: 1px blue solid;*/
}

#footer #footer-nav .footer-contact-right p {
	 margin-top: 0px;
	 text-align: left;
	 /*border: 1px red solid;*/
}

#footer #footer-nav .footer-contact .footer-copyright {
	 text-align: right;
}

#footer #footer-nav .footer-contact-left {
	width: 280px;
	float: left;
	/*border: 1px green solid;*/
}

#footer #footer-nav .footer-contact-right {
	width: 250px;
	float: right;
	/*border: 1px white solid;*/
}

.tectrite {
	font-family: verdana, sans-serif;
	font-size: 90%;
	color: #cccccc;
}

 /*#home-footer #footer-nav {
	 font-size: 80%;
	border: 1px red solid; 
}*/

.footer-spacer {
	margin-left: 120px;
}

.craig-link {
	font-size: 90%;
	color: #ff0000;
}

.image-bottom-spacing {
	margin-bottom: 35px;
}