/*
Theme Name: damsel fly
Theme URI: http://damsel-fly.com
Description: damsel fly's theme
Version: 1.0
Author: paul jarvis
Author URI: http://twothirty.com/
*/

/* css information -----------------------------------

damselfly	screen css
author		paul jarvis
started		sept 07, 2005
	
back		322f27
biege		999487
red		d02c00
red back	450101
	
-------------------------------------------------------- */


p.footer {

	padding: 30px;
	font-size: 0.85em;
	text-align: right;
	clear: right;
	display: block;
}

* {
	padding: 0; margin: 0; border: 0;
} 

body {
	font-size: 76%;
	font-family: helvetica, tahoma, geneva, arial, sans-serif; 
	text-align: center;
	background: #322f27 url("../images/content.gif") top center repeat-y;
	color: #999487;
}

li {
	list-style: none;
}

.hide {
	display: none;
}






/* global interface elements
-------------------------------------------------------- */
#wrapper {
	position: relative;
	width: 725px;
	margin: 0 auto;
	text-align: left;
}

#header {
	position: relative;
	background: url("../images/header.gif") top left no-repeat;
	height: 405px;

}

#content {
	float: left;
	width: 700px;
	position: relative;
	margin-top: -100px;
}

#feature {
	position: absolute;
	top: 264px; right: 50px;
}

#leftcol {
	float: left;
	margin-left: 58px;
	display: inline;
	margin-top: 25px;
}

#rightcol {
	float: right;
	width: 460px;
}





/* navigation elements
-------------------------------------------------------- */
#replacelogo {
	position: absolute;
	top: 200px; left: 38px;
	width: 387px; height: 47px;
	background: url("../images/df-logo.gif") no-repeat;
}

#replacelogo a, #replacelogo h1 {
	display: block;
	width: 387px; height: 47px;
	text-indent: -9999px;
	background: none;
	text-decoration: none;
} 

#nav {
	position: absolute;
	top: 246px; left: 35px;
	width: 488px; height: 24px;
	background: url("../images/nav1.gif");
}

#nav a, #nav li {
	position: absolute;
	text-indent: -9999px;
	text-decoration: none;
	top: 0; height: 24px;
}

#home a				{ left: 0; width: 50px; }
#gigs a				{ left: 50px; width: 42px; }
#music a			{ left: 92px; width: 53px; }
#bio a				{ left: 145px; width: 35px; }
#photos a			{ left: 180px; width: 61px; }
#merch a			{ left: 241px; width: 60px; }
#links a			{ left: 301px; width: 52px; }
#contact a			{ left: 353px; width: 135px; }


#home a:hover			{ background: transparent url("../images/nav1.gif") 0 -24px no-repeat; }
#gigs a:hover			{ background: transparent url("../images/nav1.gif") -50px -24px no-repeat; }
#music a:hover			{ background: transparent url("../images/nav1.gif") -92px -24px no-repeat; }
#bio a:hover			{ background: transparent url("../images/nav1.gif") -145px -24px no-repeat; }
#photos a:hover			{ background: transparent url("../images/nav1.gif") -180px -24px no-repeat; }
#merch a:hover			{ background: transparent url("../images/nav1.gif") -241px -24px no-repeat; }
#links a:hover			{ background: transparent url("../images/nav1.gif") -301px -24px no-repeat; }
#contact a:hover		{ background: transparent url("../images/nav1.gif") -353px -24px no-repeat; }

#home a.active, #home a.active:hover			{ background: transparent url("../images/nav1.gif") 0 -48px no-repeat; outline: none;}
#gigs a.active, #gigs a.active:hover			{ background: transparent url("../images/nav1.gif") -50px -48px no-repeat; outline: none;}
#music a.active, #music a.active:hover			{ background: transparent url("../images/nav1.gif") -92px -48px no-repeat; outline: none;}
#bio a.active, #bio a.active:hover			{ background: transparent url("../images/nav1.gif") -145px -48px no-repeat; outline: none;}
#photos a.active, #photos a.active:hover		{ background: transparent url("../images/nav1.gif") -180px -48px no-repeat; outline: none;}
#merch a.active, #merch a.active:hover			{ background: transparent url("../images/nav1.gif") -241px -48px no-repeat; outline: none;}
#links a.active, #links a.active:hover			{ background: transparent url("../images/nav1.gif") -301px -48px no-repeat; outline: none;}
#contact a.active, #contact a.active:hover		{ background: transparent url("../images/nav1.gif") -353px -48px no-repeat; outline: none;}





/* content elements
-------------------------------------------------------- */
#rightcol p {
	font-size: 1em;
	line-height: 1.2em;
	padding: 0 21px 21px 21px;
}

#rightcol h3 {
	padding: 0 21px;
	font-size: 2em;
	font-weight: normal;
	color: #fff;

	background: transparent url("../images/smalldf.gif") no-repeat; 
}

#rightcol p.date {
	font-size: 0.75em;
	color: #d02c00;
	padding: 0 21px !important;
}

#rightcol ol {
	font-size: 1em;
	line-height: 1.2em;
	padding: 0 21px 21px 21px;
}

#leftshows {
	width: 149px;
	padding-top: 18px;
	background: #450101 url("../images/red-top.gif") top left no-repeat; 
}

#leftshows ul {
	padding-bottom: 27px;
	background: #450101 url("../images/red-bot.gif") bottom left no-repeat; 
}

#leftshows li {
	padding: 3px 6px;
	font-size: 0.85em;
}

#leftshows h4 {
	font-size: 0.85em;
	padding: 0 6px;
}

#content a, #footer a, .footer a {
	color: #fff;
	text-decoration: none;
}

#content a:hover, #footer a:hover {
	color: #d02c00;
}



.myspace {
	text-align: center;
	padding: 21px;
}

.cdcover {
	text-align: center;
	padding: 21px 6px;
}

ol li {
	padding-bottom: 12px;
color: #d02c00 !important;
}

ol li span {
	font-size: 2em;
	color: #fff;
	display: block;
}

ol li a {
	color: #d02c00 !important;
}

ol li a:hover {
	color: #fff !important;
}

ol li a.photonavon {
	color: #fff !important;
}


/* home elements
-------------------------------------------------------- */
/* tabular elements
-------------------------------------------------------- */
/* form elements
-------------------------------------------------------- */
input#email { width: 110px; }


#gallery {
	position: relative; 
}
#gallery .image {
	text-align: center;
}
#gallery .image img {
	border: 1px solid #a9a9a9; 
	margin: 6px 6px 6px 6px; 
	padding: 2px;
}
#gallery .image img:hover, .image img:focus {
	background-color: #a9a9a9; 
}
#gallery .imgdata {
	border: 1px solid #a9a9a9; 
	margin: 6px 0px 6px 0px; 
	padding: 4px;
}
#gallery #nav {
	border: 1px solid #a9a9a9; 
	margin: 6px 0px 6px 0px; 
	padding: 4px 4px 0px 4px;
	height: 18px;
}
#gallery #nav .alignleft {
	float: left;
}
#gallery #nav .alignright {
	float: right;
}
#gallery .folder {
	margin: 6px 0px 6px 0px; 
	padding: 4px 0px 4px 0px;
}

.image-center {
	text-align: center;
}