body {background-color: #000; font: normal 14px arial; color: #fff;} body {padding: 0;} #wrapper {margin: 0 auto; width: 1000px; background-color: #000;} #page {margin: 0 auto; width: 959px;} #access div {margin: 0 7.6%;} #primary {float: left; margin: 0 19px 0 0; width: 640px;} #content {margin: 0;} #sidebar {float: left; width: 300px;} #branding {padding: 12px 0 0 0;} #branding .logo {width: 252px; float: left;} #branding .by {float: left; width: 200px;} #branding .airdate {float: right; width: 150px; text-align: right; padding-top: 6px;} #branding .airdate a {color: #fbd25d; font: bold 13px arial; text-decoration: none;} #footer {padding: 15px 0 25px 0; font: normal 12px arial; color: #deb33a;} #footer a {color: #deb33a;} #footer a:hover {color: #fff;} #footer .map {margin-bottom: 15px} /* single */ h1.single-title {color: #fbcd4b; font: normal 26px arial; margin: 0px; padding: 0px; } h1.cat-title {font: bold 12px arial; color: #fff; text-transform: uppercase; margin: 0 0 15px 0; padding: 0px; } .post .entry-content, .page .entry-content {font: normal 14px arial; color: #fff; line-height: 19px;} .post .entry-content a, .page .entry-content a {color: #e19c37;} .post .entry-content a:hover, .page .entry-content a:hover {color: #fff;} .starpull {width: 179px; border-bottom: 1px solid #fff; padding-bottom: 15px; font: normal 18px arial; color: #fbcd4b; margin-bottom: 15px; background: url(../images/pullquote-top.png) top left no-repeat; padding-top: 25px;} .starpull.alignright {float: right; margin-left: 20px;} .starpull.alignleft {float: left; margin-right: 20px;} .stars h2 {font: bold 18px arial; color: #fbcd4b; text-transform: uppercase;} .stars h2 a {font: bold 18px arial; color: #fbcd4b; text-transform: uppercase; text-decoration: none;} .stars h3 {font: bold 12px arial; color: #fff; text-transform: uppercase;} .stars h3 a {color: #fff; text-decoration: none;} .starcat {margin-bottom: 25px;} #sidebio {font: normal 14px arial; color: #fff; line-height: 19px;} #sidebio h4 {color: #fbcd4b; font: normal 22px arial; margin: 0 0 8px 0; padding: 0px; text-transform: uppercase;} #sidebio .dates {margin-bottom: 8px; } #sidebio span {color:#f2a82b;} #sidebio ul {margin-bottom: 8px;} h1.page-title {font: bold 18px arial; color: #fbcd4b; text-transform: uppercase; margin: 0px; padding: 0px;} h3.page-title {font: bold 12px arial; color: #fff; text-transform: uppercase; margin: 0px; padding: 0px;} h1.page-title.margin, h3.page-title.margin {margin-bottom: 10px;} h2.essay-title {font: bold 18px arial; color: #fbcd4b; text-transform: uppercase; margin: 0px; padding: 0px;} h1.essay-title {color: #fbcd4b; font: normal 26px arial; margin: 0px; padding: 0px; } .inlinebox {border: 1px solid #e19c37; width: 200px; font: normal 11px arial; color: #fff;} .inlinebox .padding {padding: 10px;} .inlinebox .poster {margin-bottom: 10px; width: 183px;} .inlinebox .title {color:#fbcd4b;} .inlinebox ul {margin: 0 0 0 15px;} .inlinebox.alignright {float: right; margin: 0 0 15px 15px;} .inlinebox.alignleft {float: left; margin: 0 15px 15px 0;} .inlinebox.stars .title {margin-top: 6px;} .inlinebox.stars h4 {text-transform: uppercase; border-bottom: 1px dotted #e19c37; padding-bottom: 3px; margin-bottom: 6px; color: #e19c37; font: bold 13px arial;} /* single */ #sidebar .item {margin-bottom: 15px;} #sidebar .item.border {margin-bottom: 15px; border: 1px solid #999; padding: 10px;} #sidebar .item.border a {color: #fbcd4b; font: bold 16px arial; text-decoration: none;} #sidebar .ddholder {margin-bottom: 15px;} #sidebar #dropdown select {width: 100%; background-color: #f6f6f6; font: bold 14px arial; color: #292929; padding: 10px; border: 1px solid #606060; -moz-border-radius: 5px; border-radius: 5px;} .videoplayer_container {margin: 10px auto; width: 512px;} /* post loop */ #postloop ul {list-style-type: none; margin: 0px; padding: 0px;} #postloop li {border-bottom: 1px dotted #db9b53; margin-bottom: 15px; padding-bottom: 15px; font: normal 13px arial; color: #fff; line-height: 16px;} #postloop img {width: 190px; height: 107px;} #postloop .pic {float: left; width: 190px; height: 107px; margin-right: 15px;} #postloop .text {float: left; width: 420px;} #postloop h3 a {color: #fbcd4b; font: bold 16px arial; line-height: 22px; text-decoration: none;} #postloop h3 a:hover {color: #fbcd4b; text-decoration: underline;} #postloop a {color: #db9b53;} #postloop a:hover {color: #fbcd4b;} /* end post loop */ /* TouchSlider */ #touchcarousel { width: 640px; margin-bottom: 20px; background-color: #292929;} .touchslider a {text-decoration: none;} .touchslider .touchslider-item img {width: 640px; height: 360px; border: 0px; } div.touchslider .touchslider-nav-item {margin: 0;} .touchslider .touchslider-viewport {width: 640px; height: 360px; border: 0px;} .touchslider .touchslider-item {width: 640px; height: 360px; overflow: hidden;} .touchslider .touchslider-nav a {cursor: pointer; display: block; float: left; padding: 12px 8px 0 8px; color: #fff; text-decoration: none; background: url(../images/carousel-nav-divider.gif) 0 0 no-repeat;} .touchslider-nav {margin: -30px 0 0 0; float: left; text-align: right; padding: 0; position: relative; width: 640px; font: normal 12px arial; text-align: right; height: 30px; background: url(../images/carousel-nav.gif);} .touchslider-nav .nav-right {width: 260px; float: right; } .touchslider .touchslider-nav-item {width: 8px; height: 15px; margin: 0; display: inline-block; padding: 0 0 0 8px;} .touchslider .touchslider-nav a:hover {color: #ccc;} .touchslider .touchslider-nav a:active {background: url(../images/carousel-here.gif) 0 0 no-repeat; color: #f4b337;} .touchslider .touchslider-nav-item-current {background: url(../images/carousel-here.gif) 0 0 no-repeat !important; color: #f4b337 !important;} .touchslider a.touchslider-prev, .touchslider a.touchslider-prev:active, .touchslider a.touchslider-next { background: none !important;} .touchslider .txtwrap {color: #fff; margin-top: -95px; width: 640px; font: normal 13px arial; position: relative; height: 71px; } .touchslider .txtwrap .padding {padding: 6px 10px 0 10px; background: url(../images/trans-carousel.png); height: 71px; z-index: 9999999999;} .touchslider .txtwrap a {color: #fff; text-decoration: none; display: block;} .touchslider h3 {margin: 0 0 3px 0; color: #f4b337; font: bold 18px arial; line-height: 18px; } /* end carousel */ /* star archive */ #stars h1 {font: bold 18px arial; color: #fbcd4b; text-transform: uppercase;} #stars h2 {font: bold 12px arial; color: #fff; text-transform: uppercase;} #stars h2 a {color: #fff; text-decoration: none;} #stars h3 {font: bold 15px arial; color: #fff; text-transform: uppercase;} #stars .starcat {margin-bottom: 25px;} #stars .intro {font: normal 13px arial; line-height: 18px;} #stars ul {margin-top: 12px; margin-bottom: 12px;} #stars a {color: #fbd25d;} /* end star archive */ /* shows archive */ #shows h1 {font: bold 18px arial; color: #fbcd4b; text-transform: uppercase;} #shows h2 {font: bold 12px arial; color: #fff; text-transform: uppercase;} #shows h2 a {color: #fff; text-decoration: none;} /* end shows archive */ #timelinewrapper {padding: 40px 20px 30px 20px; border: 1px solid #666; background: url(../images/trans-carousel.png); margin-bottom: 60px;} .timenav {width: 450px; float: right; margin-top: -50px; text-align: right; color: #fbcd4b;} .timenav a {color: #fbcd4b; text-decoration: none;} .timenav a:hover {color: #fff;} /* =Header ----------------------------------------------- */ /* =Menu -------------------------------------------------------------- */ #topnav {float: left; margin: 0; width: 707px;} #topnav ul {list-style: none; margin: 0; padding: 0;} #topnav li {float: left; position: relative;} #topnav a {display: block; height: 67px; background-position: 0 0;} #topnav a.about {background: url(../images/topnav_01.png); width: 92px;} #topnav a.stars {background: url(../images/topnav_02.png); width: 85px;} #topnav a.shows {background: url(../images/topnav_03.png); width: 80px;} #topnav a.timeline {background: url(../images/topnav_04.png); width: 95px;} #topnav a.essays {background: url(../images/topnav_05.png); width: 85px;} #topnav a.stories {background: url(../images/topnav_06.png); width: 90px;} #topnav a.edu {background: url(../images/topnav_07.png); width: 115px;} #topnav a.shop {background: url(../images/topnav_08.png); width: 65px;} #topnav a:hover, #topnav a.active {background-position: left bottom;} .toolbar { border-top: 1px dotted #db9b53; border-bottom: 1px dotted #db9b53; font: normal 12px arial; padding: 7px 0; margin-bottom: 15px;} .toolbar .button-comments {float: left; width: 150px; margin-top: 5px;} .toolbar .button-comments a {background: url(../images/ico-comments.png) 0 0 no-repeat; padding-left: 18px; color: #fbcd4b;} .toolbar .button-facebook {float: right; width: 90px;} .toolbar .button-twitter {float: right; width: 110px;} .toolbar .button-plus {float: right; width: 90px;} /* rollover boxes */ #featuredposts {} #featuredposts ul {list-style-type: none; margin: 10px 0 0 0; padding: 0px;} #featuredposts li {width: 187px; height: 187px; float: left; margin: 0 0 28px 0; overflow: hidden; font: bold 13px arial; text-shadow: 1px 1px 1px #1b1b1b; color: #fff; border: 1px solid #292929;} #featuredposts li img {width: 187px; height: 187px; } #featuredposts li.num2, #featuredposts li.num5, #featuredposts li.num8, #featuredposts li.num11, #featuredposts li.num14, #featuredposts li.num17, #featuredposts li.num20, #featuredposts li.num23 {margin-right: 37px; margin-left: 36px;} #featuredposts .image {float: left; height: 187px; } #featuredposts .titleonly {background: url(../images/trans-black.png); margin: 0px; padding: 0; float: left; top: -46px; position: relative; height: 46px; width: 187px; font: bold 15px arial;} #featuredposts a {text-decoration: none; color: #fff; display: block;} #featuredposts a:hover {text-decoration: none;} #featuredposts .pad1 {padding: 6px 8px 0 8px;} #featuredposts .pad2 {padding: 6px 8px 0px 8px;} #featuredposts .title {font: normal 18px arial;} #featuredposts .hidden {display: none; background: url(../images/trans-black.png);} #featuredposts .fulltile {float: left; top: -187px; position: relative; height: 187px; font-size: 12px; overflow: hidden; width: 187px;} #featuredposts .defaultimage {float: left; height: 187px; width: 187px; background: url(../images/default-187x187.png); } /* end rollover boxes */ .lesson {border-bottom: 1px dotted #db9b53; margin-bottom: 15px; padding-bottom: 15px; font: normal 13px arial; color: #fff; line-height: 16px;} .lesson .title a {font: bold 16px arial; color: #fbd25d} .eduhead {margin-bottom: 20px;} .eduhead h2 {font: bold 16px arial; color: #fbcd4b; text-transform: uppercase;} .eduhead h3 {font: bold 13px arial; color: #fff;} .eduhead h1 {font: bold 19px arial; color: #fde296; text-transform: uppercase;} #selectcat {list-style-type: none; margin: 0 0 20px 0; padding: 0px;} #selectcat a { color: #fff;} #selectcat li {float: left; width: 153px; height: 153px; overflow: hidden; margin-right: 6px; border: 1px solid #000;} #selectcat li.active, #selectcat li:hover {border: 1px solid #fbcd4b;} #selectcat .thumb {float: left; width: 153px; height: 153px; position: relative;} #selectcat .title {float: left; position: relative; background: url(../images/trans-black.png); height: 37px; margin-top: -37px; width: 153px; color: #fff; font: bold 12px arial;} #selectcat .dek {display: none; float: left; position: relative; background: url(../images/trans-black.png); height: 80px; margin-top: -80px; width: 153px; color: #fff; font: bold 12px arial;} #selectcat .pad1 {padding: 4px 6px;} #selectcat .pad2 {padding: 6px;} #starlist a {color: #fff; text-decoration: none;} #starlist a:hover {color: #fbcd4b; text-decoration: underline;} #starlist ul { -o-column-count:2; -moz-column-count:2; -webkit-column-count:2; width: 500px; float: left; list-style-type: none; margin: 15px 0; padding: 0px;} #starlist h3 {color: #fbcd4b;} /* =Content ----------------------------------------------- */ #main { clear: both; padding: 1.625em 0 0; } .page-title { color: #666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; margin: 0 0 2.6em; text-transform: uppercase; } .page-title a { font-size: 12px; font-weight: bold; letter-spacing: 0; text-transform: none; } .entry-title, .entry-header .entry-meta { padding-right: 76px; } . .entry-title, .entry-title a { color: #222; text-decoration: none; } .entry-title a:hover, .entry-title a:focus, .entry-title a:active { color: #1982d1; } .entry-meta {color: #666; clear: both; font-size: 12px; line-height: 18px;} .entry-meta a {font-weight: bold;} .single-author .entry-meta .by-author {display: none;} .entry-content h1, .entry-content h2 {color: #000; font-weight: bold; margin: 0 0 .8125em;} .entry-content h3{font-size: 10px; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase;} .entry-content table{border-bottom: 1px solid #ddd; margin: 0 0 1.625em; width: 100%;} .entry-content th {color: #666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase;} .entry-content td {border-top: 1px solid #ddd; padding: 6px 10px 6px 0;} .entry-content #s {width: 75%;} .comment-content ul {margin-bottom: 1.625em;} dl.gallery-item {margin: 0;} .page-link {clear: both; display: block; margin: 0 0 1.625em;} .page-link a {background: #eee; color: #373737; margin: 0; padding: 2px 3px; text-decoration: none;} .page-link a:hover {background: #888; color: #fff; font-weight: bold;} .page-link span {margin-right: 6px;} .entry-meta .edit-link a {display: none;} /* COMMENTS */ h2#comments-title, h3#reply-title {font: bold 18px arial; color: #fff; margin: 0 0 3px 0;} #respond { margin: 12px 0;} p.logged-in-as {float: right; margin: -36px 0 0 0;} p.logged-in-as a {color: #314695;} .depth-1 {border-bottom: 1px dotted #ccc;} ol.commentlist {margin: 0px; padding: 0px;} #commentform input, #commentform textarea {font: normal 12px verdana;} #respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} span.required {padding-right: 7px;} input#author, input#email {border: 1px solid #333; background-color: #ccc; color: #000; width: 170px; padding: 2px; margin: 5px 5px 1px 0;} textarea#comment {width: 98%; padding: 2px; height: 80px; border: 1px solid #333; background-color: #ccc; color: #000;} input#submit {border: 1px solid #c38e29; background-color: #f4b337; width: 160px; padding: 4px; font: bold 15px arial; color: #fff; text-shadow: 1px 1px 1px #626a6f; text-transform: uppercase;} input#submit:hover {background-color: #c38e29;} .alt {margin: 0; padding: 10px;} .commentlist {padding: 0; text-align: justify;} .commentlist li {margin: 8px 0 0 0; padding-bottom: 8px; list-style: none; border-bottom: 1px dotted #fff;} .commentlist li ul li {margin-right: -5px; margin-left: 10px;} .commentlist p {margin: 10px 5px 10px 0;} .children { padding: 0; } #respond p {margin: 5px 0;} .authcomment {color: #cc0000;} .comment-content { font: normal 12px arial; color: #fff; line-height: 16px; } .comment-content p {margin: 0 0 10px 0;} .comment-content a {color: #666;} .comment-author { font: bold 15px arial; color: #6979a4; margin: 0 0 5px 0;} .comment-author .fn {float: left; display: block; width: 50%;} .comment-author .date {float: right; width: 50%; text-align: right; font: normal 11px arial; color: #fff;} .comment-author .date a { color: #fff; text-decoration: none;} .edit-link {display: none;} a.comment-reply-link {font: normal 12px verdana; color: #e0aa3e;} div.reply {text-align: right;} p.comment-form-url, p.form-allowed-tags {display: none;} a.comment-edit-link {color: #ff6633;} #reply-title small {float: right;} #cancel-comment-reply-link {color: #e0aa3e; font: normal 11px verdana !important;} /* END COMMENTS */ .supporttext {font: normal 10px arial; color: #fff; text-align: left;} .supporttext a {color: #fff;} #wnetevergreen {margin-bottom: 1em;}