@import url(http://www.pbs.org/pbs-exclusives/bento/css/ff.css);

body {
    background: #fff;
    font-family: Arial, Helvetica, "Lucida Grande", sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 18px;
    color: #555;
    position: relative;
    -webkit-font-smoothing: antialiased;
}

@media handheld, only screen and (max-width: 480px) {
    body, p {
        font-size: 1.2em;
        font-size: 1.2rem;
    }
}

.row .eight .column, .row .eight .columns {
    margin-left: .5%!important;
}

.row .sixteen .column, .row .sixteen .columns {
    margin-left: 0!important;
}
	/*.row.content {position:relative;top:-11px;}*/

/*	--------------------------------------------------
	Dynamic Lead
	-------------------------------------------------- */
	#largeDL, #medDL {margin-bottom:5px; overflow: hidden;}

	#largeDL .orbit-caption span.title {font-size:30px; font-size:3.0rem; color:#fff; padding-left:20px; display:block; margin-bottom:20px;}
	.medDL .orbit-caption span.title {font-size:20px; font-size:2.0rem; color:#fff; padding-left:20px; display:block; margin-bottom:8px;}
	.orbit-caption span.description {font-size:18px; font-size:1.8rem; color:#ababab;padding-left:20px; display:block;}
	.medDL .orbit-caption span.description {font-size:14px; font-size:1.4rem; color:#ababab;padding-left:20px; display:block;}
	.orbit-caption {text-align:left;}

		@media handheld, only screen and (max-width: 767px) {
			.orbit-wrapper .orbit-caption {padding:10px 0;}
			.orbit-caption span.title {font-size:20px; font-size:2.0rem; margin-bottom:14px; padding-left:10px;}
			.orbit-caption span.description {font-size:14px; font-size:1.4rem; padding-left:10px;}
		}

#medDL a.orbit-slide {
    width: 640px;
}

div.row.medDL {
    width: 640px;
}

#largeDL .orbit-caption span.title {
    font-size: 30px;
    font-size: 3.0rem;
    color: #fff;
    padding-left: 20px;
    display: block;
    margin-bottom: 20px;
}

.medDL .orbit-caption span.title {
    font-size: 20px;
    font-size: 2.0rem;
    color: #fff;
    padding-left: 20px;
    display: block;
    margin-bottom: 8px;
}

.orbit-caption span.description {
    font-size: 18px;
    font-size: 1.8rem;
    color: #ababab;
    padding-left: 20px;
    display: block;
}

.medDL .orbit-caption span.description {
    font-size: 14px;
    font-size: 1.4rem;
    color: #ababab;
    padding-left: 20px;
    display: block;
}

.orbit-caption {
    text-align: left;
}

@media handheld, only screen and (max-width: 767px) {
    .orbit-wrapper .orbit-caption {
        padding: 10px 0;
    }

    .orbit-caption span.title {
        font-size: 20px;
        font-size: 2.0rem;
        margin-bottom: 14px;
        padding-left: 10px;
    }

    .orbit-caption span.description {
        font-size: 14px;
        font-size: 1.4rem;
        padding-left: 10px;
    }
}

@media handheld, only screen and (max-width: 480px) {
    .orbit-wrapper .orbit-caption {
        padding: 8px 0;
    }

    .orbit-caption span.title {
        font-size: 12px;
        font-size: 1.2rem;
        margin-bottom: 2px;
        padding-left: 8px;
    }

    .orbit-caption span.description {
        font-size: 11px;
        font-size: 1.1rem;
        padding-left: 8px;
    }
}

/*	--------------------------------------------------
	Site Banner
	-------------------------------------------------- */
.site-banner {
    margin: 10px 0 5px;
    display: inherit;
}

.site-banner img {
    margin: 0;
    padding: 0;
    display: inherit;
}

.global-hat, .global-hat img {
    display: inherit;
}

/*	--------------------------------------------------
	Main Navigation
	-------------------------------------------------- */
.nav {
    height: 37px;
    margin: 0 0 1px;
    font-family: 'EauSansBold' Arial, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    font-size: 1.2rem;
}

.nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}

.nav ul li {
    height: 17px;
    list-style: none;
    position: relative;
    display: block;
    float: left;
    padding: 10px;
    border-right: 1px solid #000;
}

.nav ul li:last-child {
    border-right: none;
}

.nav ul li.active,
	.nav ul li:hover {
    padding: 10px;
}

@media handheld, only screen and (max-width: 767px) {
    .nav {
        font-size: 11px;
        font-size: 1rem;
    }

    .nav ul li, .nav ul li:hover, .nav ul li.active {
        padding: 10px 3px !important;
    }

    .nav-bar > li > a.main {
        border-top: none!important;
    }

    .nav-bar > li.has-flyout > a.main {
        padding-right: 30px !important;
    }

    .nav-bar > li.has-flyout > a.flyout-toggle {
        border-left: none!important;
        background: url('../images/arrow_dropdown.png') no-repeat center 30% !important;
        background-size: 12px !important;
    }
}

.flyout {
    margin: 0;
    padding: 7px 0 10px;
    position: absolute;
    top: 38px;
    left: -1px;
    width: 400px;
    z-index: 40;
}

.flyout.small {
    width: 150px;
}

.flyout p {
    margin: 0;
    padding: 0;
    line-height: none;
}

.flyout p:last-child {
    border-bottom: none;
}

.flyout p a {
    padding: 3px 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    text-transform: none;
}

.flyout p a:hover {
    text-decoration: underline;
}

/*	--------------------------------------------------
	Links
	-------------------------------------------------- */

div.aside.schedule a, div.aside.schedule a:visited {
    color: #222;
}

div.aside.schedule a:hover {
    padding: 7px;
    color: #fff;
    background: #b32032;
    text-decoration: none;
}

div.aside.programs section a, div.aside.programs section a:visited {
    font-weight: bold;
    color: #b32032;
}

div.aside.programs section a:hover {
    text-decoration: underline;
}

	.error-pages-listing a { color: #313740 !important; font-weight: bold; }

/*	--------------------------------------------------
	Images
	-------------------------------------------------- */
img.left {
    margin: 0 15px 25px 0;
}

.error-page img.left {
    margin: 0 15px 0 0;
}

img.left.border {
    border: 1px solid #cbcbcb;
    padding: 1px;
}

@media handheld, only screen and (max-width: 480px) {
    .section-content img {
        width: 156px;
        height: auto;
        margin-bottom: 2px;
    }
}

/*	--------------------------------------------------
	Modules = Left Content
	-------------------------------------------------- */
	.row .sixteen.section {background:#fff;margin-bottom:5px;width:100%; padding:20px 0 10px;}
	.row.error-page .sixteen.section {
		padding: 30px 0 43px 0;
		margin-bottom: 7px !important; /* Overwrite spacing for error page, no matter what the theme. */
	}
	.row .sixteen.section p {line-height:18px!important;}
	.section-content { /*min-height:120px;*/ padding:0 15px;}
	.error-page .section-content {
		margin-bottom: 15px;
	}

.row.error-page .sixteen.section {
    padding: 30px 0 43px 0;
    margin-bottom: 7px !important;
 /* Overwrite spacing for error page, no matter what the theme. */
}

.row .sixteen.section p {
    line-height: 18px!important;
}


.error-page .section-content {
    margin-bottom: 15px;
}

.error-page .error-page-wrapper {
    padding-bottom: 15px;
    border-bottom: 1px solid #CCC;
}

.error-page .section-content.last .error-page-wrapper {
    border: 0;
}

span.multiple-module-content{
	padding:0 15px;
	display:block;
}


span.multiple-module-content p {
    display: block;
}

span.taxonomy {
    font-size: 11px;
    font-size: 1.1rem;
    font-style: italic;
    display: block;
    margin: 0 0 10px;
}

span.module-title {
    color: #313740;
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 22px;
    display: block;
    font-weight: bold;
    font-family: 'EauSansBold' Arial, sans-serif;
    margin-bottom: 5px;
}

.error-page span.module-title {
    font-size: 13px;
}

.error-page h1.module-title {
	font-size: 29px;
        padding-bottom: 8px;
        border-bottom: 1px solid #E9E9EA;
        margin: 0 0 15px 0;
	}

span.meta-data {
	font-size: 10px;
	font-weight: bold;
	display: block;
	margin-bottom: 3px;
}

	span.meta-data a {
		font-style: italic;
		font-weight: normal;
	}

.error-page p {
    margin: 0;
}

.error-page .featured-title {
    margin: 0 0 18px;
}

@media handheld, only screen and (max-width: 480px) {
    span.module-title {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.read-more {
    display: block;
    clear: both;
    font-weight: bold;
    padding: 10px 8px 0 8px;
    margin-top: 15px;
    border-top: 1px solid #e9e9ea;
    text-align: right;
    font-size: 10px;
    font-size: 1.0rem;
    text-transform: uppercase;
    width: 96%;
    margin: 0 auto;
}

/*	--------------------------------------------------
	Modules = Right Rail
	-------------------------------------------------- */
div.aside {
    background: #fff;
    padding: 20px 7px;
    margin: 0 0 5px;
}

div.aside span.title {
    color: #222;
    display: block;
    padding: 0 0 0 20px;
    font-size: 20px;
    font-size: 2.0rem;
    font-family: 'EauSansBold' Arial, sans-serif;
}

div.aside.programs, div.aside.partners {
    padding-bottom: 10px!important;
}

div.aside.programs section {
    padding: 0 20px;
}

div.aside.programs section p {
    color: #222;
    margin: 0 0 20px;
    padding: 0;
}

div.aside.dark section:last-child {
    margin: 0;
}

div.aside hr {
    color: #e9e9ea;
    background-color: #e9e9ea;
    border: solid #e9e9ea;
    border-width: 1px 0 0;
    height: 0;
    margin: 15px 0;
}

div.facebook {
    background: transparent;
}

div.aside.schedule span.title {
    color: #222;
    display: block;
    padding: 0 0 0 20px;
}

div.aside.dark span.desc:last-child,
	div.aside.schedule span.title:last-child {
    margin: 0;
}

div.aside.dark span.title,
	div.aside.schedule span.title {
    font-size: 20px;
    font-size: 2.0rem;
    margin: 0 0 12px;
    font-family: 'EauSansBold' Arial, sans-serif;
}

div.aside.dark span.desc {
    font-size: 11px;
    font-size: 1.1rem;
    color: #cbcbcb;
    margin: 7px 0;
}

div.aside.schedule section {
    background: url(http://www.pbs.org/pbs-exclusives/producer-bento/images/dark-arrow-rightrail.png) center right no-repeat;
}

.square-ad ul.ad-sponsor-text, .square-ad p {
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
}

.square-ad p {
    margin: 0 0 8px;
    padding: 0;
}

/*	--------------------------------------------------
	Lists
	-------------------------------------------------- */
.row .sixteen.section ol, .row .sixteen.section ul {
    margin: 0;
    padding: 0;
}

.row .sixteen.section ol.upper-roman {
    list-style-type: upper-roman;
    margin: 10px 0 18px 20px;
    line-height: 16px;
}

.row .sixteen.section ol {
    margin: 10px 0 18px 20px;
    line-height: 16px;
}

.row .sixteen.section .error-pages-listing {
    list-style: none;
    margin: 18px 0 0 0;
    padding: 0;
}

.row .sixteen.section .error-pages-listing li {
    margin: 0;
    line-height: 18px;
}

.section-content ul li {
    border-bottom: 1px solid #e9e9ea;
    padding: 8px 0;
    clear: right;
}

.section-content ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}


/*  --------------------------------------------------
    Pagination
    -------------------------------------------------- */
.pagination { margin-bottom: 5px; }

.current-page {
    color: #767676;
    float: left;
    height: 24px;
    line-height: 24px;
}

.pagination ul {
    margin: 0;
    padding: 0;
    float: left;
}

.pagination > ul { margin-left: 15px !important; }

    /*.pagination ul li {
        float: left;
        border: 0 !important;
        padding: 0;
        margin: 0;
    }*/


        .pagination .pages-listing {
            margin-right: 15px !important;
        }

        .lt-ie8 .pagination .pages-listing {
            position: relative;
        }

        .pagination li {
            float: left;
            font-size: 20px;
            height: 24px;
            line-height: 24px;
            font-family: 'EauSansBold' Arial, sans-serif;
            margin-left: 15px;
            border: 0 !important;
            padding: 0 !important;
        }

        .pagination ul .first, .pagination ul .previous, .pagination ul .next, .pagination ul .last {
            padding: 0;
            margin: 0;
        }

            .pagination ul .next {
                margin-left: 15px !important;
            }

		.selected-page:link, .selected-page:visited { color: #767676 !important; }

		.pagination ul li.first div.first{
		    background:transparent url('../images/arrow-pag-first.png') center left no-repeat;
		    width:18px;
		    height: 24px;
		}
		.pagination ul li.first div.first-inactive{
		    background:transparent url('../images/arrow-pag-first-inactive.png') center right no-repeat;
		    width:18px;
		    height: 24px;
		}

		.pagination .previous div.left{
		    background:transparent url('../images/arrow-pag-left.png') center left no-repeat;
		    width:13px;
		    height: 24px;
		}
		.pagination .next div.right{
		    background:transparent url('../images/arrow-pag-right.png') center right no-repeat;
		    width:13px;
		    height: 24px;
		}

		.pagination ul li.last div.last{
		    background:transparent url('../images/arrow-pag-last.png') center left no-repeat;
		    width:18px;
		    height: 24px;
		}
		.pagination ul li.last div.last-inactive{
		    background:transparent url('../images/arrow-pag-last-inactive.png') center left no-repeat;
		    width:18px;
		    height: 24px;
		}

            .selected-page:link, .selected-page:visited { color: #767676 !important; }

/* =============================================================================
   Section Header
   ========================================================================== */

.section-header {
    width: auto;
    font-size: 12px;
    font-weight: bold;
    padding: 10px;
    margin: 0;
}

/*	--------------------------------------------------
	Footer
	-------------------------------------------------- */
#footer-container p {
    margin: 0;
    padding: 0;
}

#footer-container p.meta {
    font-size: 10px;
    font-size: 1.0rem;
    margin: 7px 0 0;
    font-weight: bold;
    word-spacing: 4pt;
}

#footer-container table {
    background: none;
    border-radius: 0;
    margin: 10px 0 0;
    border: none;
}

#footer-container table tbody tr:nth-child(even) {
    background: transparent;
}

#footer-container table tbody tr td {
    background: none;
    padding: 0 20px 10px 0;
    width: inherit;
    font-size: 10px;
    font-size: 1.0rem;
    font-weight: bold;
}