/* style.css */

@import url(reset.css);
@import url(960.css);

img {
	border: 5px solid black;
	display: block;
}

/* grid */
x.container_12 {background: #fff url(/workspace/img/12_col.gif) repeat-y;}


html,body {
	min-height: 100%;
}

#tl {
	background: url(/workspace/img/bg/tl.gif) no-repeat top left;
	height: 100%;
}

#tr {
	background: url(/workspace/img/bg/tr.gif) no-repeat top right;
	min-height: 100%;
}

#bl {
	background: url(/workspace/img/bg/bl.gif) no-repeat bottom left;
	min-height: 100%;
}

#br {
	background: url(/workspace/img/bg/br.gif) no-repeat bottom right;
	min-height: 100%;
}



/* globals */

body {
	background: #FFFBEB url(/workspace/img/bg/body.gif) repeat-x 10px 10px;
	color: #333;
	font-size: 11px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

a {
	text-decoration: none;
}

/* Type */

body {
	font-family: Georgia, Times, Serif;
	font-size: 13px;
	line-height: 20px;
}

h2 {
	clear: both;
	font-family: "American Typewriter";
	font-size: 21px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 40px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 16px;
}

#nav {
	font-family: "American Typewriter";
	font-size: 16px;
	text-transform: uppercase;
}

/* color 
	red: #FF3300;
	off-white: #FFFBEB;
	brown: #D4D0C3;
*/

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, #nav a, #releases-page #sub-content ul li a {
	color: #FF3300;
}

h4 a {
	color: #333;
}

p a, a.more {
	background: #FF3300;
	color: white;
}

/* links */

a.more {
	margin: 20px 0 0 0;
	padding: 2px 5px;
}

#wrap {
	padding: 20px 0 40px 0;
}

/* header */

#head {
	height: 100px;
}

#head div {
	margin-top: 10px;
}

#logo img {
	border: 0;
}

#nav ul {
	float: right;
}

#nav li {
	float: left;
	white-space: nowrap;
}

#nav a {
	background: url(/workspace/img/bg/nav.gif) no-repeat center right;
	display: block;
	line-height: 20px;
	margin: 70px 0 0 9px;
	padding-right: 11px;
	text-decoration: none;
}

#nav a span {
	border-bottom: 5px solid #FFFBEB;
}

#nav a:hover span,
#home-page #home-link span,
#about-page #about-link span,
#shop-page #shop-link span,
#gigs-page #gigs-link span,
#promos-page #promos-link span,
#audio-page #audio-link span,
#visual-page #visual-link span,
#media-page #media-link span,
#contact-page #contact-link span,
#releases-page #shop-link span {
	border-color: #D4D0C3;
}

#nav #contact-link a {
	background: none;
}

/* promos */

#promos {
	background: #D4D0C3;
	height: 170px;
	margin: 20px 0;
	overflow: hidden;
	padding: 0;
}

#promos div {
	margin-bottom: 20px;
	margin-top: 10px;
}

#promos img {
	float: left;
	margin-right: 10px;
}

/* content */

#content {
	margin-bottom: 30px;
	background-color: #FFFBEB
}

#content p, #content li {
	clear: left;
	margin-bottom: 20px;
}

/* main-content */

#main-content h2 {
	margin-bottom: 20px;
}

#main-content h3, #main-content h4 {
	/* can't do this. It breaks the front page. */
	/* margin-bottom: 20px; */
}

/* can't do this. Lists are used everywhere! */
/* add a more specific rule if necessary
#main-content ul {
	list-style-type: disc;
      	margin-bottom: 15px;
}
*/

#main-content ol {
	list-style-type: decimal;
	margin-bottom: 15px;
}

#main-content li {
	margin-bottom: 5px;
}

#main-content li p {
	margin-bottom: 5px;
}

#main-content blockquote p {
	margin-bottom: 5px;
}

#main-content blockquote {
	margin-bottom: 15px;
}

#main-content pre {
	margin-bottom: 20px;
}

/* sub-content */

#sub-content img {
	float: left;
	margin: 0 10px 10px 0;
}

#sub-content h3 {
	margin-bottom: 10px;
}

#sub-content p {
	clear: none;
}

/* footer */

#footer {
	border-top: 1px solid #D4D0C3;
	padding: 20px 0;
}

#footer li {
	margin: 0 0 20px 0;
}


/* Extras */

#promo-gig {
  border: 1px solid #D4D0C3;
  padding: 20px;
  margin-bottom: 20px;
}

/* ------------------------- PAGES ------------------------- */

ul.address {font-weight: bold;}

#shop-page #sub-content ul {margin-bottom: 20px;}
#shop-page #sub-content li {margin: 0;}
#shop-page #main-content li img {float: left; margin: 0 20px 20px 0;}

#audio-page #content h4 {color: #FF3300;}