/*
Description: Stylesheet for Rocket Club
*/

/* =Defaults
----------------------------------------------- */

* {font-size: 100%; padding: 0; margin: 0;}
a { border:none; outline: none; color:#000; text-decoration:underline; }
a img {border: none;}
blockquote {
	color:#666;
	margin:0 0 1em 0;
	padding:1em 1em 0;
}
h1 {font-size: 2em; margin: 0 0 0.5em 0; padding: 0.25em 0;}
h2 {font-size: 1.66em; font-weight:normal; margin: 0 0 0.5em 0; padding: 0.25em 0;}
h3 {font-size: 1.3em; margin: 0 0 0.5em; padding: 0.125em 0;}
h4 {font-size: 1.1em; margin: 0 0 0.25em 0;}
h5 {font-size: 0.1em; margin:0 0 0.25em 0;}
h6 {font-size: 0.9em; margin: 0;}
p { font-size:0.9em; line-height:1.6em; margin: 0 0 1em 0;}
ul, ol {margin:0 0 0 1em; }
dt {margin: 0.5em 0 0 0;}
dd {margin: 0.25em 0 0.5em 2.5em;}
pre, code, tt {font: 100% "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", monospace; margin: 1em 0;}


/* =Structure
----------------------------------------------- */

body {
	background:#000 url(../img/body_bg.jpg) center 605px repeat-y;
	font-family:"Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
	font-size:90%;
	margin:0 auto;
	text-align:center;
}
div#body_bg_top {
	background:url(../img/head_bg.jpg) center top no-repeat;
}


/* =Header
----------------------------------------------- */

div#head {
	background:url(../img/head.png) center top no-repeat;
	height:347px;
	position:relative;
}
img#head_banner_1 {
	left:75px;
	position:absolute;
	top:148px;
}
img#head_banner_2 {
	left:587px;
	position:absolute;
	top:148px;
}
div#header {
	margin:0 auto 30px;
	position:relative;
	text-align:center;
	width:960px;
}

ul#nav_primary {
  background: url(../img/bg-nav.gif) repeat-x left top;
	list-style:none;
	margin:0 auto;
	text-align:center;
	padding:0;
  overflow: hidden;	
	width:960px;
	}
#nav_primary_wrap {
	background: #000 url(../img/bg-nav-wrap.gif) no-repeat center top;
}
ul#nav_primary li{
	background:url(../img/nav_divider.png) right 15px no-repeat;
	float:left;
	font-size: 16px;
	margin:0;
	padding:0 11px 0 0;
	}
ul#nav_primary li.last {
	background:none;
	padding:0;
}

ul#nav_primary li a { 
	display:block;
	margin:0;
  line-height: 32px;	
	padding: 0px 13px 5px;
	color:#fff;
	text-decoration: none;
}
ul#nav_primary li a:hover { color:#9db071; text-decoration: none; }

ul#nav_primary li.current a {
	color:#9db071;
}


h1#sitename {
	position:absolute;
	top:-9999px;
	left:-9999px;
}


/* =Content
----------------------------------------------- */

#column_left {
	float:left;
	width:480px;
}
#column_left_pad {
	padding:0 40px 0 20px;
}
#column_right {
	float:left;
	width:480px;
}
body.home #column_right_pad {
	padding:0 0 0 30px;
}
#column_full {
	float:none;
	width:auto;
	}
#column_full_pad {
	padding:0 0 0 30px;
}
body.shows #column_full_pad {
	padding:0;
}
#column_main {
	float:left;
	width:710px;
}
#column_main_pad {
	padding:0 40px 0 40px;
}
body.pics #column_main_pad {
	padding:0 0 0 40px;
}

#content {
	margin:0 auto;
	text-align:left;
	width:960px;
}

body.catalog #album_cover {
	float:left;
	margin:0 30px 30px 0;
}

.catalog_info {
	float:left;
	width: 295px;
}
.catalog_info .tracks ol {
	margin-left:1.5em;
}
.catalog_info .tracks ol li {
	font-size:0.9em;
	margin:0 0 .5em 0;
	padding:0;
}

.catalog_item {
	border:1px solid #666;
	float:left;
	margin:0 20px 20px 0;
	padding:5px;
}
.catalog_item:hover {
  background: rgba(255,255,255,0.4);
  border: 1px solid #000;
}
.catalog_item a { color:#000; text-decoration: none;}
.catalog_item a:hover { color:#000; }
.catalog_item img {
  margin-bottom: 0px;
}
.catalog_item h4 {
	font-size:1em;
	font-style:italic;
	text-align:center;
	width:200px;
}

.catalog_thumb {
	float:left;
	margin:0 20px 20px 0;
	padding:0;
}
.catalog_thumb img {
	border:1px solid #000;
}
.catalog_clear {
	margin: 0 0 20px 0;
}

.field {
	float:left;
	width:300px;
}
.field input {
	background:url(../img/box_bg.png) left top repeat;
	border:1px solid #000;
	padding:2px;
	width:270px;
}
.field label {
	display:block;
	font-size:0.9em;
	margin:6px 0 2px 0;
	width:270px;
}
.field select {
	width:270px;
}

h2.heading {
	font-size:1.7em;
}
body.shows h2.heading {
	margin-left:30px;
}	
body.home #column_left_pad h2.heading {
	margin-left:20px;
}
#column_left_pad h2.heading {
	margin-left:10px;
}
body.home #column_right_pad h2.heading {
	margin-right:40px;
	text-align:right;
}
body.multimedia #column_right_pad h2.heading {
	margin-right:40px;
	text-align:right;
}

#message_send {
	margin:10px 0 0;
}

h3.album_title {
	font-size:1.6em;
	font-style:italic;
}

h3.headline {
	font-size:1.5em;
	font-style:italic;
	margin:0 0 4px 0;
	padding:0;
}

h3.headline a { color:#000; text-decoration: none; }
h3.headline a:hover { text-decoration: underline; }

h4.tracks_heading {
	font-size:0.9em;
}


div.hr {
	background:url(../img/hr_bg.png) left top no-repeat;
	height:25px;
	margin:20px 0;
	width:647px;
}
div.hr400 {
	background:url(../img/hr_400_bg.png) left top no-repeat;
	height:25px;
	margin:0;
	width:400px;
}
div.hr440 {
	background:url(../img/hr_440_bg.png) left top no-repeat;
	height:25px;
	margin:0;
	width:440px;
}
div.hr960 {
	background:url(../img/hr_960_bg.png) left top no-repeat;
	height:25px;
	margin:10px 0;
	width:960px;
}

textarea#message {
	background:url(../img/box_bg.png) left top repeat;
	border:1px solid #000;
	font-family:sans-serif;
	height:240px;
	margin:10px 0;
	padding:4px;
	width:570px;
}

ul.multimedia_downloads {
	list-style:none;
}
ul.multimedia_downloads li {
	background:url(../img/hr_400_bg.png) left bottom no-repeat;
	font-style:italic;
	font-weight:bold;
	padding:10px 0 30px 20px;
}
ul.multimedia_downloads li a.multimedia_download {
	float:right;
	margin:-10px 30px 0 10px;
}

body.pics .pic_item {
	/*height: 230px;*/
	margin-bottom:8px;
	overflow:hidden;
	width:100px;
}
body.pics .album_item {
	/*height: 230px;*/
	margin-bottom:8px;
	overflow:hidden;
	width:190px;
}
body.pics .pic_item {
	margin:0;
}
body.pics .album_item_wrap, .pic_item_wrap {
	border:1px solid #000;
	float:left;
	font-size:1.2em;
	font-style:italic;
	margin:0 14px 14px 0;
	padding:4px 4px 8px 4px;
	text-align:center;
}
body.pics .pic_item_wrap {
	padding:4px;
}

body.home .post {
	padding:0 20px;
}
body.home .post .posted {
	font-size:0.9em;
	margin:0;
	padding:0;
}
body.news .post .posted {
	font-size:0.9em;
	margin:0 0 20px 0;
}
.post .posted a {
	color:#000;
	text-decoration:underline;
}


body.shows .show .show_date {
	border-right:1px solid #666;
	float:left;
	font-size:2.3em;
	line-height:20px;
	margin-right:20px;
	position:relative;
	text-align:center;
	width:100px;
}
body.home .show .show_date {
	border-left:1px solid #666;
	float:left;
	font-size:2em;
	line-height:20px;
	margin-left:20px;
	padding-left:20px;
	position:relative;
	text-align:left;
	width:100px;
}

.show .show_description {
	float:left;
	margin-right:20px;
	width:480px;
}
body.shows .show .show_location {
	font-size:1.4em;
	font-style:italic;
	font-weight:bold;
	margin-bottom:8px;
	width:480px;
}
body.home .show .show_location {
	text-align:right;
	float:left;
	font-size:1.1em;
	margin-bottom:0;
	padding:0 0 0 20px;
	width:280px;
}
body.home .show .show_location h3 {
	font-size:1.3em;
	font-style:italic;
	margin:0 0 4px 0;
	padding:0;
}
body.home .show .show_location .show_info {
	font-size:0.9em;
}
body.home .show .show_location .show_info a { 
	color:#000;
	text-decoration:underline;
}
body.shows .show .show_links {
	float:left;
	width:300px;
}
body.home .show .show_links {
	font-size:0.8em;
}

body.store #album_cover {
	float:left;
	margin:0 30px 30px 0;
}
body.store .album_info {
	float:left;
	width: 295px;
}

.store_item {
	border:1px solid #666;
	float:left;
	margin:0 20px 20px 0;
	padding:5px;
}
.store_item:hover {
  background: rgba(255,255,255,0.4);
  border: 1px solid #000;
}
.store_item a { color:#000; text-decoration: none; }
.store_item a:hover { color:#000; }
.store_item img {
	margin-bottom:0.5em;
}
.store_item h4 {
	font-size:1em;
	font-style:italic;
	text-align:center;
	width:180px;
}
.store_item h4.album_price {
	font-size:2em;
}
body.store div.album_price {
	font-size:3em;
	margin:-10px 0 20px 0;
}
.store_clear {
	margin:0 0 20px 0;
}


/* =Sidebar
----------------------------------------------- */
.box {
	border: 1px dotted #000;
	margin:0 10px 20px 0;
	padding:3px;
}
.box_pad {
	background:url(../img/box_bg.png) left top repeat;
	border:1px solid #000;
}
body.contact .box_pad {
	padding:14px 14px 4px 14px;
}
.box ul {
	list-style:none;
	margin:10px 0;
	padding:0;
}
.box ul li {
	font-style:italic;
	font-weight:bold;
	font-size:1.1em;
	margin:0;
	padding:9px 16px;
}

.box ul li a { background:none; color:#222; }
.box ul li a:hover { background:none; color:#000; }

/*.box ul li.current a {
  color:#9db071;
}*/

#column_side {
	float:left;
	width:240px;
}
body.biography #column_side,
body.contact #column_side {
	padding-top:50px;
}

h3.contact {
	font-style:italic;
	margin:0;
}



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

#column_1 {
	float:left;
	width:230px;
}
	#column_1 ul {
		font-style:italic;
		list-style:none;
		margin:0;
		padding:0;
	}
	#column_1 ul li {
		margin:0;
		padding:4px 0;
	}
	#column_1 ul a { color:#f3f2e6; text-decoration: none; }
	#column_1 ul a:hover { color:#f3f2e6; text-decoration:underline;	}

	#column_1 ul li.current a {
		color:#9db071;
		font-weight:bold;
	}

#column_2 {
	float:left;
	width:320px;
}
	#column_2 ul {
		font-style:italic;
		list-style:none;
		margin:0;
		padding:0;
	}
	#column_2 ul li {
		float:left;
		margin:0;
		padding:4px 0;
		width:140px;
	}
	#column_2 ul a { padding-right:8px; color:#f3f2e6; text-decoration:none;	}
	#column_2 ul a:hover { color:#f3f2e6; text-decoration:underline;	}


#column_3 {
	float:left;
	width:390px;
}
	#column_3 label {
		display:block;
		font-size:0.8em;
		font-style:italic;
		margin-top:16px;
	}
	#column_3 input#fullname, 
	#column_3 input#email, 
	#column_3 input#zip {
		background:#040403;
		border:1px solid #f3f2e6;
		color:#f3f2e6;
		font-size:1.1em;
		padding:4px;
		width:330px;
	}
	#column_3 input#zip {
		margin-right:10px;
		width:210px;
	}
	#column_3 input#send_btn {
		position:relative;
		top:7px;
	}
.column_pad {
	padding:0 0 0 30px;
}
	#column_1 .column_pad {
	padding:0 0 0 50px;
	}

#footer {
	background:url(../img/footer_bg.png) center top no-repeat;
	color:#f3f2e6;
	margin:0 auto;
	min-height:400px;
	padding:90px 0 0 0;
	text-align:left;
	width:960px;
}
#footer_wrap {
	background:url(../img/footer_wrap_bg.gif) center top no-repeat;
	margin:40px 0 0 0;
}

#footer h2.heading {
	color:#0c0c0a;
	margin:0;
}

#subfooter {
	padding:24px 50px;
}

#subfooter #logos {
	float:right;
	text-align:right;
	width:150px;
}


/* =Hacks 
----------------------------------------------- */
.box img,
.pic_item img,
.catalog_item img,
.store_item img {
	display: block;
}

div.clear {
	clear:both;
	height:0px;
	width:100%;
}

/* =IE PNG Transparency Fix */
#nav_primary li, 
#head, 
#head_banner_1, 
#head_banner_2, 
.hr, 
.hr960, 
.box_pad, 
.box ul li a,
.field input, 
#logos img, 
#message,
ul.multimedia_downloads li, 
#footer { 
	behavior: url(js/iepngfix.htc) 
}