﻿body {
	background-color:black;
	background-image: url(/assets/images/crowdbackground.png);
	background-repeat:repeat-x;
	font: 76% Verdana,Arial,Helvetica,sans-serif;
	color: white;
	margin: 10px 0;
	text-align: center;
}

img {
	border: none;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Lucida Grande","Lucida Sans",Arial,Georgia,Times,serif;
	color: #ffa118;
	margin: 0 0 5px 0;
}
h1 {
	font-size: 150%;
	padding-top:5px;
	padding-left:20px;
}
h2 {
	font-size: 125%;
}
h3, h4, h5, h6 {
	font-size: 110%;
}
ul,ol {
	margin: 0px 0;	
}
p,li {
	line-height: 1.5em;
	margin: 0;
	padding-top:10px;
}
a {
	color: #bcff26;
	text-decoration: underline;
}
a:hover {
	color: #ffa118;	
}

#blog {
	z-index:3;
	position:absolute;
	padding-top:46px;
	padding-left:550px;
}

#blog a {
	color:#ffa118;
	text-decoration:none;
	font-style:italic;
}

#blog a:hover{
	text-decoration:underline;
}
	
#page_container {
	background:black url(/assets/images/homepage.png) no-repeat bottom;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	width: 980px;
	height: 750px;
	
}

#contact_us_form {
	width:450px;
	height:300px;
	padding-left:300px;
}

#header {
	background-color:#bcff26;
	height: 110px;
	width:980px;
	padding: 0;
	font:  90% "Lucida Grande","Lucida Sans",Arial,Georgia,Times,serif;
	color: #ffa118;
}

#headerimage {
	position:absolute;
	z-index:2;
}

#indentmenu{
font: 110% "Lucida Grande","Lucida Sans",Arial,Georgia,Times,serif;
width: 580px; /*leave this value as is in most cases*/
height: 19px;
overflow: hidden;
padding-top: 6px;
margin-left:400px;
z-index:4;
position:absolute;
}

#indentmenu ul{
padding: 0;
float: left;
width: 100%; /*width of menu*/
border-width: 1px 0;
}

#indentmenu ul li{
display: inline;
}

#indentmenu ul li a{
float: left;
color: black; /*text color*/
padding: 0px 11px;
text-decoration: none;
}

#indentmenu ul li a:hover{
color: #ffa118;
}

#header ul {
	float:left;
}


#header p span {
	color: #fff;
}

#content {
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 5px;
	width:100%;
	height:500px;
}

#content_bio {
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 5px;
	width:100%;
	height:500px;
	background-color:black;
}

#content p {
	padding: 5px 20px 5px 20px;
}

#content_bio p {
	padding: 5px 5px 5px 20px;
	float: left;
	width: 850px;
}

#horrace_text {
	width:650px;
	float:left;
}

#horrace_text p {
	width:650px;
}

#horrace_twitter {
	float:right;
	padding-right:20px;
}

#album_text {
	float:right;
	width:65%;
	position:absolute;
	padding-left:300px;
}

#video_text {
	float:right;
	width:200px;
	padding-right:100px;
}

#video_text p {
	width:200px;
	text-align:center;
}

#slider p {
	padding-left:0px;
}

#homepage_content {
	width:500px;
	float:left;
	padding-left:20px;
}

#homepage_content p {
	padding: 5px 5px 0px 0px;
	float: left;
	width: 520px;
}

#quotes {
	margin:auto;
	background-color:#bcff26;
	height:45px;
}

#gigs {
	text-align:center;
}

#gig_dates {
	padding-bottom:0px;
	padding-top:10px;
	color:#bcff26;
	font-weight:bold;
}

#album {
	padding-left: 20px;
	float: left;
}

#footer_background {
	z-index:-1;
}

#musicplayer {
	padding-right:80px;
	float:right;
}

#twitter {
	padding-right:20px;
	float:right;
}

#promotion {
	float:right;
	padding-right:80px;
	padding-top:85px;
}

#promotion_image {
	height:150px;
	width:150px;
	float:right;
}

#promotion_image img {
	height:150px;
	width:150px;
}

#promotion_text {
	width:100px;
	float:left;
	padding-right:5px;
	text-align:center;
}

#slider_container h2 {
	color: #bcff26;
	font-family: "Lucida Grande","Lucida Sans",Arial,Georgia,Times,serif;
	font-size: 150%;
	margin: 0 21px -20px 21px;
}


#links {
	color: #ffa118;
	font-size: 84%;
	margin: 0;
	padding: 0 0 20px 0;
}
#links ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#links li {
	border-right: 1px solid #999;
	display: inline;
	padding: 0 20px;
}
#links #right li {
	border-right: none;
}
#links a {
	color: #666;
	font-weight: normal;
	text-decoration: none;
}
#links a:hover {
	color: #ffa118;
	text-decoration:underline;
}

#tinymce {
	text-align: left !important;
}

#slider_container {
	position: fixed;
	padding-left:123px;	
}
#slider {
	background: black;
	height: 420px;
	border: 1px solid #f199b4;
	margin-left: 20px;
	
}

#slider .inner {
	background: repeat;
	margin: 0;
	padding: 0;
}
#slider p a {
	background: url(/assets/images/slider/slider_inner.png) 0 100% repeat-x;
	color: black;
	display: block;
	padding: 340px 20px 20px 20px;
	width: 658px;
	height: 60px;
}
#slider p a strong {
	display: block;
}
#slider ul, #slider li { 
	margin:0;
	padding:0;
	list-style:none;
	
}
#slider li a { 
	color: white;
	font-size:100%; 
}
#slider, #slider li{ 
	height: 420px;
	width: 698px;
	overflow:hidden;
}	
#prevBtn, #nextBtn{ 
	display:block;
	width:28px;
	height:95px;
	position: relative;
	left: 18px;
	top: -300px;
}												
#prevBtn a, #nextBtn a {  
	display:block;
	width: 28px;
	height: 95px;
	background: url(/assets/images/slider/slider_controls.png) no-repeat 0 0;
	text-indent: -9999em;
	overflow: hidden;
}	
#nextBtn { 
	left: 684px;
	top: -395px;
		
}
#nextBtn a {
	background-position: -28px 0;
}
#nextBtn a:hover {
	background-position: -28px -95px;
}
#prevBtn a:hover {
	background-position: 0 -95px;
}

#carousel_horrace {
	padding-top:60px;
}

#carousel {
	padding-top:80px;
}

#carouselmain {
	background: transparent;
	padding-top:20px;
	margin: 0px 0 10px 0;
	position:fixed;
	width: 980px !important;
}
#carouselmain ul {
	margin: 0;
	padding: 0;
}
#carouselmain ul li {
	margin: 0 0 0 10px;
	padding: 0;
}

#carouselmain #prevBtn {
	top: 70px;
	display:block;
	position:absolute;
	left: -4px;
	z-index: 5;
}
#carouselmain #nextBtn {
	top: 70px;
	display:block;
	position:absolute;
	left: 955px;
	z-index: 5;
}

#carouselmain p a {
	background: url(/assets/images/slider_inner.png) 0 100% repeat-x;
	color: #fff;
	display: block;
	padding: 340px 20px 20px 20px;
	width: 656px;
	height: 60px;
}
#carouselmain ul li img {
	border: 2px solid #ffa118;
	height: 190px;
	width: 250px;
}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{ background: black; }
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/images/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(/images/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/images/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(/images/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(/images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background: black;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/images/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/images/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

