/* CSS Document */
body {
	font-family: verdana, trebuchet, arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #EFC478;
	margin: 0;
	padding: 0;
	text-align: left;
	background: #4e2215 ;
	background:#571B0B;
}

* { 
	font-size: 1em; 
	line-height: 1.5em;
}
div, form{
	margin:0;
	padding:0;
}



/* general styles */
p, ul, ol, dl { 
	margin: 0 0 1em 0;  
} 
p {
	font-size: 1.1em;
}
h1, h2, h3, h4, h5, h6{
	margin: 0 0 .1em 0;
}	
h1 {
	font-family: Georgia, Garamond, "Times New Roman", Times, serif;
	font-size: 1.7em;
	font-variant: small-caps;
	color: #ff7014;
}
h2 {
	text-transform: uppercase;
	font-size: 1.2em;
	color:#EFA731;
	margin: 2px 0;
}
h3 {
	font-weight: normal;
	font-size: 1.2em;
	color: #ff7014;
}
h4, h5, h6 {
	font-size: 1.1em;
}
a {
	text-decoration: none;
	color: #fff;
}
p a:hover {
	border-bottom: 1px dotted;
}
img, a img {
	border: none;
}		

ul, ol, dl, li, dt, dd {
	list-style: none outside;
	padding:0;
	margin: 0;
}
li, dt, dd {
	font-size: 1.1em;
	margin:0;
}
ul {
	margin-bottom: 10px;
}
ul li a{
	font-size: 1.1em;
}
input{
	margin-left: 10px;
}
a.skiplink {
	font-size: 8px;
	font-weight:normal;
	color: #FFFFFF;
	text-decoration: none;
}
.skiplink:active, .skiplink:focus {
	color: #0000FF;
	text-decoration: underline;
}

.thumbnail, .inlinepic {
	border: 1px solid #000;
	margin: 2px 10px 10px 0;
	float: left;
}	
.caption {
	font-style: italic;
	
}


/* main boxes */
#wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
}
#content {
	width: 95%;
	min-width: 770px; 
	margin: 25px 0 20px 0;
	float:left;
	clear:both;
}
#header {
	height: 270px;
	margin: 0;
	padding: 0;
}


/* header box & classes */
#header h1 {	
	height: 200px;
	width:770px;
	display: block;
	clear: both;
	margin: 0;
	padding-top:25px;
	}
#header h1 span a{
	top:30px;
	display:block;
	height:170px;
	width: 330px;
	text-indent: -20000em;
}
/* individual header classes */
#header, .index #header, .media #header  {
	background: #ff7014 url(../images/bgs/home-bg.jpg) no-repeat left top;
}
.gigguide #header, .gig #header {
	background: #9bA66e url(../images/bgs/gigguide-bg.jpg) no-repeat left top;
}
.news #header  {
	background: #E0BC66 url(../images/bgs/news-bg.jpg) no-repeat left top;
}
.theband #header {
	background: #55c3c4 url(../images/bgs/theband-bg.jpg) no-repeat left top;
}
.music #header {
	background: #33bd81 url(../images/bgs/music-bg.jpg) no-repeat left top;
}
.pictures #header {
	background: #F34F46 url(../images/bgs/pictures-bg.jpg) no-repeat left top;
}
.bookings #header, .technical #header {
	background: #fea900 url(../images/bgs/bookings-bg.jpg) no-repeat left top;
}



/* nav styles */
#menu {
	position:absolute;
	width: 698px;
	height: 39px;
	margin: 0;
	padding-left: 29px;
	background: url(../images/bgs/menu-bg.gif) no-repeat left top;
}
#menu ul, #menu li  {
	list-style: none inside;
	height:39px;
}
#menu li { /* all list items */
	float: left;
	width: 100px; /* width needed or else Opera goes nuts */
}
#menu a {
	display: block;
	border: none;
	width: 100px;
	height:39px;
	text-indent: -20000px; 
}

#menu li.gigguideNav, #menu li.gigguideNav a{
	width:95px;
	background: url(../images/links/gigguide.gif) no-repeat top left;
}
#menu li.gigguideNav a:hover{
	background: url(../images/links/gigguide.gif) no-repeat bottom left;
}

#menu li.newsNav, #menu li.newsNav a {
	width:75px;
	background: url(../images/links/news.gif) no-repeat top left;
}
#menu li.newsNav a:hover{
	background: url(../images/links/news.gif) no-repeat bottom left;
}
#menu li.thebandNav, #menu li.thebandNav a {
	width:100px;
	background: url(../images/links/theband.gif) no-repeat top left;
}
#menu li.thebandNav a:hover{
	background: url(../images/links/theband.gif) no-repeat bottom left;
}
#menu li.musicNav, #menu li.musicNav a {
	width:77px;
	background: url(../images/links/music.gif) no-repeat top left;
}
#menu li.musicNav a:hover{
	background: url(../images/links/music.gif) no-repeat bottom left;
}
#menu li.picturesNav, #menu li.picturesNav a {
	width:92px;
	background: url(../images/links/pictures.gif) no-repeat top left;
}
#menu li.picturesNav a:hover{
	background: url(../images/links/pictures.gif) no-repeat bottom left;
}
#menu li.bookingsNav, #menu li.bookingsNav a {
	width:100px;
	background: url(../images/links/bookings.gif) no-repeat top left;
}
#menu li.bookingsNav a:hover{
	background: url(../images/links/bookings.gif) no-repeat bottom left;
}
#menu li.homeNav, #menu li.homeNav a {
	width:77px;
	background: url(../images/links/home.gif) no-repeat top left;
}
#menu li.homeNav a:hover{
	background: url(../images/links/home.gif) no-repeat bottom left;
}




/* floating column boxes for content*/
/* total minimum width 770px, percentages & min-width worked out on that basis*/
.feature, .subitem{
	margin: 0 0 10px 0;
	float:left;
	display:inline;
}
.feature{
	width: 63%;
	min-width:480px;
	padding-left:2%;
}
.subitem{
	width: 28%;
	min-width:210px;
	padding-left:2%;
}




/* index layout stuff */
.index h2{
	color:#BA2226;
}
.index .intro {
	width:480px;
	float: left;
}
.index .intro img{
	float: left;
	display:inline;
	margin-right:10px;
}
.index .intro h2.sifr{ /* flash generated heading */
	float: left;
	width: 190px;
}
.index .nextgig {
	clear:left;
	margin: 15px 0 30px 0;
}
.nextgig .item {
	padding-left:40px;
}
.index .newsitem {
	padding-left:40px;
	clear: both;
}
/* media layout stuff - uses index page class */
.index .press{
	padding-left:40px;
}

/* gigguide layout stuff */
.gigguide h2, .gig h2 {
	color: #7a5d4d;
}
.gigguide .subitem {
	width: 35%;
	min-width: 265px;
	padding-left:3%;
	}
.gigguide .feature {
	position:relative;
	width: 55%;
	min-width: 420px;
	}
.gigguide .gigintro{
	width:80%;
}
.gigguide .nextgig{
	padding-left:40px;
}
.gigguide .gignote {
	position:absolute;
	width: 130px;
	top:0px;
	left:66%;
	font-style: italic;
}
.gigguide .giglist {
	margin: 0 0 15px 35px;
}

/* news layout stuff */
.news .feature, .news .subitem {
	width: 45%;
	min-width: 345px;
	}
.news h2 {
	color: #368857;
}
.news .mainnews {
	padding-left:40px;
}
.news .mainnews .inlinepic{
	float:none;
}
.news .joinlist {
}
.news .signup{
	width:300px;
	text-align:right;
	margin-top: -20px;
}
.news .signup label{
	font-style: italic;
}
.news .signup input{
	margin-bottom:2px;
}
.news .newslist{
	clear: both;
	margin-top:40px;
	}
.news .newslist dl{
	padding-left:40px;
	}
.news .newslist dt a{
	text-transform:uppercase;
	font-weight:bold;
	color: #368857;
	}
.news .newslist dt a:hover{
	border-bottom: 1px dotted #368857;
	}
.news .newslist dd {
	margin-bottom:10px;
}

/* theband layout stuff */
.theband .subitem {
	width: 42%;
	min-width: 320px;
	padding-left:2%;
	}
.theband .feature {
	width: 48.5%;
	min-width: 370px;
	padding-left:2%;
	}
.theband h1 {
	color: #029eC7;
}
.theband h2{
	color:#96B077;
}
.theband .inlinepic{
	float: none;
	margin:0 0 10px 0;
}
.theband .bandintro{ /* main band page - band intro */
	padding-left: 40px;
	
}
.theband .bandgallery {/* main band page - member gallery */
	padding: 0 ;
}
.theband .bandgallery .column1,
.theband .bandgallery .column2{
	width: 42%;
	min-width: 150px;
	margin:0;
	float: left;
	display:inline;
}
.theband .bandgallery .column1{
	margin: 0 10px 0 40px;
	clear:left;
}
.theband .bandgallery h2 a{
	text-transform:uppercase;
	font-weight:bold;
	color: #96B077;
}
.theband .bandgallery h2 a:hover{
	border-bottom:1px dotted #96B077;
}
.theband #newStaff{
	display:block;width:150px;
}
.theband .biomenu {
	width: 36%;
	min-width: 270px;
	text-align:right;
}
.theband .mainbio {
	width: 55%;
	min-width: 420px;
	margin:0 4% 0 0;
	float:right;
	}
.theband .bandlist {
	width: 33%;
	min-width: 250px;
	padding-left:2%;
	text-align:left;
	clear:left;
	}
.theband .bandmenu{
	width: 37.5%;
	min-width: 290px;
	text-align:right;
}
.theband .bandbio {
	width: 51%;
	min-width: 400px;
	margin:0 3% 0 0;
	float:right;
	}
.theband .bandmenu .inlinepic{
	float:none;
	margin: 0 0 10px 0;
	}
.theband .bandmenu .bandlist {
	width: auto;
	padding-left:0;
	margin-top:30px;
	}
.theband .bandlist ul{
	padding-left:40px;
}
.theband #content ul a{
	text-transform:uppercase;
	font-weight:bold;
	color: #96B077;
}
.theband #content ul a:hover{
	border-bottom:1px dotted #96B077;
}


/* music layout stuff */
.music h2 {
	color:#938757;
}

.music .buy {
	width:180px;
	padding-top:30px;
	float: left; 
	display:inline;
}
.buy ul {
	list-style: none outside;
	padding-left:55px;
	margin-top:-5px;
}
.buy li {
	list-style: none outside;
}
.music .album  {
	margin-left:190px;
}
.music .inlinepic {
	float: left;display:inline;
}
.music .detail {
	margin-left:120px;
}

.tracklist ol, .tracklist li,
.reviews ul, .reviews li {
	list-style: none outside;
	padding-left: 0px;
	margin-left: 0px;
}
.tracklist li a {
	color: #fff;
	text-transform: uppercase;
}
.music .reviews {
	width: auto;
	min-width: 320px;
	clear:both;
}


/* pictures layout stuff */
.pictures .feature{
	min-height: 100px;
}
.pictures h2, .pictures h2 a {
	color: #f45762;
	color:#7B3887;
}
.pictures .galleries {
	padding-left:40px;
	width:150px;
}
.pictures .gallerylink img{
	border:1px solid #000;
}
.category p{
	margin: 2px 0;
	width: 95%;
 }
.category h2 a {
	color: #f45762;
}
.pictures .mainphoto, .pictures .thumbs {
	padding: 0 0 10px 40px;
}
.pictures .mainphoto .inlinepic{
	float:none;
	margin:0 0 5px 0;
}
.pictures .thumbs ul li{
	float: left;
	width:120px;
	height:150px;
}

/* Bookings & Technical Requirements layout stuff */
.bookings h2 {
	color: #917060;
}
.bookings .bookingform, .bookings .technical, .bookings .equipment{
	padding-left:40px;
}
.bookings .subitem ul{
	padding-left:40px;
}
.bookings .subitem li a{
	color: #917060;
	text-transform:uppercase;
	font-weight:bold;
}
.bookings .subitem li a:hover{
	border-bottom:1px dotted #917060;
}




/* footer box & classes */
#footer, #userpanel {
	width: 760px;
	height: 70px;
	margin: 0;
	color: #ff7014;
	clear: both;
	text-align: right;
}
#footer p, #footer ul{
	margin: 1px;
}
#footer p.credits {
	margin: 1px;
	padding: 35px 0 10px 0;
}
#userpanel li {
	display:inline;
}
#footer a {
	color: #fc6;
}

/* individual footer classes */
.index #footer, .media #footer {
	background: url(../images/bgs/footers/home.gif) no-repeat left top;
}
.gigguide #footer {
	background: url(../images/bgs/footers/gigguide.gif) no-repeat left top;
}
.news #footer {
	background: url(../images/bgs/footers/news.gif) no-repeat left top;
}
.theband #footer {
	background: url(../images/bgs/footers/theband.gif) no-repeat left top;
}
.music #footer {
	background: url(../images/bgs/footers/music.gif) no-repeat left top;
}
.pictures #footer {
	background: url(../images/bgs/footers/pictures.gif) no-repeat left top;
}
.bookings #footer, .technical #footer {
	background: url(../images/bgs/footers/bookings.gif) no-repeat left top;
}





/* IMPORTANT! sIFR import styles for screen & print media */

@media screen {
/* These are standard sIFR styles... do not modify */

	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
	}
	
	.sIFR-replaced {
		visibility: visible !important;
	}
	
	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}


/* These "decoy" styles are used to hide the browser text before it is replaced... add and alter as necessary for individual site */
/* Letter spacing can be used to make the browser text metrics match up with the sIFR text metrics... settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash .intro h2{
	visbility:hidden;
	font-size:14px;
}
	.sIFR-hasFlash #topMenu li{
	}
}

@media print {
/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

	.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
		display: none !important;
		height: 0;
		width: 0;
		position: absolute;
		overflow: hidden;
	}
	
	span.sIFR-alternate {
		visibility: visible !important;
		display: block !important;
		position: static !important;
		left: auto !important;
		top: auto !important;
	}

}



/* dreamgirl CMS styles*/
.buttonContainer
{
		display: inline;
}

#dgInlineFeedback {
        width: 259px;
        height: 242px;
        color: #000;
        background: url(../dreamgirl/images/success.png) !important;
        background: url(../dreamgirl/images/success.gif);
        }


.dgInlineForm {
        width: 400px;
        border: 0px;
        margin: 0px;
        position: absolute;
        margin-left: -40px;
        z-index: 100;
        margin-top: 12px;
        visibility: visible;
        overflow: hidden;
		z-index:100;
        
}

iframe {
		position:absolute;
        width: 400px;
        border: 0px;
        padding: 0px;
        margin: 0px;
}

.dgInlineButton {
        border: 0px;
        background-color: transparent;
}

.dgInlineButtonActivated {
        background-color: #ccc;
        margin-right: 3px;
}

.dgActiveElement {
		border: 1px dashed #eebddc;
}

.dgInactiveElement {
        background-color: transparent;
}

.dgButtonLink {
        border: 0px;
        margin-right: 3px;
}