/* set defaults */
body {
	font-family: 'trebuchet MS', trebuchet, verdana,  arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #87216e;
}

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

p, ul, ol, dl { 
	margin: 0 0 1em 0;  
	padding:0 10px;
} 
h1, h2, h3, h4, h5, h6{
	margin: 0 0 .1em 0;
}	
h2, h3, h4, h5, h6{
	padding:0 10px;
}	
h1{
	font-size: 1.7em;
}
h2{
	font-size: 1.5em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.3em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1.2em;
}
p{
	font-size: 1.2em;
}


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

a {
	color: #D2D440;
	color:#E5F617;
}
a:hover {
	color:#fff;
}
a:active {
	outline:none;
	overflow:hidden;
}

img, a img {
	border: none;
}		

input{
	margin:0;
	padding:0;
}
a.skiplink {
	vertical-align:top;
	font-size: 8px;
	font-weight:normal;
	color:#4A0000;
	text-decoration: none;
}
a.skiplink:active, a.skiplink:focus {
	text-decoration: underline;
}

/* boxes */
#wrapper{
	width:769px;
	margin: 5px auto;
	text-align: left;
	background: #87216e url(../images/bgs/wrapper-bg.gif) left top repeat-y;
}
#header{
	width:769px;
	height:240px;
	background: url(../images/bgs/header-bg.gif) left top no-repeat;
}
#content {
	padding-top:50px;
	background: url(../images/bgs/content-bg.gif) left top no-repeat;
	min-height:200px;
	height:auto !important;
	height:200px;
}
#userpanel{
	padding:5px 50px;
	clear:both;
}

#footer{
	width:769px;
	clear:both;
	background: url(../images/bgs/footer-bg.gif) left top repeat-y;
}
#sponsors{
	padding:170px 0 10px 0;
	color:#791617;
	background:  url(../images/bgs/sponsors-bg.gif) left top no-repeat;
}



/* header stuff */
#header h1 {
}


/* menu stuff */
#menu {
	position:relative;
	
}
#menu ul{
	position:relative;
	top:-10px;
	margin-left:90px;
}
#menu li {
	float:left;
	margin-right:9px;
}
#menu a{
	display: block;
	height:19px;
	text-decoration:none;
	text-indent:-20000em;
}
.enter #menu .enterNav a,
#menu .enterNav{
	background: url(../images/links/enter-over.gif) top left no-repeat;
}
#menu .enterNav a{
	width:61px;
	background: url(../images/links/enter.gif) top left no-repeat;
}
.bands #menu .bandsNav a,
#menu .bandsNav{
	background: url(../images/links/current-band-over.gif) top left no-repeat;
}
#menu .bandsNav a{
	width:135px;
	background: url(../images/links/current-band.gif) top left no-repeat;
}
.heats #menu .heatsNav a,
#menu .heatsNav{
	background: url(../images/links/heat-info-over.gif) top left no-repeat;
}
#menu .heatsNav a{
	width:88px;
	background: url(../images/links/heat-info.gif) top left no-repeat;
}
.cds #menu .cdsNav a,
#menu .cdsNav{
	background: url(../images/links/cds-over.gif) top left no-repeat;
}
#menu .cdsNav a{
	width:39px;
	background: url(../images/links/cds.gif) top left no-repeat;
}
.archive #menu .archiveNav a,
.bandArchive #menu .archiveNav a,
#menu .archiveNav{
	background: url(../images/links/archive-over.gif) top left no-repeat;
}
#menu .archiveNav a{
	width:76px;
	background: url(../images/links/archive.gif) top left no-repeat;
}
.about #menu .aboutNav a,
#menu .aboutNav{
	background: url(../images/links/about-over.gif) top left no-repeat;
}
#menu .aboutNav a{
	width:59px;
	background: url(../images/links/about.gif) top left no-repeat;
}
.contact #menu .contactNav a,
#menu .contactNav{
	background: url(../images/links/contact-over.gif) top left no-repeat;
}
#menu .contactNav a{
	width:73px;
	background: url(../images/links/contact.gif) top left no-repeat;
}
#menu li a:hover {
	background: url() top left no-repeat;
}
#menu li a:active {
	outline: none;
	overflow:hidden;
}



/* universal content styles */
.sidebar{
	margin:-50px 15px 0 0;
	width: 210px;
	float: left;
	display:inline;
	background: url(../images/bgs/sidebar-bg.gif) left top repeat-y;;
}
.sidebar .wrap{
	padding-top:70px;
	min-height:220px;
	height: auto !important;
	height: 220px;
	background: url(../images/bgs/sidebar-wrap-bg.gif) left top no-repeat;
}
.sidebar h1{
	padding-left:30px;
	color:#000;
}
.sidebar .itemlist{
	padding: 0 10px 45px 20px;
	min-height:160px;
	height: auto !important;
	height: 160px;
	background: url(../images/bgs/sidebar-item-bg.gif) left bottom no-repeat;
}
.sidebar .itemlist h2{
	text-transform:uppercase;
}
.sidebar .item{
	margin-top:12px;
}

.feature {
	float:left;
	width: 610px;
	padding-left: 90px;
}
.index .feature,
.bands .feature,
.bandArchive .feature,
.heats .feature { /* additional feature styling for pages with submenu */
	width: 450px;
	padding:0;
}
.index .feature h1,
.bands .feature h1,
.bandArchive .feature h1,
.heats .feature h1{
	width:auto;
}
.feature h1{
	text-transform:uppercase;
	background:#f7c51a;
	margin-bottom:0;
	width:610px;
	text-indent:10px;
}
.feature .item{
	float:left;
	width:100%;
	padding-bottom:1px;
	margin-bottom:20px;
}
.feature .item,
.feature .purple {/* default Dreamgirl content item colour - purple */
	background:#f5970f;
}
.feature .item h2,
.feature .purple h2{
	background:#eb5e0f;
}
.feature .aqua{  /* optional Dreamgirl content item colour class - aqua */
	background:#96b955;
}
.feature .aqua h2{
	background:#009B9F;
	background:#149f42;
}
.feature .inlinepic {
	float:left;
	margin: 0 10px 0 0;
}
.feature .captionBox {
	float:left;
	margin: 0 10px 0 0;
	text-align:center;
}
.feature .captionBox .inlinepic{
	float:none;
	margin: 0;
}
.feature .captionBox p{
	font-size:1em;
	margin:0 0 3px 0;
}
.feature ul{
	list-style:disc inside;
}
.feature .aqua li {
list-style:disc inside;
	padding-left:2px;

}
.feature .purple li {
list-style:disc inside;
	padding-left:2px;
}

/* heats styles */
.heats .sidebar .itemlist, 
.heats .sidebar dl.heatlist{
	float: left;
	margin: 0;  
}
dl.heatlist dt{
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.4em;
	margin: .7em 0 0 0;  
}
dl.heatlist .bands ul, .heats dl.heatlist .bands li {
	display:inline;
}
/* bands styles */
ul.bandlist li{
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.4em;
	margin: .7em 0 0 0;  
}
.bandheats {
	clear:left;
}
.bands .bandheats dt{
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.4em;
	padding-top:10px;
}


/* userpanel stuff */
#userpanel p {
	margin-bottom:0;
}
#userpanel li {
	display:inline;
}



/* footer stuff */
#footer .credit {
	position:relative;
	height:45px;
	text-indent: 10px;
	padding:2px 0 5px 0;
	background: #87216e;
}
#footer .papercut {
	position:absolute;
	right:5px;
	top:4px;

}
#footer ul{
	margin:0;
}

#sponsors p,
#sponsors ul{
	padding:0 0 0 10px;
}
#sponsors p.organisers,
#sponsors p.sponsors{
	width:185px;
	text-align:right;
	float:left;
}
#sponsors p.organisers{
	margin-top:-50px;
}
#sponsors p.sponsors{
	margin: 1em 0 0 0;
}
#sponsors ul{
	margin-left:190px;
	width:550px;
}
#sponsors li{
	display:inline;
}
#sponsors ul.sponsors li{padding-right:10px;}

#sponsors li img{
	vertical-align:middle;
}
#sponsors li a{
	margin-right:10px;
	padding:0;
}






/* 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 #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: -200px;
        z-index: 100;
        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;
}