body {
    font-size: small;
    color: #ddd;
    font-family: "trebuchet ms",arial,verdana,sans-serif;
    position: relative;
    text-align: center;
    background-color: #111;
}
/* global styles
---------------------------------------------------------- */
a:link,a:visited {
    color: #7BA237;
    text-decoration: none;
}
a:hover {
    color: #fff;
}
a:active {
    color: #fff;
    text-decoration: none;
}
p,ul,ol,dl {
    line-height: 1.5em;
    margin-bottom: 15px;
}
hr {
    display: none;
}
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}
/* page structure
---------------------------------------------------------- */
#wrapper {
    font-size: 95%;
    text-align: left;
}
#masthead {
    height: 150px;
    width: 780px;
    margin: 0 auto;
    position: relative;
}
#subnav {
    width: 100%;
    background: #333 url(../images/subnav_bg.png) no-repeat left top;
    height: 45px;
    font-size: 110%;
}
#content-wrapper {
    background-color: #333;
    float: left;
    width: 100%;
    padding: 30px 0;
}
#content {
    width: 780px;
    margin: 0 auto;
    position: relative;
}
#footer {
    clear: both;
    background-color: #111;
    width: 100%;
    text-align: left;
    font-size: 90%;
}
#subnav,#content {
    margin-bottom: 30px;
}
/* #masthead styles
---------------------------------------------------------- */
#masthead h1 {
    width: 200px;
    height: 70px;
    position: absolute;
    left: 0;
    top: 35px;
}
#masthead h1 a {
    display: block;
    width: 200px;
    height: 70px;
    background: transparent url(../images/h1_bg.png) no-repeat left top;
    text-indent: -5000em;
}
#masthead h2 {
    position: absolute;
    left: -5000em;
}
#masthead #nav {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 34px;
    margin-bottom: 0;
}
#masthead #nav ul {
    margin-bottom: 0;
}
#masthead #nav li {
    float: left;
    height: 34px;
    line-height: 34px;
    background: transparent url(../images/tab-left_bg.png) no-repeat 0 0;
    font-size: 110%;
    overflow: hidden;
}
#masthead #nav li a {
    color: #eee;
    float: left;
    padding: 0 20px;
    height: 34px;
    line-height: 34px;
    background: transparent url(../images/tab-right_bg.png) no-repeat 100% 0;
    display: block;
}
#masthead #nav li.current {
    background: transparent url(../images/tab-left_bg.png) no-repeat 0 -34px;
}
#masthead #nav li.current a {
    background: transparent url(../images/tab-right_bg.png) no-repeat 100% -34px;
}
#masthead #countdown {
}
/* #subnav styles
---------------------------------------------------------- */
#subnav ul {
    padding-left: 30px;
}
#subnav li {
    float: left;
    height: 45px;
    line-height: 35px;
}
#subnav li a {
    color: #cacaca;
    padding: 0 10px;
}
#subnav li.current {
    background: transparent url(../images/subnav_current_bg.png) no-repeat 50% 0;
}
#subnav li.current a {
    color: #191919;
}
/* #content styles
---------------------------------------------------------- */
#content .gutter {
    padding: 0 30px;
}
#left-column {
    width: 530px;
    float: left;
    position: relative;
}
#right-column {
    width: 240px;
    float: right;
    font-size: 95%;
    position: relative;
}
#left-column h3 {
    font-size: 170%;
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.2em;
}
#left-column p img {
    float: right;
    margin: 0 0 15px 15px;
    background-color: #303030;
}
#right-column p, #right-column li,#right-column h4 {
    line-height: 1.2em;
    margin-bottom: 6px;
}
#left-column ul {
    margin-left: 15px;
}
#left-column li {
    list-style-image: url(../images/bullet_green.png);
    line-height: 1.3em;
    margin-bottom: .5em;
}
#left-column h4 {
    margin-bottom: 1em;
    font-size: 120%;
    font-weight: bold;
    color: #7AA237;
}
#right-column h3 {
    color: #7aa237;
    font-size: 120%;
}
#countdown {
    width: 350px;
    height: 80px;
    position: absolute;
    right: 0;
    top: 20px;
}
/* #footer styles
---------------------------------------------------------- */
#footer p {
    margin-bottom: 0;
    color: #999;
}
#footer p.copyright {
    font-size: 80%;
}
#footer h4 {
    color: #7BA237;
    margin-bottom: .5em;
    font-size: 120%;
}
#footer .gutter {
    padding: 20px 0;
    width: 780px;
    margin: 0 auto;
}
#footer .copyright {
    text-align: right;
}
/* content
---------------------------------------------------------- */
.section {
    margin-bottom: 60px;
}
/* bio */
#left-column .bio {
    background: #282828 url(../images/box-530-282828-top_bg.png) no-repeat left top;
    margin-bottom: 1em;
}
#left-column .bio .gutter {
    background: transparent url(../images/box-530-282828-bottom_bg.png) no-repeat left bottom;
    padding: 1.5em;
}
#left-column .bio h4 {
    font-size: 150%;
    margin-bottom: .75em;
}
#left-column .bio h4 em {
    padding-top: 3px;
    display: block;
    font-size: 70%;
    font-weight: normal;
}
#left-column .bio p {
    line-height: 1.5em;
}
#left-column .bio ul {
    margin-left: 0;
}
#left-column .bio li {
    list-style-image: none;
}
#left-column .bio li strong {
    color: #75A237;
}
.bio li .headshot {
    margin-top: .5em;
}
span.underline {
    border-bottom: 1px dotted #fff;
}
.btn {
    padding: .25em .5em;
    background-color: #282828;
}
.load-photo {
    width: 200px;
    height: 200px;
    background-color: #444;
    float: right;
    margin: 0 0 1em 1em;
    font-size: 70%;
    text-align: center;
    line-height: 200px;
    border: 5px solid #444;
    position: relative;
    font-style: normal;
}
.load-photo a,.headshot {
    width: 200px;
    height: 200px;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
}


#top {
    width: 100%;
    background-color: #000;
    height: 30px;
    font-size: 80%;
    color: #999;
}
#prefs {
    width: 780px;
    margin: 0 auto;
    position: relative;
    height: 30px;
    line-height: 30px;
    text-align: left;
}
#prefs p {
    line-height: 30px;
    height: 30px;
    margin-bottom: 0;
}
#prefs p.prefs a {
    color: #999;
}
p.where-to-watch {
    position: absolute;
    right: 0;
    top: 45px;
    text-align: center;
    font-size: 110%;
    background: transparent url(../images/where-to-watch_bg.png) no-repeat 0 0;
    width: 370px;
    height: 30px;
    line-height: 30px;
}

body#green #prefs p .green,
body#greener #prefs p .greener {
    color: #7BA237;
    font-weight: bold;
}
/* about-this-site */
#modern-green,
#program-highlights,
#right-column .box-dark {
    background: #222 url(../images/box-240-222-top_bg.png) no-repeat left top;
    margin-bottom: 1em;
}
#modern-green h4, 
#program-highlights h4,
#right-column .box-dark h4 {
    font-size: 110%;
    margin-bottom: 1em;
}
#modern-green .gutter, 
#program-highlights .gutter, 
#right-column .box-dark .gutter {
    padding: 1em;
    background: transparent url(../images/box-240-222-bottom_bg.png) no-repeat left bottom;
}
#modern-green p, #right-column .box-dark p {
    line-height: 1.3em;
}
#modern-green p strong {
    color: #7BA237;
}
#modern-green h4, 
#program-highlights h4, 
#right-column .box-dark h4 {
    line-height: 1.1em;
    color: #fff;
}
#modern-green ul, 
#program-highlights ul, 
#right-column .box-dark ul {
    margin-left: 1.5em;
    margin-bottom: 0;
}
#modern-green li, 
#program-highlights li, 
#right-column .box-dark li {
    list-style-image: url(../images/bullet_green.png);
    margin-bottom: .25em;
}

/* thumbnails */
#left-column #thumbnails {
    margin-left: 0;
}
#left-column #thumbnails li {
    float: left;
    margin: 0 1em 1em 0;
    list-style: none;
}
#left-column #thumbnails li img {
    border: 3px solid #444;
}
#right-column #sidenav {
    background: #282828 url(../images/box-240-282828-top_bg.png) no-repeat left top;
}
#right-column #sidenav ul {
    padding: 1em;
    background: transparent url(../images/box-240-282828-bottom_bg.png) no-repeat left bottom;
}
#right-column #sidenav li {
    margin-bottom: 3px;
}
#right-column #sidenav form {
    padding: 1em;
}


#right-column #ekitnav {
    background: #282828 url(../images/box-240-282828-bottom_bg.png) no-repeat left bottom;
}

#right-column #ekitnav h4 {
    line-height: 35px;
       height: 35px;
       background: #111 url(../images/box-240-111-top_bg.png) no-repeat left top;
       text-indent: 10px;
       font-size: 110%;
 }

#right-column #ekitnav ul {
    padding: 0 1em 1em;
}

#right-column #ekitnav li {
    margin-bottom: 3px;
}


 
.boilerplate {
    font-size: 95%;
}
#left-column .box {
    background: #282828 url(../images/box-530-282828-top_bg.png) no-repeat left top;
    margin-bottom: 1em;
}
#left-column .box .gutter {
    background: transparent url(../images/box-530-282828-bottom_bg.png) no-repeat left bottom;
    padding: 1.5em;
    overflow: hidden;
}

hr.clearer {
    clear: both;
    position: absolute;
    left: -5000em;
    top: 0;
}
p.continue-reading,p.back-to-top {
    margin-bottom: 0;
}
p.back-to-top {
    font-size: 95%;
}

#ekit-header {
    width: 100%;
    position: relative;
    margin-bottom: 2em;
    height: 35px;
}

#ekit-header h3.ekit-title {
    font-size: 200%;
    height: 35px;
}

#jump-menu {
    width: 240px;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
    background: #282828 url(../images/box-240-282828-top_bg.png) no-repeat left top;
}

#jump-menu form {
    padding: 10px;
    background: transparent url(../images/box-240-282828-bottom_bg.png) no-repeat left bottom;
    
}



#jump-menu select {
    width: 80%;
    vertical-align: middle;
    
}

#jump-menu input {
    vertical-align: middle;
    width: 29px;
    height: 20px;
    background: transparent url(../images/btn_go.png) no-repeat 100% 0;
    border: 0;
    padding: 0;
    cursor: pointer;
    font-weight: bold;
    line-height: 20px;
    margin-left: 3px;
}

#right-column .box {
    width: 100%;
}

#right-column .box h3 {
    line-height: 35px;
    height: 35px;
    background: #111 url(../images/box-240-111-top_bg.png) no-repeat left top;
    text-indent: 10px;
}

#right-column .box ul {
    padding: 10px;
    background: #282828 url(../images/box-240-282828-bottom_bg.png) no-repeat left bottom;
}


/* episode-description */

.episode {
    border-bottom: 1px solid #555;
    margin-bottom: 1em;
}

.episode .episode-title {
    position: relative;
    width: 100%;
    margin-bottom: .5em;
}

.episode .episode-title span {
    position: absolute;
    left: -5000em;
    top: 0;
}

.episode .episode-title em {
    position: absolute;
    right: 0;
    top: 0;
    font-style: normal;
}





/* page specific
---------------------------------------------------------- */
body.prefs {
    background: none;
    background-color: #191919;
}
body.prefs #wrapper {
    width: 400px;
    margin: 0 auto;
    padding: 100px 0 0;
}

body.prefs #content-wrapper {
    background-color: transparent;
}

body.prefs #content {
    width: 100%;
}
body.prefs #masthead {
    width: 100%;
    height: 70px;
    margin-bottom: 0;
}
body.prefs #masthead h1 {
    width: 400px;
    height: 70px;
    position: static;
    margin-bottom: 1em;
}
body.prefs #masthead h1 a {
    display: block;
    width: 400px;
    height: 70px;
    text-indent: -5000em;
    background: transparent url(../images/h1_bg.png) no-repeat 50% 0;
}
body.prefs #center-column p.btn {
    position: relative;
    height: 25px;
    line-height: 25px;
    background-color: #000;
    margin-bottom: 7px;
    font-size: 120%;
    padding-left: 10px;
}

body.prefs .where-to-watch {
    left: -5000em;
}
body.prefs #center-column p.btn a {
    position: absolute;
    display: block;
    width: 100%;
    height: 25px;
    line-height: 25px;
    text-align: right;
    right: 10px;
    top: 0;
    text-transform: lowercase;
    padding-right: 10px;
    background: transparent url(../images/icon_arrow.png) no-repeat 100% 50%;
}

body.prefs #footer {
    display: none;
}
body.prefs #masthead #nav,body.prefs #right-column {
    display: none;
}
body.prefs #prefs,body.prefs #masthead #countdown {
    position: absolute;
    left: -5000em;
}
/* press-release */
body.press-release .section {
    margin-bottom: 1em;
    position: relative;
}
body.press-release #left-column h3.subtitle {
    font-size: 130%;
    line-height: 1.3em;
    padding: .5em 0;
    color: #fff;/*border-top:1px solid #999;*/
    margin:1em 0;
}
body.press-release #left-column h4 {
    margin-bottom: .5em;
}
body.press-release .section .host {
    position: absolute;
    right: 20px;
    top: 0;
    font-size: 95%;
    color: #999;
    text-transform: uppercase;
}
/* footage */
body.footage #right-column ul#menu {
    height: 200px;
    overflow-y: scroll;
    width: 100%;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}
body.footage #right-column h3 {
    font-size: 120%;
    margin-bottom: 10px;
}
body.footage #vplayer {
    background-color: #191919;
    height: 400px;
    width: 100%;
}
body.footage #vplayer h3 {
    padding: 10px;
}
/* program-info */
body.program-info #left-column .section {
    background: #282828 url(../images/box-530-282828-top_bg.png) no-repeat left top;
    margin-bottom: 2em;
}
body.program-info #left-column .section .gutter {
    background: transparent url(../images/box-530-282828-bottom_bg.png) no-repeat left bottom;
    padding: 1em;
}
body.about-our-shows #content h3.ekit-title {
    line-height: 30px;
}


/* partnerships */
body.partnerships .section {
    margin-bottom: 1em;
}
body.partnerships .section h5 {
    font-size: 95%;
    text-transform: uppercase;
    margin-bottom: 1em;
    color: #999;
    letter-spacing: 1px;
}
body.partnerships .section img {
    border: 3px solid #444;
}
/* contact */
body.contact #left-column p {
    line-height: 1.4em;
}
body.contact #left-column p strong {
    font-size: 120%;
    font-weight: bold;
}