@charset "utf-8";
/* CSS Document */

/* COLOURS */
/* SIDEBAR GRAY - dedddd */
/* DARK GRAY ON SIDEBAR - 474544 */
/* LIGHT GRAY ON MAIN AREA - F5F5F5 */

a {
	color: #df0809;
	text-decoration: none;
	outline: none; /* GETS RID OF DOTTED BORDERS AROUND IMG LINKS */
}

a:hover {
	color: #E73D45;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6, p {padding: 0px; margin: 0px;}

p {
margin-top: 10px; 
margin-bottom: 10px; 
}

h1 {
	font-family: "FuturaCondensedNormalRegular", "Arial Narrow", Tahoma, Geneva, sans-serif;
	font-size: 28px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

h2 {
	font-family: "FuturaCondensedNormalRegular", "Arial Narrow", Tahoma, Geneva, sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	margin-top: 12px; 
	margin-bottom: 12px; 
	text-shadow: 0 0 1px rgba(0,0,0,0.3);
}

#sidebar h2 {
	font-family: "FuturaCondensedNormalRegular", "Arial Narrow", Tahoma, Geneva, sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	margin-top: 0; 
	margin-bottom: 12px; 
	text-shadow: 0 0 1px rgba(0,0,0,0.3);
}

h3 {
	font-family: "FuturaCondensedNormalRegular", "Arial Narrow", Tahoma, Geneva, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 12px; 
	margin-bottom: 12px; 
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
	color: #df0809;
}

h4 {
	font-family: "FuturaCondensedNormalRegular", "Arial Narrow", Tahoma, Geneva, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 12px; 
	margin-bottom: 5px; 
}

.first {
	margin-top: 0; 
}

.no {
	margin: 0;
	padding: 0;
}

strong {
	font-weight: bold;
}

.red {
	color: #df0809;
}

.gray {
	color: #474544;
}

.details {
	font-family: "FuturaCondensedNormalRegular", "Arial Narrow", Tahoma, Geneva, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

.details_small {
	font-size: 9px;
	text-transform: uppercase;
	margin-top: 5px;
}

.paginate {
	font-family: "FuturaCondensedNormalRegular", "Arial Narrow", Tahoma, Geneva, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
}

.shadow {
   -moz-text-shadow: 2px 2px 3px #000;
   -webkit-text-shadow: 2px 2px 3px #000;
   text-shadow: 2px 2px 3px #000;
}

.divider { /* use: <div class="divider"></div> */
	width: 100%;
	height: 5px;
	margin: 8px 0px 8px 0px;  /* TOP, RIGHT, BOTTOM, LEFT */
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #dedddd;
	clear: both;
}

.divider2 { /* use: <div class="divider"></div> */
	width: 100%;
	height: 5px;
	margin: 8px 0 0 0;  /* TOP, RIGHT, BOTTOM, LEFT */
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #dedddd;
	clear: both;
}

.subdivider { /* use: <div class="subdivider"></div> */
	width: 100%;
	height: 1px;
	margin: 8px 0px 8px 0px;  /* TOP, RIGHT, BOTTOM, LEFT */
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #dedddd;
	clear: both;
}

.divider_sidebar { /* use: <div class="divider"></div> */
	width: 100%;
	height: 5px;
	margin: 12px 0 12px 0;  /* TOP, RIGHT, BOTTOM, LEFT */
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #C2C0C2;
	clear: both;
}

.divider_sidebar2 { /* use: <div class="divider"></div> */
	width: 100%;
	height: 5px;
	margin: -8px 0 8px 0;  /* TOP, RIGHT, BOTTOM, LEFT */
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #C2C0C2;
	clear: both;
}

.subdivider_sidebar { /* use: <div class="divider"></div> */
	width: 100%;
	height: 1px;
	margin: 12px 0 0 0;  /* TOP, RIGHT, BOTTOM, LEFT */
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #C2C0C2;
	clear: both;
}

.clr { /* Used when bkgd img in a div disappears when using a float. Place <div class="clr"></div> in html under floats. */
clear: both;
margin: 0;
padding: 0;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}

.noborder {
border: 0;
text-decoration: none;
}

.marginbottomfix {
	margin-bottom: 0 !important;
}

.clearfloat { /* USE - <br class="clearfloat" /> - this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
	margin:0;
	padding:0;
    font-size: 1px;
    line-height: 0px;
display: inline
}

.clearfloat2 { /* USE - <br class="clearfloat" /> - this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	margin:0;
	padding:0;
	margin-bottom: 18px;
}

.cufon-loading { /* Fixes ugly render-delay of Cufon fonts */
	visibility: hidden;
}


/* NEWS */

.rss {
	margin-top: -2px;
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
   -moz-box-shadow: 0 0 1px rgba(0,0,0,0.1);
   -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.1);
   box-shadow: 0 0 1px rgba(0,0,0,0.1);
}

.post {
	clear: both;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 18px;
	margin-left: 0;
}

.post_bkgd {
	padding: 10px;
	background-color: #eeeeee;
}

.newsHeaderHolder {
	width: 100%;
	height: auto;
	position: relative;
}

.newsHeaderTitle {
	width: 375px;
	height: auto;
	font-family: "FuturaCondensedNormalRegular", "Arial Narrow", Tahoma, Geneva, sans-serif;
	font-size: 18px;
	padding-bottom: 5px;
	text-transform: uppercase;
	float: left;
}

.newsHeaderRightHolder {
	width: 98px;
	height: 12px; /* 20 - 4 - 4 = 12 */
	margin-top: 0;
	padding: 6px 8px 2px 8px;  /* TOP, RIGHT, BOTTOM, LEFT */
	float: right;
	background-color: #dedddd;
	font-family: "FuturaCondensedNormalRegular", "Arial Narrow", Tahoma, Geneva, sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	border-top-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	border-top-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	position: absolute;
	bottom: 5px;
	right: 0;
}

.newsHeaderDate {
	width: auto;
	height: auto;
	padding-right: 8px;
	float: left;
}

.newsHeaderComment {
	width: auto;
	height: 16px;
	background-image: url(images/comment.png);
	background-repeat: no-repeat;
	padding-left: 18px;
	float: right;
}

.newsHeaderBar {
	width: 100%;
	height: 5px;
	clear: both;
	background-color: #dedddd;
	margin-bottom: 0;
}

#news img { /* 477px widest */
	border: 3px solid;
	margin-right: 10px !important;
	margin-bottom: 10px !important;
	float: left !important;
    -moz-box-shadow: 2px 2px 3px #686767;
    -webkit-box-shadow: 2px 2px 3px #686767;
    box-shadow: 2px 2px 3px #686767;
}

#news iframe {	
	border: 3px solid;
	margin-right: 10px !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
    -moz-box-shadow: 2px 2px 3px #686767;
    -webkit-box-shadow: 2px 2px 3px #686767;
    box-shadow: 2px 2px 3px #686767;
} 

#news embed {
	border: 3px solid;
	margin-right: 10px !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
    -moz-box-shadow: 2px 2px 3px #686767;
    -webkit-box-shadow: 2px 2px 3px #686767;
    box-shadow: 2px 2px 3px #686767;
} 

.categories {
	margin: 0;
	padding: 0;
}

/* NEWS COMMENTS */

.commentbox {
	width: 489px;
	height: auto;
	margin: 0 0 10px 0;  /* TOP, RIGHT, BOTTOM, LEFT */
	padding: 3px 8px 13px 8px;  /* TOP, RIGHT, BOTTOM, LEFT */
	background-color: #F5F5F5;
}

/* ARTISTS */

#artists h3 {
	font-family: "FuturaCondensedNormalRegular", "Arial Narrow", Tahoma, Geneva, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 18px; 
	margin-bottom: 12px; 
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
	color: #df0809;
}

#artists ul {
	margin: 0;
	padding: 0;
}

#artists li {
	list-style-type: none;
	float: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

/* DISCOGRAPHY */

#disco .disco_box { /* STANDARD for ARTIST PAGE */
	width: 150px; /* width across is 772 + extra cushion of 9px on the right  */
	height: 222px;
	margin: 0 12px 10px 0;  /* TOP, RIGHT, BOTTOM, LEFT */
	float: left;
}

#disco .disco_box2 { /* LONGER HEIGHT for LOGGED IN PRESS */
	width: 138px; /* width across is 772 + extra cushion of 9px on the right  */
	height: 237px;
	margin: 0 10px 10px 0;  /* TOP, RIGHT, BOTTOM, LEFT */
	padding: 10px;
	background-color: #eeeeee;
	float: left;
}

#disco img {
	border: 3px solid;
	margin-bottom: 0;
   -moz-box-shadow: 2px 2px 3px #686767;
   -webkit-box-shadow: 2px 2px 3px #686767;
   box-shadow: 2px 2px 3px #686767;
}

#disco h4 { /* ALBUM TITLE */
	font-family: "FuturaCondensedNormalRegular", "Arial Narrow", Tahoma, Geneva, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 5px; 
	margin-bottom: 0; 
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
	color: #df0809;
}

.albumtitle { /* ALBUM TITLE ON ARTIST PAGE */
	font-family: "FuturaCondensedNormalRegular", "Arial Narrow", Tahoma, Geneva, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	margin-top: 5px; 
	margin-bottom: 2px; 
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
	color: #df0809;
}


#disco ol {
	list-style-type: none;
	margin: 0;
	padding: 5px;
	background-color: #F5F5F5;
}

#disco li {
	float: none;
	padding-top: 0;
	padding-bottom: 2px;
	margin-bottom: 0;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C2C0C2;
}

#disco .subheader {
	font-family: "FuturaCondensedNormalRegular", "Arial Narrow", Tahoma, Geneva, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	margin-top: 12px;
	margin-bottom: 10px;
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
}

/* PHOTOS */

#photos .photo_box { /* STANDARD for ARTIST PAGE */
	width: 150px; /* width across is 772 + extra cushion of 9px on the right  */
	height: 112px;
	margin: 0 12px 10px 0;  /* TOP, RIGHT, BOTTOM, LEFT */
	float: left;
}

#photos .photo_box2 { /* STANDARD for ARTIST PAGE */
	width: 138px; /* width across is 772 + extra cushion of 9px on the right  */
	height: 145px;
	margin: 0 10px 10px 0;  /* TOP, RIGHT, BOTTOM, LEFT */
	padding: 10px;
	background-color: #eeeeee;
	float: left;
}

#photos img {
	border: 3px solid;
	margin-bottom: 4px;
   -moz-box-shadow: 2px 2px 3px #686767;
   -webkit-box-shadow: 2px 2px 3px #686767;
   box-shadow: 2px 2px 3px #686767;
}

#photos h4 { /* ALBUM TITLE */
	font-family: "FuturaCondensedNormalRegular", "Arial Narrow", Tahoma, Geneva, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 5px; 
	margin-bottom: 0; 
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
	color: #df0809;
}

#photos ol {
	list-style-type: none;
	margin: 0;
	padding: 5px;
	background-color: #F5F5F5;
}

#photos li {
	float: none;
	padding-top: 0;
	padding-bottom: 2px;
	margin-bottom: 0;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C2C0C2;
}

/* ARTICLES */

#articles .artist {
	font-family: "FuturaCondensedNormalRegular", "Arial Narrow", Tahoma, Geneva, sans-serif;
	font-size: 22px;
	text-transform: uppercase;
	margin-top: 12px; 
	margin-bottom: 12px; 
	text-shadow: 0 0 1px rgba(0,0,0,0.3);
}

#articles h3 {
	font-family: "FuturaCondensedNormalRegular", "Arial Narrow", Tahoma, Geneva, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 12px; 
	margin-bottom: 0; 
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
}


.publication {
	font-family: "FuturaCondensedNormalRegular", "Arial Narrow", Tahoma, Geneva, sans-serif;
	font-size: 16px;
	margin-top: 2px; 
	margin-bottom: 2px; 
	text-transform: uppercase;
}

/* PRESS */

#press h4 {
	font-family: "FuturaCondensedNormalRegular", "Arial Narrow", Tahoma, Geneva, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 0; 
	margin-bottom: 1px; 
}

#press ul {
	margin: 0;
	padding: 0;
}

#press li {
	list-style-type: none;
	float: none;
	padding-bottom: 0;
	margin-bottom: 3px;
}
	

/* DATES */

#dates h3 {
	font-family: "FuturaCondensedNormalRegular", "Arial Narrow", Tahoma, Geneva, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 12px; 
	margin-bottom: 2px; 
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
	color: #df0809;
}

#dates .date {
	font-family: "FuturaCondensedNormalRegular", "Arial Narrow", Tahoma, Geneva, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 3px;
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
}

#dates p {
margin-top: 14px; 
margin-bottom: 14px; 
}

/* CONTACT */

#contact h3 {
	font-family: "FuturaCondensedNormalRegular", "Arial Narrow", Tahoma, Geneva, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 12px; 
	margin-bottom: 2px; 
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
	color: #df0809;
}

/* TWITTER */

#twitter {
	margin-top: -10px;
	margin-left: -9px;
	margin-bottom: -5px;
}

#twitter h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.3em;
	color: #000000;
}

#twitter h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.3em;
	color: #000000;
}

/* FACEBOOK */

#facebook { /* #facebook sized to hide borders of the facebook iframe */
	width: 230px;
	height: auto;
	overflow: hidden;
}

#facebook iframe {
	border: 1px solid #dedddd !important;
	margin-top: -11px;
	margin-left: -10px;
} 

#facebook script {
	border: 1px solid #dedddd !important;
	margin-top: -11px;
	margin-left: -10px;
} 

/* SIDEBAR */

.icon {
	margin-right: 5px;
	float: left;
	border: 0;
	margin-bottom: 14px;
	text-decoration: none;
	outline: none; /* GETS RID OF DOTTED BORDERS AROUND IMG LINKS */
}

#sidebar_links h4 {
	font-family: "FuturaCondensedNormalRegular", "Arial Narrow", Tahoma, Geneva, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 0; 
	margin-bottom: 1px; 
}

#sidebar_links ul {
	margin: 0;
	padding: 0;
}

#sidebar_links li {
	list-style-type: none;
	float: none;
	padding-bottom: 0;
	margin-bottom: 3px;
}

.links_border {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C2C0C2;
}

#sidebar iframe {
	border: 3px solid #C2C0C2;
} 

#sidebar embed {
	border: 3px solid #C2C0C2;
} 

/* FORMS */

form * {margin:0;padding:0;} /* Standard margin and padding reset, normally done on the body */

fieldset legend {
	color:#F5F5F5; /* IE styles legends with blue text by default */
	/**margin-left:-7px; /* A hack that only ie reads to position the legend in the same place cross browser */
	margin-left: 10px;
	padding-left: 0px;
	padding-right: 3px;
	font-size: 18px;
	font-weight: bold;
	background-color: #FFF;
}

fieldset {
	margin-top: 0;
	margin-bottom: 14px;
	padding-bottom: 10px;
	border: 0px dotted #93231d; /* Default fieldset borders vary cross browser, so make them the same */
	width: 100%;
}

fieldset p {
	margin-left: 0px;
	margin-top: 10px; 
	margin-bottom: 10px; 
}

fieldset div {
	overflow:hidden; /* Contain the floating elements */
	display:inline-block; /* Give layout in ie to contain float */
	display:block; /* Reset element back to block leaving layout in ie */
	margin-top: 4px;
	margin-bottom: 4px;
}

fieldset label {
	margin-left: 0px;
	margin-bottom: 4px;
	float:left; /* Take out of flow so the input starts at the same height */
	width:90px; /* Set a width so the inputs line up */
	font-family: "FuturaCondensedNormalRegular", "Arial Narrow", Tahoma, Geneva, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
}

#mce-EMAIL { /* FOR MAILCHIMP EMAIL FIELD */
	height:18px;
	width:100%;
	background-color: #FFFFFF;
	border: 0 solid #d0d0d0;
	margin-top: 2px;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.3em;
}

#mc_embed_signup {
	margin: 0 !important;
	padding: 0 !important;
}

.mc-field-group {
	margin: 0 !important;
	padding: 0 !important;
}

.textfield {
	height:18px;
	width:100%; 
	background-color: #eeeeee;
	border: 0 solid #d0d0d0;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.3em;
}

.textarea {
	height:150px;
	width:100%; 
	background-color: #eeeeee;
	border: 0 solid #d0d0d0;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.3em;
}

.textfield_comment {
	height:18px;
	width:409px;
	background-color: #eeeeee;
	border: 0 solid #d0d0d0;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.3em;
}

.textarea_comment {
	height:150px;
	width:409px; 
	background-color: #eeeeee;
	border: 0 solid #d0d0d0;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.3em;
}

.radio {
	position:relative; /* Position so children are relative to this container */
	border:0; /* Remove the border */
}

.radio span {
	position:absolute; /* Take the content of the legend out of flow */
	top:0;left:0; /* and position it to the top left of the fieldset */
	width:5em; /* Same width as labels */
}
.radio ul {
	margin-left:5em; /* Since the legend is out of flow. set margin, so inputs are inline */
	list-style:none; /* Dont want bullets */
}
.radio li {
	position:relative; /* Fix a bug in IE zoom functionality */
	display:inline; /* Display the inputs in a line */
	white-space:nowrap; /* We dont want a label to wrap between the input and label */
}
.radio label, .radio input {
	width:auto; /* Reset the width on the label from the 5em, set earlier */
	float:none; /* Reset the float from left on the label, set earlier */
	vertical-align:middle; /* Align the radio buttons with the inputs */
}
.submit {
	padding: 3px 4px 3px 4px; /* TOP, RIGHT, BOTTOM, LEFT */
	color: #FFF;
	background-color: #df0809;
	border: 0;
	font-family: "FuturaCondensedNormalRegular", "Arial Narrow", Tahoma, Geneva, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	cursor:pointer;
	outline: none; /* GETS RID OF DOTTED BORDERS AROUND IMG LINKS */
}
.submit:hover {
	padding: 3px 4px 3px 4px; /* TOP, RIGHT, BOTTOM, LEFT */
	color: #FFF;
	background-color: #E73D45;
	border: 0;
	font-family: "FuturaCondensedNormalRegular", "Arial Narrow", Tahoma, Geneva, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	cursor:pointer;
	outline: none; /* GETS RID OF DOTTED BORDERS AROUND IMG LINKS */
}

.submit_comment {
	padding: 3px 4px 3px 4px; /* TOP, RIGHT, BOTTOM, LEFT */
	color: #FFF;
	background-color: #df0809;
	border: 0;
	font-family: "FuturaCondensedNormalRegular", "Arial Narrow", Tahoma, Geneva, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	cursor:pointer;
	outline: none; /* GETS RID OF DOTTED BORDERS AROUND IMG LINKS */
	margin-top: 10px;
	margin-left: 90px;

}
.submit_comment:hover {
	padding: 3px 4px 3px 4px; /* TOP, RIGHT, BOTTOM, LEFT */
	color: #FFF;
	background-color: #E73D45;
	border: 0;
	font-family: "FuturaCondensedNormalRegular", "Arial Narrow", Tahoma, Geneva, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	cursor:pointer;
	outline: none; /* GETS RID OF DOTTED BORDERS AROUND IMG LINKS */
	margin-top: 10px;
	margin-left: 90px;
}