@import url(coreforms.css);

/* set defaults */
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #000;
	margin:0;
	padding:0;
	border-top:5px solid #608CD3;
	background: #202358 url(../images/bgs/body-bg.gif) repeat-x left top;
}
* { 
	font-size: 1em; 
	line-height: 1.5em;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl { margin: 0 0 1em 0;  } 
ul, ol, dl, li {
	list-style: none;
	padding:0 1px;
}
li{
	margin: 0;
	}
a {
	color:#ED8D0F;
}
a:hover {
	color:#343B7F;
}
p{
	font-size: 1.1em;
}
h1 {
	font-size: 1.6em;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.2em;
}
h4 {
	font-size: 1.1em;
}
img {
	border: 0;
}		
ul, dl {
	font-size: 1.1em;
}

/* boxes */
div {
	margin:0;
	padding:0;
}
#wrapper {
	position:relative;
	width:100%; 
	background: url(../images/bgs/wrapper-bg.gif) repeat-y left top;
}
#innerWrap {
	position:relative;
	width:100%; 
	background: url(../images/bgs/innerWrap-bg.gif) no-repeat left top;
}
#header{
	height:125px;
	clear:both;
	color: #fff;
	background: #fff url(../images/bgs/header-bg.gif) no-repeat left bottom;
}

/* columns */
#columns {
	position:relative;
	width:100%;
	min-width:770px;
	margin-bottom:-5px;
}
#sidebar {
	position:absolute;
	left:0;
	top:0;
	width:183px;
	background: url(../images/bgs/menu-bg.gif) no-repeat left top;
}
#columnOne{
	margin-left:193px;
	margin-right:10px;
	color: #fff;
	width:auto;
	min-height:1020px;
	_height:1020px;
}
#columnOne .wrap{
	width:100%;
	margin-bottom:30px;
}


/* footer */
#footer{
	clear:both;
	background: #fff url(../images/bgs/footer-bg.gif) repeat-x left top;
	position:relative;
	z-index: 10;
}

/* userpanel stuff */
#userpanel {
	background:#fff;
}
#userpanel p{
	margin:0;
	padding:10px 0 10px 12px;
}

/* header stuff */
#header *{
	margin-bottom:0;
}
#header h1 {
	position:absolute;
	width:770px; 
}
#header .mission{
	position:absolute;
	padding-top:20px;
	margin-left:35%;
	width:38%;
	font-size:1em;
	line-height:1.9em;
	color:#000;
}
#header .join-button{
	position:absolute;
	top:20px;
	right:10px;
	width:177px;
}
/*nav stuff */

#menu {
	position:relative;
	width: 178px;
	padding:8px 0 0 0;
	margin:0;
	}
#menu ul, #menu li, #menu a {
	display: block;
	margin:0;
	padding: 0;
}
#menu .navitem{
	position:absolute;
	left:-10000px;
	text-align:left;
	text-indent: -10000px;
	} 	
/* menu rollovers*/

/* commented backslash hack v2 for IE5 Mac \*/
#menu a {
	height:24px;
}
/* end hack */
#menu .aboutNav {
	height:41px;
}
#menu .aboutNav a{
	height:41px;
	background: url(../images/links/about.gif) 0 0 no-repeat;
	}
.about #menu .aboutNav a{
	background-position: 0 -82px;
}
#menu .aboutNav a:hover{	
	background-position: 0 -41px;
}

#menu .newsNav a{
	background: url(../images/links/news.gif) 0 0 no-repeat;
}
#menu .programmeNav a{
	background: url(../images/links/programme.gif) 0 0 no-repeat;
}
#menu .residenciesNav a{
	background: url(../images/links/residencies.gif) 0 0 no-repeat;
}
#menu .othergigsNav a{
	background: url(../images/links/othergigs.gif) 0 0 no-repeat;
}
#menu .reviewNav a{
	background: url(../images/links/review.gif) 0 0 no-repeat;
}
#menu .joinNav a{
	background: url(../images/links/join.gif) 0 0 no-repeat;
}
#menu .contactNav a{
	background: url(../images/links/contact.gif) 0 0 no-repeat;
}

.news #menu .newsNav a,
.programme #menu .programmeNav a,
.residencies #menu .residenciesNav a,
.othergigs #menu .othergigsNav a,
.review #menu .reviewNav a,
.join #menu .joinNav a,
.contact #menu .contactNav a{
	background-position: 0 -48px;
}
#menu .newsNav a:hover,
#menu .programmeNav a:hover,
#menu .residenciesNav a:hover,
#menu .othergigsNav a:hover,
#menu .reviewNav a:hover,
#menu .joinNav a:hover,
#menu .contactNav a:hover{	
	background-position: 0 -24px;
}

#menu .maillistNav a{
	height:50px;
	background: url(../images/links/maillist.gif) 0 0 no-repeat;
	}
.maillist #menu .maillistNav a{
	height:50px;
	background: url(../images/links/maillist-blk.gif) 0 0 no-repeat;
	}
#menu .maillistNav a:hover{	
	background-position: 0 -50px;
}
#menu .maillistNav .joinlist{
	display:block;
	padding: 22px 0 0 31px;
}


/* maillist submenu */
#menu .joinlistNav a{
	background: none;
	}
.maillist #menu .joinlistNav a{
	background-position: 0 -48px;
}
#menu .gigarchiveNav a:hover{	
	background-position: 0 -24px;
}

/* programme submenu - hidden archive link*/
/* #menu .programmeNav ul, #menu .programmeNav ul .gigarchive{
	display: none;
	height:0px;
} 
.programme #menu .programmeNav ul,
.gigarchive #menu .programmeNav ul{
	display: block;


	height:24px;
}
.programme #menu .gigarchiveNav a, .gigarchive #menu .gigarchiveNav a{
	background: url(../images/links/gig-archive.gif) 0 0 no-repeat;
	}
.gigarchive #menu .gigarchiveNav a{
	background-position: 0 -48px;
}
#menu .gigarchiveNav a:hover{	
	background-position: 0 -24px;
}*/

/* programme submenu */
.programme #menu .programmeNav ul,
.gigarchive #menu .programmeNav ul{
	display: block;
	height:24px;
}
#menu .gigarchiveNav a{
	background: url(../images/links/gig-archive.gif) 0 0 no-repeat;
	}
.gigarchive #menu .gigarchiveNav a{
	background-position: 0 -48px;
}
#menu .gigarchiveNav a:hover{	
	background-position: 0 -24px;
}



/* sponsors */
/* IMPORTANT - if the sponsors section starts overflowing the footer you need to increase the min-height and _height values in #columnOne (line 88-94) */
.sponsors{
	width: 170px;
	margin-left:10px;
}
.sponsors h2 {
	width: 160px;
	margin-top:20px ;
}
.sponsors h6 {
	text-align:center;
	margin:15px 10px 0 0 ;
	color:#202358;
    font-size: 10px;
	font-weight:normal;
  
}

.sponsors p {
        text-align:center;
}
.sponsors p img{
	margin-bottom:5px;
}


/* footer stuff */
#footer .details{
	position:relative;
	top:-20px;
	background: url(../images/bgs/footer-left-bg.gif) no-repeat left top;
	width: 100%;
}
#footer p{
	padding:31px 0 0 12px;
	width: 755px;
	margin-bottom:0;
	clear:both;
}


/* columnOne Stuff */
#columnOne h1{
}
#columnOne h2{
	width:320px;
	padding-top: 15px;
	margin-left: 5%;
}

/* index styles */
.index #columns {
	background: url(../images/bgs/columns-index-bg.gif) repeat-y right top;
	
}
.index #columnBox {
	width:auto;
	margin-left:195px;
}
.index #columnOne {
	width:60%;
	float:left;
	margin-left:0px;
	margin-right:10px;
	position:relative;
	left:0;
}
.index #columnOne .wrap{
	width:98%;
	min-width:350px;
	margin-bottom:0;
	padding: 0;
}
.index #columnOne .wrap h2{
	width: 300px;
	padding:0;
	margin:0 0 1em 0;
}
.index #columnOne .featured{
	width:100%;
	padding: 15px 0 0 0;
	background: #000 url(../images/bgs/wrap-index-bg.gif) no-repeat left top;
	margin-bottom:15px;
	float:left;
	display:inline;
}
.index #columnOne .featured h2{
	margin: 0 5%;
}
.index #columnOne .featured .item{
	background: url(../images/bgs/cornerbgs/black-bottom-left.gif) no-repeat left bottom;
}
.index #columnOne .featured .item .gig1{
	min-height: 200px;
	width:90%;
	padding: 0 5% 15px 5%;
	background: url(../images/bgs/cornerbgs/black-bottom-right.gif) no-repeat right bottom;
}

.index #columnOne .upcoming{
	padding: 15px 5%;
	width:90%;
	margin:0;
	float:left;
}

.news #wrapper .contentItem, .residencies #wrapper .contentItem, .othergigs #wrapper .contentItem {
	clear: right;
}


.news #wrapper .captionBox, .residencies #wrapper .captionBox, .othergigs #wrapper .captionBox, .index .featured .captionBox {
	float: right !important;
	color: #000;
	background:  #EDECE8 url(../images/bgs/front-captionbox-l-base.gif) no-repeat left bottom;
	text-align:center;
	margin-left:15px;
	margin-bottom:10px;
	clear:left;
}
.index .featured .captionBox p.pic{
	padding:7px 7px 0 7px;
	margin-bottom:0;
}
.index .featured .captionBox p.caption{
	padding-bottom:7px;
	margin:3px 0 0 0;
	background: url(../images/bgs/front-captionbox-r-base.gif) no-repeat right bottom;
	_height:1px;
}
.index .featured .text{
}
.index .featured h3{
	color: #F68B00;
}
.index .featured h3 span{
	display:block;
	font-weight: normal;
	color: #fff;
}
.index .featured p.date {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom:0;
}
.index .featured p.date span{
	display:block;
	font-weight: normal;
	font-size: 1em;
}
.index .featured p.cost{
	font-weight: bold;
}


.index #columnTwo {
	width:200px;
	margin:0;
	padding:0;
	margin-bottom:300px;
	float:right;
	clear:right;
}
.index #columnTwo .archive, .index #columnTwo .news{
	position:relative;
	left: 10px;
	width:180px;
	margin-top:15px;
	z-index:5;
}
.index #columnTwo .archive .captionBox{
	width: 180px;
	background:  url(../images/bgs/index-archive-bg.gif) left top repeat-y;
	color: #000;
	text-align:center;
}
.index #columnTwo .archive .captionBox .archivePic{
	padding:4px 5px 0px 0px;
	margin-bottom:4px;
	text-align:center;
	background: url(../images/bgs/index-archive-top-bg.gif) left top no-repeat;

}
.index #columnTwo .archive .captionBox .caption{
	width: 165px;
	padding:0px 10px 9px 5px;
	margin-bottom:0;
	background:  url(../images/bgs/index-archive-base-bg.gif) left bottom no-repeat;

}
.index #columnBox .randomPic {
	position:relative;
	top:0;
	left: 0;
	width: 100%;
	height:1px;
	clear:both;
}
.index #columnBox .randomPic img{
	position:absolute;
	bottom:0px;
	right:0px;
}
.index #columnBox .randomPic .buttons{
	position:absolute;
	z-index: 4;
	top:60px;
	left:15px;
}


/* about, contacts & maillist styles */
#columnOne .content{
	padding: 0;
	background:#fff url(../images/bgs/cornerbgs/white-top-left.gif) no-repeat left top;
	color:#000;
}
#columnOne .content .topcorner{
	background: url(../images/bgs/cornerbgs/white-top-right.gif) no-repeat right top;
}
#columnOne .content .item{
	padding: 15px 5%;
}
.maillist #columnOne form{
	padding: 15px 5%;
}
.members #columnOne .wrap{
	padding-top: 15px;
}
.members #columnOne .topcorner{
	padding: 15px 5%;
}

/* programme styles */
.programme #columnOne h2{
	padding-top: 15px;
	margin-left: 5%;
}
.programme #columnOne .intro{
	background:#000 url(../images/bgs/cornerbgs/prog-intro-top-left.gif) no-repeat left top;
	clear:left;
}
.programme #columnOne .intro .item{
	padding: 15px 5%;
	background: url(../images/bgs/cornerbgs/prog-intro-top-right.gif) no-repeat right top;
}
.programme #columnOne .intro .buttons{
	padding: 15px 5%;
	margin-bottom:15px;
}
.programme .gig1, .programme .gig3, .programme .gig5, 
.programme .gig2, .programme .gig4, .programme .gig0{
	min-height:240px;
	clear:left;
	padding-top:5px;
}
.programme .gig1 .item, .programme .gig3 .item, .programme .gig5 .item, 
.programme .gig2 .item, .programme .gig4 .item, .programme .gig0 .item{
	margin-bottom:15px;
	min-height:240px;
	clear:left;
}
.programme .gig1, .programme .gig3, .programme .gig5{
	background:  url(../images/bgs/cornerbgs/gig1-top-right.gif) no-repeat right top;
}
.programme .gig1 .item, .programme .gig3 .item, .programme .gig5 .item{
	padding: 15px 5% 15px 80px;
	background: #E5DED2 url(../images/bgs/gig1-corner-pic.gif) no-repeat left bottom;
	color:#000;
}
.programme .gig2, .programme .gig4, .programme .gig0{
	background: url(../images/bgs/cornerbgs/gig2-top-left.gif) no-repeat left top;
}
.programme .gig2 .item, .programme .gig4 .item, .programme .gig0 .item{
	padding: 15px 80px 15px 5%;
	background: #000  url(../images/bgs/gig2-corner-pic.gif) no-repeat right bottom;
}
.programme .captionBox{
	margin-bottom:10px;
	text-align:center;
}
.programme .gig1 .captionBox, .programme .gig3 .captionBox, .programme .gig5 .captionBox{
	float: left !important;
	color: #000;
	background: #fff url(../images/bgs/gig1-captionbox-l-base.gif) no-repeat left bottom;
	margin-right:15px;
}
.programme .gig2 .captionBox, .programme .gig4 .captionBox, .programme .gig0 .captionBox{
	float: right !important;
	color: #fff;
	background: #424242 url(../images/bgs/gig2-captionbox-l-base.gif) no-repeat left bottom;
	margin-left:15px;
}
.programme .captionBox p.pic{
	padding:7px 7px 0 7px ;
	margin-bottom:0;
}
.programme .captionBox  p.caption{
	padding-bottom:7px;
	margin:3px 0 0 0;
	_height:1px;
}
.programme .gig1 .captionBox p.caption, .programme .gig3 .captionBox p.caption, .programme .gig5 .captionBox p.caption{
	background: url(../images/bgs/gig1-captionbox-r-base.gif) no-repeat right bottom;
}
.programme .gig2 .captionBox p.caption, .programme .gig4 .captionBox p.caption, .programme .gig0 .captionBox p.caption{
	background: url(../images/bgs/gig2-captionbox-r-base.gif) no-repeat right bottom;
}


/* gig archive styles */
.gigarchive #columnOne .content{
	padding: 0;
	background:#fff url(../images/bgs/cornerbgs/white-top-left.gif) no-repeat left top;
	color:#000;
}
.gigarchive #columnOne .archive{
	padding: 0;
	background: url(../images/bgs/cornerbgs/white-bottom-left.gif) no-repeat left bottom;
	color:#000;
}
.gigarchive .archive .year{
	padding: 15px 5%;
}
.gigarchive .archive .year p{
	font-size:1.4em;
}
.gigarchive .archive .year a{
	color:#39408D;
}
.gigarchive .archive .year select{
	font-size:1.3em;
	border: 1px solid #7A7A7E !important;
	margin:0 10px;
}
.gigarchive .archive .top{
	background:  url(../images/bgs/cornerbgs/white-top-right.gif) no-repeat right top;
}
.gigarchive .archive .base{
	background:  url(../images/bgs/cornerbgs/white-bottom-right.gif) no-repeat right bottom;
}
.gigarchive .archive .top form{
	float:left;
}
.gigarchive .archive .top .search{
	float:right;
	clear:right;
	height:20px;
	padding:4px;
	width:267px;
	background:  url(../images/bgs/gig-search-form-bg.gif) no-repeat left top;
}
.gigarchive .archive .top .search #artist, .gigarchive .archive .top .search #submit{
	height:20px;
	border:none;
	display:block;
	float:left;
}
.gigarchive .archive .top .search #artist{
	height:17px;
	width:150px;
	background:  url(../images/bgs/gig-search-input-bg.gif) no-repeat left top;
	border:none;
	text-indent:10px;
	padding-top:3px;
}


/* gig archive table styles */
.gigarchive table, .gigarchive tr, .gigarchive td{
	vertical-align:top;
}
.gigarchive table.data{
	margin-left:5%;
	width:90%;
	border:0px;
	border-collapse:collapse;
	text-align:left;
	padding:0;
	font: 1.2em arial,helvetica;
	clear:both;
}
.gigarchive .data th{
	background: #FDDDAC;
	padding:3px 15px;
}
.gigarchive .data th{
}
.gigarchive .data th.date, .gigarchive .data th.performance, .gigarchive .data th.notes{
	background:#FDDDAC;
}
.gigarchive .data td{
	padding:3px 15px;
}
.gigarchive .data tr.row2 td{
	background:#FEF1DC;
}
.gigarchive .data th,
.gigarchive .data td{
	border-right: 2px solid #E2C088;
}
.gigarchive .data .th-year, .gigarchive .data .th-blurb{
	background: #F2C228;
}
.gigarchive .data .th-year{
	font: normal 3em arial, helvetica;
	text-align:right;
	padding-left:5px;
	border-color:#DBA11D;
}
.gigarchive .data .th-blurb,
.gigarchive .data .notes{
	border-right: 0px solid #E2C088;
}





/* edit popup tweaks*/
.editmode #columns{	z-index:100;}
.editmode #columnTwo .dginlineform{left:-300px;}



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

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

		#dgProgressDiv
		{
		        position: absolute;
		        bottom: 0px;
		        left: 10px;
		        width: 241px;
		        height: 241px;
		z-index: 2000;
			background-image: url(../dreamgirl/images/dreaming.gif);
		}

.dgInlineForm {
        width: 500px;
        border: 0px;
       /* margin:12px 0 0 -200px; */
        margin:12px 0 0 0;
		left:0;
        position: absolute;
        visibility: visible;
        overflow: hidden;
		z-index:101;

}

iframe {
		position:absolute;
        width: 500px;
        border: 0px;
        padding: 0px;
        margin: 0px;
}
.dgInlineButton {
        border: 0px;
        background-color: transparent;
}

.dgInlineButtonActivated {
		opacity: 0.5;
}

.dgActiveElement {
		border: 1px dashed #eebddc;
		z-index:100 !important;
}

.dgInactiveElement {
        background-color: transparent;
}

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



s




/* float clearing code/hack */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* 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 */

/* for some reason this site wants specific font-sizes stated for each sifr element replaced without the .sIFR-hasflash class ... */ 

	.sIFR-hasFlash #sidebar .sponsors h2 {
		visibility: hidden;
	}
	.sIFR-hasFlash .index #columnOne .featured h2 , .sIFR-hasFlash .index #columnOne .upcoming h2 {
		visibility: hidden;
		font-size:20px;
	}
	.sIFR-hasFlash #columnOne h2 {
		visibility: hidden;
		font-size:20px;
	}
	
	
}

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

}