/*
*******************************************************************

	THE DIVINE COMEDY . COM
	
	Description:		Main CSS
	Author:				Elliot Jay Stocks (www.elliotjaystocks.com)
	Version:			17th April 2007
	Browser(s):			All

*******************************************************************
*/


/* basic elements */
body { background: #F4F1E5 url(../images/pageBackground01.jpg) top center; margin: 0; text-align: center; }
body, p, li { font: 12px/14px Georgia, "Times New Roman", Times, serif; color: #553D25; }
p, h2 { margin-top: 0; }
h2 { font: bold 14px/16px Georgia, "Times New Roman", Times, serif; color: #000; margin: 10px 0 10px 0; }
ul { margin: 0; padding: 0; }
a { color: #060; text-decoration: none; }
a:hover { color: #000; }
a img { border: none; }
#hiddenImages { display: none; }
p, li, a, li a, #navTop, #navBottom, #title, #content, #pageContent { z-index: 1; }

div.news { padding: 0 10px 0 0 }


/* Image replacement */
h1#pageTitle { text-indent: -5000px; position: absolute; top: 40px; left: 454px }
h1#pageTitle { background: url(../images/titleNews.gif) top left no-repeat; width: 84px; height: 29px }
/* The ones below are catered for by the PHP if statement in header.php
h1#titleTours { background: url(../images/titleTours.gif) top left no-repeat; width: 97px; height: 29px; }
h1#titleBio { background: url(../images/titleBio.gif) top left no-repeat; width: 57px; height: 29px; }
h1#titleDiscography { background: url(../images/titleDiscography.gif) top left no-repeat; width: 206px; height: 40px; }
h1#titleMedia { background: url(../images/titleMedia.gif) top left no-repeat; width: 105px; height: 29px; }
h1#titleGallery { background: url(../images/titleGallery.gif) top left no-repeat; width: 119px; height: 40px; }
h1#titleQA { background: url(../images/titleQA.gif) top left no-repeat; width: 90px; height: 39px; }
h1#titleShop { background: url(../images/titleShop.gif) top left no-repeat; width: 84px; height: 40px; }
h1#titleSignUp { background: url(../images/titleSignUp.gif) top left no-repeat; width: 134px; height: 40px; }
h1#titleLyrics { background: url(../images/titleLyrics.gif) top left no-repeat; width: 99px; height: 40px; }
h1#titleInnerCircle { background: url(../images/titleInnerCircle.gif) top left no-repeat; width: 206px; height: 29px; }
*/

/* And for the benefit of the static pages... */
h1.title { text-indent: -5000px; position: absolute; top: 40px; left: 454px }
h1.titleIsDiscography { background: url(../images/titleDiscography.gif) top left no-repeat; width: 206px; height: 40px }
h1.titleIsGallery { background: url(../images/titleGallery.gif) top left no-repeat; width: 119px; height: 40px }
h1.titleIsSignup { background: url(../images/titleSignUp.gif) top left no-repeat; width: 134px; height: 40px }




/* Lyrics stuff */
h1#albumAbsent, 
h1#albumLiberation, 
h1#albumCasanova, 
h1#albumPromenade, 
h1#albumSecret, 
h1#albumShort, 
h1#albumRegeneration
{ margin: 0 0 20px 0; } 



/* layout */
#content {
	position: relative; 
	text-align: left;
	width: 932px;
	margin: -10px auto 0 auto;
	}

#book { 
	position: absolute;
	top: 0;
	left: 0;
	width: 932px;
	height: 634px;
	background: url(../images/book01.gif) top left no-repeat;
	}

.flashContent {
	position: absolute;
	top: 56px;
	left: 53px;
	width: 382px; 
	height: 528px;
	margin: 0;
	}

.textArea { 
	position: absolute;
	top: 96px;
	right: 116px;
	width: 350px; 
	height: 460px;
	overflow: auto;
	padding: 10px 10px 0 0;
	margin: 0;
	}
	


	


/* Gallery and Discography layout */

p.galleryImage img { border:1px solid #fff; margin:0 0 5px 0; padding:5px; vertical-align:top }

.thumbnail, .packshot { 
	float: left; 
	width: 50px;
	border: 1px solid #fff;
	margin: 0 15px 15px 0;
	padding: 5px;
	}

.thumbnail { width: 50px; }
.packshot { width: 77px; height:150px; overflow:visible; }
.packshot img { margin: 0 0 3px 0; }
.clearboth { clear: both; }

.largePackshot { float: left; margin: 0 10px 10px 0; clear:left; }

div.textArea div.item {
clear:both;
}

div.textArea h2.title {
width:50%;
float:right;
}

div.textArea div.trackList {
display:inline;
clear:both;
margin-bottom:10px;
float:left;
width:100%;
}

div.textArea div.trackList ul {
margin:0 5% 10px 0;
padding:0px;
list-style-type:none;
float:left;
}

div.textArea div.trackList ul li {
_font-size:85%;
}

div.textArea div.trackList p {
font-weight:bold;
}

ul.signupFieldsList li { position:relative; margin:0 0 10px 0 }
ul.signupFieldsList li input { position:absolute; top:0; left:110px }
ul.signupFieldsList li input.check { left:140px }