/* izzyjames.com Common Styles */

html {
	height: 100%;
	margin-bottom: 1px;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	background: #f9f6da url(images/bg_page.png);
	font-family: Verdana, sans-serif;
	text-align: center;
	font-size: 76%;
	line-height: 150%;
	border-top: 2px solid #0e1b52;
}

h1, h3 {
	font-family: Gill Sans, Verdana;
	margin: 0;
	padding: 1.5em 0;
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 2px;
}

h2 {
	font-family: times, Times New Roman, times-roman, georgia, serif;
	color: #40445d;
	margin: 0;
	padding: 0px 0px 6px 0px;
	font-size: 3.5em;
	line-height: 1.5em;
	letter-spacing: -2px;
}

h3 {
	padding: 0;
	margin: 1.5em 0 1em;
}

blockquote {
	font-style: italic;
	font-size: .9em;
	margin: 1.5em 0;
	padding: 0 0 1.5em;
	border-bottom: 1px solid #aaabb6;
}

a {
	color: #a62813;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a img {
	border: 0;
}

span.note {
	font-size: .92em;
	color: #999;
}

#non_footer,
#footer {
	width: 860px;
	margin: 0 auto;
	text-align: left;
}

#non_footer {
	position: relative;
	min-height: 100%;
}


/* Header and Navigation */

#header {
	position: relative;
	font-family: Gill Sans, Verdana;
	color: #40445d;
	border-bottom: 1px solid #40445d;
	text-transform: uppercase;
	margin-bottom: 1.5em;
}

ul#nav_main {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	list-style: none;
}

	ul#nav_main li {
		float: left;
		width: 8em;
		height: 1em;
		margin: 0;
		text-align: center;
	}

		ul#nav_main li a {
			color: #40445d;
			display: block;
			padding: 1.5em 0;
			text-decoration: none;
		}

			ul#nav_main li a:hover,
			#cd ul#nav_main li#nav_main_cd a,
			#about ul#nav_main li#nav_main_about a {
				background: #40445d;
				color: #f9f6da;
			}

			ul#nav_main li a:hover {
				background: #888692;
			}


#footer {
	margin-top: -4em;
	border-top: 1px solid #aaabb6;
	padding: 1em 0 0;
	font-family: Gill Sans, Verdana;
	color: #40445d;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 0.8em;
	text-align: right;
}


/* Columns */

div.col {
	float: left;
}

div#primary {
	width: 410px;
	margin-left: 450px;
}

div#secondary {
	width: 440px;
	margin-left: -860px;
}


/* Main Content */

#main {
	padding-bottom: 5em;
}

#main img.cover,
#main img.photo {
	margin: 0 10px 10px 0;
}

#main img.photo {
	float: left;
	background: #fff;
	padding: 9px;
	border: 1px solid #aaabb6;
}

#main img.photo + p {
	margin-top: 0;
}

form#buyitnow {
	margin: 2em 0;
	text-align: center;
}


/* Tracklist */

ol.tracklist {
	list-style: none;
	margin: 0;
	padding: 0 1em;
}

ol.tracklist li {
	overflow: hidden;
	width: 100%;
	line-height: 18px;
	padding: 2px 0;
	border-bottom: 1px solid #aaabb6;
}

ol.tracklist li span {
	display: block;
	float: left;
	padding: 0 .5em;
}

ol.tracklist li span.note {
	display: inline;
	float: none;
	padding: 0 .5em;
}

ol.tracklist li object {
	display: block;
}

.promo {
	background: #fefdf8;
	padding: 0.1em 10px 2em;
	margin: 1em -10px;
}


/* Some Common Classes*/ 

/* Clearing Floats */

.clear { display: inline-block; }   
.clear:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear { display: block; }