body.index #canvas { padding:0 0 12px; height:auto; } /*BXSlider*/ .bx-wrapper { position:relative; margin:0 auto 1em; padding:0; *zoom:1; max-width:100%; max-width:896px !important; width:97%; display:none; } .bx-wrapper li { width:100% !important; } .bx-wrapper img { max-width:100%; display:block; } .bx-wrapper .bx-viewport { -moz-box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc; box-shadow:0 0 5px #ccc; border:solid #fff 5px; left:-5px; background:#fff; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position:absolute; bottom:-35px; width:100%; } .bx-wrapper .bx-loading { min-height:50px; background:url(../images/bx_loader.gif) center center no-repeat #fff; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000; } .bx-wrapper .bx-pager { text-align:center; font-size:.85em; font-family:Arial; font-weight:bold; color:#666; padding-top:10px; background:#E2DDD2; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display:inline-block; *zoom:1; *display:inline; } .bx-wrapper .bx-pager.bx-default-pager a { background:#666; text-indent:-9999px; display:block; width:10px; height:10px; margin:0 5px; outline:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background:#000; } .bx-wrapper .bx-prev { left:10px; background:url(../images/controls.png) no-repeat 0 -32px; } .bx-wrapper .bx-next { right:10px; background:url(../images/controls.png) no-repeat -43px -32px; } .bx-wrapper .bx-prev:hover { background-position:0 0; } .bx-wrapper .bx-next:hover { background-position:-43px 0; } .bx-wrapper .bx-controls { height:auto; overflow:hidden; background:black; } .bx-wrapper .bx-controls-direction a { position:absolute; top:50%; margin-top:-16px; outline:0; width:32px; height:32px; text-indent:-9999px; z-index:9999; } .bx-wrapper .bx-controls-direction a.disabled { display:none; } .bx-wrapper .bx-controls-auto { text-align:center; } .bx-wrapper .bx-controls-auto .bx-start { display:block; text-indent:-9999px; width:10px; height:11px; outline:0; background:url(../images/controls.png) -86px -11px no-repeat; margin:0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position:-86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display:block; text-indent:-9999px; width:9px; height:11px; outline:0; background:url(../images/controls.png) -86px -44px no-repeat; margin:0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position:-86px -33px; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { background:#E3DDD2; text-align:left; width:99%; margin:-10px 2% 0 -2%; padding:15px 2% 0; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right:0; width:35px; } .bx-wrapper .bx-caption { position:absolute; bottom:0; left:0; background:#666\9; background:rgba(80, 80, 80, 0.75); width:100%; } .bx-wrapper .bx-caption span { color:#fff; font-family:Arial; display:block; font-size:.85em; padding:10px; } #pledge_msg { background:url(../images/goldmsg.png) 0 0 no-repeat; text-align:center; font-size:1.2em; display:block; color:black; border:4px solid #E3DDD2; border-radius:10px; background-color:red; padding:1em; margin-bottom:1em; } #pledge_msg:hover, #pledge_msg:focus { text-decoration:none; border-color:#000; } #recommended { clear:both; } #recommended li { width:100%; } #recommended ul { margin:0; padding:0; list-style:none; height:auto; overflow:hidden; } #recommended > ul li, .recommended_item { margin:0 0 1.6em; padding:1.6em 0 0; float:left; clear:left; border-top:2px dotted #e3ddd2; } #recommended > ul li:first-child { padding:0; border:0; } #recommended .thumb, .recommended_item .thumb { display:none; } #recommended .more { margin:0; padding:0; list-style:none; } #recommended .more li { float:right; margin:0 0 0 0.5em; padding:0; } #recommended .more a { display:block; padding:0.5em 1em; background:#2960af; color:#fff; height:auto; margin:0; width:a; text-align:center; } #recommended .more a:hover, #recommended .more a:focus { background:#458ddd; text-decoration:none; } .recommended_item { clear:both; height:auto; overflow:hidden; } #previews, #localprod { display:none; } #whats-on { float:left; width:100%; margin-bottom:2em; height:341px !important; } #whats-on > div { height: 100% !important; font-family:arial,helvetica,sans-serif; color:#3f4249; text-align:left; overflow-x:hidden !important; overflow-y:scroll !important; background-color:#fdfaf3; border:0 solid #ccc; height: 300px !important; border-bottom:0; } #whats-on .vid-sched { /*display:block; background:#C6C1B4; text-align:center; padding:0.5em; color:white; font-weight:bold; margin-top:0.5em; border-radius:10px;*/ display:none; } #whats-on .vid-sched:hover, #whats-on .vid-sched:focus { /*text-decoration:none; background:#0766AD; color:white;*/ } #rail h2, #recommended h2 { color:#92908E; border-bottom:1px dotted #e2ddd2; padding-bottom:0.5em; text-align:center; } #rail h2 { margin-bottom:0; } #rail ul { margin:0; padding:0; list-style:none; margin-bottom:1em; height:auto; overflow:hidden; float:left; clear:left; font-size:10pt; } #rail li { margin:0; padding:0; float:left; zoom:1; width:50%; } #rail ul a { display:block; padding:0.6em; color:#92908E; } #rail ul a:hover, #rail ul a:focus { color:black !important; text-decoration:none; border-color:black; background-color:white; } #rail > div { height:280px; } /*#previews a { background:url(../images/playlist.png) 0 0 no-repeat; height:40px; padding:5px 0 5px 43px !important; line-height:18px; } #previews a span, #localprod .title { font-weight:bold; color:#333; } #previews a:hover span, #previews a:focus span, #localprod a:hover .title, #localprod a:focus .title { color:black; } #previews a:hover, #previews a:focus { background-position:0 -51px; }*/ #localprod ul { font-size:10pt; } #localprod h2 { /*background:url(../images/logo-local.png) 0 center no-repeat;*/ /*color:#C30A2B;*/ margin:0; /*padding:15px 0 10px 45px; text-align:left; height:30px;*/ } #localprod a { text-align:left; color:#0766AD; line-height:1.6em; } #localprod a:hover .program, #localprod a:focus .program { color:#0766AD; } #localprod .posted { font-size:8pt; font-style:italic; color:#92908E; } #localprod .thumb { float:left; margin-right:5px; } #localprod .program { color:#0766AD; } #localprod span { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; } #localprod-sched { display:block; background:#C6C1B4; text-align:center; padding:0.3em; color:white; font-weight:bold; font-size:1.3em; margin:0 0 2.5em; border-radius:10px; clear:both; } #localprod-sched:hover, #localprod-sched:focus { text-decoration:none; background:#0766AD; color:white; } #featured { display:none; } #partners { border-bottom:1px solid black; } #enewsletter { text-align:left; padding:0 0 30px 20px; border-bottom:1px solid #000; } #enewsletter form { margin:0; padding:0; } #enewsletter fieldset { margin:0; padding:0; border:0; width:71%; float:left; } #enewsletter .field { margin:0; padding:0; text-align:left; } #enewsletter .actions { float:right; width:24%; padding:0 5% 0 0; } #enewsletter .field input { margin:0; padding:0; border:0; background:#1a1c1e; border:1px solid black; border-radius:5px; color:white; padding:3px 6px; font-size:10pt; font-weight:bold; float:left; width:85%; min-width:inherit; max-width:inherit; /*width:233px;*/ } #enewsletter-go { background:url(../images/btn-signup.gif) 0 0 no-repeat; width:74px; height:23px; text-indent:99999px; /*float:left;*/ display:block; margin:5px 0 0 10px; overflow:hidden; } #enewsletter-go:hover, #enewsletter-go:focus { background-position:0 -23px; } #enewsletter .actions { clear:none; } #enewsletter ::-webkit-input-placeholder { color:#666 !important; } #enewsletter :-moz-placeholder { color:#666 !important; } #updates { display:none; } #connections ul { margin:0; padding:0; list-style:none; } #connections li { float:left; } #connections a { height:40px; width:40px; display:block; text-indent:-99999px; margin-right:10px; margin-bottom:10px; } #connections a:hover, #connections:focus { background-position:0 -41px; } #connect-fb { background:url(../images/icons/facebook.png) 0 0 no-repeat; } #connect-twitter { background:url(../images/icons/twitter.png) 0 0 no-repeat; } #connect-youtube { background:url(../images/icons/youtube.png) 0 0 no-repeat; } #connect-rss { background:url(../images/icons/rss.png) 0 0 no-repeat; } #connect-podcasts { background:url(../images/icons/podcast.png) 0 0 no-repeat; } #connect-itunes { background:url(../images/icons/itunes.png) 0 0 no-repeat; } #connect-shop { background:url(../images/icons/shop.png) 0 0 no-repeat; } #connections h2 { margin-bottom:5px; } #twitter-bird { display:none; } #national_banner { width:100%; margin:2% 0; } @media screen and (min-width: 480px) { body.index #canvas { padding-bottom:22px; } .bx-wrapper { width:98%; display:block; } #recommended .thumb, .recommended_item .thumb { display:block; float:left; width:22%; margin-right:3%; } #recommended .thumb img { width:100%; float:left; } #recommended .details, .recommended_item .details { float:left; width:75%; } #canvas h1 { display:none; } #rail li { width:100%; } #whats-on, #localprod { width:47%; float:left; display:block; } #whats-on { margin-right:2.5%; padding-right:3%; } #localprod .posted { display:none; } #rail h2 { font-size:16pt; } } @media screen and (min-width: 768px) { #logo { margin-top:0; } .bx-wrapper { width:98%; } #enewsletter { width:35%; float:left; border-bottom:0; padding-bottom:0; border-right:1px solid black; } #enewsletter fieldset { width:70%; } #enewsletter .actions { width:25%; } #enewsletter .field input { width:90%; } #connections { width:52%; float:left; } } @media screen and (min-width: 960px) { #logo { margin-top:22px; } #previews, #localprod { display:block; } body.index { background-image:url(../images/canvas-home.png); } body.index #canvas { background:url(../images/slides-bg.png) 0 bottom no-repeat; height:284px; width:908px !important; margin:4px auto 2px; padding-bottom:28px; float:none; } body.index header { height:578px; } .bx-wrapper { width:100%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { background:none; width:100%; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ bottom:-30px; padding-top:20px; background:none; } #body { border-top:8px solid #e2ddd2; } #player .none { text-align:center; display:block; padding-top:140px; height:182px; background:#666; color:white; } #video_list a span, #video_list a time { float:left; clear:left; width:100% !important; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } #play_video .watch { margin:0; padding:0; border:0; } #recommended h2 { display:none; } .recommended_item { clear:none; font-size:9pt; line-height:1.6em; } .recommended_item h3 { font-size:14pt; } .recommended_item .details { float:none; width:auto; } .recommended_item .thumb { display:none; } #localprod ul { font-size:9pt; } #rail h2, #recommended h2 { font-size:16pt; } #rail li { width:100%; } #whats-on, #previews, #localprod { width:0%; float:left; } #whats-on, #previews, #featured { margin-right:0%; padding-right:0%; } #whats-on { width:35%; } #localprod .posted { display:none; } #localprod { display:block; width:100%; float:left; height:100% !important; padding-left:30px; padding-top:1em; } #localprod li { display:block; float:left !important; width:160px; border-left:0 solid black; } #localprod h2 { display:none; } #partners { width:50%; border-right:1px solid #000; border-bottom:0; min-height:429px; } #localprod-sched { width:auto; float:none; } #footer > div { float:left; } #updates { display:block; width:37.85%; border-bottom:1px solid black; height:129px !important; float:right !important; } #updates a { color:#d28023; } #enewsletter, #connections { width:37.85%; border:0; border-bottom:1px solid black; } /*#twitter-bird { position:absolute; margin:414px 0 0 840px; clear:both; display:block; }*/ #tweet { margin:0; padding:0; width:300px; } #whats-on { width:299px; margin-right:15px !important; padding-right:0 !important; height:auto !important; margin-bottom: 0 } #whats-on > div { height:auto; overflow:visible; overflow-y:visible !important; overflow-x:visible !important; background:#ddd; border:1px solid #B4B5B8; border-radius:5px; padding:10px; } #whats-on .vid-sched { margin-right:-10px; } #previews { width:391px; height:auto !important; } #screen { background:url(../images/player.png) 0 0 no-repeat; height:280px; width:435px; } #player { margin:10px 10px 11px; height:300px; width: 358px; text-align:center; } #player { /*background:url(../images/player.png) 0 0 no-repeat;*/ background:#ddd; border:1px solid #B4B5B8; border-radius:5px; margin:0; float:left; padding:10px; } #player .none { text-align:center; display:block; padding-top:95px; } #player-empty { padding:50px 0; display:block; } #video_list { overflow:scroll !important; overflow-x:auto !important; overflow-y:scroll !important; height:102px !important; margin:0 !important; padding:0; list-style:none; width:100%; background-color:#222; clear:none !important; } #video_list a { background-color:#333; line-height:16px; border-bottom:1px solid black; display:block; padding:5px 5px 5px 7px; color:#ccc; text-decoration:none; font-weight:bold; overflow:hidden; font-size:9pt; text-align:left; } #video_list a:hover { background-color:#666; color:white; text-decoration:none; } #video_list a:focus { text-decoration:none; } #video_list a.sel { background-color:#666; color:white; text-decoration:none; } #video_list a span { height:16px; float:left; overflow:hidden; width:133px; } #video_list a time { height:16px; float:left; clear:left; font-weight:normal; overflow:hidden; width:133px; } #video_list li { float:left; clear:left; width: 100% } #play_video { float:left; height:201px; width:358px; background:#222; color:white; } #play_video .watch { margin:0; padding:0; border:0; } } .pbs_tvschedules_modules-whatson-module_container { height: 300px; }