@charset "utf-8";
/*------------------------------------------------*/
/*------------------[BASE STYLES]-----------------*/
/*------------------------------------------------*/
body {
	margin-top: 0px;
	padding: 0;
	color: #333333;
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .8em;
	background-color:#fff;
}
a:link, a:visited {
	text-decoration: none;
}
a:hover {
}
a { outline: none; border:none; }


/*------------------------------------------------*/
/*------------------[MAIN LAYOUT]-----------------*/
/*------------------------------------------------*/
.post-wrapper { /** background-color: #FFF; **/ padding: 15px; width: 583px; border: 1px solid #EBEBEB; }
.home-post-wrap { width: 593px; padding: 10px; margin-right: 13px; margin-bottom: 10px; float: left; border: 1px solid #EBEBEB; }
.readmore {
	background-image: url(../../images/read-more.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: right;
	padding-left: 20px;
}
.readmore a:link, .readmore a:hover { color: #393939; }
.thumbnail-home { border: 0px; margin: 0px 0px 0px 0px; }
blockquote { overflow: auto; padding: 0 10px; margin: 20px 30px; background-color: #f5f5f5; border: 1px solid #e0e0e0; }
#wrapper2 { width: 950px; height:auto;min-height:800px; margin-left: auto; margin-right: auto; padding: 0px 0px 0px 0px; /** background-image:url('/redesign/images/lwhp_top_bg.png');background-repeat:repeat-x; **/ }
#container {
	/** float: right; **/
	overflow:hidden;
	width: 950px;
	color: #888888;
	/** margin-top:151px; **/
	/** background-color: #FFFFFF; **/
	padding: 5px;
	margin-top:0px;
}
#header { width: 950px; margin-top:0px; margin-left: auto; margin-right: auto; }
#topleaderboard {width:728px;height:89px;text-align:center;margin-left:auto;margin-right:auto;background-color:#eeeeee;border:1px solid #cccccc;}
#topmainbanner {width:100%;height:224px;margin-bottom:0px;text-align:center;margin-left:auto;margin-right:auto;background-image:url('/internal/redesign/images/lwhp_top_band_bg.png');background-position:0px 145px;background-repeat:repeat-x;}

#logomenusearch #logo { position:relative;float: left; height: 75px;width: 207px; }
#logomenusearch #menusearch { position:relative; width:675px; height: 75px; margin-left:240px; }
#logomenusearch #menu { z-index:1000; margin-left:240px; height: 33px; width: 710px; position: relative;margin-top:15px;background-color:#bbbbbb;background: url('../../images/menu_bg.png') repeat-x; }
#search { margin-left:240px;width: 675px; position:relative;text-align:right; }

#left-div { width: 650px; float: left; margin-top: 20px; }
#left-inside { float: left; padding: 0px 0px 0px 19px; }
.icons { margin-top: 0px; margin-bottom: -5px; margin-right: 10px; }
.post-content { width: 475px; float: right; margin-top: 5px; }
.thumbnail-div { border: 5px solid #F8F4E0; width: 90px; height: 150px; float: left; }
.home-squares {   width:815px;
   /** height:224px; **/
   margin-left:auto;
   margin-right:auto;
	width: 300px;
	display: block;
	padding: 0px;
	border: 1px none #EBEBEB;
	float: left;
	margin-right: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
}


.articleinfo { border-bottom: 4px solid #F0EACA; padding-bottom: 7px; color: #57554B; }
.arrowup
{
	margin-left:35px;
	border:0px;
	background-image:url(../../images/block_arrow_up.png);
	width: 16px;
	height: 8px;
}
#rightcolloginbox {
	/** background-color: #FFF; **/
}
.lwhp_roundgray.ui-widget-content.ui-corner-all
{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.lwhp_roundgray.ui-widget-content.ui-corner-all.lstore
{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	min-height:165px;
}
.lwhp_roundgray.ui-widget-content.ui-corner-all.socialsites
{
	text-align:center;
}
.lwhp_roundgray.ui-widget-content.ui-corner-all.socialsites img
{
	padding:5px;
}


/*------------------------------------------------*/
/*------------------[TITLES & TXT]----------------*/
/*------------------------------------------------*/
.post-title { font-size: 24px; line-height: 30px; margin-bottom: 10px; margin-top: 0px; font-weight: normal; }
.titles { font-weight: normal; font-size: 24px; text-decoration: none; margin-top: 0px; }
.titles a:link, .titles a:visited, .titles a:active { text-decoration: none; font-size: 20px; font-weight: normal; font-family: Trebuchet MS; margin-bottom: 10px; display: block; }
.toptitle { padding-left:10px;font-family:Tahoma;font-size:14.67px;color:#f90297; }
.toptitle2 { padding-left:10px;font-family:Verdana;font-size: 24px; color: #6F6F6F; }
.premiumtxt
{
	font-size:10.5px;
	color:#F90297;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin:0px;
}
.premiumtxtjoin, a.premiumtxtjoin
{
	font-size:13px;
	font-weight:bold;
	color:#F90297;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.lstoretitle
{
	height:100%;
	min-height:165px;
	height:150px;
	width:24%;
	padding:10px;
	line-height:25px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14.67px;
	font-weight: bold;
	color: #f90297;
	float:left;
}
.lstorecontent
{
	height:100%;
	min-height:165px;
	padding-top:5px;
	width:69%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #333333;
	float:right;
}
.lstorecontent a
,.lstorecontent a:link
,.lstorecontent a:active
,.lstorecontent a:hover
,.lstorecontent a:visited
{
	color:#06f;
	text-decoration:underline;
}

.newslist ul
{
	margin-top:0px;
	padding-top:10px;
	list-style-type: none;
	font-weight:normal;
	color:#666;
	font-size:12px;
	line-height: 18px;
	margin-bottom: 0px;
	padding-bottom: 5px;
}
.newslist ul li
{
	margin-left:-25px;
}
.newslist ul li .newslist_bullet
{
	color:#f90297;
}

.newslist div
{
	padding:5px 5px 0px 15px;
	font-weight:normal;
	color:#666;
	font-size:12px;

}
.newslist div span.newslist_bullet
{
	color:#f90297;
}


.authorbio_authorname
{
	padding-top:5px;
	color:#888888;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size: 11.5px;
	font-weight:normal;
}
.authorbio_authorname a
,.authorbio_authorname a:link
,.authorbio_authorname a:active
,.authorbio_authorname a:hover
,.authorbio_authorname a:visited
{
	color:#F90297;
	text-decoration:underline;
}

.authorbio_text
{
	padding-top:5px;
	color:#777777;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size: 10.5px;
	font-weight:normal;
}

.recentfiction
,.recentfiction p
,.recentfanart
,.recentfanart p
,.recentforumdiscussions
,.recentforumdiscussions p
{
	margin-top:0px;
	padding-top:0px;
	color:#545454;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight:normal;
}

.recentfiction p
,.recentfanart p
,.recentforumdiscussions p
{
	margin:5px 5px 5px 5px;
}
.recentfiction div.recentfiction_item_divider
,.recentfiction_item_divider
{
	border-top:1px solid #dddddd;
	padding:0px;
	margin:0px;
}

.recentfiction a
,.recentfiction a:link
,.recentfiction a:active
,.recentfiction a:hover
,.recentfiction a:visited
,.recentfanart a
,.recentfanart a:link
,.recentfanart a:active
,.recentfanart a:hover
,.recentfanart a:visited
,.recentforumdiscussions a
,.recentforumdiscussions a:link
,.recentforumdiscussions a:active
,.recentforumdiscussions a:hover
,.recentforumdiscussions a:visited
{
	color:#F90297;
	text-decoration:underline;
}

.recentfanart img
{
	width:120px;
	border:none;
}

/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft {
	display: inline;
	margin-top: 0;
	margin-right: 7px;
	margin-bottom: 2px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.alignright { float: right; }
.alignleft { float: left }


/*------------------------------------------------*/
/*-------------------[SIDEBAR]--------------------*/
/*------------------------------------------------*/
#sidebar-wrapper { width: 283px; float: left; margin-top: 20px; margin-bottom: 20px; }
#sidebar {
	float: left;
	width: 283px;
	/** background-color: #F9F; **/
}
.sidebar-box { padding-top: 5px; margin-bottom: 0px; }
.sidebar-box ul li a:link, .sidebar-box ul li a:visited, .sidebar-box ul li a:active { display: block; color: #4B4A41; width: 100%; padding: 3px 3px 3px 3px; background-image: none !important; }
.sidebar-box ul li { background-image: none !important; background-color: #F6F6F6 !important; color: #4B4A41 !important; }
.sidebar-box ul li:hover, .sidebar-box ul li a:hover { background-image: none !important; background-color: #F6F6F6 !important; }
.sidebar-box ul li a:hover { width: 100%; display: block; color: #393939; padding: 3px 3px 3px 3px; }
.sidebar-box h2 { margin-top: 5px; font-size: 15px; color: #4A493F; padding-top: 4px; font-weight: bold; padding-bottom: 4px; text-transform: lowercase; margin-left: 10px; }

/*------------------------------------------------*/
/*---------------[FEATURED ARTICLES]--------------*/
/*------------------------------------------------*/
#featured { /** background-color: #FFF; **/ /** padding: 10px; **/ width: 610px; /** border: 1px solid #EBEBEB; **/ float: left; }
.featured_content {
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}

/** HOMEPAGE FEATURED NEWS SLIDESHOW **/
.slider-wrap								{ width: 419px;height:250px; position: relative;margin-left:auto;margin-right:auto; }			
.stripViewer .panelContainer
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 419px; height: 250px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 419px; }
.stripViewer .panelContainer .panel .wrapper {text-align:left;}
.stripViewer .panelContainer .panel .wrapper a {color:#FF0099;}
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -43px 0 0 62px; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(../../images/hp_featured/transpBlack.png); padding: 10px; height: 80px; 
											  margin-top: -100px; position: relative; z-index: 9999; color: white; }
.stripViewer .panelContainer .panel .wrapper .photo-meta-data a {color:#FF99FF;}
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(../../images/hp_featured/icon-uparrowsmallwhite.png) top center no-repeat; }

.control { display:block;width:40px;height:43px;text-indent:-10000px;position:absolute;cursor: pointer; }
#leftControl { top:0;left:-55px;margin-top:104px;background:transparent url(../../images/hp_featured/cb_left_arrow.jpg) no-repeat 0 0; }
#rightControl { top:0;right:-55px;margin-top:104px;background:transparent url(../../images/hp_featured/cb_right_arrow.jpg) no-repeat 0 0; }

/** END HOMEPAGE FEATURED NEWS SLIDESHOW **/

/** NEW HOMEPAGE FEATURED NEWS **/
#teaser{
    width:550px;
    height:250px;
    float:left;
    margin:25px 0 0 23px;
    clear:both;
}
#teaser div.navi { margin: 5px 0 0 375px; }
#teaser div.navi a{
    display:block;
    float:left;
    height:10px;
    width:17px;
    background-color:#999;
    border:0px solid #333;
    outline:none;
    margin-left: 4px;
}
#teaser div.navi a.active{
    background-color:#000 !important;
}
#teaser-control{
    
    height:10px;
    width:10px;
    display:block;
    margin-left:200px;
    padding-right:8px;
    border-right:1px solid #ccc;
    
}
/**
.teaser-playing{
    background:url(http://www.pbs.org/wgbh/nova/img/pause.png) no-repeat;
}
.teaser-playing:hover{
    background:url(http://www.pbs.org/wgbh/nova/img/pause-over.png) no-repeat;
}
.teaser-paused{
    background:url(http://www.pbs.org/wgbh/nova/img/play.png) no-repeat;
}
.teaser-paused:hover{
    background:url(http://www.pbs.org/wgbh/nova/img/play-over.png) no-repeat;
}
**/
#teaser div.scrollable li p.blurb{
    position:absolute;
    top:0;
    width:145px;
    height:100%;
    z-index:2;
    color:#fff;
    padding: 28px 15px 0 15px;
	text-align:left;
}
#teaser div.scrollable li p.blurb strong + span{
    display:block;
}

#teaser div.scrollable li p strong{
    display:block;
    margin-bottom: 10px;
}
#teaser div.scrollable li p img{
    margin: 18px 0px 9px 0px;
}

#teaser div.scrollable li div.side-bg{
    width:175px;
    height:100%;
    background-color:#000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
#teaser div.scrollable li.nosidebg div.side-bg{
    width:175px;
    height:100%;
    background-color:#fff;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}

#teaser div.scrollable li p .credit{
    clear:both;
    color:#ccc;
    display:block;
    margin-top:310px;
    position:absolute;
    top:0;
    font-size:10px;
    line-height:12px;
    
}


#teaser .choose-tease{
    text-decoration:none;
    display:block;
    margin:10px 0 0;
    padding:0 3px 0 20px;
    float:left;
    height:16px;
}
#teaser .choose-tease span{
    font-weight:bold;
}
#teaser a.Listen{
    background:url(http://www.pbs.org/wgbh/nova/img/listen.png) no-repeat;
}
#teaser a.Read{
    background:url(http://www.pbs.org/wgbh/nova/img/read.png) no-repeat;
}
#teaser  a.Interact{
    background:url(http://www.pbs.org/wgbh/nova/img/interact.png) no-repeat;
}
#teaser  a.Watch{
    background:url(http://www.pbs.org/wgbh/nova/img/watch.png) no-repeat;
}
.next,.prev{
    background-color:#ccc;
    display:block;
    
    width:20px;
    height:20px;
    cursor:pointer;
}
.next{
    float:right;
}
.prev{
    float:left;
}
div.scrollable {  
    position:relative; 
    overflow:hidden;
    width:550px;
    height:250px;
} 
 
div.scrollable ul.items { 
    width:20000em; 
    position:absolute;
    margin:0;
    padding:0;
} 

div.scrollable ul.items li { 
    float:left; 
    width:550px;
    height:250px;
    padding:0;
    font-size: 12px;
    cursor:pointer;
    list-style-type:none;
    line-height: 15px;
} 
div.scrollable ul.items li a:hover{
    text-decoration: none;
}
div.scrollable ul.items li a{
    text-decoration:underline;
    color: #fff;
}

ul.items li.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}
/** END NEW HOMEPAGE FEATURED NEWS **/



/*------------------------------------------------*/
/*-------------[RIGHTCOL LOGIN BOX]---------------*/
/*------------------------------------------------*/
#rightcolloginbox
{
	padding-bottom:10px;
}
/*------------------------------------------------*/
/*----------------[RIGHTCOL SLIDER]---------------*/
/*------------------------------------------------*/
#rightcolslider
{
	/** background-color:#ffffff; **/
	margin:1px;
}
#rightcolslider h3
{
	/** padding:5px; **/
}
#rightcolslider h3 a
{
	font-weight:bold;
	color:#333333;
}
#rightcolslider h3 a img
{
	padding-right:5px;
	border:0px;
}

/*------------------------------------------------*/
/*--------------[BOTTOM LEADERBOARD]--------------*/
/*------------------------------------------------*/
#bottomleaderboard { 
	clear:both; 
	width:950px;
	height:90px;
	text-align: left; 
	margin-left:auto;
	margin-right:auto;
	padding:5px 5px;
	background:#ffd3ef;
	text-align:center;
}



/*------------------------------------------------*/
/*--------------------[FOOTER]--------------------*/
/*------------------------------------------------*/
#footer { 
	clear:both; 
	width:940px;
	text-align: left; 
	margin-left:auto;
	margin-right:auto;
	padding:10px 10px;
	background:#fa0397;
	color:#ffffff;
	font-weight:bold;
}
#footer a { color: #FFFFFF;font-weight:bold; }
#footer a:visited { color: #FFFFFF;font-weight:bold; }
#footer a:hover { color: #FFFFFF;font-weight:bold; text-decoration: none; }


/*------------------------------------------------*/
/*------------------[GLOW EFFECT]-----------------*/
/*------------------------------------------------*/

/** default **/
.glowmod {
   position:relative;
   z-index:0;
}

/** specific - lword homepage **/
.glowmod_topmainbanner
{
   position:relative;
   z-index:1000;
   width:815px;
   height:224px;
   margin-left:auto;
   margin-right:auto;
}
.glowmod_topnavigation
{
   position:relative;
   z-index:0;
   width:675px;
   height:33px;
}

.glowmod .glowmod-content,
.glowmod_topmainbanner .glowmod-content,
.glowmod_topnavigation .glowmod-content
{
   position:relative;
   z-index:2;
}
/* x1 = top and left edges; 
   x1a = top right corner; 
   x2 = right and bottom edges; 
   x2a = bottom left corner */
.glowmod .x1,
.glowmod .x1a,
.glowmod .x2,
.glowmod .x2a,
.glowmod_topmainbanner .x1,
.glowmod_topmainbanner .x1a,
.glowmod_topmainbanner .x2,
.glowmod_topmainbanner .x2a,
.glowmod_topnavigation .x1,
.glowmod_topnavigation .x1a,
.glowmod_topnavigation .x2,
.glowmod_topnavigation .x2a
{
   display:block;
   background:url(../../images/glow2.png) no-repeat;
   /* turn off for IE6 or use a GIF */
   _background:transparent; 
   width:100%;
   height:100%;
   position:absolute;
}
.glowmod .x1,
.glowmod_topmainbanner .x1,
.glowmod_topnavigation .x1
{
   background-position:0 0;
   z-index:-2;
   top:-20px; /* set to the size of the glow */
   left:-20px;
   bottom:0;
   /* set glow to the edges of 'mod' */
   padding:0 20px 20px 0; 
}
.glowmod .x1 .x1a,
.glowmod_topmainbanner .x1 .x1a,
.glowmod_topnavigation .x1 .x1a
{
   height:20px;
   width:20px;
   background-position:100% 0;
   right:-20px;
   top:0;
}
.glowmod .x2,
.glowmod_topmainbanner .x2,
.glowmod_topnavigation .x2
{
   background-position:100% 100%;
   z-index:-1;
   bottom:-20px;
   right:-20px;
   padding:20px 0 0 20px;
}
.glowmod .x2 .x2a,
.glowmod_topmainbanner .x2 .x2a,
.glowmod_topnavigation .x2 .x2a
{
   height:20px;
   width:20px;
   background-position:0 100%;
   left:-20px;
   bottom:0;
}