/* set defaults */
body {
	font-family: optima, georgia, times, "times new roman", serif;
	font-size: 62.5%;
	color: #000;
	margin: 0;
	padding: 0;
	background: #fff url(../images/bgs/body-bg.jpg) left top repeat-x;
	width:100%;
}
* { 
	font-size: 1em; 
	line-height: 1.5em;
}

h1, h2, p, ul, ol, dl { margin: 0 0 1em 0;  } 

h3, h4, h5, h6 { margin: 0 0 .3em 0;  } 


a {
	color:#421212;
}
a:hover {
}
p{
	font-size: 1.2em;
	color:#707070;
}
h1, h2, h3 {
	font-size: 1.6em;
}
h3 {
	color:#718256;
	font-size:1.8em;
	text-transform:lowercase;
	margin-left:-20px;
	padding:0 0 4px 20px;
	line-height:22px;
	background: url(../images/bgs/blur-line.gif) left top no-repeat;}
h4 {
	font-size: 1.3em;
}
h5 {
	font-size: 1.2em;
}
img {
	border: none;
}		
ul, ol, dl, li, dt, dd {
	list-style: none;
	padding:0 1px;
}
li, dt, dd {
	font-size: 1.2em;
	color:#707070;
	margin-left:0;
}

input{
	margin:0;
	padding:0;
}
.linklist li {
	font-size:1.2em;
	background: url(../images/icons/bullet.gif) no-repeat;
	padding-left:16px;
}
.linklist li a{
	font-weight:bold;
	text-transform:lowercase;
	text-decoration:none;
}
.linklist li a:hover{
	color:#8A6E59;
}


.shopitem img.inlinepic {
border: 2px solid #eee;
float:left;
}

.shopitem {
height:110px;
}

.shopitem h4 {
padding:0;
margin:0;
}






#cartsummary {
	border:1px dashed #93a578;
	position:absolute;
	right:-15px;
	top:40px;
	background:#b3c598;
	padding:7px;
	font-size:.9em;
}
#cartsummary h1, #cartsummary p{
	margin:0;text-align:right;
}

.itemcart, .cart {
padding-left:20px;
}

.cart .headrow th {
font-size:1.3em;
border-bottom:1px solid #ddd;
}
.cart td {
font-size:1.2em;
padding:5px;
border-bottom:1px solid #ddd;
}

.cart td img {
clear:both;
display:block;
padding:0 0 2px 0;
}



/* gig archive */

table.data {
margin:20px;

} 

table.data tr.row1 {
background:#eee;
}

table.data tr.row2 {
background:#ddd;
}

table.data th.th-year {
background:#ddd;
font-size:150%;
padding:5px;
}

table.data th {
font-size:120%;
}

table.data th.th-blurb {
background:#eee;
font-size:120%;
padding:5px;
}

table.data td {
padding:5px;
}

table.data .date {
width:80px;
}

table.data .venue {
width:100px;
}

table.data .performance {
width:120px;
}

table.data .notes {
}

.year {
margin-left:20px;
}


/* boxes */
#wrapper{
	background: url(../images/bgs/wrapper-bg.gif) no-repeat center top;
	width:100%;
	float:left;
	text-align: center;
}
#innerwrap {
	position:relative;
	width:770px; 
	background: url(../images/bgs/innerwrap-bg.gif) no-repeat left top;
	min-height:500px;
	_height:500px;
	width:770px;
	margin: 0px auto;
	text-align: left;
}
#header{
	clear: both;
	height: 110px;
}
#footer{
	clear: both;
}
#userpanel{
	position:absolute;
	top:450px;
	left:10px;
	width: 140px;
	text-align:right;
}

#mixtape {
		position:relative;
		width: 124px;
        background-color: #fff;
        text-align:left;
        
}

#mixtape ol
{
	list-style-position: outside;
	
	}

.mixes ol li {
    font-size: 12px;
	padding:0;
	margin:0;
	list-style-position: outside;
	border-top: 1px solid #777;
	}
	
.mixes ol li a {
	padding-left:5px;
}
	
.mixes ol {
	border-bottom:1px solid #777;
}

#mixtape p {
        font-size: 10px;
        padding: 0 5px 1px 5px;
        text-align: left;
        color:#333;
}


#mixtape .buttons {
        margin-bottom: 5px;
}
#mixtape h4 {
font-size:12px;
text-transform:uppercase;
text-align:left;
margin:0;
padding:0;
}

.mixes {
padding:2px;
border-left:1px solid #666;
border-right:1px solid #666;
border-bottom:1px solid #666;
border-top:1px solid #666;
background:#e0c2b2;
}

.mixes h4 {
text-align:center;
}

#mixtape #key {
text-align:left;
        color: #222;
        margin: 0px 2px;
}

#mixtape #key ul li {
        color: #222;
		font-size:8px;
		display:inline;
		padding:0 0 5px 0;
}

#mixtape #key ul {
margin:0;
padding:0;
}


/* columns */
#sidebar {
	float:left;
	width: 150px;
	height:400px;
}
#content {
	position:relative;
	float:left;
	clear:right;
	width: 610px;
	background: url(../images/bgs/bg-squiggle1.gif) 350px 20px no-repeat;
	min-height: 300px;
	_height:300px;
}

/* header stuff */
#header h1 {
	margin:0;
	position:absolute;
	z-index:100;
}
/*menu stuff */
#menu {
	}
#menu ul{
	width: 120px;
	text-align:right;
}
#menu li{
	line-height:1.5em;
	font-size:1.3em;
}
#menu li a {
	color:#3A251F;
	text-decoration:none;
}
#menu a:hover {
	color:#72582E;
}	
#menu .maillist{
	color:#3A251F;
	padding-left:12px;
	text-align:center;
	font-size:1.3em;
	margin:0;
	}
#menu .maillist label{
	clear:both;
	}
#menu .maillist input{
	vertical-align:middle;
	}

#menu .maillist #email{
	width:94px;
	height:26px;
	padding:4px 0 0 6px;
	font-size:.95em;
	font-family: arial,helvetica,san-serif;
	background:transparent url(../images/bgs/maillist-bg.gif) left top no-repeat;
	border: none;
	color:#8E8E8E;
	}
#menu .maillist .gobutton {
	margin-top:-2px;
}



/* footer stuff */

/* userpanel stuff */
#userpanel .credits{
	color:#a1a498;
	padding:10px 20px 0 0;
}
#userpanel .credits img{
	padding-top:5px;
}



/* index content sections */
.index .intro {
	float:right;
	margin-top:20px;
}
.index .intro,
.index .giglist {
	width:250px;
}
.index .giglist {
	float:right;
	clear:right;
}
.index .feature{
	width:300px;
	padding:350px 0 0 25px;
}
.index .graphic{
	position:absolute;
	top:0px;
	left:0px;
	margin:-20px 0 0 -5px;
}

.index .giglist .item{
	margin-bottom: 1em;
	background: url(../images/bgs/horz-line.gif) repeat-x;
	padding:5px;
}
.index .giglist p.date{
	font-weight: bold;
	margin:0;
}
.index .giglist p{
	margin:0 0 0 5px;
}
.index .giglist .more{
	background: url(../images/illustrations/spectacles.gif) no-repeat right top;
	height:50px;
	text-align:right;
	padding:20px 20px 0 0;
}
.index .feature h4 {
	margin-left:10px;
	padding-bottom:5px;
}
.index .feature h4 a{
	text-decoration:none;
}
.index .feature .pics {
	float:left;
	width:120px;
	padding-left:10px;
}
.index .feature img.inlinepic {
	padding:3px;
	border:2px dashed #C2CEB6;
	margin:0 0 10px 0;
}
.index .feature .detail {
	margin-left:135px;
	width:105px;
}



/* news content sections */
.news h2{
	padding-left:10px;
	margin-top:15px;
}
.news .newsfeature{
	float:left;
	clear:left;
	width:260px;
	margin-top:15px;
	padding-left:40px;
}
.newsfeature h3{
	margin-bottom:0px;
	padding-bottom:10px;
	background: url(../images/bgs/dot-line.gif) 20px 25px no-repeat;
}
.news .newslist{
	float:right;
	width: 280px;
	margin-top: 120px;
}
.news .newslist h3{
	background: url(../images/bgs/dot-line.gif) 20px 35px no-repeat;
	padding-top:13px;
	padding-bottom:3px;
	margin-bottom:5px;
	color:#42100F;
}
.news .newslist li a{
	font-weight:bold;
	margin-right:9px;
}
.news .graphic{
	position:absolute;
	top:20px;
	left:315px;
}

/* gig guide content sections */
.gigs h2{
	float: right;
	width: 300px;
	margin-top:-20px;
}
.gigs .graphic{
	position:absolute;
	top:70px;
	left:320px;
}
.gigs .giglist{
	padding-left:25px;
	width: 265px;
	margin-top:40px;
}
.gigs .intro{
	float: right;
	clear:right;
	width: 300px;
	margin-top:240px;
}

.gigs .item {
	margin-bottom:0px;
	background: url(../images/bgs/horz-line.gif) repeat-x;
	padding:5px;
}

.gigs .item h4 {
	padding:0;
	margin:0;
}

.gigs .item h5 {
	padding:0;
	margin:0;
}
.gigs .tourhead{
	padding:0 5px;
}
.gigs .tourhead h3{
	font-size:1.6em;
	background:none;
}




/* history content sections */
.history h2{
	width:260px;
	margin-bottom:-30px;
}
.history .intro {
	float:left;
	width:260px;
	padding-left:25px;
}
.history .intro .inlinepic{
	float: left;
	margin-right:7px;
}
.history .listContent {
	float:right;
	width:270px;
	padding-top:300px;
	padding-left: 45px;
	background: url(../images/bgs/column-line-bg.gif) no-repeat left top;
}
.history .graphic{
	position:absolute;
	top:10px;
	left:305px;
}




/*  tour diary content sections */
.tourdiary h2{
	width: 220px;
	padding-left:15px;
}
.tourdiary .diaryfeature{
	float: right;
	width: 295px;
	margin-top:-70px;
	padding-bottom: 120px;
}
.tourdiary .diaryfeature{
	background: url(../images/illustrations/brain.gif) no-repeat right bottom;
}
.tourdiary .diarylists{
	margin-top:230px;
	width: 280px;
	margin-left:20px;
}
.tourdiary .tourlist h3{
	background: url(../images/bgs/dot-line.gif) 20px 35px no-repeat;
	padding-top:13px;
	padding-bottom:3px;
	margin-bottom:5px;
	color:#42100F;
}
.tourdiary .tourlist li a{
	font-weight:bold;
	margin:0 9px 0 0;

}

.tourdiary .tourlist li {
	margin:6px 0 0 0;

}


.tourdiary .graphic{
	position:absolute;
	top:70px;
	left:5px;
}


/* merchandise content sections */
.merchandise h2{
	float:right;
	width:300px;
	margin-top:-10px;
}
.merchandise .intro, .merchandise .stuff {
	float:left;
	clear:left;
	width:260px;
	padding-left:25px;
}
.merchandise .intro {
	padding-top:25px;
}
.merchandise .graphic{
	position:absolute;
	top:60px;
	left:285px;
}

.merchandise .shopitem {
	background: url(../images/bgs/horz-line.gif) bottom left repeat-x;
	padding-bottom:40px;

}

.merchandise .shopitem h2 {
	float: right;
	width:100px;
	margin:0 0 0 0;
	padding:0 0 0 0;

}













/* popup stuff */

.popup {
background:none;
}

.popup #content {
width:500px;
margin-left:35px;
background:none;
}

.popup .close {
position:absolute;
left:490px;
top:10px;
height:30px;
width:90px;
text-indent:-999em;
}

.popup #footer {
background: url(../images/popup/footer.gif) bottom left no-repeat;
height: 100px;
position:relative;
}

.popup dl {
font-size:1.3em;
font-weight:bold;
}

.popup dt {
font-size:1.3em;
font-weight:bold;
}

.popup dd {
margin:0;
}

.mySpace {
        margin-bottom: 10px;
}

/* discography content sections */
.discography h2{
	width:300px;
	margin-top:10px;
	padding-left:10px;
}
/* linkList li styling with under type styles */
.discography .releaselist{
	float:left;
	clear:left;
	width:270px;
	padding-left:30px;
	min-height:120px;
	_height:120px;
}
.discography .albums{
	float:left;
	clear:left;
	width:550px;
	padding-left:45px;
}
.discography .albums ul li, .discography .albums ol li{
	font-size:.9em;
	line-height:1.3em;
}
.discography .albums .item{
	width:550px;
	float:left;
	padding-bottom:10px;
	margin-bottom:20px;
	background: url(../images/bgs/horz-line.gif) left bottom repeat-x;
}
.discography .albums .item h4{
	color:#421212;
	text-transform:lowercase;
}
.discography .albums .pics {
	float:left;
	width:120px;
}
.discography .albums .pics .inlinepic{
	margin:0 0 10px 0;
	border: 1px solid #C9C9C9;
}
.discography .albums .pics p{
	width:100px;
	text-align:center;
	margin-bottom:5px;
}
.discography .albums .pics p a{
	display:block;
	margin-bottom:-5px;
}
.discography .albums .detail {
    float: left;
	width:160px;
	padding-right:10px;
}
.discography .albums .item h4, .discography .albums .item li img{
	vertical-align:middle;
}

.discography .albums ol.tracks {
	float:left;
	width:245px;
}


.discography .albums ol, .discography .albums ol li
{
	list-style: decimal outside;
}
.discography .albums ol li
{
	margin-left:30px;
	padding:0;
}
.discography .labellist{
	position:absolute;
	top:50px;
	left:380px;
	width:230px;
}
.discography .labellist h3{
	margin-bottom:0;
}
.discography .labellist ul{
	width:230px;
	padding:0;
}
.discography .labellist li{
	display:block;
	width:114px;
	float:left;
	font-size:.8em;
	padding:0;
}
.discography .graphic{
	position:absolute;
	top:30px;
	left:260px;
}
.discography .tracks object{
	position:relative;
	top:4px;
	margin:0 1px;
}
.discography .tracks li a{
	vertical-align:bottom;
}

/* friends content sections */
.friends .feature{
	float:left;
	clear:left;
	margin-top:15px;
	width:280px;
	padding-left:45px;
}
.friends .linklist {
	margin-left:230px;
	margin-top:-80px;
}
.friends .graphic{
	position:absolute;
	top:105px;
	left:365px;
}
.friends .gallerythumbs{
	margin-top:20px;
}
.friends .gallerythumbs li{
	float:left;
	width: 110px;  
	padding:5px;
	text-align:center;
	border-bottom:1px dashed #cfcfcf;
}
.friends .gallerylist{
	float:right;
	width: 250px;
	padding-right:10px;
	margin-top: 320px;
}

.friends .item {
	margin-bottom:0px;
	background: url(../images/bgs/horz-line.gif) left bottom repeat-x;
	padding:5px 0;
}




/* members content sections */
.members .feature{
	float:left;
	clear:left;
	width:290px;
	padding-left:45px;
}
.members .feature form{
	width:290px;
}
.members .feature form .row{
	position:relative;
}
.members .feature form label{
	display:block;
	width:80px;
	float:left;
}

.members .feature form input,
.members .feature form select{
	margin-bottom:1px;
}
.members .feature form input{
	width:140px;
}
.members .feature form .passwordlabel{
	position:absolute;
}
.members .feature form .passwordinput{
	margin-left:80px;
}
.members .feature form .formdescription{
	color:#421212;
	margin:1em 0 .5em 0;
}
.members .feature form .multi input{
	float:left;
	width:20px;
}
.members .feature form .multi label{
	width:260px;
	float:none;
	clear:none;
	margin-left:22px;
}
.members .feature form textarea{
	width:280px;
}
.members .feature form .formbuttons{
	text-align:center;
}
.members .feature #submitbutton{
	padding:1px 12px;
	width:auto;
}
.members .graphic{
	position:absolute;
	top:50px;
	left:365px;
}
.members .item {
	margin-bottom:0px;
	background: url(../images/bgs/horz-line.gif) left bottom repeat-x;
	padding-bottom:10px;
}

.members h3 {
	margin-top:1em;

}



/*   media content sections */
.media h2{
	float:left;
	width: 220px;
	padding-left:15px;
}
.media .info{
	width: 300px;
	float: right;
	padding-bottom: 120px;
}
.media .info{
	background: url(../images/illustrations/bike.gif) no-repeat right bottom;
}
.media .graphic{
	position:absolute;
	top:70px;
	left:25px;
}


/* rant content sections */
.rant h2{
	width: 280px;
	padding-left:20px;
}
.rant .blogfeature{
	float:left;
	clear:left;
	width: 335px;
	padding-left:40px;
}

.rant .bloglist{
	float:right;
	width: 200px;
	margin-top: 100px;
}



.rant .graphic{
	position:absolute;
	top:26px;
	left:325px;
}
.blogfeature .item {
	margin-top:10px;
	background: url(../images/bgs/horz-line.gif) left bottom repeat-x;
	padding-bottom:10px;
	float:left;
	width: 335px;
}


.blogfeature .item h3 {
	width:290px;
	margin-bottom:0px;
	padding-bottom:7px;
	background: url(../images/bgs/dot-line.gif) 20px bottom no-repeat;
}
.blogfeature .item .person {
	color:#666;
	font-size:0.6em;
}
.blogfeature .item .date {
	color:#666;
	font-size:1.1em;
	margin-bottom:1em;
}
.blogfeature .item .inlinepic {
	/*float:left;*/
	margin:0 12px 5px 0;
}

.rant .bloglist h3{
	background: url(../images/bgs/dot-line.gif) 20px 30px no-repeat;
	padding-top:13px;
	padding-bottom:3px;
	margin-bottom:5px;
	color:#42100F;
	font-size:1.4em;
}



/*  contact/guestbook content sections */
.contact h2{
	float:right; 
	width:300px;
	margin-top:-20px;
}
.contact .guestbook{
	float:left;
	width:240px;
	padding-left:45px;
	margin-top:40px;
	padding-bottom: 160px;
	background: url(../images/illustrations/box-of-nothing.gif) no-repeat 90% 100%;
}
.contact .guestbook .item{
	width:200px;
	margin: 0 10px;
	padding-bottom:12px;
	margin-bottom:7px;
	border-bottom: 1px dotted #C4CEBB;
}
.contact .guestbook p{
	margin-bottom:0;
}
.contact .guestbook .user, .contact .guestbook .deets{
	text-align:right;
	color:#421212;
}
.contact .guestbook .user span{
	float:left;
	font-weight:bold;
}
.contact .form, .contact .address{
	float:right;
	clear:right;
	width:290px;
}
.contact .form{
	background: url(../images/illustrations/glasses.gif) no-repeat 30% 100%;
	padding-bottom:70px;
	font-size:1.1em;
}
.contact .form label{
	font-weight:bold;
}
.contact .form .row label{
	display:block;
	float:left;
	width:90px;
	color:#707070;
}
.contact .form .row{
	clear:left;
}
.contact .form ul.multi {
	font-size:1em;
}
.contact .form .Name,
.contact .form .Email,
.contact .form .URL{
	width:150px;
	margin-left:5px;
}
.contact .form textarea{
	width:260px;
}
.contact .address h3{
	padding-top:40px;
	margin-bottom: 0;
}


/* 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 */


DL.order {
						margin-top:0px
				}
				DL.order DT{
						float:left; display:inline; width: 110px;font-weight:bold;
				}				
				DL.order DD {
						margin-left:120px
				}

/* 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;
        
}

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





/* 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 #columnTwo h1{
		visibility: hidden;
		font-size:2.6em;
		margin-bottom:3px;
	}
	
	
}

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

}