body {margin: 0; padding: 0;  background-color: #FFF; color: #111; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px;}
a {color: #111; text-decoration: underline;}
a:hover {text-decoration: none;}

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; text-transform: lowercase; font-weight: normal;}h6 {margin: 0; padding: 0; text-transform: lowercase; font-weight: normal;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: none; font-weight: normal;}

#name h6 {font-size: 70px; color: #111; letter-spacing: -1px; }
#name h6 a {color: #111; font-weight: bold;}
h4 {font-size: 25px;  margin-bottom: 15px; color: #111;}
h3 {font-size: 23px;}
h2 {font-size: 29px;}
h1 {font-size: 35px;} 

h3 a:hover {color: #ff9900;}

.clear {clear: both;}
p {margin-bottom: 20px;}

#abof-links p {margin: 0;}

#wrapper {margin: 0 auto; width: 920px; padding: 20px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background-color: #FFF;}

#logo {float: left; width: 76px; height: 150px; background-image: url('/images/aboflogo.gif');}
#logo a {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; text-decoration: none;}
#logo a span {display: none;}

#name {float: right; margin-top: 80px;}

#menu {position: relative; top: 0px; left: 0px; width: 900px; padding: 10px; margin-bottom: 30px; border-bottom: 1px solid #111; height: 15px;}
ul#top-menu {position: absolute; top: 0px; left: 0px; margin: 0 auto; padding: 0; list-style-type: none;}
ul#top-menu li {margin: 0; padding: 0; float: left; list-style-type: none; margin-right: 17px;}

#main {position: relative; top: 0px; left: 0px; clear: left; width: 100%; margin: 0; padding: 0; margin-bottom: 30px;}
#header {position: relative; top: 0px; left: 0px; width: 100%; height: 150px; margin-bottom: 10px;}
#footer {position: relative; clear: both; top: 0px; left: 0px; margin: 0; padding: 0; margin-top: 30px; border-top: 1px solid #111; width: 900px; padding: 10px; text-align: right; font-size: 12px;}
#footer a {background-color: #EAEAEA; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #111; text-decoration: none; padding: 2px; padding-right: 4px; padding-left: 4px;}

#left {float: left; width: 600px;}
#right {float: right; width: 250px; font-size: 14px; line-height: 20px;}

#current-clients {position: relative; top: 0px; left: 0px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #111;}
#sidebar-news {position: relative; top: 0px; left: 0px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #111;}
#abof-links {position: relative; top: 0px; left: 0px;}

.current-client {width: 155px;}
.current-client img {border: 0; margin-bottom: 5px;}
.client-one {position: absolute; top: 0px; left: 0px;}
.client-two {position: absolute; top: 0px; left: 165px;}

.artist-image {margin-bottom: 20px; -moz-border-radius: 15px; -webkit-border-radius: 15px; width: 600px;}
#artist-links {position: relative; top: 0px; left: 0px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #111;}
#artist-resources {position: relative; top: 0px; left: 0px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #111;}
#artist-flickr {position: relative; top: 0px; left: 0px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #111;}
#artist-youtube {position: relative; top: 0px; left: 0px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #111;}
#artist-links p, #artist-resources p {margin: 0;}
.side-news {margin-bottom: 10px;}

.news-story {position: relative; top: 0px; left: 0px; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #111;}
.news-story h2 {font-size: 20px; padding-bottom: 5px;}
.meta {position: relative; top: 0px; margin-bottom: 0px; font-size: 11px; margin-top: 10px; padding-top: 10px; border-top: 1px dashed #111;}
div.meta a.news-artist {background-color: #dd2200; color: #FFF; padding: 1px; padding-right: 2px; padding-left: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none;}
div.meta a.news-artist:hover {background-color: #ff6666;}

#pagination {position: relative; top: 0px; left: 0px; width: 600px; text-align: right;}
#pagination h6 {font-size: 16px;}

#news-filter {position: relative; top: 0px; left: 0px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #111;}

ul.sidebar {list-style-type: square; font-size: 12px;}
ul.sidebar li {list-style-type: none; margin: 0; padding: 0; margin-bottom: 2px;}

ul.sidebar a {background-color: #ff9900; padding: 2px; padding-right: 4px; padding-left: 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; color: #FFF;}
ul.sidebar a:hover {background-color: #ffcc66; }

#artist-links ul.sidebar a {background-color: #338833;}
#artist-links ul.sidebar a:hover {background-color: #99cc66;}

#artist-resources ul.sidebar a {background-color: #dd2200;}
#artist-resources ul.sidebar a:hover {background-color: #ff6666;}

#news-filter ul.sidebar a {background-color: #dd2200;}
#news-filter ul.sidebar a:hover {background-color: #ff6666;}

#current-clients ul.sidebar a {background-color: #dd2200;}
#current-clients ul.sidebar a:hover {background-color: #ff6666;}

ul.images {list-style-type: none; margin: 0; padding: 0; width: 263px; height: 161px;}
ul.images li {float: left; width: 75px; height: 75px; margin-right: 11px; margin-bottom: 11px;}
ul.images li img {-moz-border-radius: 5px; -webkit-border-radius: 5px;}

#artist-dates {position: relative; top: 0px; left: 0px; margin-top: 20px; padding-top: 20px; border-top: 1px solid #111;}
ul.gigs {list-style-type: none; margin: 0; padding: 0; clear: left; width: 615px;}
ul.gigs li {float: left; list-style-type: none; padding: 10px;  -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #dd2200; color: #FFF; width: 170px; height: 75px; margin-right: 15px; margin-bottom: 15px;}
#artist-dates ul.gigs li h5 a {color: #FFF; text-decoration: none; font-size: 15px; background-color: #DD2200;}
ul.gigs li p {margin-top: 5px;}

#artist-press {position: relative; top: 0px; left: 0px; margin-top: 20px; padding-top: 20px; border-top: 1px solid #111;}
ul.press {list-style-type: square; font-size: 12px;}
ul.press li {list-style-type: none; margin: 0; padding: 0; margin-bottom: 2px;}
ul.press li span {background-color: #ff9900; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #FFF; text-decoration: none; padding: 2px; padding-right: 4px; padding-left: 4px;}
ul.press a {background-color: #338833; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #FFF; text-decoration: none; padding: 2px; padding-right: 4px; padding-left: 4px;}
ul.press a:hover {background-color: #99cc66;}

#twitter_div {position: relative; top: 0px; left: 0px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #111;}
ul#twitter_update_list {list-style-type: none; margin: 0; padding: 0;}
ul#twitter_update_list li {background-color: #338833; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #FFF; text-decoration: none; padding: 10px; font-size: 12px; margin-bottom: 10px;}
ul#twitter_update_list li a {color: #FFF;}

ul.roster {position: relative; top: 0px; left: 0px; width: 600px;}
ul.roster li {list-style-type: none; margin: 0; padding: 0; min-height: 50px; margin-bottom: 10px;}
ul.roster li img {width: 50px; height: 50px; float: left; margin-right: 10px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
ul.roster li h5 {font-size: 20px; margin-bottom: 5px;}

span.print {background-color: #ff9900; color: #FFF; padding: 1px; padding-right: 2px; padding-left: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; margin-right: 3px;}
span.radio {background-color: #dd2200; color: #FFF; padding: 1px; padding-right: 2px; padding-left: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; margin-right: 3px;}
span.online {background-color: #338833; color: #FFF; padding: 1px; padding-right: 2px; padding-left: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; margin-right: 3px;}
span.mgmt {background-color: #ff9900; color: #FFF; padding: 1px; padding-right: 2px; padding-left: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; margin-right: 3px;}

.youtube {position: relative; top: 0px; left: 0px; width: 600px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #111;}
.youtube h2 {font-size: 20px; margin-top: 10px;}

#tv-player {position: relative; top: 0px; left: 0px; width: 600px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #111;}

ul#more-tv {position: relative; top: 0px; left: 0px; width: 600px; clear: left;}
ul#more-tv li {float: left; width: 600px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #111;}
ul#more-tv li h5 {font-size: 16px; padding-bottom: 5px;}
ul#more-tv li img {float: left; margin-right: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}

#about {position: relative; top: 0px; left: 0px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #111; font-size: 12px;}

div#front-roster {position: relative; top: 0px; left: 0px; width: 600px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #111;}
div#front-roster h3 {font-size: 30px; margin-bottom: 10px;}
ul#front-roster {list-style-type: none; margin: 0; padding: 0; clear: left; width: 605px;}
ul#front-roster li {margin: 0; padding: 0; line-height: 0; width: 50px; height: 50px; float: left; margin-right: 5px; margin-bottom: 5px;}
ul#front-roster li img {border: 0; width: 50px; height: 50px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}

#front-news {position: relative; top: 0px; left: 0px; width: 600px;}
#front-news h3 {font-size: 30px; margin-bottom: 10px;}

#artist-mp3 {position: relative; top: 0px; left: 0px; margin-top: 20px; padding-top: 20px; border-top: 1px solid #111;}

a.linkopacity:hover img {
   	filter:alpha(opacity=50);
   	-moz-opacity: 0.4;
  	 opacity: 0.5;
   	-khtml-opacity: 0.4;}
     a.linkopacity img {
   	filter:alpha(opacity=100);   
   	-moz-opacity: 1.0;   
  	 opacity: 1.0;
  	 -khtml-opacity: 1.0; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #111;
}

#TB_secondLine {
	font: 12px Arial, Helvetica, sans-serif;
	color:#111;
}

#TB_closeWindowButton:link {color: #FFF; background-color: #ff9900; padding: 2px; padding-right: 4px; padding-left: 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none;}
#TB_closeWindowButton:hover {color: #FFF; background-color: #ffcc66;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#ff9900;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#111;
	display:none;
	border: 5px solid #338833;
	text-align:left;
	top:50%;
	left:50%;
-moz-border-radius: 20px; -webkit-border-radius: 20px;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

.notification_error
{width: 100%; background-color: #dd2200; color: #FFF; padding: 1px; padding-right: 2px; padding-left: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; text-align: center; margin-bottom: 20px;}

.notification_ok
{width: 100%; background-color: #ff9900; color: #FFF; padding: 1px; padding-right: 2px; padding-left: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; text-align: center;}
.info_fieldset {margin: 0; padding: 0; border: 0;}

.textbox {
	border: 1px solid #ffffff;
	background: url(none) no-repeat #ffffff;
	font-style: normal;
	font-size: 12px;
	color: #000000;
border: 1px solid #000;
padding: 3px;
width: 500px;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

textarea {height: 200px; clear: left;}

label {margin: 0; padding: 0;
	font-style: normal;
	font-size: 12px;
	color: #000000;
margin-right: 10px;
width: 75px;
display: block;
margin-top: 15px;
}

.button  {font-style: normal;
	font-size: 12px;
background-color: #338833; color: #FFF;
border: 0;
padding: 3px;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
margin-left: 90px;
margin-top: 15px;
}

.form-row {margin: 0; padding: 0; position: relative; top: 0px; left: 0px; margin-top: 10px; margin-bottom: 10px;}

.label {float: left;}
.input {float: right;}

#dhtmltooltip{
position: absolute;
padding: 2px;
padding-left: 4px;
padding-right: 4px;
background-color: #338833;
visibility: hidden;
z-index: 100;
color: #FFF;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.h1small {font-size: 16px;}

#photos {margin-top: 20px; line-height: 0;}
#photos img {float: left; margin-right: 10px; margin-bottom: 10px; border: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.event {position: relative; top: 0px; left: 0px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #000;}
.event-date {float: left; width: 100px;}
.event-desc {float: right; margin-left: 15px;}
.event-desc h2, .event-date h2 {font-size: 18px;}
.event-meta {position: relative; top: 0px; left: 0px; margin-top: 10px; margin-bottom: 10px;}
.event-time {float: left;}
.event-time  a {background-color: #dd2200; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #FFF; text-decoration: none; padding: 2px; padding-right: 4px; padding-left: 4px;}
.event-time  a:hover {background-color: #ff6666;}
.event-tickets {float: right;}
.event-tickets  a {background-color: #338833; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #FFF; text-decoration: none; padding: 2px; padding-right: 4px; padding-left: 4px;}
.event-tickets  a:hover {background-color: #99cc66;}
.event-text p {margin: 0; padding: 0; margin-top: 5px;}

#newsletter {position: relative; top: 0px; left: 0px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #111; font-family: Helvetica, Arial, sans-serif !important; font-size: 12px!important;}
#newsletter .label {font-size: 12px;}
.newsletter {
	border: 1px solid #ffffff;
	background: url(none) no-repeat #ffffff;
	font-style: normal;
	font-size: 12px;
	color: #000000;
border: 1px solid #000;
padding: 2px;
-moz-border-radius: 3px; -webkit-border-radius: 3px;
}

.newsletter-button  {font-style: normal;
	font-size: 12px;
background-color: #338833; color: #FFF;
border: 0;
padding:2px;
-moz-border-radius: 3px; -webkit-border-radius: 3px;
margin-top: 5px;
}

a.past {background-color: #338833; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #FFF; text-decoration: none; padding: 2px; padding-right: 4px; padding-left: 4px; margin-right: 2px;}
a.past:hover {background-color: #99cc66;}

.news-image {float: right; margin-left: 10px; margin-bottom: 10px;}
.press-left {float: left; width: 290px;}
.press-right {float: right; width: 290px;}