/* START RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0;	border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
img {display:block;}
.clear {clear:both;}
span.clear {display: block; clear:both;}
.right { float:right;}
.text_right { text-align: right;}
.left { float:left;}
.text_left { text-align: left;}
/* COLUMNS */
.onecol {width: 110px; margin-right: 10px; display: block; float: left;}
.onecolp {width: 100px; margin-right: 10px; display: block; float: left; padding: 5px; background: #FFF;}
.onecolb {width: 98px; margin-right: 10px; display: block; float: left; padding: 5px; border: 1px solid #666}
.onecolbnop {width: 108px; margin-right: 10px; display: block; float: left; border: 1px solid #666}
.onecolmt {width: 108px; margin-left: 10px; display: block; float: left; border: 1px solid #666}
.onecolr {width: 120px; display: block; float: left;}
.onecolrp {width: 110px; display: block; float: left; padding:5px; background:#FFF;}
.twocol {width: 230px; margin-right: 10px; display: block; float: left;}
.twocolp {width: 220px; margin-right: 10px; display: block; float: left; padding: 5px;background:#FFF;}
.twocolr {width: 240px; display: block; float: left;}
.threecol {width: 350px; margin-right: 10px; display: block; float: left;}
.threecolp {width: 340px; margin-right: 10px; display: block; float: left; padding:5px;background:#FFF;}
.threecolr {width: 360px; display: block; float: left;}
.threecolev {width: 350px; display: block; float: left;}
.fourcol {width: 470px; margin-right: 10px; display: block; float: left;}
.fourcolp {width: 460px; margin-right: 10px; display: block; float: left; padding: 5px;background:#FFF;}
.fourcolr {width: 480px; display: block; float: left;}
.fivecol {width: 590px; margin-right: 10px; display: block; float: left;}
.sevencol {width: 830px; margin-right: 10px; display: block; float: left;}
/* SPACERS */
.spacer {float: left; clear:left; display: block; text-indent: -9999px;}
.spacer1 {width: 200px; height: 48px;}
.spacer2 {width: 230px; height: 18px;}
.spacer3 {width: 241px; height: 18px;}
.spacer4 {width: 251px; height: 18px;}
.spacer5 {width: 261px; height: 18px;}
.spacer6 {width: 272px; height: 18px;}
.spacer7 {width: 282px; height: 18px;}
.spacer8 {width: 293px; height: 18px;}
.spacer9 {width: 303px; height: 18px;}
.spacer10 {width: 314px; height: 18px;}
.spacer11 {width: 324px; height: 18px;}
.spacer12 {width: 335px; height: 18px;}
.spacer13 {width: 345px; height: 18px;}
.spacer14 {width: 345px; height: 18px;}
.spacer15 {width: 345px; height: 18px;}
.bbot1 { border-bottom: 1px solid #CCC;}
/* START HEADER CSS*/
body {background: #222 url(/images/home_bg.gif) repeat-x; padding: 0; font-family: 'Lucida Sans Unicode', 'Lucida Grande', helvetica, arial, sans-serif; font-size: 10px;}
.cont {width: 960px; padding: 0 10px; margin: 0 auto;}
#header .cont {height: 94px;  margin:0 auto; padding-top: 17px;}
#header_top {height: 60px;}
#header #logo {display: block; float:left; background: url(/images/logo.gif) no-repeat; width: 205px; height: 55px; text-indent: -9999px;}
#header #login {display: block; width: 190px; height: 60px; float:right; background-color: #fff; margin-left: 10px;}
#header #ad_x01 {display: block; width: 160px; height: 60px; float:right;}
#header #nav {margin-top: 11px;height: 23px;border-bottom: none;background:#111;}
#header #nav a {display: block; float: left; text-transform: uppercase; padding: 5px 7px; color: #999; font-family: helvetica, arial, sans-serif; font-weight: bold; font-size: 1.3em; text-decoration:none; letter-spacing: -1px;}
#header #nav a:hover {background: #222; color: #FFF;}
#home a#nav_home, #home0 a#nav_home, #home1 a#nav_home, #home2 a#nav_home, #home3 a#nav_home, #events a#nav_events, #artists a#nav_artists, #venues a#nav_venues, #blogs a#nav_blogs, #hookup a#nav_hookup, #telephonepole a#nav_telephonepole, #manage a#nav_my209 { background: url(/images/navbk.gif) repeat-x; color: #FFF; }

/* Login */

#header #nav #loginsys {float: right; color: #999; padding: 5px 7px;}
#header #nav #loginsys a { display: inline; text-transform: capitalize; font-size: 12px; padding: 0; float: none; color: #999; font-weight: normal; letter-spacing: normal; }
#header #nav #loginsys a:hover { background: none; color: #FFF; text-decoration: underline;}

/* END HEADER - START MAIN */
/*
-------- 
COKE AD: 
#EA6497 url(/images/ads/cherrycoke2_bg.jpg) repeat-x 
MOTIF BG: 
#e13023 url(/images/motif.jpg) repeat-x

#hr1, #hr2, #hr3 {opacity: .9;} 
--------
*/
#main {background:#E6E6E6; min-height: 400px;}

/* Dynamic BG */
#home0 #main {background:#E6E6E6 url(/images/bg0.jpg) repeat;}
#home1 #main {background:#E6E6E6 url(/images/bg1.jpg) repeat-x;}
#home2 #main {background:#E6E6E6 url(/images/bg2.jpg) repeat-x;}
#home3 #main {background:#E6E6E6 url(/images/bg3.jpg) repeat-x;}

#main .cont {padding: 10px;}
#hr1 {} 
/* flash notices */
p.flashSuccess {padding: 10px 10px 10px 25px; background: #196E07 url(/images/accept.png) no-repeat 5px 9px; margin-bottom: 10px; color: #FFF; font-weight: bold; text-transform: uppercase; font-size: 12px;}
p.flashFailed {padding: 10px 10px 10px 25px; background: #750000 url(/images/exclamation.png) no-repeat 5px 9px; margin-bottom: 10px; color: #FFF; font-weight: bold; text-transform: uppercase; font-size: 12px;}
p.flashConst {padding: 7px 5px; background: #FFF; margin-bottom: 10px; color: #750000; font-size: 13px; letter-spacing: -1px; text-align: center; opacity: 0.85; filter: alpha(opacity=85);}
/* HOME PAGE */
#main #hr1 {height: 300px;}
#hstories {background:#FFF; position: relative; opacity: .85; filter: alpha(opacity=85);}
div.story {height: 300px; background:#FFF; position:relative;}
div.story .teaser {background: url(/images/top_fff.png) no-repeat; opacity: 0.9; filter: alpha(opacity=90);}
* html div.story .teaser {background: url(/images/top_fff.gif) no-repeat; filter: alpha(opacity=90);}
div.story .teaser p {font-family: arial, sans-serif; text-align: right; padding: 5px 10px 10px 0;}
div.story .teaser a.summ {display: block; line-height: 16px; font-size: 1.3em; color: #333; text-decoration:none;}
div.story .teaser a.storyh1 {display: block; text-decoration: none; font-size: 20px; font-weight: bold; color: #000; line-height: 20px; padding-bottom: 3px; letter-spacing: -1px;}
div.story .teaser a.storyh1:hover {color: #750000; text-decoration: underline;}

.storylinks {position: absolute; right: 0px; bottom: 0px; font-family:helvetica, arial, sans-serif; padding: 5px; z-index: 101;}
.storylinks a {padding: 2px 5px; border: 1px solid #DDD; display: block; float: left; background: #FFF; text-decoration: none; font-size: 1.1em; color: #333; margin: 0 1px; opacity: .5; filter: alpha(opacity=50);}
.storylinks a:hover {opacity: 1; filter: alpha(opacity=100);}
.storylinks a.selected {background: #B81414; color: #FFF; border: 1px solid #B81414; opacity: 1; filter: alpha(opacity=100);}
.storylinks a.storymore {color: #EEE; background: #000; text-transform: uppercase; letter-spacing: -1px; border: 1px solid #000; font-weight: bold;}
/* E */
#hevents {background-color: #FFF; height: 300px; opacity: .85; filter: alpha(opacity=85);}
.l1 {height: 25px; font-size: 18px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', helvetica, arial, sans-serif; text-transform: uppercase; color: #750000; margin: 0; border-bottom: 1px solid #e0e0e0; font-weight: bold; letter-spacing: -1px; background: url(/images/black_grad.jpg) repeat-x 0 -15px;}
.l1 .l1title a {padding-top: 3px; display: block; text-decoration: none; color: #DDD; padding-left: 10px;}
.l1 .l1title a span {position: relative; top: -1px;}
.l1 .l1title a:hover { color: #AAA;}
.l1 .l1sponsor {font-size: 10px; color: #999; float: right;padding-right: 5px; letter-spacing: 0;}
.l1 .l1sponsor img {display:inline;}
#hevents #heventsc1 {position: relative; width: 325px; padding: 0px 10px; float:left;}
#hevents #heventsc2 {font-family:helvetica, arial, sans-serif; width: 175px; padding: 5px 10px 0px 0px; float:left;}
#hevents #heventsc1 a.eventfeat {display:block; border: 1px solid #AAA;height: 90px; text-decoration: none; padding-left: 5px;}
#hevents #heventsc1 a.eventfeat img {float:right; width: 90px; height: 90px;}
#hevents #heventsc1 a.eventfeat span.eventfeath1 {color: #750000; display: block; font-size: 1.2em; padding-top: 5px; font-weight: bold;}
#hevents #heventsc1 a.eventfeat span.eventfeath2 {color: #999; display: block; padding-top: 3px;text-transform: uppercase; font-size: 1em;}
#hevents #heventsc1 a.eventfeat span.eventfeatp {display: block; color: #666; font-size: 1em; padding: 5px 5px 0 0;}
#hevents #heventsc1 a.eventfeat:hover {background-color: #000; border: 1px solid #000;}
#hevents #heventsc1 a.eventfeat:hover span.eventfeath1 {color: #FFF;}
#hevents #heventsc1 a.eventtop {position: relative; display:block; background: #EEE;height: 40px; text-decoration: none; padding: 4px; margin-top: 5px;}
#hevents #heventsc1 a.eventtop span.eventtime {size: 10px; color: #666; font-weight: normal; font-family: verdana, helvetica, arial, sans-serif;}
#hevents #heventsc1 a.eventtop span.eventtime span {font-weight: bold;}
#hevents #heventsc1 a.eventtop span.eventtoph1 {display:block; font-size: 1.2em; color: #333; font-weight: bold; margin: 3px 0; }
#hevents #heventsc1 a.eventtop span.eventtoph2 {font-size:1em; color: #666; margin-top: 2px; }
#hevents #heventsc1 a.eventtop span.eventtoph3 {display:block; font-size:1em; color: #666;margin-top: 2px;}
#hevents #heventsc1 .event {position: relative;}
#hevents #heventsc1 .event .event_artists {position: absolute; bottom: 2px; left: 5px; color: #999; text-transform: uppercase; line-height: 12px; }
#hevents #heventsc1 .event .event_artists a.artist img {display: inline; width: 10px; height: 10px; border: 1px solid #999;}

#tooltip {position:absolute;	background:#000; padding:3px 5px; color:#ccc; font-weight: bold; display:none; opacity: .8; filter: alpha(opacity=80);}	


#hevents #heventsc1 a.eventtop:hover {background: #333;}
#hevents #heventsc1 a.eventtop:hover span.eventtime {color:#FFF;}
#hevents #heventsc1 a.eventtop:hover .eventtoph1 {color: #FFF;}
#hevents #heventsc1 a.eventtop:hover .eventtoph2 {color: #999;}
#hevents #heventsc1 a.eventtop:hover .eventtoph3 {color: #999;}
#hevents #heventsc2 #todaysdate {height: 28px;}
#hevents #heventsc2 #todaysdate span.dotw {padding: 3px 4px 0 0; display: block; float: left; font-size: 23px; letter-spacing: 0px; text-transform:uppercase; color: #AAA;}
#hevents #heventsc2 #todaysdate span.ddate {text-align: center; font-weight: bold; display:block; float:right; width: 33px; height: 24px; background: #750000; font-size: 11px; color: #FFF; letter-spacing: 0; padding-top: 3px; text-transform: uppercase;}
a.e3 {font-family: verdana, arial, sans-serif; display: block; margin: 0; padding: 3px 5px; text-decoration: none; border: 1px solid #FFF;}
a.e3 span.e3title, a.e3 span.e3venue, a.e3 span.e3time {display: block;}
a.e3 span.e3title {color: #000; font-size: 11px;}
a.e3 span.e3time {color: #333;}
a.e3 span.e3venue {color: #666;}
a.e3:hover {background: #EEE; border: 1px dotted #CCC;}
a.e3:hover span.e3title {color: #750000;}
a.e3:active {background: #000;}


#hevents #heventsc2 #hcalendar {}
#hevents #heventsc2 #hcalendar h4 {margin: 5px 0;}
#hevents #heventsc2 #hcalendar h4 a {text-decoration: none; border-bottom: 1px dotted #CCC; color: #000;  font-size: 13px; text-transform: uppercase; font-family: verdana, helvetica, arial, sans-serif;}
#hevents #heventsc2 #hcalendar h4 a:hover {color: #750000; border-bottom: 1px solid #750000;}
/* HOME - SECOND ROW */
#main #hr2 {height: 250px; margin-top: 10px;}

/* HOME - BLOG */ /*HBLOGNEW ADDED BY IAN 032610*/
#hblognew {font-family:helvetica, arial, sans-serif; background: #FFF; height: 300px;opacity: .9; filter: alpha(opacity=90);}
#hblognew h2.vibeblog {padding-bottom: 3px;font-size: 12px; font-weight: bold; color: #000;border-bottom: 1px solid #E1C3C7; margin-bottom: 3px;}
#hblognew h3 a {display: block; text-decoration: none; font-size: 20px; font-weight: bold; color: #000; line-height: 20px; padding: 3px 5px 3px 3px; letter-spacing: -1px;}
/*{font-size: 14px; color: #111; margin: 2px 0; font-weight: bold; letter-spacing: -1px;; text-decoration:none;}*/
#hblognew h3 a:hover {color: #750000; text-decoration: underline;}
#hblognew p {display: block; line-height: 16px; font-size: 1.3em; color: #333; text-decoration:none; padding: 3px 0px 3px 3px;}
/*{font-size: 11px; color: #333; line-height: 13px; padding: 4px 0;}*/


#hblog {font-family:helvetica, arial, sans-serif; background: #FFF; height: 190px;opacity: .9; filter: alpha(opacity=90);}
#hblog h2.vibeblog {padding-bottom: 3px;font-size: 12px; font-weight: bold; color: #000;border-bottom: 1px solid #E1C3C7; margin-bottom: 3px;}
#hblog h3 a {font-size: 14px; color: #111; margin: 2px 0; font-weight: bold; letter-spacing: -1px;; text-decoration:none;}
#hblog h3 a:hover {color: #750000; text-decoration: underline;}
#hblog p {font-size: 11px; color: #333; line-height: 13px; padding: 4px 0;}


/* HOME - TELEPHONE POLE */
#htpole {height: 300px; border: 1px solid #000;}
/* HOME - THE HOOKUP - AD */
#hcol3 #hhookup {height: 128px; border:1px solid #000; padding: 0px; background:#FFF url(/images/hookup.gif) no-repeat; text-indent: -9999px;}
#hcol3 #ad_x02 {height: 108px; border:1px solid #000; margin-top: 10px;  background:#FFF;}
/* HOME - TOP 8 */
#htop8 {height:250px;}
.l2 {height: 17px;font-size: 14px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', helvetica, arial, sans-serif; text-transform: uppercase; color: #000; font-weight: bold; letter-spacing: 0px; margin-bottom: 3px;}
.l2 .l2title {float:left;}
.l2 .l2links {float: right; font-size: 11px; color: #666; padding-top: 3px;}
.l2 .l2links a {color: #222; text-decoration: none;}
.l2 .l2links a:hover {color: #FFF; text-decoration:underline;}
a.square, a.squarer {position: relative; display:block; height:108px; width: 108px; border:1px solid #666; float:left; margin: 0px 10px 10px 0; background: #FFF; text-decoration: none; filter: alpha(opacity=90); opacity: 0.9;}
a.squarer {margin: 0px 0px 10px 0;}
a.square span, a.squarer span {font-size: 11px; width: 102px; position: absolute; bottom: 1px; display:block; background:none; color: #FFF; filter: alpha(opacity=85); opacity: 0.85; text-align:center; padding: 4px 2px; text-indent: -9999px;}
a.square:hover span, a.squarer:hover span {background: #750000; padding-top: 3px; text-indent: -0px;}
a.square:hover div, a.squarer:hover div {width: 106px; height: 106px; border: 1px solid #750000; filter: alpha(opacity=100); opacity: 1;}
a.square:hover, a.squarer:hover {border: 1px solid #750000; filter: alpha(opacity=100); opacity: 1;}

#hr2 .l2 {height: 17px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', helvetica, arial, sans-serif; color: #666; letter-spacing: 0; margin-bottom: 3px;font-weight: normal;}
#hr2 .l2 a  {color: #000; text-decoration: none; text-transform: uppercase; font-weight: bold;}


a.squareh, a.squarerh {position: relative; display:block; height:108px; width: 108px; border:1px solid #FFF; float:left; margin: 0px 10px 10px 0; background: #FFF; text-decoration: none; filter: alpha(opacity=90); opacity: 0.9;}
a.squarerh {margin: 0px 0px 10px 0;}
a.squareh span, a.squarerh span {font-size: 11px; width: 102px; position: absolute; bottom: 1px; display:block; background:none; color: #FFF; filter: alpha(opacity=85); opacity: 0.85; text-align:center; padding: 4px 2px; text-indent: -9999px;}
a.squareh:hover span, a.squarerh:hover span {background: #750000; padding-top: 3px; text-indent: -0px;}
a.squareh:hover div, a.squarerh:hover div {width: 106px; height: 106px; border: 1px solid #750000; filter: alpha(opacity=100); opacity: 1;}
a.squareh:hover, a.squarerh:hover {border: 1px solid #750000; filter: alpha(opacity=100); opacity: 1;}

/* AD x03 */
#hr2ad, #hrad1 {height: 250px;}
.adlabel {text-transform: uppercase; font-size: 10px; text-align: center; color: #FFF; margin: -1px 0 1px 0;}
/* HOME - ROW 3  */
#main #hr3 {height:200px; margin-top: 10px;}
#hphotos {height:190px; background:#000; padding:5px 0px;}
#photostream {margin-top: 5px; padding-left: 8px;}
#photostream img { float:left; padding:2px; width:50px;}
#photostream a.photo {display: block; float: left; border: 2px solid #333; margin: 3px 5px 3px 0px}
#photostream a.photor {display: block; float: left; border: 2px solid #333; margin: 3px 0 3px 0px}
#photostream a:hover {border: 2px solid #999;}

.l3 {color:#FFF; font-size: 12px; font-weight:bold;}
.l3title {float:left;}
.l3help {float:right;}
.l3help a {font-size: 10px; color: #999; text-decoration: none; font-weight:normal; text-transform:uppercase;}
.l3help a:hover {color:#FFF; text-decoration:underline;}
#heventsmonth {background:#FFF; height: 190px; opacity: .85; filter: alpha(opacity=85);}
#hmovies {opacity: 1; filter: alpha(opacity=100);}
#hrestaurant {background:#FFF; height: 190px; opacity: .85; filter: alpha(opacity=85);}
#topjobs {font-family: 'Lucida Sans Unicode', 'Lucida Grande', helvetica, arial, sans-serif; height: 190px;}
#topjobs a.topjobad {display:block; text-decoration:none; padding: 2px; margin: 2px 0;}
#topjobs a.topjobad .jobtitle {font-size: 11px; display:block;color: #333; font-weight:bold;}
#topjobs a.topjobad .joblocation {font-size: 10px;display: block; text-transform:uppercase; color:#333; padding-top: 1px;}
#topjobs a.topjobad:hover .jobtitle {text-decoration:underline; color: #750000;}
#topjobs a.topjobsmore {font-size: 11px; display:block; text-align:right; color: #333;text-decoration:none; text-transform:uppercase;font-weight:bold;}
#topjobs a.topjobsmore:hover {color: #000; text-decoration:underline;}
/* FOOTER */
#footer {position: relative; bottom: 0px; width: 100%; min-height: 30px;}
#footer .cont {padding:10px; color: #CCC;}

/* COMMENTS */
#comments {font-size: 12px; padding: 10px; background: #CCC; margin-top: 10px;}
#submitcomment {padding: 10px; background: #FFF; margin-top: 10px; border: 1px solid #CCC;}
#comments h1, #submitcomment h1 {font-size: 16px; color: #666; margin-bottom: 10px;}
#comments .comment {background: #EEE;}
#comments .commenta {background: #CCC;}
#comments .comment, #comments .commenta {padding: 10px 5px;}
#comments .comment .head, #comments .commenta .head {padding-bottom: 5px; margin-bottom: 5px;}
#comments .comment .head {border-bottom: 1px solid #CCC;}
#comments .commenta .head {border-bottom: 1px solid #AAA;}
#comments a {color: #333; font-weight: bold; text-decoration:none;}
#comments a:hover {color: #750000; font-weight: bold;}
#comments .head .name {color: #333; display:block; float:left;}
#comments .head .created_at {display: block;float: right; color: #666;}
#comments .body p {padding: 5px; color: #333;}
#submitcomment div {padding: 2px; color: #666; font-size: 12px; text-transform:uppercase;}
#submitcomment input, #submitcomment textarea {border: 2px solid #CCC; background-color: #EEE; font-size: 14px; color: #333; padding: 3px;}


/* ARTIST/EVENT/ETC PAGES */
#bpcol1 img {padding-bottom:0px;}
#bpcol1 #bpinfo {background:#3c3c3c; padding: 5px 7px;}
#bpinfo .bpinfoRow1 {min-height: 22px; border-bottom: 1px solid #555; padding-bottom: 2px;}
.bandname {float:left; font-size: 20px; color:#FFF; letter-spacing:-1px; }
.bandname span {color:#888;}
.bptools {float:right;padding-top: 4px;}
.bptools a {display: block; text-indent:-9999px; float:left; width: 16px; height: 16px; margin: 0 2px;}
.bptools a.email {background:url(/images/email-bw.png) no-repeat 0 3px;}
.bptools a.ical {background:url(/images/calendar-bw.png) no-repeat 0 1px;}
.bptools a.rss {background:url(/images/feed-bw.png) no-repeat;}
.bptools a.email:hover {background:url(/images/email.png) no-repeat 0 3px;}
.bptools a.ical:hover {background:url(/images/calendar.png) no-repeat 0 1px;}
.bptools a.rss:hover {background:url(/images/feed.png) no-repeat;}
#bpshows {font-family: helvetica, arial, sans-serif; font-size: 11px; margin-top: 3px; padding-top: 18px; background: url(/images/upcoming_shows.gif) no-repeat top left}
/* EVENT SPECIFICS */


#apcol1 h1 {font-size: 24px; color: #750000; text-transform:uppercase; border-bottom: 1px dotted #CCC;padding-bottom: 2px; margin-bottom: 5px;}
#apcol1 #alpha {height: 30px;}
#apcol1 #alpha a {display:block; float:left; padding: 3px; text-transform:uppercase; color: #666;font-size: 12px; text-decoration:none; font-weight:bold;}
#apcol1 #alpha a:hover {color: #000; text-decoration: underline;}

#aplistings a.alist {background: #FFF; display: block; height: 58px; border: 1px solid #AAA;text-decoration: none; margin: 5px 0;}
#aplistings a.alist img {display:block; float:left; width: 58px; height: 58px; margin-right: 8px;}
#aplistings a.alist span.alistname {display:block; padding: 5px; font-size: 14px; color: #333; font-weight: bold;}
#aplistings a.alist span.alistsumm {display:block; padding: 2px; font-size: 12px; color: #999;}
#aplistings a.alist:hover {background: #333; border: 1px solid #333;}
#aplistings a.alist:hover span.alistname {color: #FFF;}
#aplistings a.alist:hover span.alistsumm {color: #CCC;}

#genres {border-bottom: 1px dotted #DDD; padding-bottom: 5px;}
#genres h3 {font-size: 14px; font-weight: bold; color: #666; padding-bottom: 5px; text-transform: uppercase;}
#genres a {margin: 5px 5px 0 0; font-size: 12px; color: #333; font-weight: bold;line-height: 15px;}
#genres a:hover {color: #07526E;}
#genres a:visited {color: #000;}
#genres h3 a {margin: 0; font-size: 11px; color: #750000; text-transform: uppercase; text-decoration: none;}
#genres h3 a:hover {text-decoration: underline; color: #333;}


#epcol1 #e_featured {background: #FFF; padding: 10px; margin-bottom: 10px;}
#epcol1 #e_featured .featimg {display: block; float: left; margin-right: 10px; padding-right: 10px; border-right: 1px solid #DDD; width: 170px; height: 120px;}
#epcol1 #e_featured h3 {background: none; border: none; color: #333; font-size: 13px; margin: 0; padding: 0;}
#epcol1 #e_featured h3 a {color: #333;}
#epcol1 #e_featured h3 a:hover {color: #B81414; text-decoration: underline;}
#epcol1 #e_featured .desc {margin: 3px 0; line-height: 13px; color: #333;}
#epcol1 #e_featured .elistdate {font-family: arial, helvetica, sans-serif; width: 40px; height: 30px; margin: -5px 0 5px 5px; float:right; padding: 15px 0 0 0; background: url(/images/cal1.gif) no-repeat; text-transform: uppercase; color: #333; font-weight: bold; font-size: 10px; text-align: center;}
#epcol1 #e_featured .elistdate span {display: block; font-size: 17px;}
#epcol1 #e_featured a {text-decoration: none; }
#epcol1 #e_featured .elistartlab {line-height: 18px; margin-top: 3px;}

#pad {padding: 10px; background: #FFF;}
#epcol1 h1 {font-size: 24px; color: #750000; text-transform:uppercase; border-bottom: 1px dotted #CCC;padding-bottom: 2px; margin-bottom: 5px;}
#epcol1 #alpha {height: 30px;}
#epcol1 #alpha a {display:block; float:left; padding: 3px; text-transform:uppercase; color: #666;font-size: 12px; text-decoration:none; font-weight:bold;}
#epcol1 #alpha a:hover {color: #000; text-decoration: underline;}
#epcol1 h3 {font-size: 16px; color: #EEE; padding: 4px; background: #666; font-weight:bold; }
#epcol1 p {color: #666; padding: 10px 5px; margin: 5px 0;}
#searchparams {margin-bottom: 8px; color: #666; font-size: 12px;}
#searchparams a {color: #333; font-weight: bold; font-size: 13px; text-decoration: none; border-bottom: 1px dotted #999;}
#searchparams a:hover {color: #B81414; border-bottom: 1px solid #B81414;}
div.elist {display: block; border-top: 1px solid #EEE;text-decoration: none; padding: 5px 5px;}
div.elist a {text-decoration: none;}
div.elist div {display: block; margin: 0 0 5px 0;}
div.elist div.elistartlab {display: block; margin: 0;}
div.elist a.elistimg img {display:block; float:left; margin-right: 8px; padding: 2px; border: 1px solid #EEE;}
div.elist a.elistname {padding: 0 20px 0px 0; font-size: 13px; color: #444; background: url(/images/arrow.gif) right no-repeat}
a.elistvenue, span.elistovenue {font-size: 12px; color: #999; line-height: 16px;}
a.elistartist {font-size: 12px; color: #666; background: #EEE; font-weight: bold; padding: 0px 5px; line-height: 16px;}
.elistartlab span {font-size: 12px; color: #999;}
a.elistvenue {border-bottom: 1px dotted #CCC; font-weight: bold;}
div.elist div.elistdate {float:right; background: #EEE; padding: 4px; font-size: 12px; color: #555;  text-align: center; line-height: 14px;}
div.elist div.elistdate span {font-weight: bold; color: #333;}
/* div.dim {opacity: .4; filter: alpha(opacity=40);} */

* html div.elist a.elistvenue {border-bottom: 1px solid #CCC; font-weight: bold;}
* html div.elist {border-top: 1px solid #EEE}

div.elist a.elistname:hover {color: #B81414; text-decoration:underline; background: url(/images/arrowa.gif) right no-repeat}
div.elist a.elistimg:hover img {background: #B81414; border: 1px solid #B81414;}
a.elistvenue:hover {color: #333;border-bottom: 1px solid #333;}
a.elistartist:hover {background: #B81414; color: #FFF;}


/* OLD STYLES for Venues */
a.elist {display: block; height: 58px; border-bottom: 1px solid #EEE;text-decoration: none; margin: 5px 0;}
.vplistings a.elist {height: 40px;}
a.elist img {display:block; float:left; width: 58px; height: 58px; margin-right: 8px;}
a.elist span.alistname {display:block; padding: 5px 0; font-size: 14px; color: #333; font-weight: bold;}
a.elist span.alistname span.date {color: #CCC; font-size: 12px; padding-left: 10px;}
a.elist span.alistsumm {display:block; font-size: 12px; color: #999;}
a.elist:hover span.alistname span.name {color: #750000; text-decoration:underline;}
a.elist:hover span.alistname span.date {color: #CCC; text-decoration:none;}
/* DELTE ABOVE */

#epdetails {font-size: 11px; margin-top: 3px; padding-top: 18px; background: url(/images/event_details.gif) no-repeat top left}
#epdetails div.item {padding: 4px;}
#epdetails span.head {font-size: 11px; color: #999; text-transform: uppercase; padding-right: 5px; font-weight: bold;}
#epdetails span.def {font-size: 13px; color: #CCC; font-weight: normal;}
#epdetails .item a {color: #FFF; font-weight: bold;}
#epdetails .item a:hover {color: #C27070;}

#apdetails .item {padding: 5px; font-size: 12px; color: #CCC;}
#apdetails .item .def {font-size: 14px; color: #FFF;}


#bpshows .item, #bpshows .itema {color: #CCC; padding: 5px; height:10px;}
#bpshows .item {background-color:#262626;}
#bpshows .item span, #bpshows .itema span{display:block; float:left;}
#bpshows span.date {width: 60px;}
#bpshows span.time {width: 60px;}
#bpshows span.title {width: 160px;}
#bpshows span.venue {float:right;}
#bpshows span a {color: #FFF; text-decoration:underline; font-weight:bold;}
#bpshows span a:hover {color: #C27070; text-decoration:underline;}
#bpblob {background: #FFF; padding: 10px 10px;}
#bpblob h1 {font-size: 20px; font-weight:bold; letter-spacing: -1px;}
#bpblob h1 .about{color: #AAA;}
#bpblob h1 .artist{color: #750000;}
#bpblob p {margin: 10px 5px; font-size: 12px; color: #333; line-height: 14px;}
#bpblob p a {color: #000;}
#bpblob p a:hover {color: #750000;}

#bpplayer {margin-bottom: 10px;}

#bpinfo .noitem {margin-top: 2px; padding: 5px; color: #CCC; border-top: 1px solid #333}
#bpinfo .noitem a {color: #FFF;}
#bpinfo .noitem a:hover {color: #C27070;}

.module3cola {background: #262626; margin-bottom: 10px;}
.module3cola h3 {font-size: 12px; background-color: #141414; padding: 5px;}
.module3cola h3 .head {color: #999; text-transform: uppercase;}
.module3cola h3 .def {color: #FFF;}
.module3cola .detail {padding-bottom: 5px; font-size: 12px; line-height: 16px;}
.module3cola .detail div {margin: 5px;}
.module3cola .detail .head {color: #999; text-transform:uppercase;}
.module3cola .detail .def {color: #CCC;}
.module3cola .detail .def a {font-weight: bold; color: #EEE; text-decoration:underline;}
.module3cola .detail .def a:hover {color: #C27070; text-decoration:underline;}
#bpphotos .photos {padding: 5px 0 5px 5px;}
#bpphotos .photos .imgthumb { width:48px;}
#bpphotos .photos a {display:block; float:left; margin: 2px; border: 2px solid #666;}
#bpphotos .photos a:hover {border: 2px solid #CCC;}
#bpphotos p {padding: 10px; color: #CCC;}
#bpphotos p a {font-weight: bold;color: #CCC;}
#bpphotos p a:hover {color: #C27070;}

#bpupdate p {padding: 10px; color: #CCC; font-size: 11px; line-height: 16px;}
#bpupdate p a {font-weight: bold;color: #CCC;}
#bpupdate p a:hover {color: #C27070;}


#bplatest .item {color: #FFF;padding:0px 5px 5px 5px; line-height: 14px;}
#bplatest .item .datetime {padding-right: 15px; text-transform: uppercase; color: #999;}
#bplatest .item .summ, #bphookup .item .summ {color: #CCC;}
#bphookup .item {color: #FFF;padding:5px; line-height: 14px;}
#bphookup .item .datetime {padding-right: 5px; text-transform: uppercase; color: #FFF; font-weight: bold;}

#blcol1 h1 {font-size: 24px; color: #750000; text-transform:uppercase; border-bottom: 1px dotted #CCC;padding-bottom: 2px; margin-bottom: 5px;}
#blcol1 .blogentry {border-bottom: 1px dotted #CCC; padding-bottom: 5px;}
#blcol1 .blogentry h1{border-bottom: none; margin-bottom: 2px;}
#blcol1 .blogentry h1 a {font-size: 16px; color: #333; text-transform: none; text-decoration:underline; font-weight: bold;}
#blcol1 .blogentry h1 a:hover {color: #750000;}
#blcol1 .articleentry {border-bottom: 1px dotted #CCC; padding-bottom: 5px;}
#blcol1 .articleentry h1{border-bottom: none; margin-bottom: 2px;}
#blcol1 .articleentry h1 a {font-size: 16px; color: #333; text-transform: none; text-decoration:underline; font-weight: bold;}
#blcol1 .articleentry h1 a:hover {color: #750000;}
#blcol1 .contestentry {border-bottom: 1px dotted #CCC; padding-bottom: 5px;}
#blcol1 .contestentry h1{border-bottom: none; margin-bottom: 2px;}
#blcol1 .contestentry h1 a {font-size: 16px; color: #333; text-transform: none; text-decoration:underline; font-weight: bold;}
#blcol1 .contestentry h1 a:hover {color: #750000;}
#blcol1 h2 {font-size: 12px; font-weight: bold; color: #999;margin-bottom: 3px;}
#blcol1 h2 span {font-size: 10px; font-weight: normal; text-transform: uppercase;margin-left: 10px;}
#blcol1 p {color: #333; font-size: 13px; line-height: 20px; padding: 5px;}
#blcol1 div.readmore a {display: block; float:right; text-transform: uppercase; color: #750000; font-weight: bold; text-decoration: none;}
#blcol1 div.readmore a:hover {color: #333; text-decoration: underline;}

#hkcol1 .hookup {padding: 10px 0;}
#hkcol1 h1 {font-family: helvetica, arial, sans-serif;font-size: 24px; color: #750000; text-transform:uppercase; border-bottom: 1px dotted #CCC;}
#hkcol1 .hookup h1 {font-size: 16px; color: #333; text-transform: none; border-bottom: none;}
#hkcol1 .hookup h2 {margin: 5px 0;}
#hkcol1 .hookup h2 a {color: #000; font-weight: bold;}
#hkcol1 .hookup h2 a:hover {color: #750000;}
#hkcol1 .hookup h3 {color: #666; margin: 5px 0;}
#hkcol1 .hookup p {font-size: 13px; line-height: 18px; color: #333;}


#bparticles .item a {font-size: 12px; display: block; color: #CCC; padding:5px; line-height: 14px; font-weight:bold; text-decoration: none;}
#bparticles .item a:hover {color: #C27070; text-decoration: underline;}
#bparticles .summ {display: block; padding: 0px 10px 10px 10px; color: #CCC; font-size: 11px;line-height: 13px;}

#tpole h1 {font-size: 30px; color: #666; text-align: center; font-family: helvetica, arial, sans-serif; text-transform:uppercase;font-weight: bold;}
#tpole p {font-size: 12px; color: #999; text-align: center;font-family: helvetica, arial, sans-serif;padding: 5px;}
#tpolecontent div {text-align: center; padding: 10px;}
#tpolecontent div img {display: inline; border: 3px solid #444;}

#bplatest h3 {margin-bottom: 5px;}
.l4 {height: 16px;font-size: 12px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', helvetica, arial, sans-serif; text-transform: uppercase; color: #750000; border-bottom: 1px solid #CCC; font-weight: bold; letter-spacing: 0px; margin-bottom: 3px;}
.l4 .def {font-size: 14px; color: #333; text-transform: none;}
#mostviewed h3, #upcominge h3 {height: 12px;font-size: 10px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', helvetica, arial, sans-serif; text-transform: uppercase; color: #750000; border-bottom: 1px solid #CCC; font-weight: bold; letter-spacing: 0px; margin-bottom: 3px;}
#mostviewed a, #upcominge a {font-size: 11px; display:block; color: #333; text-decoration:none; padding: 2px 0;}
#mostviewed a:hover, #upcominge a:hover {color: #C27070; text-decoration:underline;}
#upcominge {margin-top: 5px;}
#ad_x03 {}
#ad_x04 {}
#ad_roadblock { width: 960px; height: 550px; text-align: center; color: #666; line-height: 14px; padding-bottom: 10px;}
#ad_roadblock_skip {text-align: right; text-transform: uppercase;}
#ad_roadblock_skip a { font-family: arial, sans-serif; font-weight: bold; font-size: 14px; color: #666; padding: 3px 5px; }
#ad_roadblock_skip a:hover { color: #333; }

/* FORM STYLES */
#submitform {padding: 10px; background: #FFF;}
#submitform p {padding: 5px 0; margin: 5px 0 0 0; border-bottom:1px solid #EEE;}
#submitform p label, #submitform label, #submitform div label {font-size: 14px; color: #666; font-weight: bold;}
#submitform #artistboxes, #submitform #eventboxes {padding-top: 5px; border-bottom:1px solid #EEE;}
#submitform input[type='text'], #submitform textarea, #submitform input[type='password'] {font-family: 'Lucida Sans Unicode', 'Lucida Grande', helvetica, arial, sans-serif; margin: 3px 0; border: 2px solid #CCC; padding: 3px; font-size: 16px; color: #333;}
#submitform select {margin: 3px 0; border: 1px solid #999; padding: 2px; font-size: 14px; color: #333;}
#submitform .artistcbox {float: left; width: 150px; padding: 5px 0; color: #666; font-size: 12px;}
#submitform .artistcbox input[type='checkbox'] {display: block; float: left; margin-top: -1px;}
#submitform input[type="submit"] {float:right; margin-top: 10px;}

#submitform div.width100 { float:left; width:100px; font-size: 14px; color: #666; font-weight: bold; line-height: 30px;}
#submitform div.label { float:left; width:120px; font-size: 14px; color: #666; font-weight: bold;}
#submitform div.lbl { font-size: 14px; color: #666; font-weight: bold;}
#submitform div.error { font-size: 14px; color: red; font-weight: bold;}


#submitform #signup p {padding: 5px 0; border: none; margin: 0; }
#submitform #signup p label, #submitform div label {font-size: 12px; color: #666; font-weight: bold;}
#submitform #signup input[type='text'], #submitform #signup input[type='password'], #submitform textarea {font-family: 'Lucida Sans Unicode', 'Lucida Grande', helvetica, arial, sans-serif; margin: 3px 0; border: 2px solid #CCC; padding: 3px; font-size: 16px; color: #333;}
#submitform #signup input[type="submit"], #submitform #login input[type="submit"] { margin-top: 0px; float: none;}


#submitform #errorExplanation {color: #750000; border: 2px solid #DDD;}
#submitform #errorExplanation h2 {background-color: #DDD; font-size: 13px; color: #750000; padding: 3px;}
#submitform #errorExplanation p {color: #333; font-size: 12px; margin: 5px;}
#submitform #errorExplanation ul {list-style-type: square;}
#submitform #errorExplanation ul li {margin-left: 20px; padding: 5px; font-size: 12px;}
#submitform .fieldWithErrors input {border: 3px solid #750000;}

#submitform #artists_id, #submitform #genres_id {float:left;}
#submitform #addartist, #submitform #addgenre {float:left; margin: 5px 0 0 10px;}
#submitform .habtms {padding-top: 5px;}
#submitform .habtms h4 {font-size: 14px; color: #666; font-weight: bold; margin-bottom: 5px;}
#submitform .habtms #artists .artist, #submitform .habtms #genres .genre {font-size: 12px; color: #333; padding: 8px; border-top: 1px solid #EEE;}
#submitform .habtms #artists .artist a, #submitform .habtms #genres .genre a { font-size: 10px; padding: 1px 4px; border: 2px solid #CCC; color: #333; text-decoration: none; background: #EEE; font-weight: bold;}

.submitsome {text-align: center; margin-bottom: 10px;}
.submitsome a { display: block; border: 3px solid #CCC; padding: 10px; background: #FFF; color: #333; text-transform: uppercase; font-size: 11px; font-weight: bold; text-decoration: none;}
.submitsome a:hover {color: #750000; border: 3px solid #750000;}


/* CONTESTS */

#ctcont {background: #FFF;}
#ctcont #cthead img {border: 1px solid #000;}
#ctcont #ctcol1 {margin-right: 0px; border-right: 1px solid #EEE;}
#ctcont #ctcol1 h1 {color: #333; font-family: helvetica, arial; font-size: 18px; margin: 10px;  letter-spacing: -1px; }
#ctcont #ctcol1 p { margin: 10px; color: #666; font-size: 13px; line-height: 18px;}
#ctcont #ctcol2 {width: 359px; margin-right: 0px;}
#ctcont h2 {background: #EEE; color: #777; font-size: 14px; text-transform: uppercase; border-bottom: 1px solid #eee; padding: 5px; font-weight: bold;}
#ctcont .entry { padding: 10px; border-bottom: 3px solid #DDD;}
#ctcont .entry h3 { color: #999; font-size: 12px; border-bottom: 1px solid #eee; padding-bottom: 10px; }
#ctcont .entry h3 span { background: #004772; padding: 3px; color: #FFF; font-size: 12px; font-weight: bold; }
#ctcont #ctcol1 .entry p { color: #666; }
#ctcont #ctcol2 form { padding: 10px; font-size: 12px; text-transform: uppercase; color: #666; font-weight: bold;}
#ctcont #ctcol2 form input[type="text"], #ctcont #ctcol2 form textarea {border: 2px solid #CCC; width: 320px; font-size: 14px; padding: 5px; color: #666;}
#ctcont #ctcol2 form p {margin: 5px 0}
#ctcont #ctcol2 form p span {font-weight: normal; color: #999;}
#ctcont #ctcol2 form input[type="submit"] {float: right;}

/* PROFILES */

#artistheader .nav { position: relative; background: #222; color: #CCC; font-size: 24px; padding: 10px}
#artistheader .nav a img {float:left; border: 1px solid #999; margin-right: 10px; }
#artistheader .nav span {}
#artistheader .subnav { background: #444; border-bottom: 3px solid #666;}
#artistheader .subnav a { display:block; float: left;border-right: 1px solid #666; color: #CCC; font-size: 12px; text-transform: uppercase; padding: 5px; text-decoration: none;}
#artistheader .subnav a:hover {background: #000;}

#procol1 #profile_image img{border: 3px solid #AAA; display: inline;}
#procol1 #mannav {border: 2px solid #222; margin-top: 5px; background: #EEE;}
#procol1 #mannav h3 {padding: 5px; background: #222; color: #CCC; text-transform: uppercase; font-size: 12px;}
#procol1 #mannav h4 {padding: 5px; background: #444; color: #CCC; text-transform: uppercase; font-size: 12px;}
#procol1 #mannav a {display: block; border-bottom: 1px solid #CCC; color: #333; padding: 5px; text-decoration: none; font-size: 14px;}
#procol1 #mannav a.subnav {background: #FFF; border-bottom: none; border-top: 1px solid #EEE; font-weight: bold; padding: 5px 10px; font-size: 12px;}
#procol1 #mannav a:hover {background: #FFF; color: #750000;}
#procol1 #mannav a.subnav img { float:left; width: 12px; height: 12px; padding-top: 1px; margin-right: 5px;}
#procol1 #mannav a.subnav:hover {background: #EEE; color: #000;}
.prolists {background: #FFF; margin-bottom: 10px; border: 2px solid #222;}
.prolists h2 {position: relative; background-color: #222; color: #999; font-size: 12px; text-transform: uppercase; padding: 5px;}
.prolists h2 a {font-size: 12px; padding: 0; border: none; text-decoration: underline; position:absolute; right: 5px; top: 3px; color: #CCC; text-transform: lowercase;}
.prolists .proartists, .prolists p {padding: 5px;}
.prolists ul li {font-size: 12px; color: #222; padding: 5px 0; border-bottom: 1px solid #EEE;}
.prolists ul li a {color: #750000}
.prolists a.item img {width: 12px; height: 12px; float:left; margin-right: 5px; padding-top: 1px;}
.prolists a.item {display: block; padding: 5px; font-size: 12px; color: #444; text-decoration: none; border-bottom: 1px solid #CCC;}
.prolists a.item:hover { background-color: #EEE;}
.prolists p {color: #666; font-size: 12px; line-height: 16px;}

.fav_artist {background: #FFF; margin-bottom: 10px; border: 2px solid #222;}
.fav_artist h2 {position: relative; background-color: #222; color: #999; font-size: 12px; text-transform: uppercase; padding: 5px;}
.fav_artist h2 a {font-size: 12px; padding: 0; border: none; text-decoration: underline; position:absolute; right: 5px; top: 3px; color: #CCC; text-transform: lowercase;}
.fav_artist a.artist img {width: 12px; height: 12px; float:left; margin-right: 5px; padding-top: 1px;}
.fav_artist a.artist {font-size: 12px; color: #444; text-decoration: none; }
.fav_artist a.artist:hover { background-color: #EEE;}
.fav_artist a.song {line-height:12px;padding-left:17px; font-size: 10px; color: #444; text-decoration: none; }
.fav_artist a.song:hover { background-color: #EEE;}
.fav_artist p {color: #666; font-size: 12px; line-height: 16px;}
.fav_artist div {padding: 5px; border-bottom: 1px solid #CCC;}

.fav_venue {background: #FFF; margin-bottom: 10px; border: 2px solid #222;}
.fav_venue h2 {position: relative; background-color: #222; color: #999; font-size: 12px; text-transform: uppercase; padding: 5px;}
.fav_venue h2 a {font-size: 12px; padding: 0; border: none; text-decoration: underline; position:absolute; right: 5px; top: 3px; color: #CCC; text-transform: lowercase;}
.fav_venue a.venue img {width: 12px; height: 12px; float:left; margin-right: 5px; padding-top: 1px;}
.fav_venue a.venue {font-size: 12px; color: #444; text-decoration: none; }
.fav_venue a.venue:hover { background-color: #EEE;}
.fav_venue a.event {line-height:12px;padding-left:17px; font-size: 10px; color: #444; text-decoration: none; }
.fav_venue a.event:hover { background-color: #EEE;}
.fav_venue p {color: #666; font-size: 12px; line-height: 16px;}
.fav_venue div {padding: 5px; border-bottom: 1px solid #CCC;}


#procol2 .midcol .toplinks { padding: 10px; border-bottom: 2px solid #CCC; background: #EEE;}
#procol2 .midcol .toplinks #mainphoto { font-size: 16px; color: #333; margin-right: 10px; line-height: 20px;}
#procol2 .midcol .toplinks #avatarphoto { font-size: 16px; color: #333; line-height: 20px; margin-bottom: 10px;}
#procol2 .midcol a.backbut { float: left; display: block; text-align: center; background: #FFF; border: 1px solid #999; padding:5px; font-size: 12px; color: #666; text-decoration: none; }
#procol2 .midcol a.event_btn { float: left; display: block; text-align: center; background: #FFF; border: 1px solid #999; padding:5px; font-size: 12px; color: #666; text-decoration: none; margin-right:5px; }
#procol2 .midcol a.event_back_btn { float: right; display: block; text-align: center; background: #FFF; border: 1px solid #999; padding:5px; font-size: 12px; color: #666; text-decoration: none; }
#procol2 .midcol a.add { float: right; display: block; text-align: center; background: #FFF; border: 1px solid #999; padding:5px; font-size: 12px; color: #666; text-decoration: none; }
#procol2 .midcol { background: #FFF; border: 2px solid #222; }
#procol2 .midcol h2 { position: relative; background: #222; color: #999; font-size: 12px; text-transform: uppercase; padding: 5px; }
#procol2 .midcol h3 { font-size: 16px; padding: 10px; color: #666;}
#procol2 .midcol .crimages img {display: inline; border: 2px solid #CCC; margin-bottom: 5px;}
#procol2 .midcol .crimages a { color: #333; font-size: 14px; margin: 3px;}
#procol2 .midcol .crimages { margin: 10px; width: 110px; height: 130px; float:left; margin-right: 5px; text-align: center; }
#procol2 .midcol form {}
#procol2 .midcol .edit { text-align: center; padding: 10px; }
#procol2 .midcol .edit img {display: inline;}
#procol2 .midcol .edit p { margin: 20px; }
#procol2 .midcol .edit a { text-align: center; background: #EEE; margin: 10px; border: 1px solid #999; padding:5px; font-size: 10px; color: #666; text-decoration: none;}
#procol2 .midcol .listable li {padding: 6px; font-size: 14px; color: #333; border-bottom: 1px solid #CCC; }
#procol2 .midcol .listable li a {color: #666; font-weight: bold; text-decoration: none;}
#procol2 .midcol .listable li a:hover {color: #333; text-decoration: underline;}
#procol2 .midcol .listable li a.button {color: #666; padding: 2px; font-size: 10px; border: 1px solid #999; background: #EEE; text-decoration: none;}
#procol2 .midcol .listable li a.button:hover {border: 1px solid #333;}

#procol2 .midcol .listable .song .player { display: block; float: left; margin-right: 5px;}
#procol2 .midcol .listable .explicit { margin: 5px 0; font-size: 10px; color: #999; }


.white { color:#fff; }

#admin_div { margin-top: 5px;}
#admin_div h1 { font-size: 16px; color: #333; margin-bottom: 10px;}
#admin_div .odd { background: #ccc; }
#admin_div .even { background: #eee; }
#admin_div .maint_link { padding: 5px;} 
#admin_div a{font-size: 12px; color: #444; text-decoration: none; }
#admin_div a.blue{font-size: 12px; color: blue; text-decoration: none; }
#admin_div a.blueSml{font-size: 10px; color: blue; text-decoration: none; }
#admin_div a.white{font-size: 12px; color: #fff; text-decoration: none; }
#admin_div a:hover {font-size: 12px; color: #888; text-decoration: none; }
#admin_div a.btn { 
	font-size: 10px; padding: 2px; margin-top:1px; border: 2px solid #CCC; color: #333; 
	text-decoration: none; background: #EEE; font-weight: bold;
}
#admin_div .label  	{ font-size: 12px; color: #666; font-weight: bold; line-height: 25px; padding-right:3px; }
#admin_div .text  	{ font-size: 12px; color: #666; font-weight: bold; }
#admin_div .pad5  	{ padding: 5px; }
#admin_div .size75  { width:  75px; }
#admin_div .size100 { width: 100px; }
#admin_div .lineH30 { line-height: 30px; }
.inline { display: inline; }

/* special event */
body.body_special_event #main {background: #222;}
div.special_event h3 {background: #000; color: #EEE; font-weight: normal; font-size: 14px; padding: 4px 6px; text-transform: uppercase;}
div.special_event div.details, div.special_event div.timeloc, div.special_event div.artists_vote { background: #111; margin-bottom: 10px;}
div.special_event div.details div { padding: 5px 10px; color: #CCC; font-size: 12px; line-height: 20px; }
div.special_event div.timeloc { position: relative;}
div.special_event div.timeloc img {position: absolute; right: 5px; bottom: 20px;}
div.special_event div.timeloc p {padding: 5px 10px; color: #CCC; font-size: 12px; line-height: 20px;}
div.special_event div.timeloc p span {font-weight: bold; color: #FFF;}
div.special_event div.timeloc a {font-weight: bold; color: #FFF;}
div.special_event div#bpmap {background: #111;}
div.special_event p strong {font-weight: bold; color: #FFF;}

div.special_event ul.ul-battle a.battle_vote {display: block; color: #FFF; height: 50px; padding: 5px 0; border-bottom: 1px solid #222; text-decoration: none; position: relative;}
div.special_event ul.ul-battle a.battle_vote:hover {background: #000;}
div.special_event ul.ul-battle a.battle_vote:hover span.name, div.special_event ul.ul-battle a.battle_vote:hover span.votes, div.special_event ul.ul-battle a.battle_vote:hover img, div.special_event ul.ul-battle a.battle_vote:hover div.percent-bar {opacity: 0.1; filter: alpha(opacity=10);}
div.special_event ul.ul-battle a.battle_vote span.name, div.special_event ul.ul-battle a.battle_vote span.votes, div.special_event ul.ul-battle a.battle_vote img, div.special_event ul.ul-battle a.battle_vote div.percent-bar {opacity: 1.0; filter: alpha(opacity=100);}
div.special_event ul.ul-battle a.battle_vote span.clickhere {font-size: 14px; display: none; position: absolute; width: 150px; background: #000; color: #FFF; bottom: 10px; left: 100px; text-align: center; padding: 5px 0; font-weight:bold;}
div.special_event ul.ul-battle a.battle_vote:hover span.clickhere {display: block; }
div.special_event ul.ul-battle a.battle_vote img {float: left; margin-left: 5px; margin-right: 5px;}
div.special_event ul.ul-battle a.battle_vote span.name { font-size: 14px; font-weight: normal;}
div.special_event ul.ul-battle a.battle_vote span.votes { color: #333; text-align: right; display: block; position: absolute; bottom: 5px; right: 10px;}
div.special_event ul.ul-battle a.battle_vote span.votes span{display: block; font-size: 24px; color: #555; font-weight: bold;}
div.special_event ul.ul-battle a.battle_vote span.percent-bar { display: block; position: absolute; height: 60px; top: 0; left: 0; opacity: .40; filter: alpha(opacity=40); background: #000;}


.boldGreyText {font-size: 12px; color: #666; font-weight: bold;}
.boldGreyTextBig {font-size: 16px; color: #666; font-weight: bold;}
a.boldGreyText:hover { color: #fff;}
.padL5 { padding-left:5px;}
.lineH20 { line-height:20px;}
.small_poster {max-height: 150; max-width: 160;}
.med_poster {max-height: 250; max-width: 160;}
.overflow_no { overflow: hidden;}

/* -----  Pagination SECTION ----- */
div.pagination	 { padding: 3px; margin: 3px; }
div.pagination a { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #AAAADD; text-decoration: none; color: #252525;}
div.pagination a:hover, div.pagination a:active { border: 1px solid #252525; color: #000; }
div.pagination span.current { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #252525; font-weight: bold; background-color: #252525;
	color: #FFF; }
div.pagination span.disabled { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #EEE; color: #DDD; }