/* -- Clearfix --*/
.cf:after { 
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden; 
}

/* -- Core styles -- */

body {
    font-family:"Lucida Fax", Georgia, Helvetica, Arial, sans-serif;
    background:url(../images/wallpaper.jpg); 
}

h1, h2, h3, h4, h5 {
    font-size:.8125em;

    font-weight:normal;
    text-transform:uppercase;
    color:#000000;
}

h2 { clear:both; }

h3 { letter-spacing:1px; }

h4 { font-size:.875em; }

h5 {
    margin:0 0 14px 0;
    font-size:.875em;
    line-height:16px;
    font-weight:bold;
    text-transform:none;
}

p, input, address, textarea  {
    font-size:.75em;
    line-height:16px;
}

textarea {
    font-family:"Lucida Fax", Georgia, Helvetica, Arial, sans-serif;
}

p, address { margin:0 0 14px 0; }

a {
    color:#677719;
    text-decoration:none;
}
a:hover, a.on {
    color:#77261e;
}

em {}

h2 em { color:#677719; }

/* -- end core styles -- */

#notify {
    padding:20px;
    background:#ffffff;
}

#notify h1 {
    font-size:1.5em;
}
#notify h1, 
#notify h2 {
    margin:0 0 20px 0;
    font-weight:bold;
}


#container {
    width:966px;
    margin:0 auto;

    background:url(../images/shadow_hor.png) repeat-y top left;
}

#outer {
    width:960px;
    margin:0 auto;
/*    background:#00ff00;*/
}

#inner {
    width:860px;
    margin:0 auto;
    background:#ffffff;
}

#footer {
    clear:both;
    width:860px;
    margin:0 auto;
}

#header {
    margin:0 0 23px 0;
}

#header h1 {
    float:left;
}

#header #nowplaying {
    float:right;
}

/**
 * Header
 */

#nowplaying {
    margin:13px 0 0 0;
}

#nowplaying dt,
#nowplaying dd {
    display:inline;
}

#nowplaying dt {
    color:#677718;
    text-transform:uppercase; 
}

#nowplaying dd {
    font-size:.75em;
    color:#8c2319;
    font-style:italic;
}

/**
 * Footer
 */

#footer .contact {
    float:left;
}

#footer .links {
    float:right;
}

#footer .links li {
    display:inline;
}

#footer address {
    clear:both;
    padding:10px 0;
    font-style:normal;
    color:#677719;
}

#footer .terms {
    padding:0 0 20px 0;
}


/**
 * Topnav
 */
#topnav {  
    display:block;
    clear:both; 
    padding:10px 0 0 0;
}


#topnav li {
    float:left;
    padding:4px 12px 8px 12px;

    border-right:1px solid #e6e6e6;
}

#topnav li.first {
    padding-left:0px;
}

#topnav li.last {
    padding-right:0px;

    border-right:none;
}

#topnav a {

    font-size:.8125em;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#677718;
    text-decoration:none;
    -moz-transition:color .5s ease-out; 
    -webkit-transition:color .5s ease-out;
    transition:color .5s ease-out;
}

#topnav .on a,
#topnav a:hover,
#subnav .on a,
#subnav a:hover {
/*    text-decoration:underline;*/
    color:#8c2319;
}

/**
 * Subnav
 */

#subnav {
    display:block;
    clear:both; 
    background:url(../images/subnav_bg.gif) repeat-x top left;
    height:32px;
}

#subnav li {
    float:left;
    padding:6px 9px 0 12px;
}

#subnav a {
    font-size:.635em;
    letter-spacing:2px;
    font-weight:bold;
    text-transform:uppercase;
}


/**
 * Content
 */

#content h2 {
    padding:0 0 9px 0;
    margin:0 0 27px 0;
    font-size:1.125em;

    border-bottom:1px solid #677718;
}

.col3 {
    padding:0 0 35px 0;
}

.col3 .col {
    float:left;
    width:260px;
    margin-right:40px;

/*    background:#ff0000;*/
}

.col3 .col_last {
    margin-right:0px;
}

.mod .media,
.mod .media_frame {
    height:268px;
}

.mod .media_frame {
    background:url(../images/col_media_frame.jpg) no-repeat top left;
}

.mod .media_frame img {
    padding:17px 0 0 19px;
}

.mod { }

.mod h3 {
    padding:0 0 6px 0;
    margin:0 0 19px 0;
    border-bottom:1px solid #677718;
}

.col_wideleft {

}

.col_wideleft .left {
    float:left;
    width:560px;
}

.col_wideleft .right {
    float:right;
    width:260px;
}

.content li  {
    font-size:13px;
}

.content li {
    margin:0 0  10px 30px;
    list-style-position:outside;
    list-style-type:disc;
}

.content li h3 {
    margin-bottom:10px;
}


/**
 * Homepage
 */

.feature_vintage_club {
    display:block;
    height:155px;
    margin:0 0 15px 0;

    color:#ffffff;
    background:url(../images/feature_vintage_club_bg.jpg) no-repeat top left;
}

.feature_vintage_club h3 {
    color:#ffffff;
    margin:0 0 13px 0;
}

.feature_vintage_club p {
    padding-right:119px;
}

.feature_vintage_club .inner {
    padding:22px 0 0 21px;
}

.feature_vintage_home {
    display:block;
    height:155px;
    margin:0 0 15px 0;

    color:#ffffff;
    background:url(../images/feature_home_blue_bg.jpg) no-repeat top left;
}

.feature_vintage_home h3 {
    color:#ffffff;
    margin:0 0 13px 0;
}

.feature_vintage_home p { }

.feature_vintage_home a {
    color:#8c2319;
}

.feature_vintage_home .inner {
    padding:22px 0 0 21px;
}



.feature_whats_on {
    background:url(../images/feature_whats_on_bg.jpg) no-repeat top left;    

    min-height:221px;
    height:auto !important;
    height:221px;
    
}

.feature_whats_on .inner {
    padding:14px 0 0 21px;
}

.feature_whats_on h3 {
    margin:0 0 26px 0;
}

.feature_whats_on p {
    padding:0 80px 0 0;
}

.video_container_480 {
    width:507px;
    height:303px;
    padding:21px 0 0 32px;
    margin:0 0 30px 0;

    background:url(../images/home_video_frame.jpg) no-repeat top left;    
}

.now_and_next {
    background:url(../images/col_bg_260.png) repeat-x top left #e7e4cc;
    margin:0 0 30px 0;
}

.now_and_next ul {
    padding:0 15px 7px 15px;
}

.now_and_next h3 {
    background:url(../images/sidebar_divider.png) no-repeat bottom center;
    padding:15px 15px 10px 15px;
    margin:0 0 10px 0;
}

.now_and_next .status {
    float:right; 
    font-size:.8125em;

    color:#962419;
}

.now_and_next .time {
    display:block;
    float:left;
    margin:0 0 15px 0; 
    font-size:.8125em;

    color:#962419;
}

.now_and_next .now {
    background:url(../images/arrow_down.gif) no-repeat bottom center;
    padding:0 0 30px 0;
    margin:0 0 15px 0;
}

.now_and_next h4 {
    font-size:.8125em;
    margin:0 0 4px 0;
    clear:left;
}

.now_and_next h5 {
    font-size:.75em;
    font-style:italic;
    margin:0 0 4px 0;
}

.now_and_next p {
    font-size:.6875em;
}

/**
 * About 
 */

#people {

}

#people li {
    clear:both;
    margin:0 0 40px 0;
}

#people .media {
    float:left;
    width:320px;
    margin:0 0 40px 0;
    background:#efefef;
}

#people .info {
    float:right;
    width:500px;
    margin:0 0 40px 0;
}

#people .head {
    border-bottom:1px solid #677718;
    margin:0 0 30px 0;
}

#people h3 {
    float:left;
    padding:0 0 6px 0;
    font-size:1.125em;
    font-weight:normal;
}

#people h4 {
    float:right;
    text-transform:none;
    font-size:.75em;
    color:#677718;
}



/**
 * Schedule
 */

#range_container {
    margin-left:240px;
}

.schedule_mod {
    clear:both;
    margin:0 0 18px 0;
}

.schedule_mod .head {
    height:26px;
    margin:0 0 17px 0;
    border-bottom:1px solid #677718;
}

.schedule_mod .body {
    clear:both;
    min-height:100px;
    height:auto !important;
    height:100pxpx;
}

.schedule_mod .head h3 {
    font-size:1.125em;
    float:left;
}


.schedule_mod .tools {
    float:right;
}

.schedule_mod .tools li {
    float:left;
    padding:0 10px;
    font-size:.8125em;

    border-left:1px solid #e6e6e6;
}

.schedule_mod .tools li.last {
   padding-right:0px;
}

.schedule_mod .tools a {
    text-transform:uppercase;
}


.schedule_mod .nav {
    float:left;
    width:200px;
    padding:10px 0 20px 0;
    margin:0 0 20px 0;

    background:url(../images/col1_bg.png) no-repeat top left #e7e4cc;

}

.schedule_mod .nav h3 {
    padding:0 10px 10px 10px;
}

.schedule_mod .nav li {
    display:block;
    padding:5px 10px 5px 23px;
    background:url(../images/list_bg_off.png) no-repeat bottom center;
}

.schedule_mod .nav li.on,
.schedule_mod .nav li:hover
{
    background:url(../images/list_bg_on.png) no-repeat bottom center #506002;
}

.schedule_mod .nav li.on a,
.schedule_mod .nav li:hover a
{
    color:#ffffff;
}

.schedule_mod .schedule {
    float:right;
    width:620px;
    margin:0 0 30px 0;
}

.schedule_mod .schedule h3 {
    padding:0 0 10px 0;
}

.schedule_mod .schedule table {
    width:620px;
    margin:0 0 0 0;
}

.schedule_mod tr { }

.schedule_mod td {
    vertical-align:top;
    border-bottom:1px solid #677718;
    background:#e8ebdd;

    -moz-transition:background-color .25s ease-out; 
    -webkit-transition:background-color  .25s ease-out;
    transition:background-color  .25s ease-out;
}

.schedule_mod tr.on td,
.schedule_mod .hover td {
    background-color:#c2c9a3;
}

.schedule_mod .time {
    width:70px;
    padding:10px 0 14px 8px;

    color:#8c2319;
    text-align:center;
    background-image:url(../images/schedule_cell_off.gif);
    background-position:left top;
    background-repeat:repeat-y;
    
}

.schedule_mod .on .time,
.schedule_mod .hover .time {
    background-image:url(../images/schedule_cell_on.gif);
}

.schedule_mod .info{
    padding:10px;
    border-left:1px solid #677718;
}

.schedule_mod tr.on .info {
    background-image:url(../images/schedule_on_now.png);
    background-repeat:no-repeat;
    background-position:446px 8px;
}

.schedule_mod .title {
    margin:0 0 6px 0;
    color:#677718;
}

.schedule_mod .episode {
    margin:0 0 6px 0;
    font-size:.875em;
    font-weight:normal;
    font-style:italic;
    text-transform:none;
}


/**
 * Video
 */

#video_container {

}

.bc_container {
    float:left;
    width:640px;
    height:360px; 
    margin:0 0 40px 0;

    background:#c7c6c6;
}

#video h3 {
    padding:0 0 10px 0;
}

#video #featured {
    float:right;
    width:200px;
    height:360px;
    background:url(../images/col1_bg.png) no-repeat top left #e7e4cc;
}

#video .categories {
    float:left;
    width:200px;
    clear:both;

    background:url(../images/col1_bg.png) no-repeat top left #e7e4cc;
    min-height:203px;
    height:auto !important;
    height:203px;

}

#video .categories .list {
    font-size:.8125em;
}

#video .categories .title {
    padding-bottom:4px;
}

#video .categories h3 {
    padding:10px 0 4px 13px;
    letter-spacing:1px;
}

#video .categories li {
}

#video .categories li a {
    display:block;
    padding:8px 13px;
    background:url(../images/video_category_divider.png) no-repeat bottom center;

}

#video .categories li.on a, 
#video .categories li:hover a {
    color:#ffffff;
    background-image:none;
    background:#506002;     
}

#video .categories ul ul {
    background:#8d974e;
}


#videos {
    width:620px;
    float:right;
}

#videos h3 {
    font-size:1.125em;
}

#videos .head {
    padding:12px 0;
    margin:0 0 19px 0;

    border-top:1px #766b16 solid;
    border-bottom:1px #766b16 solid;
}

#videos .head .tools {
    float:right;
}

#videos .video_list li {
    margin:0 0 0 0;
    width: 300px;
    min-height: 316px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    _height: 316px;

    margin:0 12px 0 0;
}

#videos .video_list li.last {
    margin-right:0px;    
}

#videos .video_list .media {
    width:300px;
    height:216px;
}

#videos .video_list  h3 {
    float:left;
    padding:12px 0 12px 0;
    color:#677718;;
}


#videos .video_list .duration {
    float:right;
    padding:10px 0 0 0;
    font-size:1em;

    font-style:italic;
}

#videos .video_list p {
    clear:both;
}

#videos .paginator {
    border-top:1px #766b16 solid;
    padding:12px 0 0 92px;
}

#videos .paginator .next {
    display:block;
    float:left;
    width:58px;
}

#videos .paginator .prev {
    display:block;
    float:left;
    width:58px;
}

#videos .paginator .pages {
    display:block;
    width:328px;
    float:left;
    text-align:center;
}

#videos .paginator .pages a {
    padding:0 4px;
}


/**
 * Events
 */

#events_loader {
    position:absolute;
    width:300px;
    height:300px;
    background:url(../images/loader.gif) center center no-repeat;
    background-color:#ffffff;
    background-color:rgba(255, 255, 255, .5) ;
}


#events_intro {
    float:left;
    width:260px; 
    padding:0 0 12px 0;
}

#events_feature_container {
    float:right;
    width:560px;
    height:298px;
    margin:0 0 20px 0;

    background:url(../images/events_feature_bg.jpg) top left no-repeat;
}

#featured_event {
    position:relative;
    width:505px;
    height:209px;
    margin:31px 0 0 30px;
    
    overflow:hidden;
    /* background:rgba(0,255,255,.2); */
}

#featured_event ul {
    position:absolute;
    left:0px;
}

#featured_event li {
    display:block;
    float:left;
    width:505px;
    height:209px;
}

#featured_event .image {
    float:left;
    padding:0 9px 0 0;
}

#featured_event .info {
    float:right;
}

#featured_event .view {
    float:right;
    padding:0 0 0 7px;
}

#featured_event h3 {
    font-size:1.125em;
    padding:0 0 7px 0;

    color:#ffffff;
}

#featured_event h4 {
    padding:0 0 7px 0;
    font-size:1.125em;

    text-transform:none;
    font-style:italic;
    color:#f4775a;
}

#featured_event h3 a {
    color:#ffffff;
}

#featured_event p {
    color:#ffffff;
}

#events_feature_container .pagination {
    width:400px;
    margin:0 0 0 30px;
    text-align:center;
}

#events_feature_container .pagination .prev {
    float:left;
    width:40px;
}

#events_feature_container .pagination .next {
    float:right;
    width:40px;
}

#events_feature_container .pagination .pages {
    float:left;
    width:320px;
    text-align:center;
}

#events_feature_container .pagination .dot {
    padding:0 4px;
}

#events_feature_container .pagination a {
    color:#f65d44;
}

#events_feature_container .pagination a.on {
    color:#ffffff;
}

.events_tools {
    float:right;
    width:260px;
    min-height:260px;
    height:auto !important;
    height:260px;
    padding:20px 0 0 0;
    margin:0 0 30px 0;
    
    background:url(../images/events_tools_bg.png) no-repeat top left #e7e4cc;
}

.cal { 
    margin:20px 0 20px 0;    
}

.cal .tools {
    height:22px;
    margin:0 22px;
    padding:6px 4px 0 4px;

    text-align:center;
    background:#677718;
}

.cal .tools a, 
.cal .tools .current {
    float:left;
    padding:0 1px;
}

.cal .tools .current {
    display:block;
    width:137px;
    color:#ffffff;
    text-shadow:1px 1px 2px #999999;
}

.cal .tools .current a {
    float:none;
    color:#ffffff;
}

.cal table { 
    margin:0 0 0 22px; 
}

.cal th { color:#ffffff; }

.cal th span {
    display:block;
    width:30px;
    height:22px;
    padding:8px 0 0 0;

    background:#b0bb78;
    text-shadow:1px 1px 2px #999999;
    font-weight:normal;
}

.cal td {
    padding:1px 1px 0 0;
}

.cal td span,
.cal td a {
    display:block;
    width:30px;
    height:22px;
    padding:8px 0 2px 0;

    color:#8c2319;
    text-align:center;
    background:#ffffff;
}

.cal td.disabled span {
    background:#f5f4eb;
}

.cal td.on span,
.cal td.on a {
    color:#ffffff;
    background-color:#8c2319;
    -moz-transition:background-color .25s ease-out; 
    -webkit-transition:background-color .25s ease-out;
    transition:background-color .25s ease-out;
    
}

.cal td.on a:hover,
.cal td.selected a {
    background-color:#ac4339;
}

.cal td span {
    display:block;
}


.events {
    width:580px;    
}

.events li {
    clear:left;
    height:140px;
    -moz-transition:background .25s ease-out; 
    -webkit-transition:background .25s ease-out;
    transition:background .25s ease-out;
    
}

.events li.hover {
    background:#ffaaff;
    background:rgba(0, 255, 0, .1);
    cursor:pointer;
}

.events .view {
    float:right;    
    padding:0 0 0 10px;
}
.events .media {
    float:left;    
    clear:left;
    margin:0 20px 0 0;
}

.events h3 {
    color:#677719;
    padding:0 0 6px 0;
}

.events .date {
    display:block;
    padding:0 0 8px 0;
    font-size:.875em;
    font-style:italic;
}

.events li .info {

}

.col1_form {

}

.col1_form fieldset {
    padding:0 20px 17px 20px;
    margin:0 0 17px 0;
}

.col1_form label {
    display:block;
    padding:0 0 9px 0;
    font-size:.875em;
    letter-spacing:2px;
    text-transform:uppercase;
}

#fieldset_keywords input {
    width:184px;
    height:24px;
    padding:0 28px 0px 8px;

    border:none;
    background:url(../images/keyword_search_bg.png) no-repeat top left;
}

#fieldset_categories select {
    display:block;
    width:220px;
}

/**
 * Event
 */


#event .info {
    width:560px;
    float:left;
}

#event .info img {
    padding:0 0 20px 0;
}

#event .info .date {
    display:block;
    margin-bottom:10px;
    font-style:italic;
}

#event .details {
    float:right;
    width:260px;
    min-height:200px;
    height:auto !important;
    height:200px;
    margin:0 0 20px 0;

    background:url(../images/col1_bg.png) no-repeat top left #e7e4cc;
}

#event .details h3,
#event .details h4,
#event .details p,
#event address {
    padding-left:20px;
    padding-right:20px;
}

#event .details h3 {
    padding-top:10px;
    padding-bottom:10px;
    margin-bottom:10px;
    letter-spacing:2px;
    background:url(../images/sidebar_divider.png) no-repeat bottom center;
}

#event .details h4 {
    font-size:.8125em;
    text-transform:none;
    font-weight:bold;
}

#event .details address {
    padding:0 20px;
    font-style:normal;
}

#event .details .map_container {
    padding:0 20px 20px 20px; 
}


.paginator {
    display:block;
    height:34px;
    width:580px;
    margin:0 0 10px 0;
}


.paginator .prev {
    display:block;
    float:left;
    width:70px;
}

.paginator .next {
    display:block;
    float:right;
    width:70px;
    text-align:right;
}

.paginator .pages {
    display:block;
    float:left;
    width:440px;
    height:34px;
    text-align:center;
}

.paginator .pages a,
.paginator .pages span {
    padding:0 4px;
}



/**
 * Forms
 */

input[type=text],
input[type=password],
textarea {
     display:inline;
     padding:6px 8px;
     color:#898989;
     border:1px solid #d3d3d3;
     background:#e8e8e8;
}

fieldset.stacked {
    padding:0 0 20px 0;
}

fieldset.stacked input,
fieldset.stacked textarea {
    display:block;
}

fieldset.stacked label {
    display:block;
    margin:0 0 10px 0;
    font-size:.875em;
    text-transform:uppercase; 
}

fieldset.stacked li label {
    display:block;
    text-transform:none;
    font-size:.75em;
}

fieldset.stacked strong {
    display:block;
}

fieldset.stacked li span {
    display:block;
    margin-left:30px;
}

fieldset.stacked li input {
    float:left;
}

fieldset.stacked li {

}

.errorlist li {
    color:#aa0000;
    font-size:.635em;
    padding:0 0 4px 0;
}

#newsletter_form_container {
    clear:both;
    height:86px; 
    border-top:1px solid #888341;
    border-bottom:1px solid #888341;
    margin:0 0 20px 0;
}

#newsletter_form_container .loader {
    display:block;
    margin:30px auto 0 auto;
}

#newsletter_form {
    display:block;
    margin:26px 0 0 0;
}

#newsletter_form .errorlist {
    padding:8px 0 0 46px;
}

#newsletter_form legend {
    padding:7px 13px 0 0;
    font-size:.875em;
}

#newsletter_form fieldset {
    display:inline;
    float:left;
}


#fieldset_email {
    padding:0 0 0 36px;
    background:url(../images/form_and_sign.png) no-repeat 6px 0;
}

.JS #newsletter_form label {
    display:none;
}

#newsletter_form label {
    display:inline;
    font-size:.875em;
}

#newsletter_form .submit {
    padding:2px 0 0 8px;
}

/* News */

#column .nav {
    float:left;
    width:200px;
    padding:10px 0 20px 0;

    background:url(../images/col1_bg.png) no-repeat top left #e7e4cc;

}

#column h2 {
    position:relative;
}


#column h2 span {
    position:absolute;
    display:block;
    left:50%;
    top:0px;
    width:50%;
    font-size:.875em;

    text-align:right;
    font-style:italic;
    color:#677718;
}

#column #author {
    background:url(../images/article_divider.png) bottom center no-repeat;
    padding:0 0 20px 0;
    margin:0 0 20px 0;
}

#column #author img {
    float:left;
    padding:0 20px 20px 0; 
}

#column #author p {
    padding-bottom:20px;

    font-style:italic;
}

#column .detail {
    float:right;
    width:620px; 
}

.sidenav h3 {
    padding:0 10px 10px 10px;
}

.sidenav li {
    display:block;
    padding:5px 10px 5px 23px;
    background:url(../images/list_bg_off.png) no-repeat bottom center;
}

.sidenav .nav li.on,
.sidenav .nav li:hover
{
    background:url(../images/list_bg_on.png) no-repeat bottom center #506002;
}

.sidenav .nav li.on a,
.sidenav .nav li:hover a
{
    color:#ffffff;
}

/**
 * Contact 
 */

.contact_form_container {
    margin:0 0 30px 0;
}

#contact_form input[type=text] {

}


/**
 * messages
 */

.messages {

}

.messages li {
    padding:10px 10px 30px 40px;
}

.messages .success {
    background:url(../images/tick.png) no-repeat 8px 8px;
}


.friends .friend
{
  padding-bottom: 25px;
  margin-bottom: 25px;
  background: transparent url("../images/article_divider.png") scroll center bottom no-repeat;
}
.friends .friend img
{
  display: block;
  margin-bottom: 15px;
}

/*
 * Freesat
 */

#header .award {
    display:block;
    float:left;
    margin:2px 0 0 11px;
}