@charset "utf-8";

/* Base Stylesheet - Jazz FM ver 2.0 */
/* 
      
     //
    ///
   /\\\    PINNACLE COMMUNICATIONS GROUP INC.
  /\\\\\
 /\\\\\\\

Documentation: 
Developed by Pinnacle Communications Group Inc. www.pincomm.com

Dependencies:
reset.css
forms.css
modernizr.css

Styles applicable to IE 6-8 are located in ie.css

*/




/* UNIVERSAL STYLES */
/*==================================================*/

html, body {
	margin:0px;
	padding:0px;
	height:100%;
	font-size:100.01%;
	background:none;
}

/* Set HTML5 Elements as block to display in non-supported browsers + Modernizr */
article ,aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}

p, li, td { /* global paragraph, list, data styles */
	font:normal 13px/150% Arial, Helvetica, sans-serif;
	color:#212121;
	letter-spacing:0px;
}

/* link styles */
a { text-decoration:none; color:#000000; } a:hover { text-decoration:underline; color:#008FC6; }

a img { border:none; }

blockquote { padding:20px; font:normal 15px/150% "Palatino Linotype", Palatino, serif; color:#606060; font-style:italic; }

strong, b { font-weight:bold; }

em, i { font-style:italic; }

u { border-bottom:1px solid black; }

code, cite { font:normal 12px/150% monospace; color:#343532; font-style:italic; background:#dadada; padding:10px; }

pre {  }

acronym { cursor:help; }

img {  }

table {  }

th {  }

td {  }

span.highlight { background:yellow !important; }

img.border { border:2px solid black; }

.small { font-size:70%; color:#777; }

/* ::selection { background:green; } */

.print { display:none; }



/*- Aligning -*/

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

.center { text-align:center; }



/*- clearfix -*/

.clear:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}

/* IE6/7 Clears Located in ie.css */









/* LIBRARY STYLES */
/*==================================================*/

/*- Declare Fonts -*/

@font-face { /*  */
    font-family:'Bebas';
    src:url('font/BEBAS___-webfont.eot');
    src:url('font/BEBAS___-webfont.eot?iefix') format('eot'),
        url('font/BEBAS___-webfont.woff') format('woff'),
        url('font/BEBAS___-webfont.ttf') format('truetype'),
        url('font/BEBAS___-webfont.svg#webfontGVi5sdIl') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'NewsCycle';
    src:url('font/NewsCycle-Regular-webfont.eot');
    src:url('font/NewsCycle-Regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('font/NewsCycle-Regular-webfont.woff') format('woff'),
        url('font/NewsCycle-Regular-webfont.ttf') format('truetype'),
        url('font/NewsCycle-Regular-webfont.svg#NewsCycleRegular') format('svg');
    font-weight:normal;
    font-style:normal;
}






h1 { /* Page headings / Article heading */
	font:normal 36px/110% "Bebas", "Arial Narrow", "Helvetica Narrow", sans-serif;
	color:#202020;
	text-transform:uppercase;
	word-spacing:5px;
	padding:0 0 5px;
	margin:0 0 5px;
	border-bottom:2px solid #E2383F;
} h1 a { color:#202020; } h1 a:hover { text-decoration:none; color:#202020; }

h2 { /* News heading */
	font:normal 22px/120% "Bebas", "Arial Narrow", "Helvetica Narrow", sans-serif;
	color:#DDDDDD;
	text-transform:uppercase;
	word-spacing:3px;
	padding:20px 0 10px;
} h2 a {  }

h3 { /* Content Heading / Home Gird */
	font:normal 18px/120% "Bebas", "Arial Narrow", "Helvetica Narrow", sans-serif;
	color:#202020;
	text-transform:uppercase;
	word-spacing:3px;
	padding:0 0 10px 0;
	clear:both;
} h3 a {  } h3 a:hover { text-decoration:none; color:#555; }

/* homepage section headings */
#home-grid h3 { background-image:url("../images/global/h3.jpg"); background-position:0 11px; background-repeat:repeat-x; }
#home-grid h3 span { background:white; padding:0 7px 0 0; }

h4 { /* Content secondary heading */
	font:bold 24px/120% Helvetica, Arial, sans-serif;
	color:#202020;
	padding:10px 0px 3px;
} h4 a { color:#202020; }

h5 { /* oontent secondary heading */
	font:normal 18px/120% Helvetica, Arial, sans-serif;
	color:#202020;
	padding:10px 0px 3px;
} h5 a {  }

h6 { /*  */
	font:bold 14px/120% Helvetica, Arial, sans-serif;
	color:#202020;
	padding:10px 0px 3px;
} h6 a {  }


p { /* Paragraph text padding */
	padding:0px 0px 15px;
}





/*- Content Lists -*/

#content ul, #content ol {
	padding:5px 0 5px 30px;
}

#content ul { list-style-type:disc; } #content ol { list-style-type:decimal; }

#content li {
	padding:2px 0px;
	margin:0;
}











/* TEMPLATE STYLES */
/*==================================================*/

div#shell {
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 0 -180px 0; /* bottom margin = footer height */
} /* sticky footer */ .push { height:180px; clear:both; }

div.wrapper {
	position:relative;
	z-index:1;
}

/* top wrapper backgrounds */
.guitar, .piano, .sax, .mic { z-index:2 !important; }
.guitar { background:url("../images/global/guitar.jpg") #000000 top center no-repeat; }
.piano  { background:url("../images/global/piano.jpg") #000000 top center no-repeat;  }
.sax    { background:url("../images/global/sax.jpg") #000000 top center no-repeat; }
.mic    { background:url("../images/global/mic.jpg") #000000 top center no-repeat; }


div.contained {
	position:relative;
	width:960px; /* site width */
	margin:0 auto;
}


/*- top section -*/

.dark {
	background:url("../images/global/header.jpg") top left repeat;
	/* shadow */
	box-shadow:0px -7px 12px #000;
	-webkit-box-shadow:0px -7px 12px #000;
	-moz-box-shadow:0px -7px 12px #000;
	-o-box-shadow:0px -7px 12px #000;
	/*
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-o-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	*/
}

/*- top section shadow effect -*/
/*
.dark:before,
.dark:after {
	content:"";
	position:absolute; 
	z-index:-2;
}
.dark:before {
	top:10px;
	bottom:10px;
	left:0;
	right:50%;
	-webkit-box-shadow:0 0 15px #000;
	-moz-box-shadow:0 0 15px #000;
	box-shadow:0 0 15px #000;
	-moz-border-radius:10px / 100px;
	border-radius:10px / 100px;
} .dark:before { right:0; }
*/



div#nav {
	position:relative;
	height:40px;
	z-index:100;
	background:#131313;
	border-top:1px solid #333;
	border-bottom:1px solid #000;
}

div#aside {
	padding:0 0 30px 0;
}

div#now-playing {
	position:relative;
	background:#0a0a0a;
	height:32px;
	padding:2px 0 0 0;
	border-top:1px solid #333;
	z-index:10;
	text-align:right;
} .now-playing { font:normal 13px/100% Arial, Helvetica, sans-serif; color:#aaa; padding:8px 10px 0 0; }

div#social {
	position:absolute;
	top:10px;
	right:10px;
}

div#downloads {
	position:static;
	padding:5px 5px 0;
	margin:20px 0;
	background:#282222;
	clear:both;
	/* rounded corners */
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	/* shadow */
	box-shadow:0px 0px 5px #000;
	-moz-box-shadow:0px 0px 5px #000;
	-webkit-box-shadow:0px 0px 5px #000;
	-o-box-shadow:0px 0px 5px #000;
}

div#footer {
	background:url("../images/global/footer.jpg") top left repeat-x;
	padding:30px 0;
	height:120px; /* 180 - 60 */
	clear:both;
}

div#ad {
	padding:10px 0;
	background:#000;
	text-align:center;
}

div#breadcrumb {
	clear:both;
	padding:30px 0 0 0;
	font:normal 11px/100% Arial, Helvetica, sans-serif;
	color:#aaa;
} div#breadcrumb a { color:#aaa; }

div#itunes {
	width:195px;
	height:340px;
	position:absolute;
	bottom:30px;
	right:60px;
	border:0px solid green;
}

.logo, .on-air {
	display:block;
	float:left;
}

.logo { margin:0 50px 0 0; }


/* HTML5 TAGS */
nav {}
header {}
hgroup {}
section {}
article {}
aside {}
figure {}
details {}
footer {}




/*- Columns -*/

.column { /* Sets element as a column */
	position:relative;
	float:left;
}

/* Percentage based columms for static or liquid layouts */
.full  { width:99.99%; } /* 100% Full */
.col1  { width:9.99%;  } /* 10% 1/10 */
.col2  { width:19.99%; } /* 20% 1/5 */
.col3  { width:24.99%; } /* 25% 1/4 */
.col4  { width:33.33%; } /* 33% 1/3 */
.col5  { width:39.99%; } /* 40% 2/5 */
.col6  { width:49.99%; } /* 50% 1/2 */
.col7  { width:59.99%; } /* 60% 3/5 */
.col8  { width:66.66%; } /* 66% 2/3 */
.col9  { width:74.99%; } /* 75% 3/4 */
.col10 { width:89.99%; } /* 90% 9/10 */

/* Alternate columns for hardcoded widths | Add them up to side width (960), subtract padding (padded classes) */
.col11 { width:860px; } 
.col12 { width:710px; } /* Main Column */ 
.col13 { width:640px; }
.col14 { width:580px; } 
.col15 { width:420px; } /* Half Column */
.col16 { width:360px; } 
.col17 { width:240px; }
.col18 { width:195px; } /* Side Column */
.col19 { width:80px;  }
.col20 { width:20px;  } 

/* Add padding to liquid/elastic elements i.e. <div><div class="padded"></div></div> */
/* Padding l,r, and m for columns keeping consistent spacing while aligning elements to left and right of containing element */
.padded { padding:30px; } .padded-l { padding:30px 55px 30px 0; } .padded-m { padding:30px 20px; } .padded-r { padding:30px 0 30px 55px; } .padded-t { padding:30px 0; }

/* Pulls/Pushes - pull or push an element a certain amount of pixels for alignment */
.pull1 { margin-left:-25px;  }
.pull2 { margin-left:-50px;  }
.push1 { margin-right:-25px; }
.push2 { margin-right:-50px; }

/* 0 out margin and padding for first and last elements in a row */
.first { margin-left:0; padding-left:0; } .last { margin-right:0; padding-right:0; }




/*- Articles / Blog -*/

.article { padding:0 0 25px 0; }

.blog { }

.blog-item { background:none; padding:20px 0; border-bottom:1px dotted #ccc; }
.blog-item img {
	max-width:300px;
	height:auto;
	margin:11px 30px 30px 0 !important;
	padding:1px;
	/* shadow */
	box-shadow:0px 0px 5px #555;
	-moz-box-shadow:0px 0px 5px #555;
	-webkit-box-shadow:0px 0px 5px #555;
	-o-box-shadow:0px 0px 5px #555;
}


/* more articles list */
div.blog_morenews { padding:15px 0 20px; }
div.blog_morenews li a { border-bottom:1px solid #cfcfcf; } div.blog_morenews li a:hover { border-bottom:1px solid #FFCC99; background:#FFFFCC; text-decoration:none; }





/*- Top News -*/

div#top-news {
	position:relative;
	clear:both;
	background:#111111;
	padding:2px;
	margin:25px 0 0 0;
	overflow:hidden;
	height:243px;
}

.news-item { width:680px; height:245px; background:none; }
.news-image, .news-desc { position:relative; float:left; height:245px; }
.news-image { width:330px; overflow:hidden; } .news-image img { width:330px; }
.news-desc { width:290px; padding:0 30px; } .news-desc p { color:#ddd; }
.news-item a.readmore { border-top:1px solid #555; border-bottom:1px solid #555; color:#777; display:block; font:normal 11px/100% Arial, Helvetica, sans-serif; padding:3px 0 4px; }
.news-item a:hover { text-decoration:none; color:#aaa; }
.news-highlight { position:absolute; top:0px; left:0px; width:330px; height:1px; background:url("../images/global/news-highlight.png") top left no-repeat; }

ul#news-tabs {
	position:absolute;
	top:2px;
	right:2px;
}

ul#news-tabs li {
	margin:0 0 1px 0;
}

ul#news-tabs li a {
	display:block;
	color:#9f9f9f;
	text-align:right;
	background:url("../images/global/news-tabs.jpg") bottom left no-repeat;
	padding:8px 8px 8px 28px;
	width:183px;
	height:32px;
	font:bold 13px/110% "NewsCycle", "Arial Narrow", "Helvetica Narrow", Arial, Helvetica;
}

ul#news-tabs li a:hover, ul#news-tabs li a.current {
	text-decoration:none;
	color:#333;
	background-position:top left;
}




/*- Main Navigation -*/

#nav ul {
	list-style-type:none;
	height:40px;
}

#nav ul li {
	float:left;
	line-height:100%;
}

#nav ul li a {
	display:block;
	padding:13px 10px 13px;
	font:normal 14px/100% "Bebas", "Arial Narrow", "Helvetica Narrow", sans-serif;
	word-spacing:3px;
	text-transform:uppercase;
	color:#AAAAAA;
}

#nav ul li a:hover {
	color:white;
	text-decoration:none;
	background:#E2383F;
}

#nav ul li a:active {
}


/*- DROPDOWN -*/

#ja-cssmenu li ul { /* second-level lists */
	width: 250px;
	position: absolute;
	z-index: 101;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	height: auto;
	background:#E2383F;
	/* shadow */
	box-shadow:0px 0px 5px #222;
	-webkit-box-shadow:0px 0px 5px #222;
	-moz-box-shadow:0px 0px 5px #222;
	-o-box-shadow:0px 0px 5px #222;
}

#ja-cssmenu li ul ul { /* third-and-above-level lists */
	margin: -33px 0 0 210px;
}

#ja-cssmenu li ul li {
	width:250px;
	padding:0;
	margin:0;
}

#ja-cssmenu ul li a {
	display:block;
	padding:10px 8px;
	font:bold 12px/100% Arial, Helvetica, sans-serif;
	color:#eee;
	border-bottom:1px solid #c00;
	border-top:1px solid #CC7777;
} #ja-cssmenu ul li a:hover { background:#a00; color:#fff; }


/* OFF STATE */
#ja-cssmenu li:hover ul ul, #ja-cssmenu li:hover ul ul ul,
#ja-cssmenu li.sfhover ul ul, #ja-cssmenu li.havechildsfhover ul ul, #ja-cssmenu li.havechild-activesfhover ul ul,
#ja-cssmenu li.sfhover ul ul ul, #ja-cssmenu li.havechildsfhover ul ul ul, #ja-cssmenu li.havechild-activesfhover ul ul ul {
	left: -999em;
}


/* ON STATE */
#ja-cssmenu li:hover ul, #ja-cssmenu li li:hover ul, #ja-cssmenu li li li:hover ul,
#ja-cssmenu li.sfhover ul, #ja-cssmenu li.havechildsfhover ul, #ja-cssmenu li.havechild-activesfhover ul,
#ja-cssmenu li li.sfhover ul, #ja-cssmenu li li.havesubchildsfhover ul, #ja-cssmenu li li.havesubchild-activesfhover ul,
#ja-cssmenu li li li.sfhover ul, #ja-cssmenu li li li.havesubchildsfhover ul, #ja-cssmenu li li li.havesubchild-activesfhover ul {
	left: auto;
}


#ja-cssmenu li.havesubchild {
	background: url("../images/global/arrowchild.gif") no-repeat 94% 50%;
	border-right:10px solid #008FC6;
	width:240px;
}

#ja-cssmenu li.havesubchild-active {
	background: url("../images/global/arrowchild.gif") no-repeat 94% 50%;
}


/* current page */
#ja-cssmenu .active a { color:white; }

/* top nav item keep background when on subnav */
#ja-cssmenu li:hover a, #ja-cssmenu li.sfhover a, #ja-cssmenu li.havechildsfhover a, #ja-cssmenu li.havechild-activesfhover a { background:#E2383F; color:white; }








/*- Side Column Navigation -*/

#aside ul {
}

#aside ul li {
	line-height:100%;
}

#aside ul li a {
}



/*- Footer Navigation -*/

#footer ul {
	height:27px;
	float:left;
	padding:0;
	margin:0;
	border-bottom:1px solid #fff;
}

#footer ul li {
	line-height:100%;
	float:left;
	padding:0;
	margin:0;
	line-height:100%;
}

#footer ul li a {
	display:block;
	padding:0 20px 15px 0;
	font:bold 11px/100% Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#555;
	border-bottom:1px solid #ccc;
}

#footer ul li a:hover {
	background:none;
	color:#111;
}

#footer ul li a:active {
}

#footer ul ul { display:none; }

#footer ul li.active a { color:#000; }




/*- Page Navigation -*/

table.pagenav { margin:10px 0; clear:both; } .pagenav td { width:auto; }
.pagenav_next a, .pagenav_prev a { font:normal 10px/100% Arial, Helvetica, sans-serif; display:block; background:#e3e3e3; border:1px solid #ccc; padding:5px 7px; }
.pagenav_next a:hover, .pagenav_prev a:hover { background:#f3f3f3; text-decoration:none; }


span.pagenav, a.pagenav { padding:3px 5px; background:#eee; border:1px solid #cfcfcf; margin:5px 2px 0 0; }
a.pagenav:hover { background:white; text-decoration:none; }





/*- Home Grid -*/

div#home-grid {
	width:710px;
	overflow:hidden;
}

div#home-grid ul {
	overflow:hidden;
	width:770px;
	list-style-type:none;
	padding:0;
}

div#home-grid ul li {
	float:left;
	padding:0 60px 10px 0;
	width:195px;
	height:330px;
	border:0px solid green;
}

div.home-grid-image {
	width:195px;
	height:155px;
	margin:0 0 10px 0;
	overflow:hidden;
	background:#dedede;
} div.home-grid-image img { width:195px; }



/* program schedule */

.programScheduleContainer div {
	width: 100%;
}

.programSchedule table {
	border: 1px #2f0437 solid;
	border-collapse: collapse;
	border-spacing: 4px;
	width:auto;
	clear:both;
}

.programSchedule td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding: .5em;
	border: 1px #2f0437 solid;
}

.programScheduleHeader {
	font-size:10px;
	font-weight:bold;
}

.programScheduleAM {
	background-color: #BFECFF;
	width: 64px;
}

.programSchedulePM {
	background-color: #80D9FF;
	width: 64px;
}

.programScheduleShows {
	background-color: none;
	text-align:center;
}


/* contact */

.contact-table {
	border: 1px #ccc solid;
	border-collapse: collapse;
	border-spacing: 4px;
	width:auto;
	clear:both;
}

.contact-table td {
	padding: .5em;
	border: 1px #ccc solid;
}









/* SPECIFIC STYLES */
/*==================================================*/

/* Images, Videos, Objects */
figure.left, figure.right { padding:4px; background:#ddd; }
figure.left { margin:0 20px 20px 0; } figure.right { margin:0 0 20px 20px; }
.article img {
	margin:7px 30px 30px 0 !important;
	padding:1px;
	/* shadow */
	box-shadow:0px 0px 5px #555;
	-moz-box-shadow:0px 0px 5px #555;
	-o-box-shadow:0px 0px 5px #555;
	-webkit-box-shadow:0px 0px 5px #555;
}


.date { color:#999; font-style:italic; float:right; font-size:11px; }

#footer p { font:normal 11px/125% Geneva, Arial, Helvetica, sans-serif; color:#999; text-align:right; }


/*- listen now button -*/

div#listen {
	position:absolute;
	top:98px;
	right:-20px;
	z-index:99;
}

div#listen a {
	display:block;
	width:290px;
	height:110px;
	background:url("../images/global/listen.png") top left no-repeat;
}

div#listen a span { display:none; }


/*- donate button -*/

div.donate {
	clear:both;
}

div.donate a {
	display:block;
	background:url("../images/global/donate-now.jpg") top left no-repeat;
	height:54px;
} div.donate a:hover { background-position:0 -54px; } div.donate a:active { background-position:0 -108px; }

div.donate span { display:none; }




.joomla_add_this { font:normal 11px/100% Arial, Helvetica, sans-serif; color:#999; width:200px; }
.addthis_toolbox { margin:5px 0 10px; }











/* OVERRIDES */
/*==================================================*/

/* Use !important to override styles elsewhere in stylesheet */

.red { color:red !important; }

.blue, .blue a { color:#008FC6; font-weight:bold; }

.icons img { /* remove styles applied for article images */
	margin:0;
	padding:0;
	box-shadow:none;
	-moz-box-shadow:none;
	-o-box-shadow:none;
	-webkit-box-shadow:none;
}








/* RESOURCES */
/*==================================================*/
/* 

Z-Indexes:
nav - 100
#listen - 99
#now-playing - 10


Colours:
Red - #E2383F
Blue - #008FC6

*/






/* CHANGELOG */
/*==================================================*/
/*

29-08-2011 - 
25-08-2011 - Added Dropdown Styles

*/