/*

	Name:		Hush
	Designer:	Chris Stirton
	Date:		August 1, 2006

	*/


	/* CSS Reset */

	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0;padding:0;}
	table {border-collapse:collapse;border-spacing:0;}
	fieldset, img{border:0;}
	h1, h2, h3, h4, h5, h6, address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}
	caption, th {text-align:left;}
	h1, h2, h3, h4, h5, h6 {font-size:100%;}
	q:before, q:after {content:'';}

	/* Base Styles */

	html {
		font-size:100%;
		}

	body {
		background:rgb(22,11,25);
		color:rgb(255,255,255);
		font-size:62.5%;	
		font-family:Arial, "Lucida Grande",  Verdana, "Lucida Sans Unicode", "Lucida Sans",sans-serif;
		line-height:1.5;
		padding-top:20px;
		}

	h2 {
		color:rgb(255,204,0);
		font-family:"trebuchet ms";
		font-size:2.4em;
		margin-bottom:10px;
		}
		
	body#section-discography h2,
	body#section-discography h3 {
		margin:0 25px;
		clear:left;
		}

	h3 {
		color:rgb(255,204,0);
		font-family:"trebuchet ms";
		font-size:1.8em;
		font-weight:normal;
		line-height:1.2;
		margin:20px 0 5px 0;
		}

	h4 {
		font-family:"trebuchet ms";
		font-size:1.8em;
		}
	
	p, ol, ul {
		font-size:1.1em;
		line-height:1.6;
		margin:0 0 10px 0;
		}

	em {
		font-weight:bold;
		}
		
	strong {
		font-weight:bold;
		}
		
	a:link, a:visited {
		color:rgb(255,204,0);
		font-weight:bold;
		text-decoration:none;
		}

	hr {
		display:none;
		}
	

	/* Wrapper */

	#wrapper {
		background:transparent;
		width:770px;
		margin:0 auto;
		}


	/* Discography */
	#musicplayer {
		margin-left:12px;
		padding:10px;
	}


	/* Header */

	#header {
		background:transparent url(../images/anim-dragon-a.gif) top right no-repeat;
		border-bottom:1px solid rgb(167,28,33);
		padding:10px 0;
		position:relative;
		height:90px;
		}
	
	#header p {
		color:rgb(255,204,0);
		position:absolute;
		top:60px;
		left:210px;
		font-size:1.1em;
		line-height:1.5;
		font-weight:bold;
		}

		
	/* Navigation */
	
	#navigation {
		float:left;
		width:135px;
		}
	
	#navigation ul {
		list-style:none;
		}
		
	#navigation li {
		display:inline;
		}

	#navigation a {
		color:rgb(255,255,255);
		border-color:rgb(167,28,33);
		border-width:0 0 1px 0;
		border-style:solid;
		display:block;
		font-size:1em;
		font-weight:bold;
		height:1%;		
		padding:5px 0 5px 22px;
		text-decoration:none;
		}

	#navigation a:hover {
		background:rgb(167,28,33);
		}


	/* Navigation - Active Sections */

	body#section-home #n-01,
	body#section-biography #n-02,
	body#section-discography #n-03,
	body#section-merchandise #n-04,
	body#section-contactlinks #n-05 {
		background:rgb(67,11,13);
		}


	/* Content */

	#content {
		background:rgb(167,28,33);
		float:left;
		width:635px;
		}	
		
	
	/* Primary */

	#primary {
		background:rgb(167,28,33);
		padding:10px 25px;
		}


	/* Secondary */

	#secondary {
		float:left;
		width:290px;	
		}	

	
	/* Footer */
	
	#footer {
		background:transparent;
		clear:both;
		padding:10px 0;
		}	
	
	#footer p {
		margin:0 0 0 160px;
		}
	
	#footer a:link,
	#footer a:visited {
		color:rgb(153,153,153);
		font-weight:normal;
		}
		
	#footer a:hover,
	#footer a:active {
		color:rgb(255,255,255);
		text-decoration:underline;
		}
		
		
	/* Section - Home */
	
	body#section-home #primary {
		padding:0;
		}


	body#section-home #primary img {
		float:left;
		}
		
	body#section-home #primary h2,
	body#section-home #primary p {
		margin-left:240px;
		margin-right:20px;
		margin-bottom:0;
		}
	
	body#section-home #primary h2 {
		padding-top:10px;
		}

	body#section-home #secondary {
		background:rgb(0,0,0) url(../images/bg-primary-home.gif) top left no-repeat;
		width:auto;
		clear:left;
		}

	body#section-home #secondary img {
		margin-left:355px;
		}

		
	/* Section - Biography */
	
	.bio {
		clear:left;
		}
	
	.bio img {
		float:left;
		margin:5px 10px 0 0;
		background:teal;
		}
		
	.bio p {
		}


	/* Section - Discography */

	body#section-discography #content {
		background:rgb(139,134,140);
		}

	body#section-discography #primary {
		float:right;
		background:rgb(139,134,140);
		width:345px;
		padding:10px 0;
		}

	body#section-discography h2,
	body#section-discography h3 {
		margin-left:20px;
		}

	body#section-discography h3 {
		margin-bottom:10px;
		}

	body#section-discography #content p {
		margin:0 20px 10px 20px;
		}

	body#section-discography #content ol {
		margin-left:40px;
		}

	body#section-discography #content p.details {
		font-weight:bold;
		margin-bottom:0;
		}

	.album {
		clear:left;
		margin:0 10px 0 13px;
		}

	.album img {
		float:left;
		margin-left:7px;
		}
	
	.album p {
		font-size:1.1em;
		line-height:1.5;
		margin-left:105px;
		padding-top:30px;
		}
	
	.singles {
		list-style:none;
		margin-left:20px;
		}
		
	
	/* Section - Merchandise */


	body#section-merchandise #content {
		background:rgb(255,255,255);
		padding:0;
		}

	body#section-merchandise #primary {
		background:rgb(255,255,255);
		padding:0px;
		float:right;
		width:225px;
		}
		
	body#section-merchandise #content h2 {
		color:rgb(153,153,153);
		margin:10px 20px 10px 20px;
		}

	body#section-merchandise #primary img {
		float:left;
		}

	.t-sizes {
		float:left;
		margin:0 0 0 10px;
		padding:30px 0 0 0;
		width:60px;
		}
	
	.t-sizes h4 {
		color:rgb(204,0,0);
		margin:0;
		font-size:1.2em;
		font-family:"arial";
		font-weight:bold;
		line-height:1.2;
		}
		
	.t-sizes ul {
		color:rgb(0,0,0);
		font-size:0.9em;
		list-style-position:inside;
		margin:0 0 0 0;
		}
			
	body#section-merchandise #content h3 {
		clear:left;
		color:rgb(0,0,0);
		font-family:Arial, "Lucida Grande",  Verdana, "Lucida Sans Unicode", "Lucida Sans",sans-serif;
		font-size:1.3em;
		font-weight:bold;
		margin:0 20px;
		padding-top:20px;
		}

	body#section-merchandise #content p {
		color:rgb(51,51,51);
		margin:0px 20px 0 20px;
		}

	body#section-merchandise #content p.price {
		color:rgb(0,0,0);
		font-size:1.1em;
		}

	#shirt-select {
		margin:10px 20px;
		}

	select {	
		margin-bottom:5px;
		}

	body#section-merchandise #secondary {
		float:right;
		width:410px;
		}

	#orderform {
		padding:10px 25px 20px 25px;
		}

	#orderform label {
		display:block;
		font-size:1.1em;
		font-weight:bold;
		width:8em;
		float:left;
		line-height:2em;
		}

	.error-message {
		clear:left;
		color:#ffcc44;
		text-indent:8em;
		font-size:1.1em;
		padding:0 0 10px 0;
		}
		
	#submit {
		width: 90px;
		height: 2em;
	}
		
	/* Section - Contact & Links */
	
	body#section-contactlinks #content {
	}
	
	body#section-contactlinks #primary {
		float:left;
		width:285px;
		padding:0;
		padding-bottom: 10px;
		}
		
	body#section-contactlinks #secondary {
		background:rgb(255,255,255);
		float:left;
		width:350px;
		padding-bottom: 10px;
		}
	
	body#section-contactlinks #secondary p {
		margin:0 !important;
		}
	
	body#section-contactlinks h2 {
		margin-top:10px;
		margin-left:25px;
		}

	body#section-contactlinks #content p, 
	body#section-contactlinks #content ul {
		list-style:none;
		margin:0 25px 10px 25px;
		}
		
		
	#funky_cars,
	#join_yahoo {
		float: left;
	}
	
	#join_yahoo {
		width: 200px;
		text-align: center;
		font-size: 12px;
	}
	
	#join_yahoo a {
		color: #247CD4;
	}
	
	
	.frm_control { clear: both; }