/*** Global ***/
* { padding:0; margin:0; border:0; }
html { height:100%; }
body { font-family:Arial, sans-serif; line-height: 1.2em; font-size:12px; color:#ccc; background:#000 url(../images/bkg.jpg) repeat-y; }
body.contentpane { background: #FEFEFE; }
#page_bg { background:url(../images/bkg-homeMasthead.gif) top center no-repeat; padding-top:355px; }
.contentWidth { width:940px; margin:0 auto 30px; clear:both; }

/*** Special - CD Release Party ***/
#cdrelease { position:absolute; margin:0 0 0 880px; height:58px; line-height:29px; text-align:center; width:270px; }
#cdrelease a { font-size:20px; text-align:center; display:block; line-height:29px; }

#chartWatch { text-align:center; }
#chartWatch strong { display:block; text-align:center; font-size:50px; line-height:60px; height:60px; }

/* Clearfix */
.clearfix:after { clear: both; display: block; content: "."; height: 0; visibility: hidden; }
* html > body .clearfix { width: 100%; display: block; }
* html .clearfix { height: 1%; }

p { margin-bottom:12px; text-align:justify; }

a { text-decoration:none; color:#f00; outline:none; }
a:hover { text-decoration:underline; }

input { color:#ccc; padding:2px; border:1px solid #333; background:#222; }

button { color:#583d2f; font-size:11px; border:1px solid #339fb7; background:#c7eef9; cursor:pointer; }

.inputbox { border:1px solid #333; color:#ccc; padding:2px; background:#222; }
.inputbox:hover { background:#313131; }

#modlgn_remember.inputbox { }

input.button, .validate { color:#ccc; font-size:11px; border:1px solid #333; background:#222; cursor:pointer; }
input.button:hover, .validate:hover  { background:#313131; cursor:pointer; }
.search input.button { text-align:right; }

/*** Masthead ***/
#globalnav { width:640px; height:55px; overflow:hidden; text-align:left; margin-top:10px; float:left; background:url(../images/nav-bkg.gif) center center no-repeat; }
   .stButton_gradient { padding:0 3px !important; margin:5px 0 10px; overflow:hidden; }
   .st_sharethis_button { display:block; width:88px; height:20px; float:right; overflow:hidden; padding:0 !important; margin:5px 0 10px; }
   .stFb_left { display:none !important; }
   #globalnav ul { list-style:none; display:block; float:left; width:640px !important; overflow:hidden; margin-bottom:5px; }
      #globalnav li { float:left; margin-right:30px; height:30px; }

         #globalnav li a { display:block; height:30px; line-height:30px; font-family:'IM Fell DW Pica', serif; font-size:30px; text-transform:lowercase; color:#fff; text-shadow:2px 2px 2px #888; }
         #globalnav li a:hover { color:#f00; }

#logo { width:281px; height:80px; background:url(../images/logo.gif) top right no-repeat; float:right; }

/*** Footer ***/
#footer { text-align:center; margin:20px auto; padding-top:40px; font-size:11px; width:900px; background:url(../images/divider.gif) top center no-repeat; }
#footer ul { list-style:none; width:200px; height:20px; display:block; margin:15px auto; overflow:hidden; }
   #footer li { float:left; margin:0 10px; }
      #footer a { color:#fff; text-decoration:none; float:left; display:block; height:20px; text-transform:lowercase; font-weight:bold; }
      #footer a:hover { color:#f00; text-decoration:underline; }
#social { margin:0 auto; }
   #social a { font-size:11px; display:block; padding-left:42px; margin:10px; width:80px; height:34px; float:left; overflow:hidden; text-align:left; }
   #social a#ma { background:url(../images/icon-ma.gif) top left no-repeat; }
   #social a#facebook { background:url(../images/icon-facebook.gif) top left no-repeat; }
   #social a#twitter { background:url(../images/icon-twitter.gif) top left no-repeat; }
   #social a#myspace { background:url(../images/icon-myspace.gif) top left no-repeat; }
   #social a#plo { background:url(../images/icon-plo.gif) top left no-repeat; }


/*** Content ***/
#holder { }
div.center { text-align:left; }

#content { width:940px; margin:0 auto; }

#heading-homepage { background:url(../images/heading-news.gif) no-repeat; height:35px; margin-bottom:15px; }
#heading-bio { background:url(../images/heading-bio.gif) no-repeat; height:35px; margin-bottom:15px; }
#heading-pix { background:url(../images/heading-pix.gif) no-repeat; height:35px; margin-bottom:15px; }
#heading-contact { background:url(../images/heading-contact.gif) no-repeat; height:35px; margin-bottom:15px; }


#leftcolumn, #rightcolumn { width:190px; float:left; padding:0 0 10px 0; text-align:left; }
div#maincolumn { float:left; width:520px; padding:0 10px; margin:0 0 0 10px; }
div#maincolumn_full { float:left; width:920px; }

div.nopad { overflow:hidden; }
   div.nopad ul { clear:both; }
   td.middle_pad { width:20px; }

#banner_l {
	text-align: left;
	padding: 0 0 0 24px;
}

a.contentpagetitle { line-height:24px; }
a.contentpagetitle-pix { display:block; padding-left:20px; height:16px; line-height:16px; background:url(../images/photos.png) left top no-repeat; font-size:14px; font-weight:bold; color:#f00; }

/*** Zina Jukebox ***/
#zina-only { background:#000 !important }
#zina-only .contentheading { display:none; }

.zinaStatsBlock {}
.zinaStatsBlock td { padding:0 20px 15px 0; vertical-align:top; }

div.directory-image { display:none; }

.dir-opts a { font-size:16px; font-weight:bold; }

#zina h3 { padding:0 0 0 23px !important; height:20px !important; }
#zina tr { background:#000 !important; font-size:11px !important;}
#zina .joomla { display:none; }

#zinasonglist { width:190px !important; }
#zinasonglist td { padding:2px; }
#zinasonglist a.zinamp { display:block; }
#zinasonglist span.zina-rating { display:block; height:12px; overflow:hidden; }

.swan-slideshow { overflow:hidden; margin:10px auto; text-align:center; }
#slidewrap { min-height:525px; margin:0px auto; }
/* #slideshow-border { position:absolute; width:700px; height:525px; background:url(../images/slideshow-border.gif); z-index:1000; } */

/* AddThis Vertical Hover Menu */
.addthis_toolbox { position: relative; width:136px; float:right; }
.custom_hover { position: relative; margin:10px 0; width:136px; }
.addthis_toolbox .custom_hover .custom_button {
    font-weight: bold;
    padding: 6px 0;
    color: #00bff3;
    cursor: pointer;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}
.addthis_toolbox .hover_menu  {
    display: none;
    position: absolute;
    background: #fff;
}
.addthis_toolbox .custom_hover .tower {
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius-topleft: 0;
}
.addthis_toolbox .hover_menu  {
    width: 136px;
    padding: 1px;
    border: 3px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.addthis_toolbox .hover_menu a {
    position: relative;
    display: block;
    width: 102px;
    padding: 3px 0 3px 34px;
    text-decoration: none;
    color: #f00;
}
.hover_menu a { font-size:11px !important; color:#f00 !important; }
.addthis_toolbox .hover_menu a:hover {
    background: #dddddd;
    color: #027999;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.addthis_toolbox .hover_menu span {
    position: absolute;
    left: 14px;
    top: 4px;
}
.addthis_toolbox .hover_menu .more {
    border-top: solid 1px #eee;
    margin: 8px 10px 0 10px;
    text-align: center;
}
.addthis_toolbox .hover_menu .more a { padding: 4px 0; }
.addthis_toolbox .hover_menu .more a:hover { background: none; }
.addthis_toolbox .hover_menu .more span { display: none; }




/*** Test/Dev Area ***/
#testnav { list-style:disc; display:block; clear:both; margin-left:15px; }
   #testnav li { margin-bottom:15px; }
      #testnav li ul { list-style:circle; margin-left:15px; }
      #testnav li li { margin-bottom:3px; }
   #testnav .active { color:#f00 !important; }

/*** Joomla! specific content elements ***/
div.offline {
	background: #fffebb;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.2em;
	padding: 5px;
}

/* headers */
div.componentheading {
	height: 22px;
	padding: 0 0 0 4px;
	color: #999;
}


h1 { font-size:1.3em; font-weight:bold; vertical-align bottom; color:#333; text-align:left; width:100%; }
h2, .contentheading { font-size:18px; vertical-align:middle; color:#fff; text-align:left; font-weight:bold; margin:10px 0 4px 0 !important; }
h3, .componentheading, table.moduletable th, legend { font-size:14px; text-align:left; color:#738349; }
table.contentpaneopen h3 { margin-top: 25px; }
h4 { color:#333; }

.small { font-size:10px; color:#999; font-weight:bold; text-align:left; }

.modifydate {
	height: 20px;
	vertical-align: bottom;
	font-size: 10px;
	color: #999;
	font-weight: bold;
	text-align: right;
}

.createdate {
	vertical-align: top;
	font-size: 10px;
	color: #999;
	font-weight: bold;
	vertical-align: top;
	padding-bottom: 8px;
}

a.readon { display:block; float:right; line-height:14px; font-size:11px; text-decoration:none; padding:1px 2px; color:#f00; text-transform:lowercase; }
a.readon:hover { text-decoration:underline; }

/* form validation */
.invalid { border-color: #f00; }
label.invalid { color: #f00; }


/** overlib **/
.ol-foreground, .ol-background { background-color:#f1f1f1; color:#333; }

.ol-textfont { font-size:10px; }

.ol-captionfont { font-size:12px; color:#f6f6f6; font-weight:bold; }
   .ol-captionfont a { background-color:#f1f1f1; color:#333; text-decoration:none; }

.ol-closefont {}


/* menu links */
a.mainlevel { padding-left:5px; }
a.mainlevel:hover { }


/* spacers */
span.article_separator, table.blog span.article_separator { display:block; height:1px; margin:10px 0; border-top:dotted 1px #888; }
.article_column { padding-right:15px; }
.column_separator { padding-right:0 !important; }
td.buttonheading { text-align:right; width:0; }
.clr { clear:both; }


/* table of contents */
table.contenttoc { margin:5px; padding:5px; }
   table.contenttoc td { padding:0 5px; }


/* content tables */
td.sectiontableheader { color:#999; font-weight:bold; padding:4px; }

tr.sectiontableentry1 td { padding:4px; background:#111; }

tr.sectiontableentry0 td,
tr.sectiontableentry2 td {
  padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding: 3px;
  color: #8e8e8e;
  font-size: 11px;
}


/* content styles */
table.contentpane  { text-align:left; float:left; width:100%; margin:8px; }
   table.contentpane td { text-align:left; }
   table.contentpane td.contentdescription { width:100%; }
   table.contentpane ul li { color:#444; }
      table.contentpane ul li a .category { color:#FF8800; }

table.contentpaneopen { border-collapse:collapse; }
   table.contentpaneopen li { margin-bottom:5px; }
   table.contentpaneopen fieldset { border-top:1px solid #669933; }
   table.contentpaneopen h3 { margin-top:25px; }
   table.contentpaneopen h4 { color:#669933; }

.highlight { background-color:#fffebb; }

/* Banners module - Radio Stations, Shows */
.bannergroup_text { padding:2px 8px 5px; font-size:11px; line-height:14px; }
   .bannerheader { color:#738349; font-weight:bold; }
   .banneritem_text { margin:7px 0 0 5px; }
      .banneritem_text a { margin-left:-5px; }
   .bannerfooter_text { }


/* Left/Right Columns */
.module { margin-bottom:15px; }
.module_menu, .module_text, .module_shows, #rightcolumn .module { background: url(../images/h3.png) top center no-repeat; }

.module_shows td { font-size:11px; padding:0 7px; }

#leftcolumn h3, #rightcolumn h3 { color:#fff; font-size:11px; text-align:left; height:28px; width:182px; padding:0 0 0 8px; line-height:25px; }

#leftcolumn .moduletable_menu, #leftcolumn .moduletable, #leftcolumn .moduletable_text, #leftcolumn .c,
#rightcolumn .moduletable_menu, #rightcolumn .moduletable, #rightcolumn .moduletable_text, #rightcolumn .c {
	margin: 0 0 16px 0;
	padding: 0 0 8px 0;
}

#leftcolumn ul.menu, #rightcolumn ul.menu {
	margin: 0 auto;
	padding: 0 0 4px 0;
	list-style: none;
	width: 174px;
	text-align: left;
}

#leftcolumn ul.menu li a, #rightcolumn ul.menu li a {
	font-size: 11px;
	line-height: 22px;
	height: 22px;
	padding: 0 0 0 12px;
	text-decoration: none;
	color: #8e8e8e;
	background: url(../images/menu_row.jpg) center left no-repeat;
	display: block;
}

#leftcolumn ul.menu li a:hover, #rightcolumn ul.menu li a:hover { color: #f00; }

#leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link,
#rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link {
	line-height: 22px;
	height: 22px;
	padding: 0 0 0 12px;
	text-decoration: none;
	color: #fff;
	font-weight: normal;
	font-size: 11px;
	background: url(../images/menu_row.jpg) center left no-repeat;
}
#leftcolumn ul.menu li#current a:hover, #rightcolumn ul.menu li#current a:hover { }

#leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link {
	text-decoration: none;
	color: #8e8e8e;
	font-size: 11px;
	background: url(../images/submenu_row.jpg) center left no-repeat;
	font-weight: normal;
	display: block;
	line-height: 22px;
	padding: 0 0 0 22px;
	height: 22px;
}

#leftcolumn ul.menu li ul li#current a, #leftcolumn ul.menu li ul li#current a:link, #leftcolumn ul.menu li ul li#current a:visited, #leftcolumn ul.menu li ul li#current a:hover {
	font-size: 11px;
	padding: 0 0 0 22px;
	text-decoration: none;
	color: #FFF;
	background: url(../images/submenu_row.jpg) center left no-repeat;
	height: 22px;
	line-height: 22px;
}

#leftcolumn ul.menu li.parent ul li a {
	background: url(../images/submenu_row.jpg) center left no-repeat;
	color: #8e8e8e;
	font-size: 11px;
	height: 22px;
	line-height: 22px;
	padding: 0 0 0 22px;
	text-decoration: none;
	display: block;
	font-weight: normal;
}

#leftcolumn ul.menu li.parent ul li a:hover { color:#F00; }
#leftcolumn ul.menu li#current ul li a:hover { color: #F00; }

#leftcolumn ul.menu li ul, #rightcolumn ul.menu li ul { list-style:none; }

/* forms */
#leftcolumn .moduletable ul, #rightcolumn .moduletable ul { margin:6px 0; list-style:none; }

#leftcolumn .moduletable ul li, #rightcolumn .moduletable ul li { padding:0 2px; }

table.adminform textarea {
  width: 540px;
  height: 400px;
  font-size: 1em;
  color: #000099;
}

form#form-login ul li a { text-align:left; font-size:10px; color:#8e8e8e; }

/* thumbnails */
div.mosimage { margin:5px; }
div.mosimage_caption { font-size:.90em; color:#333; }

/* Parameter Table */
table.paramlist { margin-top:5px; }

table.paramlist td.paramlist_key { width:128px; text-align:left; height:30px; }
table.paramlist td.paramlist_value { }

div.message {
	font-weight: bold;
	font-size : 14px;
	color : #c30;
	text-align: center;
	width: auto;
	background-color: #f9f9f9;
	border: solid 1px #d5d5d5;
	margin: 3px 0px 10px;
	padding: 3px 20px;
}

/* System Messages */
/* see system general.css */

.pagination span, .pagination a { padding: 2px; }

/* Polls */
.pollstableborder td { text-align:left; }

/* Frontend Editing*/
fieldset { border:1px solid #ccc; margin-top:15px; padding:4px; }

legend { padding: 0 10px; }

td.key { border-bottom:1px solid #eee; color:#333; }

/* Tooltips */
.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
}

.tool-title {
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding:15px 0;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text { font-size: 100%; }

/* System Standard Messages */
#system-message dd.message ul { }

/* System Error Messages */
#system-message dd.error ul { color:#c00; }

/* System Notice Messages */
#system-message dd.notice ul { color:#c00; }

#system-message dd { text-indent:0; }

#system-message dd ul { list-style-type:none; color:#c00; }

#system-message { margin-top:5px; }
