/* css document for www.petghostproject.com : created by Ryan Scherler 2008 */

/* 
---------------------------------
GENERAL
---------------------------------
*/

body {
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; 
	font-size: 12px;
	color: #344346;
	background: #fbf5df url(/template_images/bg-body.jpg) repeat-x 0 0;
	margin: 0;
}

img { border: none; }

hr {
	border: none;
	border-top: 1px solid #d1c7a2;
}

/* 
---------------------------------
LAYOUT
---------------------------------
*/

div#container {
	margin: 0 auto;
	width: 820px;
}

div#header {
	position: relative;
	height: 186px;	
}

div#header h2 {
	position: absolute;
	top: 96px;
	left: 0;
}

div#topnav {
	float: right;
	width: 280px;
	margin-top: 116px; 
}

div#main-column {
	float: left;
	width: 500px;
}

div#side-column {
	float: right;
	width: 280px;
}

div#footer {
	border-top: 1px solid #d1c7a2;
	margin-top: 24px;
	padding: 12px 6px 6px 6px;
}

/* 
---------------------------------
NAVIGATION & LINKAGE
---------------------------------
*/

#header h2 a {
	display: block;
	width: 414px;
	height: 40px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/template_images/logotype.gif) no-repeat 0 0;
}

div#topnav li {
	float: left;
	margin-right: 18px;
}

#topnav li#topnav-contact { /* end topnav list item */
	margin-right: 0;
}

#topnav li a {
	border-bottom: 2px solid #626d6f;
	font-family: "HelveticaNeue-Regular", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	text-shadow: #3c494b 1px 0 0;
	font-size: 14px;
	color: #fdfcfa;
	text-decoration: none;
}

div#topnav li a:hover,
body#home li#topnav-home a,
body#albums li#topnav-albums a,
body#gigs li#topnav-gigs a,
body#about li#topnav-about a,
body#gigs li#topnav-gigs a {
	color: #edcc61;
	border-bottom-color: #899295;
}

#side-column a,
#main-column a:hover {
	color: #333;
}

#main-column a,
#side-column a:hover {
	color: #9c3808;
}

/* 
---------------------------------
TYPOGRAPHY
---------------------------------
*/

h1,h2,h3,h4,h5 {
	font-family: "HelveticaNeue-Regular", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	margin: 0 0 .25em 0;
	color: #9c3808;
	text-shadow: #f3efdf 1px 0 0;
}

h1 {
	font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-size: 26px;
}

h2 {
	font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-size: 18px;
}

h3 {
	color: #3b484a;
	font-size: 16px;
	margin-bottom: .5em;
}

p,dl,ul {
	margin: 0 0 .5em 0;
}

div.album p {
	font-size: 10px;
}

#footer p {
	font-size: 10px;
}

/* 
---------------------------------
CUSTOM CONTENT STYLING
---------------------------------
*/

img.float-left {
	float: left;
	margin: 0 8px 4px 0;
padding: 2px;
border: 1px solid #d1c7a2;
}

div#header-image {
	position: relative;
	width: 500px;
	height: 160px;
	margin-bottom: 12px;
}

#header-image img {
	display: block;
	width: 496px;
	height: 156px;
	border: 4px solid #e5dab4;
	background-color: #848a8c;
}

#header-image cite {
	text-align: right;
	font-size: 10px;
	color: #ccc;
	width: 488px;
	height: 14px;
	padding: 4px;
	background: #111;
	position: absolute;
	left: 4px;
	bottom: 0;
}

div.album img {
float: left;
	border: 4px solid #e5dab4;
margin: 0 8px 0 0;
}


div#latest-album p {
	font-size: 10px;
line-height: 1.4em;
}

hr {
	clear: both;
	border: none;
	height: 1px;
	background: #d1c7a2;
	margin: 16px 0;
}

div.upcoming-show {
	float: left;
	width: 100%;
	border-top: 1px solid #e6dcbb;
	padding: 8px 0 0 0;
}

#side-column .upcoming-show h3 {
	font-size: 12px;
	float: left;
}

.show-date {
	font-size: 10px;
	float: right;
}

ul.link-list li {
	font-size: 10px;
	margin-bottom: 1em;
}

div.news-entry {
	padding-top: 12px;
	border-top: 1px solid #d1c7a2;
}

p.entry-date {
	color: #8a8175;
	font-size: 10px;
	margin: 0 0 .5em 0;
}

div.album-info {
	border-top: 1px solid #d1c7a2;
	padding-top: 12px;
	margin-bottom: 12px;
}

div.album-tracks li a {
	display: block;
	width: 100%;
	border-top: 1px solid #e6dcbb;
	padding: 8px 0;
	text-indent: 8px;
	background: #f7efd8;
}

div.album-tracks li a:hover {
	background: none;
}

div.review {
	margin-bottom: 12px;
	font-style: italic;
}

p.review-quote {
	font-family: Georgia, serif;
	font-size: 11px;
	line-height: 1.4em;
}

p.reviewer {
	color: #9c3808;
	text-transform: uppercase;
}

form#sign-up {
	margin: 12px 0;
	padding: 10px;
	border: 1px solid #e6dcbb;
	background: #f7efd8;
}

form#sign-up input {
	padding: 4px;
	margin: 4px 0;
}

form#sign-up div#notice {
	color: #555;
	font-size: 10px;
}

div#notice strong {
	font-weight: bold;
}