/* set defaults */
body {
	font-family: Arial, Helvetica, Verdana, Trebuchet, sans-serif;
	font-size: 62.5%;
	color: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #ED1C24;
	z-index:0;
}

* { 
	font-size: 1em; 
}
div, form{
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl {
	padding:0;
	line-height: 1.5em;
}
h1, p, ul, ol, dl { 
	margin: 0 0 1em 0;  
} 
h2, h3, h4, h5, h6{
	margin: 0 0 .1em 0;
}	
h1{
	font-size: 1.6em;
	color:#FFBF00;
	text-transform:uppercase;
}
h2{
	font-size: 1.4em;
	color:#ED1C24;
}
h3 {
	font-size: 1.3em;
}
h4 {
	font-size: 1.2em;
	color:#FFBF00;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1.2em;
}
p, th, td{
	font-size: 1.2em;
}

ul, ol, dl, li, dt, dd {
	line-height:1em;
	list-style: none outside;
	padding:0;
}
li, dt, dd {
	line-height: 1.5em;
	font-size: 1.2em;
	margin:0;
}

a {
	color:#fff;
}
a:hover {
	color:#FFBF00;
}

img, a img {
	border: none;
}		

input{
	margin:0;
	padding:0;
}
a.skiplink {
	position:absolute;
	text-indent:-2000em;
	font-size: 8px;
	font-weight:normal;
	color: #F6F2E7;
	text-decoration: none;
}
.skiplink:active, .skiplink:focus {
	color: #FF0000;
	text-decoration: underline;
}

/* boxes */
#wrapper{
	width:763px;
	margin: 0px auto;
	background: #ED1C24 url(../images/bgs/wrapper-bg.gif) left top repeat-y;
}
	/*  alterations for index page */
	.index #wrapper{	background: #ED1C24 url(none) no-repeat;	background-color: #ED1C24;}
	
#header,#content,#footer {
	position:relative;
	width:763px;
}
#header{
	height:461px;
	background: #ED1C24 url(../images/bgs/header-bg.gif) 0px 0px repeat-x;
}
	/*  alterations for index page */
	.index #header{
		height:532px;
	}
	
#content {
	float:left;
	display:inline;
	width:733px;
	padding:0 0 0 30px;
	margin-top:-111px;
	text-align:left;
	background: url(../images/bgs/content-bg.gif) left top no-repeat;
	z-index:100;
}

	/*  alterations for index page */
	.index #content {
		width:720px;
		padding-left:43px;
		margin-top:-136px;
		background: url(../images/bgs/content-bg-home.gif) left top no-repeat;
	}
* html #content  {  /* Tan hack to fix ie 5.x problems */
	width: 763px; 
	w\idth: 733px; }

#footer{
	z-index:0;
	clear:both;
	padding-top:40px;
	background: #ED1C24 url(../images/bgs/footer-bg.gif) left top no-repeat;
}
	/*  alterations for index page */
	.index #footer{
		background: #ED1C24 url(none) left top no-repeat;
	}




/* header stuff */
#header h1{	/* original left margin - index 46px, rest 59px - standardised to fix annoying 'jump' between home and other pages*/
	position:absolute;
	height:379px;
	width:763px;
	text-align:left;
	top:82px;
	margin:0px;
	padding-top:31px;
	text-indent:52px;
	background: url(../images/bgs/header-photo-about.jpg) right top no-repeat; /*uses about page image as default */
}
	/* individual page images */
	.index #header h1 {
		height:450px;
		background: url(../images/bgs/header-photo-home.jpg) right top no-repeat;
	}
	.songlist #header h1{		background: url(../images/bgs/header-photo-songlist.jpg) right top no-repeat;	}
	.corporate #header h1{		background: url(../images/bgs/header-photo-corporate.jpg) right top no-repeat;	}
	.gigs #header h1{		background: url(../images/bgs/header-photo-blank.jpg) right top no-repeat;	} 
	.gallery #header h1{		background: url(../images/bgs/header-photo-gallery.jpg) right top no-repeat;	}
	.shop #header h1{		background: url(../images/bgs/header-photo-shop.jpg) right top no-repeat;	}
	.media #header h1{		background: url(../images/bgs/header-photo-media.jpg) right top no-repeat;	}
	.contact #header h1{		background: url(../images/bgs/header-photo-contact.jpg) right top no-repeat;	}

	/* hide logo on media page */ 
	 .media #header h1 img {display:none; }


/* cart */
	#cart {
		position:absolute;
		top:14px;
		text-align:right;
		right:50px;
	}
	#cart a {
		padding-left:20px;
		background: url(../images/icons/cart.gif) left top no-repeat;
	}
	#cart a:hover {
		background: url(../images/icons/cart-hover.gif) left top no-repeat;
	}

/* menu stuff */
	#menu {
		height:103px;
		background: url(../images/bgs/menu-bg.gif) 0px 82px no-repeat;
		font-family: Arial, Helvetica, Verdana, Trebuchet, sans-serif;
	}
	#menu #nav {
		margin:0;
		padding-top:65px;
		height:38px;
		background: url(../images/headings/osa-icon.gif) center top no-repeat;
	}
	#menu li {
		line-height:14px;
		display:inline;
		text-transform:uppercase;
		font-size: 1.1em;
	}
	#menu a{
		color:#000;
		padding:0 5px;
		text-decoration:none;
	}
	#menu a:hover{
		color:#FFBF00;
	}

	.index #menu .homeNav a, .about #menu .aboutNav a, .songlist #menu .songlistNav a, .corporate #menu .corporateNav a,
	.gigs #menu .gigsNav a, .gallery #menu .galleryNav a, .shop #menu .shopNav a, .media #menu .mediaNav a, .contact #menu .contactNav a{
		color:#fff;}

/* footer stuff */
	#footer ul li{
		display:inline;
		padding-left:6px;
		background: url(../images/icons/separator.gif) left center no-repeat;
	}
	#footer ul li.homeNav {
		padding:0;
		background: url(none);
	}
	#footer a{ text-decoration:none;}
	#footer a:hover{ text-decoration:underline;}
	#footer .credit{
		font-size:1em;
		color:#FB9D12;
	}
	#footer .credit img{
		margin-left:10px;
		vertical-align:top;
	}

/* userpanel stuff */
		#userpanel p.greeting, #userpanel ul{
			display:inline;padding-bottom:10px;
		}
		#userpanel p.greeting{
			color:#FFBF00;font-weight:bold;margin-right:10px;
		}




/* content styling */

/* main columns */
#content #feature{
	float:left;
	display:inline;
	margin-top:20px;
	padding: 0 30px 0 25px;
	width:375px;
	background: url(../images/bgs/feature-bg.gif) 0px 20px no-repeat;
	min-height: 550px;
	height:auto !important;
	height:550px;
}
* html #content #feature  {  /* Tan hack to fix ie 5.x problems */
	width: 430px; 
	w\idth: 375px; }

	/*  alterations for index page */
	.index #content #feature{
		width:195px;
		padding: 0 149px 0 25px;
		background: url(none) 0px 20px no-repeat;
		min-height: 200px;
		text-align:center;
	}
	* html .index #content #feature  {  /* Tan hack to fix ie 5.x problems */
		width: 369px; 
		w\idth: 195px; }



#content #highlights{
	float:left;
	display:inline;
	margin:12px 0 0 0px;
	padding-bottom:16px;
	width:300px;
	background: url(../images/bgs/highlights-bg.gif) left bottom no-repeat;
}
	/*  alterations for index page */
	.index #content #highlights{
		margin:43px 0 0 0px;
		background: url(none) left bottom no-repeat;
	}


/* FORMS! standard form styling */
#content form{
	width:365px;
}
#content form .row{ margin: 0 0 7px 0; }
#content form label {float:left; width: 128px;font-size:1.2em;}
#content form .row input,
#content form .row select,
#content form textarea,
#feature form table input,
#feature form table textarea,
#feature form table select {
		background-color:#fff;
		border:1px solid #FFBF00;
		display:inline;
		padding:2px 3px;
		font-family:arial, helvetica, verdanda, sans-serif;
	}
#content form .row select {	width: auto;}
#content form .formbuttons {text-align:right; }
#content form #submitbutton {
		text-indent:-20000em;
		line-height:1px;font-size:1px;
		width:93px;
		height:26px;
		background: url(../images/icons/submit.gif) left top no-repeat;
		cursor:pointer;
		margin:7px 0 0 0;
		border:0px;
	}
#content form .inputError{	
		color:#ED1C24;
	}
#content form .hiddenField{display:none;}
#feature form{clear:left;}
#feature form table th, 
#feature form table td{ 
		padding:2px 0;
		text-align:left !important;
		vertical-align:top; 
	}

	/* 'fixes' for booking legacy form... */
	#feature.bookings form table li{
		font-size:1em;
		padding:0;
		background: url(none);
	}
	#feature.bookings form table ul.orderlist input{
		background-color:#000;
		border:0px;	
	}

	/* 'tweaks & fixes' for shop forms... */
	.shop #feature form,
	.shop #feature table { 
		width:370px;
		margin-bottom:7px;
		border:0px; 
		border-collapse:collapse;
	}

	.shop #feature table th { 
		color:#ED1C24;
	}
	.shop #feature .paybutton { 
		width:370px;
	}
	.shop #feature table .cartsubfoot, 
	.shop #feature table .cartsubresult {
		font-weight:bold;
		color:#FFBF00;
		border-top:1px solid #ed1c24;
		border-bottom:1px solid #ed1c24;
	}
	#feature.checkout table input{ width:200px;}
	#feature.checkout table.confirm input,
	#feature.checkout input.submitButton{width:auto;border:0px; padding:0px;}

	/* contact form inputs */
	.contact #feature form input{ width:200px;}
	.contact #feature form textarea{ width:220px;}
	.contact #feature form .textareacontrols{ margin-left:128px;}






/* feature column styling */
#feature h1{clear:left;}
#feature li{
	padding-left:12px;
	background: url(../images/icons/bullet.gif) 0px 4px no-repeat;
}
#feature ul.pageImages li,
.index #feature li,
.gallery #feature li,
.shop #feature .paymentOptions li{
	padding-left:0;
	background: url(none);
}
#feature .item{
	float:left;
	display:inline;
	clear:left;
	width:370px;
	background-color:#000;
}
#feature .contentGraphic{
	margin-bottom:10px;
}
#feature .narrow, #feature .narrow .contentGraphic{
	width:130px;
}
#feature .mediaDownload{
	margin-left:130px;
	float:none;
	clear:none;
	display:block;
	width:240px;
}
#feature .contentGraphic {
	float:left;
	display:inline;
	width:140px;
}
#feature .item strong{
	color:#ED1C24;
}
#feature .pageImages {
	text-align:center;
	height: 115px;
}
#feature .pageImages li{
	float:left;
	display:inline;
	width: 120px;
	height: 115px;
	overflow:hidden;
}






/* gigs page*/
#feature .gigList {
	float:left;
	width: 140px;
	padding-right:20px;
	display:inline;
}
#feature .gigList dt a{
	color:#ED1C24;
}
#feature .gigList dd{
	margin-bottom:1.2em;
}
#feature .gigItem {
	float:left;
	display:inline;
	padding:0 0 20px 15px;
	border-left: 1px solid #ED1C24;
	width: 190px;
}
#feature .gigItem h2{
	font-size:1.6em;
	color:#FFBF00;
}


/* gallery page*/
.gallery #content #feature{
	width:385px;
	padding-right: 20px;
}
#feature .galleryList {
	float:left;
	display:inline;
	width: 105px;
	padding-right:15px;
}
#feature .galleryList li a{
	text-decoration:none;
}
#feature .galleryList li{
	padding:5px 0;
	font-weight:bold;
	border-bottom:1px solid red;
}
#feature .galleryThumbs {
	float:left;
	display:inline;
	width: 260px;
	z-index:0;
}
#feature .galleryThumbs li{
	float:left;
	display:inline;
	width: 85px;
	margin:0 0 10px 0;
	z-index:0;
}
#feature .galleryThumbs li span{
	position:relative;
	display:block;
	width: 75px;
	height: 75px;
	overflow:hidden;
	border:1px solid #fff;
	margin:0;
}



/* merchandise page*/
#feature .productList{
	float:left;
	display:inline;
	clear:left;
	width:370px;
}
#feature .productList li.productItem{
	width:370px;
	font-size:1em;
	padding-left:0;
	background: url(none);
	margin-bottom:3em;
}

#feature .productItem li strong {
	float: left;
	width: 230px;
}
#feature .productItem li a {
	margin-right:6px;
}




/* highlights column styling */
	/*  next gig box */
	#highlights .nextGig{
		width: 110px;
		min-height:70px;
		margin-left:87px;
		padding-bottom:20px;
	}
	#highlights .nextGig h1{margin:0;}
	#highlights .nextGig a{
		text-decoration:none; 
		font-weight:bold;
	}

	/*  'hotlinks' list */
	#highlights ul.hotLinks { text-align:center;margin-bottom:20px;}
	#highlights .hotLinks li{ display:inline; }


	/*  quote box*/
	#highlights blockquote{
		padding:0px 10px;
		margin:0;
		color:#000;
	}
	#highlights blockquote p{
		font-style:italic;
		font-size:1.4em;
		margin: 0 0 2em 0;  
	}
	.index #highlights blockquote p{
		font-size:1.5em;
	}
	#highlights blockquote cite{
		display:block;
		text-align:right;
		text-transform:uppercase;
		font-style:normal;
		font-size:9px;
		padding:5px 0;
		color:#fff;
	}


	/* mailing list form */
	#highlights .maillist{
		margin-left:25px;
		width:245px;
		background: url(../images/bgs/mailing-list-bg.gif) left top repeat-y;
	}
	#highlights .maillist #MailingList{	
		padding:22px 24px 8px 18px; 
		width:203px;
		min-height:150px;
		background: url(../images/bgs/mailing-list-form-bg.gif) left top no-repeat;
	}
	#highlights .maillist form label { width: 57px;}
	#highlights .maillist form h1{	
		text-transform:none;
		font-size:1.4em;
	}
	#highlights .maillist form .row input {
		width: 141px;margin-right:-10px;
	}
	#highlights .maillist form .inputError{	
		display:block;
		margin-left:45px;
	}


.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	





/* 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 #feature h1,
	.sIFR-hasFlash .index #feature li,
	.sIFR-hasFlash #highlights .nextGig h1{
		visibility:hidden;
		font-size:14px;
	} 
}

@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
{
		z-index:100;
		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: -200px;
        margin-top: 12px;
        visibility: visible;
        overflow: hidden;
		z-index:100;
        
}

iframe {
		position:absolute;
        width: 400px;
        border: 0px;
        padding: 0px;
        margin: 0px;
        z-index: 100;
}

.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;
}