/* -------------------------------------------------------------- 
  
Screen Layout
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/backgrounds.css";


/* Page
-------------------------------------------------------------- */

#page { margin: 0 auto; width: 960px; position: relative;}

/* Strip
-------------------------------------------------------------- */

#strip { width: 100%; height: 20px;}
#strip input#search_strip {width: 120px; display: inline; padding: 1px 1px 1px 20px;}


/* Header
-------------------------------------------------------------- */

#header {width: 100%; height: 145px; position: relative;}
#home_page_link {width: 260px; height: 100px; text-decoration: none; display: block; float: left;}

/* Features
-------------------------------------------------------------- */

.this_sunday {margin: 0px 10px 50px 0px; width: 390px; height: 227px; float: right; overflow: hidden;}
.generic_feature {margin: 0px 10px 20px 0px; width: 390px; float: right;}
.wide_generic_feature {margin: 0px 20px 20px 0px; width: 930px; float: right; }

/* Columns
-------------------------------------------------------------- */

#col1 { margin-left: 14px; width: 510px; float: left; min-height: 300px;}
#col2 { margin: 0px 0px 0px 42px; width: 175px; float: left; }
#col3 { margin: 0px 0px 0px 20px; width: 175px; float: left; }

/* Footer
-------------------------------------------------------------- */
#footer { margin-top: 40px; clear: both; height: 100px; padding-top: 20px; }
#footer a.jenerate { display:block; height: 40px; width: 100px; float: right; text-decoration: none;}


/* Special Elements */
.nav{
    position: absolute;
    top: 70px;
    left: 260px;
}

div.blog_heading{
    width: 510px;
    height: 37px;
    margin-top: 50px;
}

div.blog_heading a{
    display: block;
    float: left;
    width: 255px;
    height: 36px;
    text-decoration: none;
}

div.whats_on{
    width: 175px;
    height: 36px;
    margin: -5px 0px 0px 0px
}

div.whats_on a{
    display: block;
    width: 175px;
    height: 36px;
    text-decoration: none;
}

div.blog_post{ margin-top: 30px; margin-bottom: 50px; clear: both;}
div.blog_post img {width: 170px; border: #2D2D2D 2px solid; float: left; margin: 0px 15px 25px 0px;}

div.cal_event{ margin-top: 20px; clear: both;}
div.cal_event div.cal_date {width: 34px; height: 38px; float: left; margin: 0px 5px 5px 0px;}
#events_link {width: 102px; height: 11px; float: right; text-decoration: none;}

#col2 img, #col3 img {
    width: 170px;
    border: #2D2D2D 2px solid;
    margin: 0px 0px 20px 0px;
}

#panes{ margin: 10px 30px 0px 30px; }
#panes div div { overflow: hidden; }
#panes img { width: 130px; }
div.latest_audio {margin-top: 0px; width: 185px; padding: 0px 0px; }


/* Overrides for the WIDE Layout */
body.wide #col1 { margin-left: 14px; width: 710px; height: auto; float: left;}
body.wide #col2 { margin: 10px 0px 0px 42px; width: 175px; float: left;}

/* Overrides for the FULL WIDTH Layout */
body.full_width #col1 { margin-left: 14px; width: 930px; height: auto; float: left;}