html, body { height: 100%; }

body {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;	
	color: #474845;
	background-color: #eff1e7;
}

h1 { font-size: 1.875em; color: #861b22; font-weight: normal; margin-bottom: .25em; }

/* Classy headings! */
#login h1 { text-align: center; }

h2 { font-size: 1.25em; color: #861b22; font-weight: normal; }

a { color: #861b22; text-decoration: none; }

a:hover { text-decoration: none; }

p { font-size: .875em; margin: 1em 0; line-height: 1.5em; }

.imgStyle img { border: 1px solid #861b22; padding: .5em; }

#container {
	position: relative;
	min-width: 1044px;
	min-height: 100%;
	height: 100%;
	width: 100%;
}

html>body #container { height: auto; }

#header {
	position: relative;
	margin: 0 auto;
	background: transparent url("../images/navigationBg.gif") left top repeat-x;	
}

#innerHeader { position: relative; width: 750px; margin: 0 auto; }

#logo {
	float:left;
	width: 138px;
	height: 48px;
	background: transparent url("../images/logo.png") left top no-repeat;
}

#navigation {
	position: relative;
	float: left;
	width: 588px;
	height: 48px;
	color: #ffffff;
	list-style-type: none;
	background: transparent url("../images/navigation.png") left top no-repeat;
}

#navigation li { position: absolute; text-indent: -3000em; overflow: hidden; }
#navigation a { display: block; height: 48px; }
#navHome { left: 0px; width: 67px; }
#navArt { left: 68px; width: 163px; }
#navPhotos { left: 232px; width: 75px; }
#navT4Art { left: 308px; width: 111px; }
#navMusicians { left: 420px; width: 98px; }
#navMerch { left: 519px; width: 67px; }

/* HOVER STATES */
#navHome a:hover { background: transparent url("../images/navigation.png") 0px -48px no-repeat; }
#navArt a:hover { background: transparent url("../images/navigation.png") -68px -48px no-repeat; }
#navPhotos a:hover { background: transparent url("../images/navigation.png") -232px -48px no-repeat; }
#navT4Art a:hover { background: transparent url("../images/navigation.png") -308px -48px no-repeat; }
#navMusicians a:hover { background: transparent url("../images/navigation.png") -420px -48px no-repeat; }
#navMerch a:hover { background: transparent url("../images/navigation.png") -519px -48px no-repeat; }

/* SLIDESHOW */
#slideShowWrapper {
	height: 300px;
	background: #3c0c0f url("../images/slideShowWrapper.png") left top repeat-x;
}

#slideShow {
	width: 750px;
	height: 290px;
	margin: 0 auto;
	overflow: hidden;
	background: transparent url("../images/slideShow.png") left top no-repeat;
}

#slideShow img { margin: 23px 0 0 52px; }

#slideShow div { width: 100%; height: 100%; }

#buyAlbum, #iTunes {
	position: absolute;
	right: 0;
	top: 0;
	margin: 2em 1.5em 2em 2.5em;
	width: 115px;
	height: 115px;
	display: block;
	background: transparent url("../images/buyAlbum.gif") left top no-repeat;
}

#iTunes {
	right: 0;
	top: 130px; 
	width: 115px; 
	height: 113px;
	background: transparent url("../images/itunes.png") left top no-repeat; 
}

/* MIDDLE */
#middle {
	position: relative;
	padding: 1em 0 8em 0;
	background: transparent url("../images/middle.gif") left top repeat-x;
}

#content { width: 750px; margin: 0 auto; }
#content a { border-bottom: 1px solid #861b22; }
#content a:hover { border-bottom: 2px solid #861b22; }


/* FOOTER */
#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding-top: 8px;
	background: #3c0c0f url("../images/footer.gif") left top repeat-x;
}

#innerFooter {
	font-size: .8em;
	color: #861b22;
	width: 750px;
	margin: 1.25em auto;
	list-style-type: none;
}

#innerFooter li { line-height: 1.5em; }

#innerFooter .alignright { text-align: right; }

#innerFooter a { color: #EFF1E7; border-bottom: 1px solid #861b22; }

a#footerHome { color: #861B22; text-decoration: none; border: none; }
a#footerHome:hover, #innerFooter a#footerHome:hover { border: none; }

#innerFooter .alignright a { color: #9b4b50; }
#innerFooter a:hover { background-color: transparent; border-bottom: 2px solid #861b22; }

.site_map li { margin-left: 1.25em; }

.clear { clear: both; }


/* HOME PAGE */
#homeContent { width: 750px; margin: 0 auto; }
#homeContent td { width: 250px; }

/* NEWS POSTS */
#homeContent .newsPosts { border-right: 1px solid #bfc1b9; }
#homeContent .newsPosts div { margin: 1em 0; }

/* POST DATE */
#homeContent .newsPosts .date {
	float: left;
	color: #000000;
	font-size: .775em;
	font-weight: bold;
	margin-right: .75em;
} 

#homeContent .newsPosts .date dd { font-size: 2.5em; margin: 0; line-height: .75em; }

/* POST CONTENT */
#homeContent .newsPosts .post { margin-right: .5em; }
#homeContent .newsPosts .post dt { color: #861b22; margin-bottom: .25em; }
#homeContent .newsPosts .post dd { font-size: .75em; line-height: 1.75em; }
#homeContent .newsPosts .post a { border-bottom: 1px solid #C0888C; }
#homeContent .newsPosts .post a:hover { border-bottom: 2px solid #861b22; }

/* PAGE LIST */
#homeContent .pageList { border-right: 1px solid #bfc1b9; }
#homeContent .pageList h1, .homeLinks h1 { margin: 0 .425em; }
#homeContent .pageList ul { margin: 1.15em 0; list-style-type: none; }
#homeContent .pageList a {
	display: block;
	font-size: 1.5em;
	color: #3a3838;
	margin: 0 .5em;
	padding: .15em 0;
	border-bottom: 1px solid #C0888C;
}
#homeContent .pageList a:hover { color: #861b22; background-color: #DEE4DF; }
#homeContent .pageList .first a { border-top: 1px solid #C0888C; }

/* LINKS */
#homeContent .homeLinks a {
	display: block;
	width: 226px;
	height: 110px;
	margin: 1em auto;
	padding: 1px 0 0 1px;
	border: none;
	background: transparent url("../images/linkBg.png") left top no-repeat;
}

#homeContent .homeLinks p { text-align: right; }
#homeContent .homeLinks p a {
	display: inline;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	background: none;
}

/* CONTACT PAGE */
#contactList li { margin: 1em 0; list-style-type: none; }

/* LEGAL PAGE */
#legalList li { margin: 1em 0; list-style-type: none; }

/* NO SWEAT */
#noSweatList { margin: 0 0 1em 1em; font-size: 1.2em; }

/* MUSICIANS */
#content ul.musiciansList { margin: 2em 0; }
.musiciansList li { margin: 1em 0; list-style-type: none; }
.musiciansList p { margin-top: .5em; }
.musiciansList a img { display: block; margin: 0 1em .25em 0; border: 1px solid #861b22; }

/* MERCH */
/* I slammed a table in there, sorry David! <3 J */
table#merchList p, table#merchList ul { margin: 1.25em; }
table#merchList li { margin-left: 1.25em; }
table#merchList tr { border-bottom: 1px solid #888; }
table#merchList td { padding: .625em; }

/* GALLERIES */
#content .galleriesList li { text-align: center; margin-bottom: .5em; list-style-type: none; }
#content .galleriesList li a img { display: block; margin: 0 auto; border: none; }
#content .galleries a { margin-right: 1em; border: none; }
#content .galleries a img { margin-top: 1em; padding: 2px; border: 1px solid #9b4b50; }
#content .galleries a img:hover { padding: 0; border: 3px solid #861b22; }

#videoDiv {
	text-align: center;
}

/* FRIENDS and BANNERS TABLES */
#friendsTable,
#bannersTable { width: 100%; }

#friendsTable tr.odd,
#bannersTable tr.odd {
	background: #fff;
	border: 1px solid #999;
	border-left: none;
	border-right: none;
}

#friendsTable td,
#bannersTable td { vertical-align: middle; }

#bannersTable td a img { border: none; }
#bannersTable td a { border: none; }

#friendsTable td.edit { padding: 1.25em; }

#friendsTable td img,
#bannersTable td img { display: block; margin: 1.25em;}

#bannersTable td img { display: block; margin: 1.25em 0;}

#friendsTable td h2 { margin: 1.25em 0; text-align: left; }
#friendsTable td.bannerCol { width: 1px; }

/* Flash notices */
#flash {
	text-align: center;
	background: #ffffcc;
	border: 2px solid yellow;
	border-left: none;
	border-right: none;
}

/* LOGIN */
#login div.form {
	width: 50%;
	margin: 1.25em auto;
	background: #f0f0f0;
	border: 2px solid #3c0c0f;
}

#login div.form form { margin: 1.25em; }
#login div.form form label { display: block; width: 100%; text-align: right; }
#login div.form form input.submit { padding: 0 .625em; }
#login div.form form td { padding: .3125em; }

/* t4facts */
.handle {
	background: black;
	color: #eff1e7;
	cursor: move;
}

/* Normal lis */
#t4facts li { 
	margin: .3125em 0;
	margin-left: 1.25em;
}

.editImage {
  float: left;
  border: 1px solid #666;
  margin: .625em;
  padding: .625em;
  text-align: center;
}

#editStoryboards tr { border-bottom: 1px solid #444; }

#editStoryboards td { vertical-align: middle; }

#homeContent .pageList li.highlight a {
  color: #000;
  text-decoration: underline;
}