html {height: 100%; background: #222;}

body {height: 100%; margin: 0; color: #555; background: transparent; font-family: verdana, helvetica, arial, sans-serif; line-height: 18px; font-size: 11px;}

#floater {position: relative; float:left; height:50%; margin-bottom:-250px; width:1px;}

#container {clear:both; position: relative; width: 950px; height: 504px; margin: 0 auto;}

#background {position: absolute; width: 100%; height: 100%; overflow: hidden; left: 0px; top: 0px; z-index: -1;}
#background .stretch {width:100%; height:100%;}

a {outline: 0;}
a:link {color: #B60014; text-decoration: underline;}
a:visited {color: #B60014; text-decoration: underline;}
a:hover, a:active {color: #888; text-decoration: underline;}

.top-black {border-top: 1px solid #555;}
.top-red {border-top: 1px solid white;}

#left, #middle, #right {padding: 0; background: transparent url(../images/bg-tile-white.png); overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: 0 0 8px #000; -moz-box-shadow: 0 0 8px #000;}
#left, #middle, #right {height: 396px;}

#footer {font-size: 11px; text-align: center;}
#footer div {color: #fff; display: block; height: 50px; line-height: 50px; text-shadow: 0 0 .2em #111;}

.bottom {height: 44px; margin-top: 10px; font-size: 11px; background: transparent url(../images/bg-tile-white.png); -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: 0 0 8px #000; -moz-box-shadow: 0 0 8px #000;}

.white-bg {background: transparent url(../images/bg-tile-white.png); overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; /*-webkit-box-shadow: 0 0 8px #000; -moz-box-shadow: 0 0 8px #000;*/}

.padding {padding: 18px;}

#navigation {overflow: hidden;}
#navigation ul {margin: 0; padding: 0 0 0 8px; list-style: none;}
#navigation li {float: left; margin: 0; padding: 0;}
#navigation li a {display: block; margin: 8px 0; padding: 4px 12px; text-decoration: none; color: #B60014; text-transform: uppercase; font-weight: normal; font-size: 10px;}
#navigation li a:hover {color: #777;}

ul#nav {list-style: none; margin: 0; padding: 0;}
ul#nav li {margin: 0; padding: 0;}
ul#nav li a {display: block; text-transform: uppercase; text-decoration: none; font-size: 15px; line-height: 18px; margin: 0; padding: 0; color: #666;}

.home-blog-snippet {min-height: 72px; max-height: 72px; overflow: hidden; margin-bottom: 7px;}
.home-blog-dots {display: none;}
.home-meta {margin: 0 0 1em 0;}
.home-meta a:link, .home-meta a:visited {color: #666;}
.home-meta a:hover {color: #B60014;}

.author {margin: 18px 0; text-transform: uppercase;}
	.author span {/*font-style: italic; text-transform: none;*/}
.rule {display: none; height: 1px; background: #ddd; margin: -1px 18px 18px 18px;}
.less-margin{margin: 0;}

#content, #artist {overflow: hidden; height: 324px; width: 594px; margin: 0 18px;}
.wide-scroll {overflow: hidden; height: 324px; width: 594px;}
	.faux-column-left {width: 450px; padding-left: 120px;}
	.no-padding-right {padding-right: 0; width: 594px;}
.date {float: left; width: 120px;}
	.date h4 {text-transform: uppercase; font-size: 11px; line-height: 1.5em; margin-bottom: 0; color: #666;}
	.date a {margin-top: 3px; display: block; font-size: 11px; line-height: 1.5em; text-decoration: none;}
.blog-post {float: left; margin-bottom: 1.5em; width: 438px;}
.left-col {float: left; width: 120px;}
.right-col {float: left; width: 438px;}

/*.add-this {margin: 1.5em 0 1.5em 0;}*/

#artist .left {float: left; width: 200px;}
#artist .right {float: left; width: 394px;}
#artist-bio, #tour-dates {overflow: hidden; height: 288px; width: 394px; padding: 0;}
#artist-bio p:first-child {}
#artist-bio p {}

.artist-image {overflow: hidden; width: 180px; text-align: center; background-color: #f5f5f5; border: 1px solid #aaa;}
.artist-image img {float: left; height: auto !important; width: 180px !important;}

#right-side-image {border: 2px solid #ccc; overflow: hidden;}
#right-side-image img {display: block; overflow: hidden;}
#credit, div.credits {margin: 0 0 20px 0; padding: 2px 4px; font-size: 86%; /*text-transform: uppercase;*/ text-align: right; font-style: italic;}

.meta {padding-top: 18px;}
.meta {height: 36px; margin-bottom: 0;}

.artist-sub-menu {clear: both; overflow: hidden; height: 36px;}
.artist-sub-menu ul {list-style: none; margin: 0; padding: 0;}
.artist-sub-menu ul li {float: left; margin: 0 12px 0 0; padding: 0;}
.artist-sub-menu ul li a {text-transform: uppercase; text-decoration: none; font-size: 10px; letter-spacing: .02em;}
.artist-sub-menu ul li a:hover {}

#roster {width: 274px; height: 329px; text-transform: uppercase;}
#roster ul {margin: 0; padding: 0 0 2em 0;}
#roster ul li {margin: 0 0 1px 0; padding: 0;}
#roster ul li a:link, #roster ul li a:visited {margin: 0; padding: 0; font-size: 15px; line-height: 18px; text-decoration: none; color: #666; font-style: italic;}
#roster ul li a:hover {color: #B60014;}

.two-column {margin: 0; list-style: none;}
/* height: 290px; column-count: 2; -moz-column-count: 2; -webkit-co\lumn-count: 2; column-gap: 18px; -moz-column-gap: 18px; -webkit-column-gap: 18px;}*/
.two-column ul {list-style: none; margin: 0; padding: 0;}
.two-column ul li {}
.two-column ul li a {text-transform: uppercase; margin: 0; padding: 0; font-size: 15px; line-height: 18px; text-decoration: none; color: #666; font-style: italic;}
.two-column ul li a:hover {color: #B60014;}

#logo {padding: 18px; position: relative;}

/*CONTACT INFO*/

#contact-info {position:absolute; bottom: 125px;}
#contact-info div {font-size: 12px; letter-spacing: .02em;}
#contact-info div a {text-decoration: none;}

h1, h2, h3, h4, h5 {color: #fff;}
h1 {margin: 0; padding: 0;}
h1 a:link, h1 a:visited {margin: 0 0 18px 0; padding: 0; display: block; background: url(../images/logo.png) no-repeat 0 0; text-indent: -5555px; width: 270px; height: 108px;}
/*h1 a:hover {background-position: 0 -81px;}*/

h2 {font-size: 105%; margin: 0 0 10px 0; text-transform: uppercase; font-weight: normal;}
h2 a:link, h2 a:visited {color: #B60014; text-decoration: none;}
h2 a:hover {color: #777;}
h2.title {color: #555; font-size: 22px; margin: 0; padding-left: 18px;}
h2 span {}
h2 img {vertical-align: middle;}
h2 img a {width: 21px; display: block;}

h3.blog-title, h4 {font-size: 11px; line-height: 1.5em; margin: 0 0 18px 0;}

h3, h4 {text-transform: uppercase; color: #666; margin-bottom: 16px;}
	h3 a:link, h3 a:visited, h4 a:link, h4 a:visited {text-decoration: none; color: #B60014;}
	h3 a:hover, h4 a:hover {color: #777;}
h4 {}
h5 {font-weight: normal; margin: 0 0 7px 0;}
h5.home-blog-title a:link, h5.home-blog-title a:visited {text-transform: uppercase; font-size: 15px; line-height: 18px; text-decoration: none; color: #666; font-style: italic;}
h5.home-blog-title a:hover {color: #777;}

hr {background: #1B426F; color: #1B426F; clear:both; float:none; width:100%; height: 1px; margin: 0 0 1.45em; border: none;}

#blog-bar hr {visibility: hidden;}
#blog-bar {border-top: 1px solid #ddd; padding-top: 18px;}
#blog-bar h3 {width: 120px; float: left; font-size: 11px; line-height: 19px; margin-bottom: 0; text-transform: uppercase;}
#blog-bar ul {list-style: none; margin: 0 0 1.5em 0; padding: 0; width: 438px; float: right;}
#blog-bar ul li a {text-transform: uppercase; font-size: 11px; text-decoration: none;}

table.table {width: 100%; margin: 0 0 1.5em 0; border-collapse: collapse;}
table.table th {background: #ddd; color: white; font-weight: bold; line-height: 1.5em;}
table.table tr.odd {}
table.table td {padding: 5px 0;}
table.table td.date {width: 100px;}

table.tour {text-transform: uppercase; font: 11px verdana, sans-serif;}
table.tour th {}
table.tour td {padding: 4px 0;}
table.tour td:first-child h4 {line-height: 18px;}
table.tour td h4 {margin: 0; line-height: 36px; margin-bottom: 0}
table.tour td.m-d {padding-right: 4px;}

table.homepage td {overflow: hidden; vertical-align: top; padding: 0; line-height: 18px;}
table.homepage td:first-child {padding-right: 6px;}

#homepage-tour-dates {text-transform: uppercase; font: 11px verdana, sans-serif; line-height: 12px;}
#homepage-tour-dates .date-city {font-size: 10px;}
#homepage-tour-dates .date-city div {overflow: hidden; float: left; width: 32px;}
#homepage-tour-dates .band {margin-bottom: 5px;}

/* Inquiry */
table.form {width: 100%; margin: 0 0 1.5em 0; font-size: 92%; border-collapse: collapse;}
table.form caption {background: transparent; font-weight: bold; margin-bottom: 1em; padding: 0 0 .5em 0; text-transform: uppercase;}
table.form th, table.form td {padding: .5em .25em; vertical-align: top; text-align: left;}
table.form input {vertical-align: top !important; width: 80%;}
table.form th {/*width: 35%; */text-align: left; font-weight: normal;}
table.form label {font-weight: normal;}
table.form label span {padding-left: .75em; font-size: 10px; text-transform: none;}
table.form input.short {width: 25%;}


/* error messaging */
#error {margin: 0 0 1.5em 0; padding: .25em 0; background: #FFDFDF; color: #cc0000; border: 1px solid #EFA4A4;}
#error ul {margin: 0; padding: .25em 2em; font-weight: bold;}
#action {margin: 0 0 1.5em 0; padding: .25em 0; background: #EDFFDF; color: #009900; border: 1px solid #B6EFA4;}
#action ul {margin: 0; padding: .25em 2em; font-weight: bold;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#jplayer-ui {position: relative;}
#jplayer-ui ul {list-style: none; margin: 0; padding: 0;}
#jplayer-ui ul li {float: left; margin-right: 10px;}
#jplayer-ui ul li a {display: block; position: absolute; width: 24px; height: 24px; cursor: pointer; text-indent: -7884px;}
#jplayer-ui ul li a.previous {top: 10px; left: 12px; background: url(../images/skip-backward.png) no-repeat 0 0;}
#jplayer-ui ul li a.pause, #jplayer-ui ul li a.play {top: 10px; left: 38px;}
#jplayer-ui ul li a.pause {background: url(../images/pause.png) no-repeat 0 0;}
#jplayer-ui ul li a.play {background: url(../images/play.png) no-repeat 0 0;}
#jplayer-ui ul li a.next {top: 10px; left: 64px; background: url(../images/skip-forward.png) no-repeat 0 0;}
#jplayer-ui ul li a.mute {top: 10px; left: 248px; background: url(../images/volume-down.png) no-repeat 0 0;}
#jplayer-ui ul li a.pop-out {top: 10px; left: 274px; background: url(../images/pop-out.png) no-repeat 0 0;}
#trackname {position: absolute; top: 10px; left: 96px; height: 24px; width: 194px; padding: 0 2px; line-height: 24px; border: 1px solid #ddd;}

.tickercontainer {width: 194px; height: 24px; margin: 0; padding: 0; overflow: hidden;}
.tickercontainer .mask {position: relative; width: 194px; overflow: hidden;}
ul.newsticker {position: relative; left: 194px; list-style-type: none; margin: 0; padding: 0;}
ul.newsticker li {float: left; width: 300px; margin: 0; padding: 0;}

#playerProgress {
			background-color: #ffffff;
			height: 32px;
			width: 256px;
			float: left;
			margin-left: 16px;
		}

		#playerProgressLoad { background-color: #e0e0e0; height: 32px; width: 0%; }
		#playerProgressPlay { background-color: #1384bb; height: 32px; width: 0%; }

		/* AddThis Vertical Hover Menu */

		.addthis_toolbox .custom_hover {
		    position: relative;
		}

		.addthis_toolbox .custom_hover .custom_button {
		    font-weight: bold;
		    padding: 6px 12px 6px 12px;
		    color: #00bff3;
		    cursor: pointer;
		    -moz-border-radius: 5px 5px 0 0;
		    -webkit-border-radius: 5px 5px 0 0;
		}

		.addthis_toolbox .custom_hover .custom_button.active {
		    background-color: #eee;
		}

		.addthis_toolbox .hover_menu  {
		    display: none;
		    position: absolute;
		    background: #fff;
		}

		.addthis_toolbox .custom_hover .tower {
		    -webkit-border-radius: 0 5px 0 0;
		    -moz-border-radius-topleft: 0;

		}
		.addthis_toolbox .hover_menu  {
		    width: 136px;
		    padding: 1px;
		    border: 3px solid #eee;
		    -moz-border-radius: 5px;
		    -webkit-border-radius: 5px;
		}

		.addthis_toolbox .hover_menu a {
		    position: relative;
		    display: block;
		    width: 102px;
		    padding: 4px 0 4px 34px;
		    text-decoration: none;
		    color: #00bff3;
		}

		.addthis_toolbox .hover_menu a:hover {
		    background: #f5f5f5;
		    color: #027999;
		    text-decoration: none;
		    -moz-border-radius: 4px;
		    -webkit-border-radius: 4px;
		}

		.addthis_toolbox .hover_menu span {
		    position: absolute;
		    left: 14px;
		    top: 4px;
		}

		.addthis_toolbox .hover_menu .more {
		    border-top: solid 1px #eee;
		    padding: 10px 0 0 0;
		    margin: 10px 10px 0 10px;
		    text-align: center;
		}

		.addthis_toolbox .hover_menu .more a {
		    padding: 4px 0;
		    margin: 0;
		}

		.addthis_toolbox .hover_menu .more a:hover {
		    background: none;
		}
		.addthis_toolbox .hover_menu .more span {
		    display: none;
		}