/*------------------------------------
Central Style Sheet

version: 1.0
author: ali blackwell
e-mail: aliblackwell@ttproductions.com
website: www.ttproductions.com

-----------------------------------*/

/*----------Typography----------*/

h4 {margin-top: 0;
	color: blue;
	text-align: center;}
h5 {color: blue;}
p {color: white;  }
h2 {margin-top: 5px;
	color: blue;
	text-align: center;}
h3 {color: 	blue;
	text-align: center;}
img {border: none; }
.center {text-align: center; }
div#banner a:hover {text-decoration: none; }
img, div { behavior: url(http://www.ttproductions.com/iepngfix.htc) }
h1 {color: blue;				
				margin: 5px 0 0 0;
				font-size: 50px;}

a {color: blue; text-decoration: underline; }
a:hover {text-decoration: underline; color: blue; }
div#linkwrap {margin: 0; padding: 0;}
ul {color: white;}
/*----------Layout----------*/

body {background-color: red ;
margin: 0;
min-width: 900px;
}

#sitewrapper {width: 820px;				
				margin: 0 auto;
				margin-top: 0;
				margin-bottom: 0;
				text-align: left;
				background: black;
				font-family: verdana, sans-serif;
				padding: 0 0 0 0;
				border: ridge black 4px;}

div#header {background-color: black;
			margin: 0; padding: 0; }

			
div#banner {text-align: center; margin: 0; z-index: 100;}

#colorbanner { color: blue;
				font-size: 44px;
				margin-top: 20px;
				padding-top: 5px;
				z-index: 0; }

div#headerimg {position: absolute;
				min-width: 830px;
				margin: 0px 5px 0px 5px;  }
img#sellout1 { margin: 0; }
img#sellout2 { margin: 0;
	margin-left: 530px;
				display: inline;
				 }
div#header {margin: 0; }



div#contentwrapper {
	width: 800px;

	position: relative;
	float: left;
	background-color: #000000;
	border-left: solid black 10px;
	border-right: solid black 10px;
	}

div#contentwrapper a {color: blue; }

div#maincontent {float: right;
				width: 630px;
				background-color: #000000;
				padding: 0 2px 0 4px;
				display: inline;
					 }
				
div#secondarynav {float: left; 
					width: 140px;
					background: #000000;
					font-weight: bold;
					padding: 0 5px 0 5px;
					display: inline;
					margin-top: 10px;
					background-color: #000000;
					}
div#secondarynav a {padding: 10 10 10 10; }
					
div#centercontent {float: left;
					width: 460px;
					background: #000000;
					text-align: justify;
					display: inline;
					padding: 0 15px 0 0;
					margin: 0;
					
					 }

div#rightcontent {float: right;
					width: 140px;
					background: #000000;
					text-align: center;
					padding: 0 5px 20px 5px;
				
					
					border-left: solid blue 2px;
					background-color: #000000;
				
					}
div.sideimage {margin-top: 22px;
				
				float: right; }		

	
li.contentlists {color: white;}

dl {color: white;}

/*----------Navigation----------*/

#nav, #nav ul { padding: 0 0 0 0;     
			clear: both;
				width: 820px;
 				list-style: none;
				margin: 0;
				display: block;
				z-index: 1000000;
					} 
 
#nav li {  	position: relative;
			z-index: 100;
			float: left;  
			margin: 0;}
#nav a 		{	
			text-align: center;
			display: block;
			color:blue;
			font-weight: bold;
			width: 154px;
			padding: 3px 3px 3px 3px;
			border: 2px ridge red;
			text-decoration: none;
			border-color: black;
			background-color: red; }

#nav a:hover 	{display: block;
			padding: 3px 3px 3px 3px;
			border: 2px ridge red;
			border-color: #000000;
			background-color: blue; }
#nav a:visited 		{text-decoration: none; color:blue;}
#nav a:hover 		{text-decoration: none; color: red;}
#nav a:active		{text-decoration: none; color:  blue;}

#nav li ul {     	position: absolute;  
			z-index: 100;
					width: 150px;
					margin: 0 0 0 0;     
					left: -999em; } 


					
#nav li:hover ul {  left: auto; }

#nav li:hover ul, #nav li.sfhover ul {     left: auto; }

/*----------Site Prefs and Music----------*/
div#selectwrapper {float: left; position: absolute; z-index: 100;   }
div#selectwrapper a {color:  blue; margin-bottom: 2px;  border-bottom: 1px blue dashed;   }
div#prefselect {font-size: 10px;
				margin: 0 375px 0 155px;
				 
				float: left;}
div#musicselect {font-size: 10px;
					margin: 0;				
					float: left; }


img.disc { }
div#sitepref {font-family: verdana; background: black; border: ridge black 2px; padding: 0px 5px 0px 5px; margin: 0 10px 10px 10px; z-index: 100;}				
div#sitepref2 {background: url(images/music/deck4.jpg) repeat-y;  color: black; font-family: verdana; border: ridge black 2px; padding: 0px 5px 0px 5px; margin: 0 10px 10px 10px; z-index: 100; }
div#sitepref2 p {color: black;}
div#sitepref2 img {margin: 0; padding: 0; }
div .sidelinkinfo { border: 2px solid #666666; background-color: red; color: blue;  padding: 3px; 3px; 3px; 3px; font-size: 14px; text-align: center; margin-bottom: 10px; margin: 0 -8px 10px -8px; }
div .sidelinkinfo:hover {background-color: blue; color: red; }
div .sidelinkinfo p {color: blue; padding: 3px 3px 3px; }
div .sidelinkinfo:hover p {color:  red; }
div#prefscontent p, a {color: blue; }

div#musiccontent p {color: black;}



/*----------Footer----------*/

div#footerwrapper 	{ border-top: 1px solid white;
			padding-top: 5px;
			padding-bottom: 10px;
			clear: both;
			text-align: center;
			background-color: #666666;
			display: block;	
			color: white;	
			width: 820px;
			font-family: verdana;}

#footerwrapper p	{ 
			font-family: verdana;
			display: inline;
			font-size: 12px;
			color: white
			font-weight: bold;
			clear: both;
			text-align: center;
				}	
div#footerwrapper a 	{color: white; margin-bottom: 10px; padding-right: 30px;  text-decoration: none; }
div#footerwrapper a:hover {text-decoration: underline;}
div#footer p, a {color: white;
				text-decoration: none;
				}
				

div#footer {clear: both;
			text-align: center;
			background-color: black;
			 }
			
div#footerlinks {margin-left: -20px;
					
					text-align: center;}

#about {padding-right: 20px;}