

body {
     font-family: Arial, Verdana, Helvetica, sans-serif;
     color: #778992;
     font-size: 11px; /* 10pt; */
     margin: 0;
     padding: 0;
     background: #efefef url(/images/style/bg.jpg) repeat-x scroll top left; /*#1c558c;*/
}

strong { font-weight:bolder; }

/* Font/Text/Links Size And Colors */
.text,
.textbd { font-family: Arial, Verdana, Helvetica, sans-serif; color: #fff; font-size: 12px; }
.textbd { font-weight: bold; }

.smtext,
.smtextbd,
.smtextbdnav { font-family: Arial, Verdana, Helvetica, sans-serif; color: #fff; font-size: 11px; }
.smtextbd    { font-weight: bold; }
.smtextbdnav { font-weight: bold; padding: 4px; }

.smallertext,
.smallerrtext,
.smallerredtext { font-family: Arial, Verdana, Helvetica, sans-serif; color: #fff; font-size: 9px; }
.smallerrtext,
.smallerredtext { color: #f00; }

.smredtext,
.smredtextbd { font-family: Arial, Verdana, Helvetica, sans-serif; color: #ff0000; font-size: 11px; }
.smredtextbd { font-weight:bold; padding-left: 3px; }

.smgreentext,
.smgreentextbd { font-family: Arial, Verdana, Helvetica, sans-serif; color: #8DC63F; font-size: 11px; }
.smgreentextbd { font-weight: bold; }

.smlightbluetext      { font-family: Arial, Verdana, Helvetica, sans-serif; color: #C0CBD9; font-size: 11px; }
.smlightbluetextbd    { font-family: Arial, Verdana, Helvetica, sans-serif; color: #C0CBD9; font-size: 11px; font-weight: bold; }
.smlightbluetextnav   { font-family: Arial, Verdana, Helvetica, sans-serif; color: #C0CBD9; font-size: 11px; padding: 4px; }
.smlightbluetextbdnav { font-family: Arial, Verdana, Helvetica, sans-serif; color: #C0CBD9; font-size: 11px; padding: 4px; font-weight: bold; }

.smdarkgraytext      { font-family: Arial, Verdana, Helvetica, sans-serif; color: #778992; font-size: 11px; }
.smdarkgraytextbd    { font-family: Arial, Verdana, Helvetica, sans-serif; color: #778992; font-size: 11px; font-weight: bold; }

.tinylightbluetext { font-family: Arial, Verdana, Helvetica, sans-serif; color: #C0CBD9; font-size: 9px; }
.tinygoldtext      { font-family: Arial, Verdana, Helvetica, sans-serif; color: #FEBE52; font-size: 9px; }
.tinygreentext     { font-family: Arial, Verdana, Helvetica, sans-serif; color: #8DC63F; font-size: 9px; }

.lightbluetext   { font-family: Arial, Verdana, Helvetica, sans-serif; color: #C0CBD9; font-size: 12px; }
.lightbluetextbd { font-family: Arial, Verdana, Helvetica, sans-serif; color: #C0CBD9; font-size: 12px; font-weight: bold; }

.bluetext   { font-family: Arial, Verdana, Helvetica, sans-serif; color: #3b97c5; font-size: 11px; }
.bluetextbd { font-family: Arial, Verdana, Helvetica, sans-serif; color: #3b97c5; font-size: 11px; font-weight: bold; }

.hdr         { font-family: Arial, Verdana, Helvetica, sans-serif; color: #FEBE52; font-size: 14px; font-weight: bold; }
.hdrbluetext { font-family: Arial, Verdana, Helvetica, sans-serif; color: #3b97c5; font-size: 18px; font-weight: bold; }


a:link    { font-family: Arial, Verdana, Helvetica, sans-serif; color: #336666; font-size: 8pt; text-decoration: underline; }
a:visited { font-family: Arial, Verdana, Helvetica, sans-serif; color: #666666; font-size: 8pt; text-decoration: underline; }
a:hover   { font-family: Arial, Verdana, Helvetica, sans-serif; color: #FF6600; font-size: 8pt; text-decoration: none; }

a.link:link    { font-family: Arial, Verdana, Helvetica, sans-serif; color: #336666; font-size: 10pt; text-decoration: underline; }
a.link:visited { font-family: Arial, Verdana, Helvetica, sans-serif; color: #666666; font-size: 10pt; text-decoration: underline; }
a.link:hover   { font-family: Arial, Verdana, Helvetica, sans-serif; color: #FF6600; font-size: 10pt; text-decoration: none; }

a.lightbluetext:link    { font-family: Arial, Verdana, Helvetica, sans-serif; color: #2B5281; font-size: 11px; text-decoration: underline; }
a.lightbluetext:visited { font-family: Arial, Verdana, Helvetica, sans-serif; color: #2B5281; font-size: 11px; text-decoration: underline; }
a.lightbluetext:hover   { font-family: Arial, Verdana, Helvetica, sans-serif; color: #FF0000; font-size: 11px; text-decoration: none;}

a.smlightbluetext:link    { font-family: Arial, Verdana, Helvetica, sans-serif; color: #FEBE52; font-size: 11px; text-decoration: underline; }
a.smlightbluetext:visited { font-family: Arial, Verdana, Helvetica, sans-serif; color: #FEBE52; font-size: 11px; text-decoration: underline; }
a.smlightbluetext:hover   { font-family: Arial, Verdana, Helvetica, sans-serif; color: #FEBE52; font-size: 11px; text-decoration: none; }

a.tinylightbluetext:link    { font-family: Arial, Verdana, Helvetica, sans-serif; color: #FEBE52; font-size: 9px; text-decoration: underline; }
a.tinylightbluetext:visited { font-family: Arial, Verdana, Helvetica, sans-serif; color: #FEBE52; font-size: 9px; text-decoration: underline; }
a.tinylightbluetext:hover   { font-family: Arial, Verdana, Helvetica, sans-serif; color: #FEBE52; font-size: 9px; text-decoration: none; }

a.smlightbluetextnav:link    { font-family: Arial, Verdana, Helvetica, sans-serif; color: #C0CBD9; font-size: 11px; padding: 4px; text-decoration:none; }
a.smlightbluetextnav:visited { font-family: Arial, Verdana, Helvetica, sans-serif; color: #C0CBD9; font-size: 11px; padding: 4px; text-decoration:none; }
a.smlightbluetextnav:hover   { font-family: Arial, Verdana, Helvetica, sans-serif; color: #FEBE52; font-size: 11px; padding: 4px; text-decoration:underline; }

a.smlightbluetextnavnot:link    { font-family: Arial, Verdana, Helvetica, sans-serif; color: #C0CBD9; font-size: 11px; text-decoration: none; }
a.smlightbluetextnavnot:visited { font-family: Arial, Verdana, Helvetica, sans-serif; color: #C0CBD9; font-size: 11px; text-decoration: none; }
a.smlightbluetextnavnot:hover   { font-family: Arial, Verdana, Helvetica, sans-serif; color: #FEBE52; font-size: 11px; text-decoration: underline; }

a.smlightbluetextbdnav:link    { font-family: Arial, Verdana, Helvetica, sans-serif; color: #C0CBD9; font-size: 11px; padding: 4px; text-decoration: none; font-weight: bold; }
a.smlightbluetextbdnav:visited { font-family: Arial, Verdana, Helvetica, sans-serif; color: #C0CBD9; font-size: 11px; padding: 4px; text-decoration: none; font-weight: bold; }
a.smlightbluetextbdnav:hover   { font-family: Arial, Verdana, Helvetica, sans-serif; color: #FEBE52; font-size: 11px; padding: 4px; text-decoration: underline; font-weight: bold; }

a.footer:link    { font-family: Arial, Verdana, Helvetica, sans-serif; color: #00F; font-size: 10pt; }
a.footer:visited { font-family: Arial, Verdana, Helvetica, sans-serif; color: #909; font-size: 10pt; }


/* Input Fields */
textbox  { padding: 3px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9px; color: #009; }
.textbox { padding: 3px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9px; color: #009; }
input    { margin: 3px 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9px; color: #fff; background-color: #168ecb; }
.input   { margin: 3px 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9px; color: #fff; background-color: #168ecb; border: #fff solid; border-width: thin 1px; }
form     { padding: 3px; }
.form    { padding: 3px; }

/* Containers */
#pageContainer { margin: 0; width: 100%; }

#mainContainer {
 width: 100%;
 min-width: 950px;
 max-width: 1600px;
 margin: 0 auto;
 background: transparent url(/images/style/bg2.jpg) no-repeat scroll top center; /*#1c558c;*/
 text-align: left;
}

#headerContainer {
 margin: 0 auto;
 padding: 0;
 width: 950px;
} 

#barbuzzContainer { width: 628px; height: 34px; float:right;  text-align: right; }

#columnContainer { padding: 10px 0 0 0px; }
* html #columnContainer { padding: 10px 0 0 0px; }
#columnContainer p { color: #778992; }

#latestMixContainer { width: 244px; height: 78px; margin: 0; padding: 0 0 0 11px; background: #fff url(/images/style/mixcd.jpg) no-repeat scroll top right; float: left; }

#urbanBartenderContainer { width: 224px; height: 136px; border: 1px solid #c1c2c3; background: #9d9e9f url(/images/style/urbanradiobg.jpg) repeat-x scroll top left; font-family: Arial, Verdana, Helvetica, sans-serif; color: #999999; font-size: 11px; margin: 0; padding: 11px 11px 0px 11px; }
* html #urbanBartenderContainer h2 { width: 212px; height: 11px; color: #fff; font-weight: bold; font-size: 11px; text-transform: uppercase; background-color: #999999; margin: 0; padding: 6px 0 6px 12px; }
#urbanBartenderContainer h2        { width: 212px; height: 11px; color: #fff; font-weight: bold; font-size: 11px; text-transform: uppercase; background-color: #999999; margin: 0; padding: 6px 0 6px 12px; }
#urbanBartenderContainer form { margin: 0; padding: 0; }
#urbanBartenderContent { width: 212px; padding: 10px 6px 0 6px; color: #666; }

#threeBannersContainer {
 width: 170px;
 height: 305px; 
 margin: 0;
 padding: 9px 0;
 text-align: left;
 float: right;
}

#subNavContainer { width: 928px; height: 41px;  margin: 0; padding: 0; background-color: #1b5371; color: #b5e7ff; text-align: center; float: left; }

/* Forms */
#barbuzzForm { padding: 5px 0; }
#barbuzzForm form { padding: 0; margin: 0; }


/* Content/Boxes */
#mainContentArea {
 clear: both;
 margin: 0 auto;
 padding: 0;
 width: 950px;
}

.atlbarzBoxes { display: table-cell; vertical-align: middle; }

.atlbarzBoxes1 { width: 758px; height: 98px; border: 1px solid #5a789d; background-color: #2B5281; font-family: Arial, Verdana, Helvetica, sans-serif; color: #C0CBD9; font-size: 11px; padding: 5px 0; }
.atlbarzBoxes1Content { width: 750px; padding: 4px; margin: 0 auto; text-align: center; }

.atlbarzBoxes2 { width: 177px; height: 98px; border: 1px solid #5a789d; background-color: #2B5281; font-family: Arial, Verdana, Helvetica, sans-serif; color: #C0CBD9; font-size: 11px; padding: 5px 0; }
.atlbarzBoxes2Content { width: 166px; height: 80px; padding: 9px 4px; margin: 0 auto; text-align: center; font-family: Arial, Verdana, Helvetica, sans-serif; color: #C0CBD9; font-size: 11px; }
.atlbarzBoxes2Content img { width: 166px; height: 80px; border-width: 0px; }

.atlbarzBoxes3,
.atlbarzBoxes4,
.atlbarzBoxes5 { width: 164px; height: 95px; border: 1px solid #024e73; background-color: #fff; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000; font-size: 11px; }
.atlbarzBoxes3Content,
.atlbarzBoxes4Content,
.atlbarzBoxes5Content { width: 144px; height: 75px; padding: 10px; }
.atlbarzBoxes3Content img,
.atlbarzBoxes4Content img,
.atlbarzBoxes5Content img { width: 144px; height: 75px; border-width: 0px; }

.atlbarzBoxes6        { width: 468px; height: 60px; padding: 9px 17px 9px 18px; border: 1px solid #cccccc; background-color: #e0e0e0; float: left; }
.atlbarzBoxes6Content { width: 468px; height: 60px; }

.atlbarzBoxes7            { width: 166px; height: 62px; border: 1px solid #cccccc; background-color: #e0e0e0; padding: 8px 4px 8px 5px; }
.atlbarzBoxes7Content     { width: 166px; height: 62px; overflow: hidden; }
.atlbarzBoxes7Content img { width: 166px; height: 62px; border-width: 0px; }

.atlbarzBoxes8,
.atlbarzBoxes9            { width: 160px; height: 600px; border: 1px solid #cccccc; background-color: #e0e0e0; padding: 12px 7px; }
.atlbarzBoxes8Content,
.atlbarzBoxes9Content     { width: 160px; height: 600px; }
.atlbarzBoxes8Content img,
.atlbarzBoxes9Content img { width: 160px; height: 600px; }

.atlbarzBoxes10 { width: 758px; height: 98px; border: 1px solid #cccccc; background-color: #e0e0e0; font-family: Arial, Verdana, Helvetica, sans-serif; color: #C0CBD9; font-size: 11px; padding: 5px 0; float: left; }
.atlbarzBoxes10Content { width: 750px; padding: 4px; margin: 0 auto; text-align: center; }

.atlbarzBoxes11 { width: 169px; height: 98px; border: 1px solid #cccccc; background-color: #e0e0e0; font-family: Arial, Verdana, Helvetica, sans-serif; color: #C0CBD9; font-size: 11px; padding: 5px 4px; float: right; }
.atlbarzBoxes11Content { width: 166px; height: 66px; padding: 16px 2px 16px 1px; margin: 0 auto; text-align: center; font-family: Arial, Verdana, Helvetica, sans-serif; color: #C0CBD9; font-size: 11px; background-color: #fff; }
.atlbarzBoxes11Content img { width: 166px; height: 66px; border-width: 0px; }


/* Sub Navigation */
.subNavDivider { width:   3px; height: 11px; float: left; margin: 15px 0; background-color: #b5e7ff;}
.subNavOn      { width: 130px; max-height: 35px; margin: 0; padding: 6px 0; text-align: center; float: left; text-transform: uppercase; color: #fff; }
.subNavOff     { width: 130px; max-height: 35px; margin: 0; padding: 6px 0; text-align: center; float: left; text-transform: uppercase; }

a.subNavLink:link    { font-family: Arial, Verdana, Helvetica, sans-serif; color: #b5e7ff; font-size: 11px; text-decoration: none; }
a.subNavLink:visited { font-family: Arial, Verdana, Helvetica, sans-serif; color: #b5e7ff; font-size: 11px; text-decoration: none; }
a.subNavLink:hover   { font-family: Arial, Verdana, Helvetica, sans-serif; color: #b5e7ff; font-size: 11px; text-decoration: underline; }

/* Radio Style Rules */
#radioDiv {
 width: 248px;  
 height: 305px; 
 margin: 0px;
 padding: 9px 7px;
 text-align: left;
 float: left;
}

#radioInfo { width: 224px; height: 136px; border: 1px solid #c1c2c3; background: #9d9e9f url(/images/style/urbanradiobg.jpg) repeat-x scroll top left; font-family: Arial, Verdana, Helvetica, sans-serif; color: #999999; font-size: 11px; margin: 0; padding: 11px 11px 0px 11px; }
* html #radioInfo h2 { width: 212px; height: 11px; color: #fff; font-weight: bold; font-size: 11px; text-transform: uppercase; background-color: #0a608c; margin: 0; padding: 6px 0 6px 12px; }
#radioInfo h2        { width: 212px; height: 11px; color: #fff; font-weight: bold; font-size: 11px; text-transform: uppercase; background-color: #0a608c; margin: 0; padding: 6px 0 6px 12px; }
#radioInfo form { margin: 0; padding: 0; }
#radioInfoContent { width: 212px; padding: 10px 6px 0 6px; }

.crewLogoHorz  { padding: 3px 0; }
.msLogoPadDJ   { padding-left: 3px; }
.msLogoPadCrew { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; }


/* Top Portion, Header and Nav Rules */
#topPortion {
 margin: 0 auto;
 padding: 0;
 width: 950px;
 height: 170px;
 background: transparent url(/images/style/navlogobg2.png) no-repeat scroll top center;
}

#topPortionLogoLeft,
#topPortionLogoRight
{
 width: 270px;
 float: left;
 height: 170px;
}

#topPortionLogoLeft  { text-align: right; }

.topPortionSpace {
 width: 99%;
 height: 39px;
 float: left;
}

#topPortionLogo {
 width: 410px;
 height: 170px;
 float: left;
 font-size: 1%;
 background: transparent none no-repeat scroll top center;
}

#headerLogo {
 width: 410px;
 margin: 0 auto;
 float: left;
 text-align: center;
} 

.headerNavbar {
 float: left;
 width: 100%;
 height: 29px;
 background: transparent url(/images/style/navbarbg.jpg) repeat-x scroll top left;
}

div#atlbarzNavLeft,
div#atlbarzNavRight {
 font-size: 1%;
 padding-left: 0;
}

div#atlbarzNavLeft {
 float: right;
}

div#atlbarzNavRight {
 float: left;
}

div#atlbarzNavLeft div,
div#atlbarzNavRight div {
 float: left;
 text-align: right; 
 font-size: 1%;
}

#headerAdsArea {
 width: 950px;
 height: 117px;
 margin: 0 auto;
}

#headerAd {
 float: right;
 width: 177px;
 height: 110px;
 padding-left: 11px;
}

#headerAdLeaderboard {
 float: left;
 width: 758px;
 height: 107px;
}

* html #headerLogobottom {
 float: left;
 font-size: 1%;
 margin: -3px 0 0 0;
 padding: 0;
 }


/* Footer Style Rules */
#mainFooter {
 width: 950px;
 background-color: #1c558c;
 margin: 0 auto;
}

.footerDivs {
 float: left;
 color: #4cc3f1;
 width: 236px;
 height: 60px;
 padding: 1px 0;
 margin: 0 auto;
 text-align: center;
}

* html .footerDivs {
 float: left;
 color: #4cc3f1;
 width: 236px;
 height: 60px;
 padding: 1px 0;
 margin: 0 auto;
 text-align: center;
}

.footerDivider {
 width: 2px;
 height: 48px;
 margin: 7px 0;
 padding: 0;
 background-color: #1784c0;
 float: left;
}

#footerLogo {
 text-align: center;
}

#atlbarzDisclaimer {
 width: 235px;
 font-size: 85%;
 margin: 0 auto;
 padding: 14px 0;
 float: left;
 color: #C0CBD9;
}

#mirandfooter,
#vkfooter {
 width: 235px;
 font-size: 85%;
 margin: 0 auto;
 padding: 14px 0;
 float: left;
 color: #C0CBD9;
 font-weight: normal;
}

#mirandfooter a:link    { color: #FEBE52; text-decoration: underline;}
#mirandfooter a:visited { color: #FEBE52; text-decoration: underline;}
#mirandfooter a:hover   { color: #FEBE52; text-decoration: none;}

#vkfooter a:link    { color: #FEBE52; text-decoration: underline;}
#vkfooter a:visited { color: #FEBE52; text-decoration: underline;}
#vkfooter a:hover   { color: #FEBE52; text-decoration: none;}


/* Misc/Hacks */

#pageHeader { float: left; width: 297px; height: 38px; font-size: 16px; text-transform: uppercase; background-color: #fff; }
#wotDiv {
 width: 496px;
 height: 305px; /* + 18 = 323 */
 margin: 0;
 padding: 9px 0;
 text-align: left;
 float: left;
} /* is now pageHeader */

#outlines {
 margin: 0 auto;
 padding: 0;
 width: 958px; 
}
 

.pics {
      border: #5A789D solid;
      border-width: thin 3px;
}

.alignRight {
 text-align: right;
}

div.ClearingDiv,
div.ClearingDiv1x7,
div.ClearingDiv1x20 {
 clear: both; 
 font-size: 1%;
}
 
div.ClearingDiv1x7 {
 height: 7px;
 width: 1px;
}

div.ClearingDiv1x20 {
 height: 20px;
 width: 1px;
}

.hiddenlink {border: 0; display: none;  width: 0; height: 0;}
.noborder { border: 0;}

.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 */


/* TRASH */
/*
#photosTopGoogleAds {
padding: 10px 12px 0 0;
float: right;
}



*/