/* Styles for Unnatural Act dot com */
/* Used for vertical banner in index */

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
	color: #ffffff;
	line-height: 125%;
	padding: 0;
	margin: 0;
	height: 100%;
}


h1 {
	height: 0;
	color: #000000;	/*to hide h1 text*/
}

#container {
	width: 960px;
	margin: 0 auto; /*says top and bottom are 0 and left and right are auto - allows whole pg to center if window is widened*/
	text-align: left;
}

#header {
	margin: 0 auto; /*again, allows header and tagline to remain centered when window widened*/
}

#logo {
	width: 100%;
	text-align: center;
}

#logo img {
	height: 144px;
	width: 432px;
}

#tagline {
	width: 100%;
	font-style: bold, italic;
	float: left;
	font-family: "times new roman", times, serif;
	text-align: center;
}
	

h3.sites {
	line-height: 110%;
	font-size: 101%;
}

#sites {
	text-align: center;
	border: 1px solid white;
	width: 215px;
	float: left;
	padding: 10px;
	line-height: 110%;
}

#sites li {
	font-size: small;
}

#sites a {
	text-decoration: none;
}

#sites ul {
	list-style-type: none;
}

#sites ul, #sites li {
	margin-left: 0;
	padding-left: 0;
}

#sites img {
	border: none;
}

#sites a:link {color:#ffffff}      /* unvisited link */
#sites a:visited {color:#ffffff}  /* visited link */
#sites a:hover {color: #990000;}  /* mouse over link */
#sites a:active {color:#008000}  /* selected link */

#leftcont {
	width: 240px;
	float: left;
}


#reqsong, #fanclub {
	background-color: #000000;
	padding: 10px;
	border: 1px solid white;
	margin-bottom: 10px;
}

#reqsong p, #fanclub p {
	font-size: small;
	line-spacing: 125%;
}

#reqsong a:link {
	color: #669966;
}

#reqsong a:hover {
	color: #990000;
}


em.unnatural {
	color: #990000;
	font-style: normal;
}

#bkg {
	text-align: center;
	width: 100%;
	float: left;
	font-size: 1.5em;
}

#bkg a {
	text-decoration: none;
	padding: 6px;
	color: #669966;
	font-style: italic;
	border: 1px solid white;
}

a.inlinelink, #reqsong a:visited, #contact a:visited, #images a:visited {
	color: #669966;
}

#bkg a:hover {
	background-color: #669966;
	color: #990000;
}

#bkg a em.bookus {
	font-family: arial, sans-serif;
	color: #ffffff;
}

#bkg a em.now {
	font-family: arial, sans-serif;
	color: #990000;
}

#bkg img {
	border: none;
}

#performance {
	width: 460px;
	height: 712px;
	border: 1px solid white;
	float: left;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	line-height: 1.25;
}

#performance img {
	height: 612px;
	width: 396px;
}

img.bkg {
	width: 135.9px;
	border: 2px solid white;
}

#nav a:link {color:#ffffff}      /* unvisited link */
#nav a:visited {color:#ffffff}  /* visited link */
#nav a:hover {background-color: #990000; color: #fff;}  /* mouse over link */
#nav a:active {color:#008000}  /* selected link */

#nav {
	margin: 8px 0 20px 0;
	padding: 0;
	background: #669966;
	list-style-type: none;
	width: 960px;
	float: left; /*contain floated list items*/
	font-size: 100%;
}

#nav li {
	margin: 0;
	padding: 0;
	float: left;
}

#nav a {
	float: left;
	width: 119px;
	text-decoration: none;
	line-height: 2.5;
	text-align: center;
	border-right: 1px solid #fff;
}

#nav_con a {
	border: none;
}

#body_hom #nav_hom a, #body_abt #nav_abt a, #body_cal #nav_cal a, #body_con #nav_con a, #body_img #nav_img a, #body_vid #nav_vid a, #body_mus #nav_mus a, #body_set #nav_set a {
	background: #990000;
	color: #fff;
	font-weight: bold;
}

#body_bkg #bkg a {
	background: #669966;
}


#albums, #calendar, #videos, #setlist, #music {
	width: 690px;
	float: left;
	margin-right: 10px;
	text-align: center;
	border: 1px solid white;
	padding: 10px;
}

#about h2 {
	text-align: center;
}


#about, #contact, #bkgform {
	width: 690px;
	float: left;
	margin-right: 10px;
	border: 1px solid white;
	padding: 10px;
}

#about p, #about ul {
	line-height: 1.5;
	font-size: 75%;
}


#album1, #album2, #album3, #album4 {
	text-align: center;
	padding: 10px;
}

#about ul, #band li {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

img.work {
	margin-right: 10px;
	float: left;
	width: 70;
	height: 91;
}

#contact ul, #setlist ul, #music ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

h3.contact {
	text-decoration: underline;
}

#music ul {
	margin-bottom: 20px;
}

#music embed {
	margin-bottom: 20px;
}

#music img {
	border: 2px solid white;
}

#footer {
	float: left;
	width: 100%;
	text-align: center;
}

#footer p {
	color: gray;
	font-style: italic;
}

table.events {
	border-collapse: collapse;
	/* 2 lines below related to margin are to center the table within the div - text-align: center alone will not work */
	margin-left: auto;
	margin-right: auto;
}

table.events th, table.events td {
	padding: 4px;
	border: 1px solid white;
	text-align: left;
}

table.events th {
	font-size: small;
	background: black;
	color: #ffffff;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 2px;
	padding-right: 2px;
}

table.events td {
	font-size: medium;
	background: black;
}

table.events a {
	color: #669966;
}

table.events a:hover {
	color: #990000;
	}
	
#calendar p a {
	color: #669966;
	}
	
#calendar p a:hover {
	color: #990000;
	}

#body_abt #sites {
	height: 844px;
	}
	
#body_set #sites {
	height: 1476px;
	}
	
#body_bkg #sites {
	height: 986px;
	}
	
#body_cal #sites {
	height: 661px;
	}
	
#body_cal #calendar {
	height: 661px;
	}
	
#body_con #contact {
	height: 566px;
	}
	
#body_img #sites {
	height: 1987px;
	}
	
#body_mus #sites {
	height: 673px;
	}
	
#body_vid #sites {
	height: 590px;
	}
	
#body_hom #sites {
	height: 659px;
	}