* {
  margin: 0;
  padding: 0;
}

body, html, td {
  font: 14px "Lucida Grande", "Lucida Sans", "Helvetica", "Tahoma", sans-serif;
}

body {
  background: white url(/static/images/header-background-v3.png) repeat-x 0px 0px;
  color: #333;
  text-align: center;
}

a { color: #00a651; }
a:hover { color: #39b54a; }

a img { border: none; }

#container {
  margin: 0px auto;
  width: 768px;
  text-align: left;
}

.cleaner {
  clear: both;
  height: 0px;
  overflow: hidden;
}

.small {
    font-size: 0.8em;
}

#feedback {
    background-color: #fff;
    padding: 10px 16px;
    display: block;
}
#feedback tt {
    font-size: 1.2em;
}

#feedback input {
}

label {
    float: left;
    width: 111px;
    display: block;
}
#message {
    background:#FFF6BF;
    padding:1em 1em 0.4em 1em;
    margin-bottom:1em;
}

/*{{{ Airtime Application*/
#airtime-application {
}
#airtime-application legend {
  margin: 1ex 0.5ex;
  padding: 0.5ex;
  font-size: 0.9em;
  background-color: #00a651;
  color: #fff;
}
#airtime-application label {
  float: left;
  display: block;
  width: 100%;
}
#airtime-application ul.errorlist {
  padding: 0;
  margin: 0;
}
#airtime-application .errorlist li {
  background: none;
  color: #ff0000;
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}
/*}}}*/

/*{{{ Header */

#header {
  margin: 0px -8px 0px;
  height: 180px;
  position: relative;
  background: url(/static/images/header-v3.png) no-repeat 0px 0px;
}

#header #description {
  position: absolute;
  left: 16px;
  bottom: 144px;
  width: 736px;
  font-size: 10px;
  line-height: 2.0;
  color: #ccc;
}

#header #logo {
  position: absolute;
  left: 8px;
  top: 44px;
  width: 312px;
  height: 128px;
}

#now-playing {
  position: absolute;
  right: 8px;
  top: 44px;
  width: 240px;
  height: 128px;
  background: #525252 url(/static/images/now-playing.png) no-repeat 0px 0px;
  color: #999;
  overflow: hidden;
  font-size: 85%;
}

#now-playing h3 {
  margin: 0px 24px;
  padding: 8px 0px 4px;
  font-weight: normal;
  color: #999;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: 100%;
}

#now-playing strong {
  display: block;
  margin: 0px 24px 4px;
  font-size: 110%;
  color: white;
}

#now-playing ul {
  position: absolute;
  bottom: 8px;
  left: 24px;
}

#now-playing ul li {
  display: block;
  list-style: none;
  margin: 0px;
  padding: 0px 0px 0px 24px;
  line-height: 18px;
  background: url(/static/images/now-playing-info.png) no-repeat 0px 50%;
  font-size: 85%;
}

#now-playing ul li.task-schedule {
  background-image: url(/static/images/now-playing-schedule.png);
}

#now-playing a {
  color: #999;
}

#now-playing a:hover {
  color: white;
}

#now-playing a.live {
  color: red;
  font-weight: bold;
}

#now-playing a.on-air {
  font-size: 1.25em;
  padding: 0.35ex 0.75ex 0.7ex;
  background-color: #00a651;
  color: #fff;
}

h1 .on-air {
  color: #00a651;
  font-weight: bold;
}

/*}}}*/

/*{{{ Tabs */

body #container #tabs {
  height: 3.5em;
  margin: 0px -16px 0ex;
  font-size: 110%;
  padding: 0px 12px;
}

body #container #tabs li {
  display: block;
  list-style: none;
  float: left;
  margin: 0px;
  padding: 0.5em 0em;
  background: none;
  position: relative;
}

body #container #tabs li a {
  display: block;
  text-decoration: none;
  padding: 0.25em 0.5em;
  border-left: 1px solid #ccc;
  color: #999;
}

body #container #tabs #tab-home a {
  border-left: none;
}

body #container #tabs li a:hover {
  color: #cd202c;
}

body #container #tabs li.active {
  background: url(/static/images/tab-right.png) no-repeat 100% 100%;
  padding: 0em 0.75em 0em 0em;
  line-height: 1.5em;
  margin-right: -1px;
}

body #container #tabs li.active a {
  background: url(/static/images/tab-left.png) no-repeat 0px 100%;
  color: white;
  padding: 0.75em;
  margin-right: -0.75em;
  border: none;
}

/*}}}*/

/*{{{ Columns */
#columns {
  margin: -8px -8px 0px;
  background: white url(/static/images/content-top.png) no-repeat 0px 0px;
  color: #333;
  line-height: 1.25em;
}

#main {
  float: left;
  width: 100%;
  margin-right: -280px;
}

#main-inner {
  margin: 0px 280px 0px 8px;
  padding: 0px 16px 40px;
}

#sidebar {
  float: right;
  width: 264px;
}

#sidebar-inner {
  margin: 0px 16px 0px 24px;
  padding: 16px 0px 40px;
}
#sidebar-inner h3 {
    padding-top: 1em;
}
/*}}}*/

/*{{{ Main */

#main {
  line-height: 1.25em;
}

h1, h2 {
 line-height: 1em;
  margin: 1ex 0px;
}
h1 {
  font-size: 175%;
}

#main p {
  margin: 0px 0px 1ex;
}

#main ul {
  margin: 0px 0px 1ex;
  padding: 0px;
}

#main ul li {
  margin: 0px;
  padding: 0px 0px 1ex 32px;
  display: block;
  list-style: none;
  background: url(/static/images/bullet.png) no-repeat 8px 2px;
}

#main ul.nobullet li {
  list-style: none;
  background: none;
}

#main ul.nobullet li.close {
  list-style: none;
  background: none;
  padding: 0px 0px 0px 50px;
}

#main p.extra {
    text-align: right;
    font-size: 90%;
}
/*}}}*/

/*{{{ Programmes section */

#main ul.programmes {
  border-top: 1px solid #ccc;
}

#main ul.programmes li {
  border-bottom: 1px solid #ccc;
  background: none;
  padding: 8px 0px;
}

#main ul.programmes li .meta {
  display: block;
  font-size: 85%;
}

#main ul.programmes li .programme-title {
  font-weight: bold;
}

dl.podcast-info, dl.info {
  margin: 2ex 0px 2ex;
  border-top: 1px solid #ccc;
  font-size: 85%;
  padding-top: 1ex;
}
dl.programme-info {
  margin: 2ex 0px 2ex;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 85%;
  padding-top: 1ex;
}
dl.info dt,
dl.podcast-info dt,
dl.programme-info dt {
  color: #666;
  width: 28em;
  line-height: 1.6em;
}

dl.info dt {
  width: 48em;
}

dl.info dd {
  margin: -1.6em 0px 1ex 12em;
}

dl.podcast-info dd,
dl.programme-info dd {
  margin: -1.6em 0px 1ex 9em;
}

#sponsorship {
  margin: 0px -8px 2ex;
  padding: 7px 7px 7px 27px;
  border: 1px solid #cc9;
  background: #ffc url(/static/images/sponsor.png) no-repeat 7px 7px;
}

table.schedule {
  border-spacing: 0px;
  border-collapse: collapse;
  border-bottom: 1px solid #ccc;
}

table.schedule th {
  padding: 2px 8px;
  vertical-align: bottom;
  border-bottom: 1px solid #ccc;
  font-weight: normal;
  color: #999;
  font-size: 85%;
  border-top: 1px solid #ccc;
}

table.schedule #monday th {
  border-top: none;
}

table.schedule th h2 {
  margin: 0px;
  padding-top: 1ex;
  color: #666;
}

table.schedule td {
  padding: 2px 8px;
  background: #f7f7f7;
  border-bottom: 1px dotted #ccc;
}

table.schedule tr.even td {
  background: white;
}

table.schedule tr.active-row td a {
    color: #666;
    font-weight: bold;
}

table.schedule td.programme {
  width: 40%;
}
table.schedule td.time,
table.schedule td.zone,
table.schedule td.language {
  font-size: 85%;
}

a.download,
a.play,
a.subscribe {
  padding-left: 20px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

a.download { background-image: url(/static/images/download.png); }
a.play { background-image: url(/static/images/play.png); }
a.subscribe { background-image: url(/static/images/feed.png); }

h1 a.subscribe {
  font-weight: normal;
  font-size: 55%;
}

#past-schedules .month {
  float: left;
  height: 11em;
  margin-right: 16px;
}

#past-schedules .month table {
  border-top: 1px solid #999;
  border-collapse: collapse;
}

#past-schedules .month th {
  text-align: center;
  font-size: 85%;
}

#past-schedules .month td {
  text-align: right;
  color: #999;
  padding: 0px 3px;
  font-size: 85%;
}

table.day-schedule {
  border-spacing: 0px;
  border-collapse: collapse;
  border-bottom: 1px solid #ccc;
}

table.day-schedule thead th {
  padding: 2px 8px;
  vertical-align: bottom;
  border-bottom: 1px solid #ccc;
  font-weight: normal;
  color: #999;
  font-size: 85%;
  border-top: 1px solid #ccc;
}

table.day-schedule td {
  padding: 2px 8px;
  border-bottom: 1px dotted #ccc;
}

table.day-schedule tbody th {
  padding: 2px 8px;
  border-bottom: 1px dotted #ccc;
  color: #999;
  font-weight: normal;
  vertical-align: top;
  font-size: 85%;
}

#related-links {
  padding: 2ex 0 2.5ex 0;
}

/*}}}*/

/*{{{ News section */

#news-list-home {
}

.hentry {
  border-top: 1px #ccc dashed;
  border-right: 2px #eee solid;
  padding: 5px;
}

.sticky-entry {
  border-top: 1px #ff5555 dashed;
  border-right: 2px #ff5555 solid;
}

.sticky-header h2 a {
  color: #ff0000;
}

.entry-header {
  margin-left: -4px;
}

.entry-header .published {
  display: block;
  width: 56px;
  float: left;
  background: #cd202c url(/static/images/date-block.png) no-repeat 0px 100%;
  color: white;
  text-align: center;
  font-size: 75%;
  line-height: 1;
  margin-right: 8px;
  margin-bottom: 4px;
}

.entry-header .published span {
  display: block;
  text-align: center;
  text-transform: uppercase;
}

.entry-header .published .month { padding-top: 4px; background: url(/static/images/date-block-top.png) no-repeat 0px 0px; }
.entry-header .published .day { font-size: 200%; }
.entry-header .published .year { padding-bottom: 8px; }

.entry-header h2 {
  padding-top: 1ex;
}

.entry-header h2 a {
  text-decoration: none;
}

.entry-header h2 a:hover {
  background: #ffc;
}

.entry-content {
  clear: left;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

.news-archive-link {
  font-size: 1.35em;
  float: right;
  margin: 0 0 0.5em 0;
  padding: 1em;
  border-top: 1px #ccc dashed;
  border-bottom: 1px #ccc dashed;
  border-right: 2px #eee solid;
}

/*}}}*/

/*{{{ images */


.left-image,
.center-image,
.right-image {
  border: 1px solid #ccc;
  padding: 7px;
  margin: 0px 0px 16px;
  text-align: center;
}

.left-image img,
.center-image img,
.right-image img {
  display: block;
  margin: 0px auto;
}

.left-image {
  float: left;
  margin-right: 16px;
}

.right-image {
  float: right;
  margin-left: 16px;
}

.centre-image {
  margin-left: auto;
  margin-right: auto;
}

.left-image .caption,
.center-image .caption,
.right-image .caption {
  display: block;
  font-size: 85%;
  text-align: center;
  color: #999;
  width: 250px;
  margin: 0px auto;
}


/*}}}*/

/*{{{ Sidebar */

#sidebar {
  color: #999;
  font-size: 85%;
  line-height: 1.4;
}

#sidebar ul {
  margin: 0px 8px 2px;
  border-top: 1px solid #ccc;
}

#sidebar ul li {
  display: block;
  list-style: none;
  padding: 2px 8px;
  border-bottom: 1px solid #ccc;
}

#badge {
  display: block;
  margin: -8px -8px 1ex -8px;
}

#sidebar h2.programme-title {
  color: #00a651;
  margin: 0px 16px 1ex;
}

#sidebar h3 {
  margin: 0px 16px 1ex;
  font-size: 100%;
  font-weight: normal;
  color: #666;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

#latest-podcasts {
  background: url(/static/images/sidebar-podcasts.png) no-repeat 196px 2px;
}

#latest-news {
  background: url(/static/images/sidebar-news.png) no-repeat 196px 2px;
}

#social-media h3,
#advertising h3,
#latest-podcasts h3,
#latest-news h3 {
  background: url(/static/images/sidebar-top-lip.png) no-repeat 50% 100%;
  margin-top: -1ex;
  margin-bottom: 0px;
  padding-top: 1ex;
  padding-bottom: 1ex;
}

p.sideblock {
  margin: 0px 8px 2px;
  border-top: 1px solid #ccc;
	padding: 12px 0px 8px 0px;
}

#latest-podcasts ul,
#latest-news ul {
  font-size: 85%;
  margin-bottom: 0px;
}

#latest-podcasts li strong {
  display: block;
}

#latest-podcasts a.more,
#latest-news a.more {
  display: block;
  padding: 1ex 16px 1ex;
}

#programme-podcasts a.more,
#programme-news a.more,
#latest-podcasts a.more,
#latest-news a.more {
  display: block;
  padding: 1ex 16px 3ex;
  background: url(/static/images/sidebar-bottom-lip.png) no-repeat 50% 0px;
}

#sidebar a.subscribe {
  display: block;
  margin: -2ex 0px 3ex 16px;
  padding: 0px 0px 0px 20px;
  background: url(/static/images/feed.png) no-repeat 0px 0px;
}

#sidebar a.only {
  margin-top: -1ex;
}

#sidebar-inner .active a {
  color: #333;
  text-decoration: none;
  font-weight: bold;
}
/*}}}*/

/*{{{ Footer */
#footer {
  clear: both;
  background: #eee;
  color: #999;
  margin: 0px 8px;
  font-size: 85%;
  position: relative;
  border-top: 1px solid #ccc;
}

#footer h3 {
  color: #666;
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 1ex;
}

#footer #contact-information {
  position: absolute;
  left: 16px;
  top: 36px;
  width: 224px;
  padding-top: 8px;
}

#footer address {
  font-style: normal;
  display: block;
  margin-bottom: 1ex;
}

#footer #sponsors {
  margin: 0px 0px 0px 256px;
  padding: 8px 0px 32px 0px;
}

#footer #sponsors ul li {
  display: block;
  list-style: none;
  float: left;
  width: 240px;
  padding-right: 16px;
}

#footer .cleaner {
  height: 32px;
}

#footer p {
  margin-bottom: 2ex;
}

/*}}}*/

/*{{{ Pagination */
.paginate-pages {
    margin-right: 1em;
    padding: 2px 4px;
    border: 1px solid #39b54a;
    text-decoration: none;
    color: #00a651;
    font-size: 80%;
    font-weight: bold;
}
.paginate-span {
    padding: 2px 4px;
    color: #00a651;
}
.paginate-link {
    padding: 2px 4px;
    border: 1px solid #39b54a;
    text-decoration: none;
    color: #00a651;
    font-size: 80%;
}
.paginate-link:hover {
	background:#eee;
}
.paginate-current,
.paginate-current:hover {
    padding: 2px 4px;
    border: 1px solid #ddd;
    font-weight: bold;
    background:#00a651;
    color:#f4f379;
    text-decoration: none;
}
/*}}}*/

/*{{{ Language Links */
a.lang {
  padding-left: 20px;
  background-position: 0px 2px;
  background-repeat: no-repeat;
}

a.japanese { background-image: url(/static/images/flags/jp.png); }
a.english { background-image: url(/static/images/flags/nz.png); }
a.german { background-image: url(/static/images/flags/de.png); }
a.french { background-image: url(/static/images/flags/fr.png); }
a.italian { background-image: url(/static/images/flags/it.png); }
a.afgani { background-image: url(/static/images/flags/af.png); }
a.dutch { background-image: url(/static/images/flags/nl.png); }
a.nepalese { background-image: url(/static/images/flags/np.png); background-position: 6px 2px; }
a.english { background-image: url(/static/images/flags/nz.png); }
a.cook-island-maori { background-image: url(/static/images/flags/ck.png); }
a.fijian { background-image: url(/static/images/flags/fj.png); }
a.samoan { background-image: url(/static/images/flags/ws.png); }
a.indian { background-image: url(/static/images/flags/in.png); }
a.tongan { background-image: url(/static/images/flags/to.png); }
a.mandarin { background-image: url(/static/images/flags/cn.png); }
a.thai { background-image: url(/static/images/flags/th.png); }
a.filipino { background-image: url(/static/images/flags/ph.png); }
a.arabic { background-image: url(/static/images/flags/ae.png); }
a.cantonese { background-image: url(/static/images/flags/cn.png); }
a.taiwanese { background-image: url(/static/images/flags/tw.png); }
a.afrikaans { background-image: url(/static/images/flags/za.png); }
a.ethopian { background-image: url(/static/images/flags/et.png); }
/*}}}*/

/*{{{ Zone Links */
a.zone {
  padding-left: 20px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

a.music-zone { background-image: url(/static/images/zone-music.png); }
a.mornings-zone { background-image: url(/static/images/zone-mornings.png); }
a.faith-zone { background-image: url(/static/images/zone-faith.png); }
a.talk-zone { background-image: url(/static/images/zone-talk.png); }
a.pacific-zone { background-image: url(/static/images/zone-pacific.png); }
a.world-zone { background-image: url(/static/images/zone-world.png); }
/*}}}*/

/* {{{ Context menu */
.new-item {
  color: #ff0000;
  font-weight: bold;
}
/* }}} */

/*{{{ Calendar day display }}}*/
span.song {}
span.artist {color: #666;}
span.album {color: #aaa; font-size: 90%}

/*{{{ Podcast filters }}}*/
#filters {
margin-bottom: 1em;
font-size: 0.8em;
text-align: right;
}
/*{{{ Programme schedule table }}}*/
table.year {
}
table.year th.year {
  border-bottom: 1px solid #999;
  border-collapse: collapse;
  text-align: center;
  color: #666;
  font-size: 115%;
}
table.year td {
  vertical-align: top;
}
table.month {
  padding-right: 1em;
}
table.month td {
  text-align: right;
  color: #999;
  padding: 3px 5px;
  font-size: 85%;
}
table.month th {
  text-align: center;
  padding: 3px 5px;
  color: #666;
  font-size: 95%;
}
table.month th.month {
  border-bottom: 1px solid #999;
  border-collapse: collapse;
}
table.month td.linked {
  background-color: #a2e3a2;
}
table.month td.linked:hover {
  background-color: #3e573e;
  color: #eee;
}
table.month td a {
  text-decoration: none;
  display: block;
}
td.sun, td.sat {
  background: #ddd;
}
td.noday {
}
