html, body {background-color: #3d414c; margin: 0; padding: 0; height: 100%; font: normal 10px/14px Verdana, Helvetica, sans serif; color: #ccc;}

img {border: 0;}

* html table, * html td, * html tr, * html tbody {border-collapse: collapse;}

.clear {clear:both;}

span.i {font-style: italic;}
span.b {font-size: 10px; font-weight: bold;}

a:link, a:visited {text-decoration: none; color: #999; outline: none;}
a:hover {text-decoration: underline; color: #999;}

#cntr {width: 907px; /*margin-left: 23px;*/ margin:auto;}
#cntr_left {float: left; width: 607px;}
#cntr_right {float: right; width: 270px; margin-left: 30px;}

#footer {clear: both; width: 100%; height:79px; background: url(/bosssounds/images/bosssounds/footer_background.jpg) repeat-x; position:relative;}
#footer .footer_inner {position:relative; width:954px; height:79px; margin:auto;}
#logo {width: 607px; height:160px;}
#nav {width: 607px; height: 32px; position:relative;}
*:first-child+html #nav {width: 607px; height: 34px;}

#promo {width: 607px; margin-bottom: 24px;}

#leftnav {float: left; width: 144px; padding: 10px 0 0 0;}

#leftnav_artist {float: left; width: 93px; padding: 10px 0px 0px 32px;}

#contentarea {float: right; width: 460px; padding:0; margin: 0; position:relative;}

#content_left_border {width: 460px; border-left: solid 1px #000; padding:0;}
#content_no_border {width: 460px; padding:0;}


#rightpress {float: right; width: 269px; margin-top: 15px; border-left: solid 1px #000;}

.spacer {clear: both; height: 15px;}
.menudivider {border-bottom: solid 1px #000;}
.menudivider125 {width: 125px; border-bottom: solid 1px #000;}
.menudivider img {display: block;}
.menudividerbottom {width: 140px;  padding: 10px 0; font: normal 10px/14px Verdana, Helvetica, sans serif;}
.menudividerbottom_bdr {width: 125px; border-bottom: solid 4px #000;}
.menudividertext {color:#999; padding: 10px 0 20px 0; border-top: 1px solid #000; font: normal 10px/14px Verdana, Helvetica, sans serif;}
.greydivider {clear: both; border-bottom: solid 1px #4f5157;}
.menudivider_bbg {width: 93px; margin: 0 0 20px 32px;}

.inner {padding: 10px 0 20px 13px;}
.press_inner {padding:10px 0 0 13px;}

.sitemap_inner {padding: 10px 0 20px 13px;}
.sitemap_inner a:link, .sitemap_inner a:visited {text-decoration: none; color: #ccc; outline: none;}
.sitemap_inner a:hover {text-decoration: underline; color: #ccc;}

.orangetitle_lg {font: bold 13px/16px verdana; color: #ff6600; }
.orangetitle_sm {font: bold 10px/14px verdana; color: #ff6600;}
.orangetitle_sm a{color: #ff6600;}

.graytitle_lg {font: bold 13px/14px verdana;}
.graytitle_sm {font: bold 10px/12px verdana;}

ul {margin:0; padding: 0 0 0 13px;}
li {padding: 0;}

.thumbnail {float: left; width: 80px; padding: 2px 20px 0px 13px;}
*:first-child+html .thumbnail {float: left; width: 80px; padding: 2px 20px 10px 13px;}
* html .thumbnail {float: left; width: 80px; padding: 2px 20px 10px 13px;}



/* MAIN */
#navmenu_cntr {width: 607px; height: 31px; z-index:1000; margin: 3px 0 0 0; background: url(/bosssounds/images/bosssounds/nav_left.gif);}

#clientlogin {width: 270px; height:106px; background-image: url(/bosssounds/images/bosssounds/bg_client_login.gif); font: normal 8px/12px Verdana, Arial, sans serif; color:#7f8082;}
#clientlogin .sign_up{margin: 10px 0 0 64px;}
#clientlogin .sign_up_box {width:85px; height: 12px; border:0; margin:0 5px 0 0; padding: 0; font: normal 9px Verdana, Arial, sans serif;}

#audioplayer {width: 270px; height: 260px;}
#featuredvideo {width: 270px; height: 114px; margin-top: 15px; border-bottom: solid 1px #000;}
#browsebygenre {width: 270px; height: 300px; margin-top: 0px;}


/* NEWS */
.news_cntr {clear: both; padding: 5px 0 0 0;}
.news_rightsidetext {float: right; width: 346px;}
.news_bottom {height: 20px; margin-top: 4px; margin-bottom: 15px; border-bottom: solid 1px #4f5157;}
.newstitle {font: bold 10px/12px verdana; color: #ff6600;}
.newstitle a:link, .newstitle a:visited {color: #ff6600; text-decoration: none; outline: none;}
.newstitle a:hover {text-decoration: underline; color: #ff6600;}
.newsdate {display: inline; float: left; padding: 0 6px 5px 0; color: #999999; font-size: 9px;}
.readmore {display: inline;	float: left; padding: 0 6px 5px 6px; border-left: solid 1px #4f5157; font-size: 9px;}
.readmore a:link, .readmore a:visited {text-decoration: none; color: #999;outline: none;}
.readmore a:hover {text-decoration: underline; color: #999;}


/* NEWS ARCHIVE */
.news_archive {padding-top:32px;}
.news_archivetext {padding: 1px 0;}


/* ALBUM */
.album_container {clear: both; margin-top: 5px;}
.thumbnail_album {float: left; width: 110px; padding: 15px 4px 15px 13px;}
*:first-child+html .thumbnail_album {float: left; width: 110px; padding: 10px 4px 10px 13px;}
* html .thumbnail_album {float: left; width: 110px; padding: 7px 4px 10px 13px;}
.thumbnail_album_sm {float: left; width: 50px; text-align: right; padding: 15px 0px 15px 13px;}

.rightsidetext_album {float: right; width: 333px; padding-top: 15px;}
.rightsidetext_album_sm {float: right; width: 383px; padding-top: 15px;}
.available_from {color: #999;}
.album_desc {clear:both; margin-left: 13px; padding: 0 0 15px 0; border-bottom: solid 1px #4f5157;}


/* GALLERY */
.gallery {clear: both; text-align: right; width: 459px; margin: 0 auto;}
.gallerycell {float: left; position: relative; width: 153px; height: 170px;}
.imagecaption {text-align: left; padding-left: 13px; font-size:9px; line-height: 9px; color: #5c5d60;}


/* VIDEO */
.videotext {padding: 10px 20px 30px 0px; border-bottom: 1px solid #000;}
.featured_video_cntr {clear:both; height: 105px; border-bottom: solid 1px #000; margin: 15px 0 0 10px;}
.featured_video_img {float: left; width: 135px; height: 99px; background: url(/bosssounds/images/bosssounds/bg_featured_video.gif) no-repeat;}
.featured_video_title_sm {font: normal 11px Arial, Verdana, san serif; color: #fff;}
.featured_video_title {font: bold 13px/18px Arial, Verdana, san serif; color: #fff;}


/* TOUR */
.tour_date {float: left; width:73px;}
.tour_city {float: left; width:100px;}
.tour_state {float: left; width:75px;}
.tour_venue {float: left; width:199px;}


/* ABOUT US GALLERY */
.aboutgallerycell {float: left; position: relative; width: 153px; height: 190px;}
.aboutgallerycaption {text-align: left; padding-left: 13px; font-size:9px; line-height: 11px;  color: #ccc;}


/* BROWSE BY GENRE */
.bbg_cntr {clear: both; margin: 15px 0 0 10px; border-bottom: solid 1px #000; padding: 0 0 10px 0;}
.bbg_cntr ol {margin: 10px 20px 0 10px; padding: 0;}
.bbg_cntr li {margin: 0 0 0 10px; padding: 0;}
.bbg_album {float: left; width: 113px; height: 113px; background: url(/bosssounds/images/bosssounds/bg_bbg_album.gif) no-repeat; padding-right: 10px;}
.bbg_rightsidetext {float:right; width: 325px;}
.bbg_tracktime {font: normal 11px Arial, Verdana, san serif; color: #999;}
.bbg_orangetitle {font: normal 11px/16px verdana; color: #ff6600;}
.bbg_orangetitle_b {font: bold 11px/16px verdana; color: #ff6600;}

.bbg_nav {margin: 0 0 0 32px;}
a.bbg_nav_white:link, a.bbg_nav_white:visited, a.bbg_nav_white:hover{color: #fff; text-decoration: none;}
a.bbg_nav_gray:link, a.bbg_nav_gray:visited, a.bbg_nav_gray:hover{color: #999; text-decoration: none;}


/* GALLERY MENU */

/* Overall main navigation styles */
#gallerymenu, #gallerymenu ul {float: left; list-style: none; color: #999; background-color: #3d414c; padding: 0; margin: 0px; z-index:100;}
/* The top main navigation links */
#gallerymenu a {display: block; padding: 2px 0; color: #999; background-color:#3d414c; text-decoration:none;}

/* I'm targeting the last main navigation link to have no "bar" on the right side */
#gallerymenu a.last {background-image: none;}
#gallerymenu a.one {text-align: left; font-size: 1em;}
#gallerymenu li {float: left; padding: 0;}
#gallerymenu li.top {float: left; padding: 0px; width: 170px; border-left: 1px solid #666; border-right: 1px solid #666; border-top: 1px solid #666; border-bottom: 1px solid #666; background-color: #3d414c;}
#gallerymenu li.top a:hover {background: #3d414c; color: #cf5d13;}
/* The dropdown links lists */
#gallerymenu li ul {position: absolute; left: -999em; height: auto; width: 170px; font: normal 10px/14px Verdana, Helvetica, sans serif; border-left: 1px solid #666; border-right: 1px solid #666; border-bottom: 1px solid #666; background-color: #3d414c; margin: 0px 0 0 -1px;}
#gallerymenu li li {padding: 0; width: 170px; border-top: 1px solid #666;}
#gallerymenu li ul a {padding: 3px 0px 3px 10px; width: 160px;} 
/* This controls the flyout location of the second level dropdowns */
#gallerymenu li ul ul {margin: -2em 0 0 160px;}
#gallerymenu li:hover ul ul, #gallerymenu li:hover ul ul ul, #gallerymenu li.sfhover ul ul, #gallerymenu li.sfhover ul ul ul {left: -999em;}
#gallerymenu li:hover ul, #gallerymenu li li:hover ul, #gallerymenu li li li:hover ul, #gallerymenu li.sfhover ul, #gallerymenu li li.sfhover ul, #navmenu li li li.sfhover ul {left: auto;}
/* Here is the background of the main nav link while looking at the dropdown */
#gallerymenu li:hover, #gallerymenu li.sfhover {background-color: #000;}
/* The dropdown links list colors */
#gallerymenu li ul.under a {color: #999; background-image: none;}
#gallerymenu li ul.under a:hover {background: #3d414c; color: #cf5d13;}
/* The background of the second level links while looking at the dropdown under it... */
#gallerymenu li ul.under li:hover a.daddy, #gallerymenu li ul.under li.sfhover a.daddy {color: #fff;}
#gallerymenu li ul.under li:hover, #gallerymenu li ul.under li.sfhover {color: #fff; background-color: #3d414c;}

/* ADD THIS */
#btn_addthis {position:absolute; top:42px; right:0;}
#btn_addthis span.dvdr {float:left; margin:0 5px; border-left:1px solid #fff; height:20px;}
#btn_addthis .addthis_button_facebook_like {width:70px; overflow:hidden;}
#btn_addthis .addthis_button_tweet  {width:80px; overflow:hidden;}
#btn_addthis .addthis_button_google_plusone {width:55px; overflow:hidden;}