@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

body {
	background-color:#000000;
	background-image:url(images/bkgd.jpg);
	background-repeat: no-repeat;
	font-size:13px;
	}

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

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	margin-bottom: 1em;
	color: #b52200;
	}

#wrapper {
	width:1000px;
	}

#header {
	background-image:url(images/fas.jpg);
	background-repeat: no-repeat;
	padding-top:265px;
	width: 200px;
	float:left;
	}

#nav {
	text-align:right;
	padding-right: 40px;
	height: 541px;
	}
	
	
	
/* menu elements */	
		
#nav li {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #b52200;
	list-style:none;
	padding: 10px 10px;
	}
		
#nav a {
	color: #b52200;
	padding: 10px 10px;
	text-decoration:none;
	}	

.menu {
	background-image:url(images/menu_roll.gif);
	background-repeat: no-repeat;
	}



	

/*
.subpage-link p{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	color: #b52200;
	padding-top: 6px;
	}
		
.subpage-link a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	color: #b52200;
	text-decoration:none
	}
	
.subpage-link a:hover {
	color: #706658;
	text-decoration:none
	}
*/
	


/* main body */	

#container {
	width: 800px;
	min-height: 400px;
	margin-top: 120px;
	float:right;
}

#content {
	width: 780px;
	margin-left:20px;
}

.page-title {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 2.4em;
	color: #b52200;
	letter-spacing: 0.1em;
	padding-left: 10px;
text-shadow: #000000 2px 2px 2px; /* Modern browsers */
  filter: glow(color=#000000,strength=2); /* IE */	}
	
#pagecontent {
	border-top: 1px solid #b52200;
	padding: 10px 10px;
	background-image:url(images/black.png);
	margin-top:-7px;
	min-height: 480px;
	overflow:auto;
	}
.copy {	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #b52200;
	text-transform:none;
	line-height: 2em;
	margin-bottom: 1em;
	letter-spacing: 0.05em;
}
.copy p {
	margin-bottom: 1em;
}
.email {
	text-align:center;	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #b52200;
	text-transform:uppercase;
	line-height: 2em;
	letter-spacing: 0.05em;
	}

/* tracks page */	

#album {
	float:left;
	padding:40px 0px;
	}
#maincontainer {
	float:right;
	text-align:right;
	margin:0;
	padding-top: 30px;
	padding-right:10px;
	width:360px;
	}	
#maincontainer a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #b52200;
	text-decoration:none;
	font-variant:small-caps;
	}
.track_container {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 360px;
	}
.tracktitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #b52200;
	text-transform:uppercase;
	line-height: 2em;
	letter-spacing: 0.05em;
	}
.track_container li {
	padding: 0;
	margin: 0;
	}
.area_toggle {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin-right: 0px;
	}
.area_toggle cite {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #cccccc;
	margin-bottom: 6px;
	font-style:normal;
	}
.area_toggle cite:hover {
	text-decoration: underline;
	}	
.track_desc {
	padding: 10px;
	}
div.track_desc {
	background-color:#151515;
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.8em;
	width:290px;
	}
.track_desc p {
	color: #b52200;
	letter-spacing: 0.05em:
	font-size: 0.9em;
	margin-bottom: 8px;
	}
.track_desc li {
	list-style: none;
	display:inline;
	padding-right: 3px;
	}
.track_desc img {
	border:none;
	}	
#spacer {
	width:100%;
	margin:8px auto;
	height:1px;
	background:#b52200;
	}
#extra p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666666;
	line-height:2.5em;
	padding-right:10px;
	}
#extra a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666666;
	text-decoration:none;
	font-variant:normal;
	}
#extra a:hover {
	text-decoration:underline;
	}
#extra img {
	padding-left:10px;
	}		
div.youtube {
	height: 27px;
	margin-top: 30px;
	}

/* DISCOGRAPHY MENU */

#tabMenu {
	margin:0;
	padding:0 0 0 15px;
	list-style:none;
	padding: 0 35px;
	}
#tabMenu li {
	float:left;
	height:32px;
	width:140px;
	cursor:pointer;
	cursor:hand;
	}

/* item lists */
li.engineering {
	background:url(images/tab.gif) no-repeat 0 -32px;
	text-align: center;
	font-size: 1em;
	line-height: 2.2em;
	color: #b52200;
	font-family:Arial, Helvetica, sans-serif;
	}
li.recording {
	background:url(images/tab.gif) no-repeat 0 -32px;
	text-align: center;
	font-size: 1em;
	line-height: 2.2em;
	color: #b52200;
	font-family:Arial, Helvetica, sans-serif;
	}
li.soundtracks {
	background:url(images/tab.gif) no-repeat 0 -32px;
	text-align: center;
	font-size: 1em;
	line-height: 2.2em;
	color: #b52200;
	font-family:Arial, Helvetica, sans-serif;
	}
li.livemixing {
	background:url(images/tab.gif) no-repeat 0 -32px;
	text-align: center;
	font-size: 1em;
	line-height: 2.2em;
	color: #b52200;
	font-family:Arial, Helvetica, sans-serif;
	}
li.musician {
	background:url(images/tab.gif) no-repeat 0 -32px;
	text-align: center;
	font-size: 1em;
	line-height: 2.2em;
	color: #b52200;
	font-family:Arial, Helvetica, sans-serif;
	}

/* events */
li.mouseover {
	background-position:0 0;
	}
li.mouseout {
	background-position:0 -32px;
	}
li.selected {
	background-position:0 0;
	}


/* layout */
.box {
	width:770px;
	padding-top: 40px;
	}
.boxTop {
	background:url(images/boxTop.gif) no-repeat;
	height:11px;
	clear:both;
	}
*html .boxTop {
	margin-bottom:-2px;
	}
.boxBody {
	background-color:#282828;
	}
.boxBottom {
	background:url(images/boxBottom.gif) no-repeat;	
	height:11px;
	}
.boxBody div {
	display:none;
	}
.boxBody div.show {
	display:block;
	}
*html .boxBody div ul {
	margin-left:10px;
	padding-left:15px;
	}

	
/*

.boxBody div li span {
	font-size:8px;
	font-style:italic; 
	color:#888;
	}
.boxBody div li {
	border-bottom:1px dotted #8e8e8e; 
	padding:4px 8px;
	cursor:hand;
	cursor:pointer;
	}
.boxBody div ul li.last {
	border-bottom:none;
	}
.boxBody div ul {
	margin:0 10px 0 25px;
	height: 200px;
	padding:0;width:900px;
  overflow: auto;
	}
.boxBody #category a {
	display:block;
	}
a {
	color:#000000;
	text-decoration:none;
	}
a:hover {
	color:#000000;
	text-decoration:none;
	}

*/
	

/* DISCOGRAPHY SLIDESHOW CSS */

div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 210px;
  width: 760px;
  /* Add scroll-bars */
  overflow: auto;
}
ul.sc_menu {
  display: block;
  height: 110px;
  /* Max width here, for users without Javascript */
  width: 3450px;
  padding: 15px 0 0 15px;
  /* Remove default margin */
  margin: 0;
  list-style: none;
}
.sc_menu li {
  display: block;
  float: left;
  padding: 8px 8px;
  width: 120px;
}

.sc_menu li:hover {
	background-color: black;
}

.sc_menu img {
  margin-bottom:10px;
}
.sc_menu span {
  /* We want a caption to display on the next line */
 	display: block;
 	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;  
	color: #b52200;
}

/* CONTACT FORM */

#contact-wrapper {
	width:430px;
	border:1px solid #666666;
	background:#333333;
	padding:20px;
	margin-top: 22px;
	}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
	}
#contact-wrapper label {
	display:block;
	float:none;	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #b52200;
	text-transform:uppercase;
	line-height: 2em;
	margin-bottom: 0.1em;
	letter-spacing: 0.05em;
	width:auto;
	}
#contact-wrapper p {
	font-family:Arial, Helvetica, sans-serif;
	color: #b52200;
	font-style:italic;
	font-size: 0.9em;
	margin-top: 0.3em;
	}
form#contactform input {
	background-color:#CCCCCC;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:11px;
	color:#333;
	}
form#contactform textarea {
	background-color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	}