/*  
Originally created by Juxtaprose, 
http://juxtaprose.com/
(c) 2008 Jay Fienberg.
*/

body {
	background: #000; 
	color: #000;
	margin: 0;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 80%;
	text-align: center;	
}

/* centering and framing */
#wrap {
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	width: 1025px;
	background: #fff;
}

#masthead {
	position: relative;
	width: 1025px;
	height: 276px;
	background: #000;
}

#masthead #shade {
	position: absolute;
	top: 22px;
	left: 24px;
	width: 977px;
	height: 254px;
	background-image: url("/images/black-opaque.png");
}

#masthead h1 {
	position: absolute;
	top: 24px;
	left: 27px;
	margin: 0;
	padding: 0;
}

#masthead h1 a {
	display: block;
	width: 470px;
	height: 65px;
	background-image: url("/images/earreverends.png");
	background-position: 0 0;
	background-repeat: no-repeat;	
	color: #ddd;
	text-decoration: none;
}

#masthead h1 a:hover {
	background-position: 0 -65px;
}

#masthead h1 a span {
	display: none;
}

#masthead #dial {
	position: absolute;
	top: 101px;
	left: 197px;
	width: 134px;
	height: 134px;
	background-image: url("/images/dial.png");	
	background-repeat: no-repeat;
	z-index: 90;
}

#masthead #dimple {
	position: absolute;
	width: 19px;
	height: 19px;
	background-image: url("/images/dial-dimple.png");	
	background-repeat: no-repeat;
	z-index: 95;	
}

.home #masthead #dimple {
	top: 119px;
	left: 254px;
}

.errorpage #masthead #dimple {
	top: 197px;
	left: 255px;
}

.err #masthead #dimple, .err2 #masthead #dimple {
	top: 134px;
	left: 283px;
}

.wrong #masthead #dimple {
	top: 134px;
	left: 227px;
}

.about #masthead #dimple {
	top: 165px;
	left: 217px;
}

.finding #masthead #dimple {
	top: 166px;
	left: 289px;
}

.blood #masthead #dimple {
	top: 166px;
	left: 289px;
}

.etc #masthead #dimple {
	top: 185px;
	left: 228px;
}

/* primary navigation (nav1) */
#nav1 {
	position: absolute;
	top: 118px;
	left: 24px;
	width: 470px;
	height: 110px;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 99;
}

#nav1 li {
	position: absolute;
}

#nav1 span {
	display: none;
}

#nav1 a {
	display: block;
	background-position: 0 0;	
}

#nav1_err {top: 2px; left: 311px;}

#nav1_err a {
	width: 173px;
	height: 20px;
	background-image: url("/images/nav1-errorman.png");
	background-repeat: no-repeat;	
}

.err #nav1_err a, .err2 #nav1_err a, #nav1_err a:hover {
	background-position: 0 -20px;
}

#nav1_blood {top: 49px; left: 320px;}

#nav1_blood a {
	width: 158px;
	height: 13px;
	background-image: url("/images/nav1-blooddrive.png");
	background-repeat: no-repeat;	
}

.blood #nav1_blood a, #nav1_blood a:hover {
	background-position: 0 -13px;
}

#nav1_finding {top: 49px; left: 320px;}

#nav1_finding a {
	width: 158px;
	height: 17px;
	background-image: url("/images/nav1-findingout.png");
	background-repeat: no-repeat;	
}

.finding #nav1_finding a, #nav1_finding a:hover {
	background-position: 0 -17px;
}

#nav1_wrong {top: 4px; left: 0;}

#nav1_wrong a {
	width: 172px;
	height: 21px;
	background-image: url("/images/nav1-wrongnotes.png");
	background-repeat: no-repeat;	
	background-position: 40px 0;	
}

.wrong #nav1_wrong a, #nav1_wrong a:hover {
	background-position: 40px -21px;
}

#nav1_about {top: 49px; left: 17px;}

#nav1_about a {
	width: 143px;
	height: 13px;
	background-image: url("/images/nav1-about.png");
	background-repeat: no-repeat;
	background-position: 100px 0;
}

.about #nav1_about a, #nav1_about a:hover {
	background-position: 100px -13px;
}

#nav1_etc {top: 90px; left: 17px;}

#nav1_etc a {
	width: 162px;
	height: 12px;
	background-image: url("/images/nav1-etc.png");
	background-repeat: no-repeat;
	background-position: 140px 0px;	
}

.etc #nav1_etc a, #nav1_etc a:hover {
	background-position: 140px -12px;
}

/* utility navigation */
#util {
	position: absolute;
	top: 15px;
	left: 450px;
	width: 505px;
	color: #fff;
	text-align: right;
}

#util a {
	float: right;
	display: inline; /* ie6 only */	
	padding-left: 2px;
	padding-right: 2px;	
	color: #fff;
	font-family: "Times New Roman", times, serif;
	font-size: 1.0em;
	text-transform: uppercase;
	text-decoration: none;
}

#util .fingers a {
	padding-top: 16px;
	padding-right: 4px;
}

#util .fingers a:hover {
	color: #a8d2de;
}

#util img {
	border: 1px solid #fff;		
}

#util .thumbs a:hover {
	padding-top: 10px;
}

/* structural elements */
#main {
	clear: both;
	margin-left: 24px;
	margin-right: 24px;	
	background: #ebeef0;	
	border-left: 4px solid #282828;
	border-right: 4px solid #282828;	
}

#cola {
	float: left;
	width: 522px;
	min-height: 480px;
	height: 480px; /* ie6 only */
	background: #fff;
	border-right: 224px solid #f6f7f9;
	margin-right: -224px;
	padding-top: 20px;	
	padding-bottom: 30px;
	text-align: left;
}

#colb {
	float: left;
	width: 180px;
	min-height: 480px;
	height: 480px; /* ie6 only */	
	background: #f6f7f9;
	padding-right: 24px;	
	padding-left: 20px;	
	padding-top: 38px;
	text-align: right;	
}

#colc {
	float: left;
	width: 179px;
	padding-left: 20px;	
	padding-right: 24px;	
	padding-top: 38px;	
	text-align: right;	
}

html>body #cola, html>body #colb {
	height: auto; /* override ie6-only rule above */
}

/* inside page: main text and inline elements */
#cola p, #cola h2, #cola h3, #cola h4, #cola ul, #cola table {
	margin-left: 27px;
	padding-left: 0;
	width: 470px;
}

#cola embed {
	margin-left: 27px;
	margin-bottom: 10px;
	padding-left: 0;
}

#cola p embed {
	margin: 0;
}

#cola blockquote {
	margin-left: 47px;
}

#cola blockquote p {
	margin-left: 0;
	width: auto;
	font-size: inherit;
	line-height: inherit;
}

#cola h2, #cola h3 {
	color: #770202;
	margin-top: 40px;
	font-size: 1.5em;
	font-weight: normal;
}

#cola h4 {
	color: #282828;
	font-size: 1.1em;
	font-weight: bold;
}

#cola p, #cola ul, #cola table, #cola blockquote {
	font-size: 1.06em;
	line-height: 1.3em;
}

#cola ul ul, #cola ul ul ul, #cola ul ul ul ul {
	font-size: inherit;
}

#cola table, #cola ol   {
	margin-bottom: 25px;
}	

#cola h2.top, #cola h3.top {
	height: 29px;
	width: 470px;
	padding-left: 27px;
	padding-top: 9px;
	margin: 0;
	color: #fff;
	background: #282828;
	font-weight: normal;
	font-size: 1.5em;
}

#cola h2 a, #cola h3 a {
	color: #770202;
	text-decoration: none;
}

#cola h2 a:hover, #cola h3 a:hover {
	background: #770202;
	color: #fff;
}

#cola h2.top a, #cola h3.top a {
	color: #fff;
	background: #282828;
	text-decoration: none;
}

#cola h2.top a:hover, #cola h3.top a:hover {
	color: #fff;
	text-decoration: underline;
}


#cola p a, #cola ul a, #cola ol a, #cola table a {
	color: #770202;
	text-decoration: underline;	
}

#cola p a:hover, #cola ul a:hover, #cola ol a:hover, #cola table a:hover {
	color: #fff;
	background: #770202;
	text-decoration: none;	
}

#cola .errblock h4 {
	margin-top: 40px;
	margin-bottom: 2px;
}

#cola .errblock p {
	margin-top: 0;
}

#cola .errblock a {
	color: #282828;
	text-decoration: none;
	border-bottom: 1px solid #ddd;
}

#cola .errblock a:hover {
	background: #282828;
	color: #fff;
}


/* colb and colc */
#colb h5, #colc h5 {
	font-weight: normal !important;
}

#colb h4, #colc h4 {
	font-size: 1.0em;
}

#colb p a, #colc p a,
#colb li a, #colc li a,
#colb h5 a, #colc h5 a {
	font-family: "Times New Roman", times, serif;
	font-size: 0.95em;
	font-weight: normal;	
	text-transform: uppercase;
	text-decoration: none;
}

/*
#colb p a, #colc p a,
#colb li a, #colc li a,
#colb h5 a, #colc h5 a {
	font-family: "Times New Roman", times, serif;
	font-size: 1.0em;
	font-weight: normal;	
	text-transform: uppercase;
	text-decoration: none;
}
*/

#colb a {
	color: #c19a1f;	
}

#colc a {
	color: #1286a7;
}

#colb a:hover {
	color: #fff;
	background: #c19a1f;
}

#colc a:hover {
	color: #fff;
	background: #1286a7;
}

#colb h3, #colc h3 {
	color: #000;
	margin-bottom: 5px;
	font-family: "Times New Roman", times, serif;	
	font-size: 1.35em;
	font-weight: normal;	
}

#colb h3 a, #colc h3 a, 
#colb h4 a, #colc h4 a {
	color: #000;
	text-decoration: none;
}

#colb h3 a:hover, #colc h3 a:hover, 
#colb h4 a:hover, #colc h4 a:hover {
	color: #000;
	text-decoration: underline;
	background: inherit;
}	

#colb blockquote {
	color: #c19a1f;
	margin: 0;
	font-size: 1.0em;
	line-height: 2.0em;	
}

/*#colb #nav3 a {
	color: #c19a1f;
}
*/

#colb ul, #colc ul {
	list-style: none;
}

/* Wrong Notes blog posts */

#cola .byline {
	margin-top: 0;
	margin-bottom: 0;
	color: #282828;	
	text-transform: lowercase;
	font-variant: small-caps;
}

#cola .byline span {
	font-size: 0.85em;
}

#cola .byline a {
	color: #282828;
	text-decoration: none;
	border-bottom: 1px dotted #282828;
}

#cola .photoline {
	margin-top: 0;
	margin-bottom: 0;
	color: #bbb;
	font-size: 0.80em;
	font-style: italic;
	text-transform: lowercase;
}

#cola p.tags {
	line-height: inherit !important;	
}	

#cola .tags a {
	text-decoration: none;
}

#colb .tags a {
	color: #c19a1f;	
	font-family: "Times New Roman", times, serif;
	font-size: 1.0em;
	text-transform: uppercase;
	text-decoration: none;
}

#colb .tags a:hover {
	color: #fff;
	background: #c19a1f;
}

/* Err or Man nav2 menu */
#colc .errthumb {
	font-size: 0.9em;
}

#colc .errthumb a, #colc .errthumb a:hover {
	text-decoration: none;
	background: inherit;
}

#colc .errthumb a:hover img {
	margin: 0;
	border: 1px solid #1286a7;
}

#colc .errthumb img {
	margin: 1px;
	border: 0;
}

#colc .errthumb span {
	display: none;
}

/* convenience classes */
.notop {
	margin-top: 0 !important;
}

.nobottom {
	margin-bottom: 0 !important;
}

.ctr {
	text-align: center;
}

.clr {
	clear: both;
}

.ding {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}



/* footer */
#foothat {
	clear: both;
	height: 29px;
	margin-left: 24px;
	margin-right: 24px;	
	border-left: 4px solid #282828;
	border-right: 4px solid #282828;	
	background-image: url("/images/footleaves.gif");	
	background-repeat: no-repeat;	
}

#footer {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #171717;	
	color: #f9e096;
	font-size: 0.95em;
	text-align: left;
}

#footer a {
	color: #f9e096;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer h4, #footer h5 {
	margin-top: 0;
	margin-bottom: 0;	
	padding-top: 25px;
	color: #fff;	
	font-weight: normal;
	text-transform: uppercase;
}

#footer h4 {
	font-size: 1.2em;
}

#footer h5 {
	font-size: 1.1em;
}

/* footer News */
#footer #news {
	width: 522px;
	padding-left: 28px;
	min-height: 300px;
	height: 300px; /* ie6 only */
	background: #282828;
}

html>body #footer #news {
	height: auto; /* override ie6-only rule above */
}

#footer #news ul {
	width: 190px;
	padding-left: 1.0em;
	margin: 0;
}

#footer #news li {
	line-height: 1.5em;
	margin-top: 10px;
}

#footer #news li a {
	text-decoration: underline;
}

#footer #news li a:hover {
	color: #000;
	background: #f9e096;
	text-decoration: none;
}

#footer #news p {
	margin-bottom: 0;
	padding-bottom: 25px;
}

/* Foot Foot - totally! */
#footer #footfoot {
	width: 522px;
	padding-left: 28px;
	padding-top: 10px;
	padding-bottom: 5px;
	color: #585858;
	background: #282828;
	font-size: 0.85em;
	text-align: left;
}

#footer #footfoot a {
	color: #585858;
}

#footer #footfoot p {
	margin-top: 0;
	margin-bottom: 4px;
	padding: 0;
}

.juxta span {
	font-style: italic;
}

/* footer Albums */
#footer #albums {
	position: absolute;
	top: 0;
	left: 550px;
	height: 150px;	
	width: 451px;
	padding-left: 24px;
	background: #1d1d1d;
}

#footer #albums p {
	margin-top: 15px;
	margin-right: 30px;
	line-height: 1.9em;
}

/* footer Featured */
#footer #featured {
	position: absolute;
	top: 150px;
	left: 550px;
	width: 451px;
	padding-left: 24px;
}

#footer #featured img {
	float: right;
	margin-right: 300px;
	margin-top: 25px;
}

#footer #featured h5 {
	padding-top: 15px;
}

#footer #featured p {
	margin-top: 5px;
}

/* footer blockquotes */
#footer blockquote {
	margin: 0;
	padding: 0;
	color: #a8d2de;
	font-family: "Times New Roman", times, serif;
	font-style: italic;
	font-weight: normal;
}

/* footer News quote */
#footer #footquote {
	position: absolute;
	top: 30px;
	left: 290px;
	width: 195px;
	font-size: 2.25em;
	line-height: 2.4em;
	letter-spacing: 0.05em;
}

#footer #footquote div {
	font-size: 0.65em;
	line-height: 1.8em;
	text-align: right;
}

/* footer Feature quotes */
#featurequotes {
	position: absolute;
	top: 175px;
	left: 820px;
	width: 160px;
}

#featurequotes blockquote {
	margin-bottom: 1.5em;
	font-size: 1.2em;
	line-height: 1.5em;
}

#featurequotes blockquote div {
	font-size: 0.75em;
	line-height: 1.5em;
	text-align: right;
}

/* player */
#player {
	position: absolute;
	top: 110px;
	left: 550px;
	width: 429px;
	height: 142px;
	background-image: url("/images/grey-opaque.png");
	color: #fff;
	text-align: left;	
}

#player h4 {
	float: left;
	display: inline; /* ie6 only */
	width: 143px;
	height: 27px;
	margin: 0;
	padding: 0;
	font-size: 0.95em;
	text-align: center;
}

#player h4 a {	
	display: block;
	width: 142px;
	height: 20px;
	padding-top: 7px;
	color: #f9e096;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
}

#player h4 a:hover {
	color: #fff;
}

#player #fray, #player #pay {
	width: 142px;
	border-top: 1px solid #242424;		
	border-left: 1px solid #7a7a7a;
	border-bottom: 1px solid #7a7a7a;	
	background: #0b0b0b;
}

#player .pinfo {
	clear: both;
	padding: 25px;
}

#player .pinfo p {
	color: #bbb;
	font-style: italic;
}