/*
Theme Name: WHYY Health and Science Auto
Theme URI: http://www.whyy.org
Description: Theme developed for WHYY by Todd Vachon
Author: Todd Vachon
Author URI: http://www.toddvachon.com
version: 2.8
*/

/*
Comprehensive News Theme Version History:
2.8 (November 2009) Reorganized theme files for easier readability, removed remaining links to old H+S theme, updated screenshot, fixed bug where HS subcategories would collapse when on 'Digest This' page. 
2.7 (November 2009) Separated trackbacks/pingbacks from comment threads for better readability. 
2.6 (October 2009) Upgraded comment styling and added threaded comments (replys), gravatars. Added GD star ratings system and configured ratings for stories and comments. Updates to H+S right sidebar stying. Restyled footer to better match color palette. Added 'Digest This' category page.  
2.5 (September 2009) Updated to WP 2.8.4 to secure site against a new exploit and updated all plugins. Added ability to subscribe to a post's comments via email notification. Added rotating carousel in special features section to enable viewing multiple features with less screen real estate. Added separately formatted carousel in H+S and EDU right sidebars. Minimized twitter and RSS icon links into a sidebar header badge. Had to disable the automatic function of ShareThis and manually add ShareThis code into template because of a javascript conflict between the jQuery script running the carousel and ShareThis (which uses a different javascript lib).Changed meta description field to autofill with story excerpt for Google.
2.4 (August 2009) Re-tooled entire H+S section to display 2 loops with cleaner formatting. Added jQuery-based tabs to second loop to integrate NPR content. Mirrored formatting changes to all subcategory pages. Also Added NPR content to sidebar of Skytalk and BH subcategory pages. Added images to BH second loop on front page. Changed archive-drop down section of sidebar so it would drop below additional content. 
2.3 (July-Aug 2009) Added the ability to display up to 3 videos/slideshows in the right sidebar, including title, description and thumbnail, with custom fields. Video will automatically link thumbnail and title to a provided file. Sidebar will auto-detect the presence of a video. Added Delaware category link to sidebar, and Delaware banner option to single post page. Fixed author display on H+S main sidebar so 'News Staff' and "HS Staff' don't appear.
2.2 Added plugin to advise IE6 users to upgrade. Rich added new Google-based site search. Fixed IE8 spacing quirk on H+S/Edu logos by forcing IE7 compatability with <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> in header. Linked to SkyTalk homepage from the sidebar of SkyTalk page. Added NPR API calls to main H+S and Skytalk pages to incorporate NPR content. 
2.1 (April 2009) Split off Verizon sponsored Education category, added category page template and banners. Fixed index page according to WP standards so only one query on database is performed per page load. Re-coded pages so that new sticky post functionality works on index page without breaking category pages. Updated class="post" to 'php post_class();' to support new styling functionality. Integrated new sticky post functionality with News template. Added category-specific search boxes for grant-funded H+S and Education categories. Numerous minor changes to content layout as a result of feedback from newsroom. 
2.0 Major rewrite to include all of WHYY News. Launch date 3/10/09
(March 2009)Automated author template to show H+S formatting only with H+S reporters. Added special features functionality to H+S front page & corrected code for new category id. Imported all past H+S posts. Fixed a number of automation logic errors. Moved theme to new database in CMS directory. Upgraded WPmu to v2.7. Upgraded plugins.
(Feb 2009) Added automated bylines, and author page template. Added Gottlieb and Skytalk to H+S categories, & created special category front pages for all H+S sub-categories.Fixed problem where layout would break in IE. 
(Jan 2009) News theme adapted from H+S auto template version 1.8. Changed front page photo size & styling, added tabbed box for RSS feeds, Health+Science integrated into theme:Left sidebar revamped to include conditional test for H+S stories to render different content. Special category page created to act as H+S front page. Will need to upgrade to WPMU 2.7 for sticky post functionality. 


1.8 (Nov/Dec 2008)Fixed several sytax errors that kept page from validating. Legacy banner code still prevents validation. Added spacing between paragraphs in default entries. Changed '.post p' font size to 8.5pt for easier readability. Added audio/video help page, linked banner on page.php to main page. Implemented new video player (mPlayer)in shadowbox wrapper for video/slideshow content. Fixed additional validation errors (legacy banner code cannot be changed and continues to defy validation). [note: Sociable plugin replaced with ShareThis]
1.7 Implemented a fix for the issue where the sidebar bg color would not extend all the way to the footer, using a background image,including code changes to keep IE6 from breaking layout yet again. Added H+S banner to search results page. Misc other bugfixes and tunings.
1.6 Added and tuned special coverage section on index page. Fixed alignment and styling of archive & search page footer navigation. Fixed alignment of mini-footer info boxes on search page. Updated GEF link with new supplied code for implementation. [Added Audio Player plugin to enable on-page play of mp3 files]
1.5 Added Podcast RSS link to sidebar, SEO optimization for page titles, optimized CSS code for content and SEO. Linked H+S banner on single and archive pages to H+S main, fixed link to main news+information site in header. [also added WPspamFree and sociable plugins]
1.4 Added WordPress classes for photo alignment and caption functionality introduced in WP v6.
1.3 Added GEF sidebar link w/ automation & detection using custom fields, fixed firefox print error, fixed searchbox field alignment issue for all browsers. [multi-user comment notification plugin added]
1.2 Added detection of images so missing images aren't outlined, archive dropdown box, added 'singleright.php' so single pages don't display BH stories. Fixed outlining of headphone images. Fixed small credit/date type issue with smaller displays. 
1.1 Three level automation added; photos included in custom field and auto resize with new posts, 3 loops with varying degrees of headline. 2 loop automation for BH stories. 
1.0 (Sept 2008) Basic WHYY styled wordpress page, displaying properly in all major browsers.
*/








/*These classes required by wordpress*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   /* border: 1px solid #ddd; */
   text-align: center;
   /* background-color: #f3f3f3; */
   padding-top: 4px;
   margin: 0 10px 0 0;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   -border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 1.1em;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 5px 5px 5px 5px;
   text-align: left;
   font-family: arial, helvetica, sans-serif;
   color:#666666;
   font-weight: bold
}
/*end wordpress css*/


/* basics */

*{margin:0; padding:0;}

body {
	background: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	margin: 20px;
	}
	
body#flashcontainer{height: 320px !important}
	
h1 {font-size: 14pt; margin-top:10px;}
h2 {font-size: 14pt; margin-top:10px;}/*used for special feature section headline*/
h3 {font-size: 10pt; margin-top:10px;}
h4 {font-size: 9pt; margin-top:10px;}/*special feature section sub-stories*/
h5 {/*for 'more' dividers between loops on main H&S page*/
	color:#5F5F5F;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1em;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:normal;
	text-transform:uppercase;
	margin:10px 0px 0px 7px;
	border-bottom:2px solid #B6B6B6;
}


/*WP static page link display*/

.pagenav{
	display: block;/*removes leftmost bullet*/
}

.page_item {
	color: #fff;
	font-weight : bold;
	text-decoration: underline;
	display: block;/*removes li bullet*/
}

.current_page_item {
	
}

.current_page_parent {
	
}


/* end WP static page link display*/



/* images and misc. */

img{ border: none; padding: 0px; }
img a{border:none;}


img.border{border: 1px solid #666666; padding: 0px;}

img.left{ float: left; border: none; padding: 6px; }
img.right{ float: right; border: none; padding: 6px; }

img.pos_left {/*for relative positioning of left sidebar image elements (sponsor images) that wander off track*/
position:relative;
left:-18px
}
img.pos_bottom {/*for relative positioning of header image element that sits too low*/
position:relative;
left:-5px
}

blockquote{
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
	}

code{
	margin:10px;
	font-family:"Courier New", Courier, monospace;}


/* links */

a{
	color:#666;
	text-decoration:none;
	border: none;
	}

a:hover{color:#6A7CA0;text-decoration: underline; border: none;}



/* container */


#container {
	width: 900px;
	margin: 0 auto;
	padding: 0 5px 0 5px;
	background:#fff url(http://www.whyy.org/cms/wp-content/themes/WHYY_News/images/background900w.gif) repeat-y 50% 0;
	color:#333;
	border: 2px solid #8f8e91;
	}	
/* header */

#header {
	background: #fff;
    width: 100%; 
	color: #fff; 
	height: 84px;
	margin: 0 0 1px 0;/*1px bottom margin keeps header image from overlapping the nav bar*/
	/*border: 2px solid #8f8e91;
	padding: 5px 5px 5px 5px;  */ /*keeps header content away from edges*/
	
	}

.blockIMG {  /* This class necessary to keep header image from overlapping navbar in ie7 */
	display: block;
	margin: 0;
	}

/* main menu */


#menu {
	background: #8F8E91;
	font-family: verdana, arial, times, serif;
	font-size: 8pt;
	width:100%; 
	height:25px;
	border-top: 1px solid #fff;
}


#menu ul {
	margin: 6px 0 0 0;
	padding: 0;
	text-align: left;

}

#menu ul li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#menu ul li a {
	padding: 6px 13px 6px 13px;
	margin: 0;
	text-decoration: none;
	color: #fff;
}

#menu ul li a:hover {
	background-color: #fff;
	color:#0B1316;
}

#geflink {
	background-color: #f0f0f0;
	
	border: 1px solid #112489;
	/*
left:+1px;
	position:relative;
*/
	margin: 0px;
}

#geflink a {
	color: #112489;
}

/* content */
/* tier 1 */

#tier1 {
width:720px;
margin:0 0 0 5px;
/* margin:0 auto; */
/* height:325px; */
overflow:hidden;
padding:0px;
background:#f2f2f2;
/* margin-bottom:5px; */
}

#tier1 .tier1main {
width:715px;
/* margin:5px 0px 0px 20px; */
float:left;
background:#fff;
/* height:305px; */

}





#tier1 .tier1main .tier1mainleft {
	width:440px;
	height: 258px;
	float:left;
	padding:0px 0px 10px 0px;
	border-bottom: 1px solid #dedede	
}



#tier1 .tier1main .tier1mainright {
	width:263px;
	height: 268px;
	float:right;
	background:#f2f2f2;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	border-left: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	border-right: 1px solid #dedede;
	padding-right:10px;
}
#tier1 .tier1main .tier1mainright h1 a{
	font-size: 12px;
}

#tier1 .tier1main h2 {
padding:10px 0px 5px 0px; 
background:transparent url(images/liline.gif) bottom repeat-x;
margin:0px 10px 5px 10px;
}



/* tier 2 */

#tier2 {
height:1060px;
overflow:hidden;
width:720px;
margin:10px 0 0 5px;
background:#F2F2F2;
border-bottom: 1px solid #dedede;

}
/*NPR Health+Science feeds*/
.nprModStory3, .nprModAudioLinks {display: none;}
.nprModDate{color:#646366;font-size:0.8em;font-weight:bold;display:block;}
.nprModImg {margin: 0 15px 8px 0; margin-right: 15px;}
#tier2 img.looppic{margin-bottom: 3px;}
.nprModPipe {display:none}


/*End NPR feed*/



#tier2 .tier2a {
float:left;
width:280px;
height:1057px;
overflow:hidden;
padding:0px;
margin-left:0;

}
#tier2 a{font-weight: bold;}
#tier2 .tier2a .subpost{
	margin-right:7px;
}

#tier2 .tier2b {
float:left;
width:222px;
height:600px;
overflow:hidden;
margin:0;
background:#ffffff;
padding:10px;
border-left: 1px solid #666666;
border-right: 1px solid #666666;

border-top: 1px solid #666666;
}
#tier2 .tier2b .subpost{
	margin-left:3px;
}
#tier2 .tier2b h5{
	margin:0;
}


#tier2 .tier2c {
float:right;
width:190px;
margin:0 5px 10px 0;
background:#F2F2F2;
height:605px;
overflow: hidden;
}


#tier2 .tier2d {
float:left;
width:232px;
height:588px;
overflow:hidden;
margin:0;
background:#f2f2f2;
padding:0 10px 0 0;
border-left: 1px solid #dedede;
border-top: 1px solid #666666;
}
#tier2 .tier2d h1 a{
	font-size: 12px;
}


#tier2 .tier2e {
float:left;
width:180px;
margin:0 5px 10px 0;
background:#F2F2F2;
height:607px;
border-left: 1px solid #dedede;
border-top: 1px solid #dedede;
padding-right: 10px
overflow: hidden;
}
#tier2 .tier2e h1 a{
	font-size: 12px;
}



/* content */
/* sticky posts */
.sticky { 
	background-color: #c9ccd9;
	background-image:url(ajaxtabs/topbg.jpg);
	margin: 10px 5px 5px 5px;
	border:1px solid #cccccc;
	 }
	 
	 
.sticky.post {
	margin-top: 10px;
	padding-left: 10px;
	padding-right:10px;
}

.sticky h2 a {
	color: #2950dd;
	font-size: 12pt;
}
.sticky a:link {
	color: #2950dd;
	
}
.sticky a:visited {
	color: #2950dd;
}

.sticky img.looppic {
	
	width:160px; 
	height:120px;
}


/* end sticky posts */

			
#leadpic {
	float:left;
	margin: 0 15px 8px 0;
	}
	
#featurepic {
	float:left;
	margin: 0 15px 8px 0;
	}
	

#lead {
	margin-top:0px;
	
	}
	



/* !For special feature section */	

		
#specialfeature p {
	
	margin:0 15px 0 15px;
}
#specialfeature h5 {
	color: #ffffff;
	margin:10px 10px 0 10px;
	color: #dedede;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1em;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:normal;
	text-transform:uppercase;
	/*margin:10px 0px 0px 15px;*/
	border-bottom:2px solid #B6B6B6;
}
#specialfeature h2 a {
	color: #e5783d;
	font-size: 12pt;
	padding-right:20px;
}
#specialfeature a:link {
	color: #2950dd;
}
#specialfeature a:visited {
	color: #2950dd;
}
#specialfeature ul li {list-style: none;}

#specialfeature img {
display:inline;
float:left;
height:160px;
margin:15px 15px 75px 10px;
overflow:hidden;
width:200px;
}

#radiofeature h2 {color: #e5783d; font-size: 1.1em;padding-right:15px;}
#radiofeature img {overflow:hidden;display:inline;float:left;width:80px;height:64px; margin: 0 10px 10px 5px;border: none;}
#radiofeature ul{padding:0;list-style:none;margin: 5px 10px 10px 5px;}
#radiofeature ul li{overflow:hidden;display:inline;float:left;text-align:left; margin-bottom:10px; }


#specialfeature .excerpt {clear: left}

/* End special feature section */
#socialmedia_header img {margin-bottom: 0px;}


#content {
	float: left;
	width: 80%;/* can break the layout in IE6*/
	overflow: hidden;
	
	}
	
#contentnarrow {
	float: left;
	width: 53%;/* 48% is the maximum this value can go before it breaks the layout in IE6*/
	overflow: hidden;
	}
	

.post {
	margin: 0 0px;
	padding:0px 0px 0px 15px;
	line-height: normal;
	}
	
.post h1{
	font-family: Arial,Helvetica,sans-serif;
	/*
font-size: 1.5em;
	font-weight: 300;
*/
	font-size: 16px;
	

	color: #333333;
	}
	
.post h1 a{
	color: #2950dd;
	text-decoration: none;
	}
	
.post h1 a:hover{
	
	text-decoration: none;
	}
	
.post p{font-size: 8.5pt;}

.post a{text-decoration:underline; font-weight : bold;}

.post img{
	/*float:left; was interfering with image captions*/
	/*border: 1px solid #666666; removed because it put a border around headphone icons as well. Use '.border' below to control post image borders*/ 
	padding: 0px;
	margin-right: 5px;
}

.post ul {
	list-style : none;
}

.post li {}
.post hr {color: #fff; background-color: #fff; border: 1px dotted #b6b6b6; border-style: none none dotted; margin-right: 10px;}/* BH sidebar on H+S front page */


.subpost {
	
	 margin:0px 0px 0px 7px; /* Changed this from padding to fix bug in ie7, still having problems in ie6*/
	line-height: normal;
	
	}
	
.subpost_postmetadata {
	margin-left:7px;
	padding-left: 6px;
	padding-bottom: 3px;
	padding-right: 3px;
	padding-top: 3px;
	border-bottom-width: 1px;
	border-bottom-color: #bfbfbf;
	border-bottom-style: solid;
	clear: both;
	background:#F7F7F7;
	margin-top: 6px;
	color: #999999;
	border-left: 1px solid #dedede;
}

.subpost h1{
	font-family: Verdana, Arial,Helvetica,sans-serif;
	font-size: 12px;
	/* font-weight: 300; */
	color: #E5583D;
	font-weight: bold;
	}
.subpost img{
	/*float:left; was interfering with image captions*/
	/*border: 1px solid #666666; removed because it put a border around headphone icons as well. Use '.border' below to control post image borders*/ 
	padding: 0px;
	margin-right: 5px;
}

/* for tabbed content on HS front page */
.ui-tabs .ui-tabs-hide {
     display: none;
     
}
.ui-widget {
	margin-left:15px;
	}


/* end tabbed content */


.entry p{margin:10px 0;}/*top margin determines paragraph spacing in blog entry*/


.postmetadata{
	padding-left: 6px;
	padding-bottom: 3px;
	padding-right: 3px;
	padding-top: 3px;
	border-bottom-width: 1px;
	border-bottom-color: #bfbfbf;
	border-bottom-style: solid;
	clear: both;
	background:#F7F7F7;
	margin-top: 6px;
	margin-left:15px;
	color: #999999;
	/* border-left: 1px solid #dedede; */
	}
	

	

.navigation {
	font-size:8pt;
	float:left;
	width:100%;
	}
	
	.alignleft {float:left; margin:5px 5px 5px 15px;}
	.alignright {float:right; margin:5px 0 5px 5px;}

.notfound{padding: 25px; font-size: 14pt; font-weight: 300;}


/* left sidebar */

#left {
	
	/*font-family: verdana, arial, tahoma;
	font-size:8pt; */
	width: 160px; /* IE will include padding and border in addition to width.*/
	height: 100%; /*extends background of left sidebar*/
	float:left;
	margin: 0px 0 24px 0;
	padding: 15px 10px 15px 10px;
	overflow: hidden;
	/*border-right: 1px dotted #A2A2A2;*/
	}

#left h2{
	font-family: georgia, verdana, times;
	font-weight: normal; 
	font-size: 10pt; 
	text-align: left;
	color: #fff;	
	margin: 0;
	padding: 0;
}

#left p {margin:0; padding: 0 6px 0 12px;}

#left img {padding: 0; margin: 0;}

#left ul {
	margin-top:12px;
	margin-bottom:12px;
	padding:0;
	list-style-type: none;
	}

#left ul li {
	margin: 0;
	padding: 0;
	line-height: 14pt;
	/*list-style-type: none;*/
	}

#left ul ul {
	margin: 6px 0 6px 12px;
	padding: 0;
}

#left ul ul li {
	list-style-type: none;
	list-style-position: inside;
	}

#left ul ul ul{
	margin: 0;
	padding: 0;
}

#left ul ul ul li{
	padding: 0 0 0 15px;
	list-style-type: square;
	color: #898989;
}
/* #left hr {color: #fff;background-color: #fff;height: 1px;border: 1px solid #fff;} */


/* right sidebar */

#right{
	font-family: verdana, arial, tahoma;
	font-size:8pt;
	width: 205px;
	float:right;
	margin: 0px 0 24px 0;
	padding: 0;
	border-bottom: 0px solid #A2A2A2;
	height:100%;
	}

#right h1{
	font-family: Arial,Helvetica,sans-serif;
	font-weight: normal; 
	font-size: 13px;
	font-weight: bold; 
	text-align: left;
	color: #08122E;	
	margin: 0;
	padding: 0;
}

#right p {margin:0; padding: 0 6px 0 0px;}



#right img {
	padding: 0; 
	margin-bottom: 5px;

}

#right ul {
	margin:12px;
	padding:0;
	list-style-type: none;
	}

#right ul li {
	margin: 0;
	padding: 0;
	line-height: 14pt;
	list-style-type: none;
	}

#right ul ul {
	margin: 6px 0 6px 12px;
	padding: 0;
}

#right ul ul li {
	list-style-type: none;
	list-style-position: inside;
	}

#right ul ul ul{
	margin: 0;
	padding: 0;
}

#right ul ul ul li{
	padding: 0 0 0 15px;
	list-style-type: square;
	color: #898989;
}

.rightnav {
	background: #F0F0F0;
	border-top: solid 1px #DEDEDE;
	border-right: solid 1px #DEDEDE;
	border-left: solid 1px #DEDEDE;
	padding: 0px;
	/* border-bottom: 2px solid #A2A2A2; */
	/*margin: 0px 5px 10px 5px;*/
	

}
#rightnavend {border-bottom: 2px solid #A2A2A2; 
	-moz-border-radius-bottomleft:12px;
	-moz-border-radius-bottomright:12px;
	-webkit-border-bottom-left-radius:12px;
	-webkit-border-bottom-right-radius:12px;
	border-radius:12px;
	}


#right #behavioralhealth {border-left: 1px solid #DEDEDE;border-right: 1px solid #DEDEDE;}	
#right #behavioralhealth h1 {margin-right: 10px;}
/* #bhsecond.post {border-bottom: 1 px dotted #DEDEDE;} */	
/* #right div.post {border-left: 1px solid #DEDEDE;left:-1px;position:relative; border-right: 1px solid #DEDEDE; } */




/* NPR / Yahoo pipes styling */
.post div.nprrss h5 {margin-left: 0px}
.nprModText {margin-right: 10px;}
.nprModHead {margin-right: 10px;}
.ybt {margin-left: 10px !important;}
.pipesText {margin-right: 10px !important;}



/* comments 

#commentssection{
	clear: both;
	padding: 2px 12px;
	margin: 0;
	}
	
#commentssection h3{
	font-family: georgia, times, verdana;
	font-size: 12pt;
	font-weight: 300;
	font-style: normal;
	color: #000;
	}

#commentform{
	background: #F0F0F0;
	border: solid 1px #DEDEDE; padding: 0px;
	margin: 12px 12px 20px 12px;
	padding:20px;
	}
	
#commentform p{
	color: #000;
	}
	
#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
	
#commentform h3{
	font-family: georgia, times, verdana;
	font-size: 10pt;
	font-weight: 300;
	color: #000;
	}
	
#commentbox{
	width:75%;
	min-width:300px;
	margin:5px 5px 0 0;
	}

#author, #email, #url, #commentbox, #submit{
	background: #fff;
	font-family: verdana, arial, times;
	font-size: 8pt;
	margin:5px 5px 0 0;
	border: none; 
	padding: 6px;
	border: 1px solid #B2B2B2;
	}

#submit{margin:5px 5px 0 0;}

	
ol.commentlist {list-style-type: none;}

ol.commentlist li {
	background: #fff;
	margin:10px 0;
	padding:5px 0 5px 10px;
	overflow: hidden;
	}

ol.commentlist li.alt {background: #EDEDED;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}

ol.commentlist a {color:#000;} supresses link color in comments*/

/* NEW COMMENTS */
.commentssection{
	clear: both;
	padding: 2px 12px;
	margin: 0;
	}
	
#comment{
	width:100%;
	
	margin:5px 5px 0 0;
	}
	
#commentform{
	background: #F0F0F0;
	border: solid 1px #DEDEDE; padding: 0px;
	margin: 12px 12px 20px 12px;
	padding:20px;
	border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	}
ul.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ul.commentlist li { border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; }
ul.commentlist li.alt { }
ul.commentlist li.bypostauthor {background-color:#b4caf8 !important; }
ul.commentlist li.byuser {background-color: #B4CAF8 !important;}
ul.commentlist li.comment-author-admin {}


ul.commentlist li.comment { }
ul.commentlist li div.comment-author { padding:0 170px 0 0;}
ul.commentlist li div.vcard { font:bold 14px/1.4 helvetica,arial,sans-serif; }
ul.commentlist li div.vcard cite.fn { font-style:normal; }
ul.commentlist li div.vcard cite.fn a.url {text-decoration:none; }
ul.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ul.commentlist li div.vcard img.avatar { border:1px solid #666; left:7px; position:absolute; top:7px; }
ul.commentlist li div.vcard img.avatar-32 {}
ul.commentlist li div.vcard img.photo {}
ul.commentlist li div.vcard span.says {font:bold 12px/1.4 helvetica,arial,sans-serif;}
ul.commentlist li div.commentmetadata {}
ul.commentlist li div.comment-meta { font:bold 10px/1.4 helvetica,arial,sans-serif; /* position:absolute; right:10px; */ text-align:left; top:5px; }
ul.commentlist li div.comment-meta a {color:#999; text-decoration:none; }
ul.commentlist li div.comment-meta a:hover { color:#000; }
ul.commentlist li p { font:normal 12px/1.4 helvetica,arial,sans-serif; margin:0 0 1em; }
ul.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ul.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:5px 10px;  text-align:center; width:36px; }
ul.commentlist li div.reply:hover { background:#b4caf8; border:1px solid #666; }
ul.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ul.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ul.commentlist li ul.children li { }
ul.commentlist li ul.children li.alt {}
ul.commentlist li ul.children li.bypostauthor {background-color: #B4CAF8 !important;}
ul.commentlist li ul.children li.byuser {background-color: #B4CAF8 !important;}
ul.commentlist li ul.children li.comment {}
ul.commentlist li ul.children li.comment-author-admin {}
ul.commentlist li ul.children li.depth-2 { margin:0 0 .25em	; }
ul.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ul.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ul.commentlist li ul.children li.depth-5 {}
ul.commentlist li ul.children li.odd {}
ul.commentlist li.even { background:#fff; }
ul.commentlist li.odd { background:#f6f6f6; }
ul.commentlist li.parent { }
ul.commentlist li.pingback { }
ul.commentlist li.pingback.parent { }
ul.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ul.commentlist li.thread-alt { }
ul.commentlist li.thread-even {}
/* ul.commentlist li.comment even thread-even depth-1 parent{margin-left:15px;} */
ul.commentlist li.thread-odd {}
/* pingback styling */
ul#pingbacks li {background-color:#f0f0f0 !important; padding-left: 15px;}
ul#pingbacks li div.reply {display: none}

/* for GD Star Ratings thumb comment ratings: */
.thumblock {float: right; display: inline; }

/* END NEW COMMENTS */


cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}
	
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}


/* search */

#searchform{
	padding: 3px 0 0px 6px;
	font-family: verdana, arial, times;
	
	}

#searchform input#s{
	font-family: verdana, arial, times;
	font-size: 8pt;
	padding: 2px;
	margin: 2px;
	border: 1px solid #B7B7B7;
	width:95%
	}

#searchform input#searchsubmit{
	font-family: verdana, arial, times;
	font-size: 11px;
	font-weight : bold;
	padding: 2px;
	margin: 2px 0 0 2px;
	border: 0px solid #B7B7B7;/*border for the search button*/
	background-color: #bebebe;
	color: #ffffff;
	
	}



#foot {		
	clear: both; 
	width: 100%;
	margin-top:15px;
	font-family: verdana, arial, tahoma;
	font-size: 7pt;
	text-align: center;	
	color : #646366;
	text-align : center;
	padding : 0px;
	margin : 0px;
	font-weight : bold;
	font-family : verdana, arial, helvetica, sans-serif;
	font-size : 10px;
	line-height : 10px;
	
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#646366 url(http://www.whyy.org/cms/wp-content/themes/WHYY_News/images/footer_shadow_bg.gif) repeat-x scroll center top;
	padding-bottom:20px;

	}
	
#foot p{padding:6px;margin: 0; color: #aaaaaa;}
#foot a{color: #aaaaaa;text-decoration: none;}
#foot a:hover{color: #ffffff;text-decoration: underline;}


#foot ul li { 
	display: inline;
	list-style : none;
	padding-left : 20px;
	padding-right : 20px;
}


/* Form Elements */

select {
	background:#f2f2f2;
	border:1px solid #9c9c9c;
	width:100%
	}
	
#searchform {
	padding:0px 0px 0 5px; 
	}

.button {
	padding: 1px;
	background:#000;
	color:#e7e7e7;
	border:none;
	}




/* Calendar:START */
 #wp-calendar {
 width: 100%;
 margin-left: 0%;
 background: #ebebeb;
 }
 
 #wp-calendar caption {
 width: 100%;
 margin-left: 0%;
 font-weight: bold;
 }
 /*-----day of the week abbreviations---*/
 #wp-calendar th {
 font-weight: bold;
 background-color: #999999;
 color: #646366;
 text-align: center;
 border: 1px solid #646366;
 }
 /*individual td cells and dates with no posts*/
 #wp-calendar td {
 border: 1px solid #888888;
 text-align: center;
 color: #646366;
 }
 
 #wp-calendar tfoot td {
 text-align: center;
 }
 
 #wp-calendar {
 margin-bottom: 20px;
 }
 /* Calendar:END */


a:link, a:visited, a:active { color: #2950dd; text-decoration: none; }


/* CSS FROM WHYY SITE
-----------------------------------------------
  Page Structure
  ////////////////////////////////////////////
  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
  ////////////////////////////////////////////
  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
----------------------------------------------- */
/*
body {
	background-color: #fff;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	margin: 0px;
	padding: 0px;
}
*/


	

#sidebarcontent {
	color: #fff;
}

#sidebarcontent ul {
	/* padding-left : 10px; */
	margin-left : 2px;
}
	
#sidebarcontent li {
	
	line-height : 20px;
}



#navbarcontainer { /* may be depricated */
	margin : 0px;
	padding : 0px;
	width : 580px;
}

#maincontentcontainer { /* may be depricated */
	width : 570px;
	margin-top : 0px;
	padding-top : 0px;
	margin-left : 10px;
	margin-right : 0px;
	padding-right : 0px;
}
	
#maincontent { /* may be depricated */
	width : 350px;
	padding-top : 10px;
	text-align : left;
}

#rightsidebar { /* may be depricated */
	width : 230px;
	padding-left : 10px;
	padding-top:10px;
	text-align : left;
}

/*rounded corner sidebar box code - not currently used

.roundbox { 
	background: url(images/dbg_white.gif) repeat;
	margin: 0px;
	padding : 0px;
}

.top {
	background: url(images/top.gif) repeat-x;
	height: 20px;
}

.top div {
	background: url(images/leftcornertop.gif) no-repeat top left;
	height: 20px;
}

.top div div{
	background: url(images/rightcornertop.gif) no-repeat top right;
}

.bottom {
	background: url(images/bottom.gif) repeat-x;
	height: 20px;
}

.bottom div {
	background: url(images/leftcornerbottom.gif) no-repeat bottom left;
	height: 20px;
}

.bottom div div {
	background: url(images/rightcornerbottom.gif) no-repeat bottom right;
}
*/

.contentwrap {
	background: url(images/left.gif) repeat-y;
}

.content {
	background: url(images/right.gif) repeat-y right;
	padding: 0px 10px 0px 10px;
	margin: 0px;
}

.content ul {
	margin-left : 1em;
	padding-left : 1em;
	margin-top : 0px;
}
	
.content li {
	list-style : circle;
	line-height : 20px;
	color: #0071EB;
	margin-left : 0px;
	padding-left : 0px;
	font-size : 10px; 
}
	



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

#sidebarcontent ul li a {
	color: #fff;
	font-weight : bold;
	text-decoration: underline; 
}

#sidebarcontent ul li a:hover {
	color: #8F8E91;
	font-weight : bold;
	text-decoration: none;
}

a.sidebarlink {
	color: #fff;
	font-weight : bold;
	text-decoration: underline;
}

a.sidebarlink:visited {
	color: #fff;
	font-weight : bold;
	text-decoration: underline;
}

a.sidebarlink:hover {
	color: #8F8E91;
	font-weight : bold;
	text-decoration: none;
}

.content ul li a {
	color: #2950DD;
	font-weight : bold;
	text-decoration: underline;
}

.content ul li a:visited {
	color: #2950DD;
	font-weight : bold;
	text-decoration: underline;
}

.content ul li a:hover {
	color: #646366;
	font-weight : bold;
	text-decoration: none;
}

a.contentlink {
	color: #2950DD;
	font-weight : bold;
	text-decoration: underline;
}

a.contentlink:visited {
	color: #2950DD;
	font-weight : bold;
	text-decoration: underline;
}

a.contentlink:hover {
	color: #646366;
	font-weight : bold;
	text-decoration: none;
}

a.rss-item {
	color: #2950DD;
	font-weight : bold;
	text-decoration: underline;
}

a.rss-item:visited {
	color: #2950DD;
	font-weight : bold;
	text-decoration: underline;
}

a.rss-item:hover {
	color: #646366;
	font-weight : bold;
	text-decoration: none;
}

#live {
	list-style-image: url(images/speaker.gif);
}

a.schedulelink {
	color: #2950DD;
	font-size : 9px;
	font-weight : bold;
	text-decoration: underline;
}

a.schedulelink:visited {
	color: #2950DD;
	font-size : 9px;
	font-weight : bold;
	text-decoration: underline;
}

a.schedulelink:hover {
	color: #646366;
	font-size : 9px;
	font-weight : bold;
	text-decoration: none;
}

a.headerlink {
	color: #2950DD;
	font-weight : bold;
	text-decoration: underline;
}

a.headerlink:visited {
	color: #2950DD;
	font-weight : bold;
	text-decoration: underline;
}

a.headerlink:hover {
	color: #646366;
	font-weight : bold;
	text-decoration: none;
}


/* stopped optimizing here-----------------------------------------------------------> */


#footer ul li a {
	color: #2950DD;
	text-decoration: underline;
}

#footer ul li a:visited {
	color: #2950DD;
	text-decoration: underline;
}

#footer ul li a:hover {
	color: #646366;
	text-decoration: none;
}


input.button2{
	background-color: #fff;
	color: #2950DD;
	font-family: arial, helvetica, sans-serif;
	font-weight : bold;
	font-size : 12px;
	cursor:pointer;
	border : 1px solid #2950DD;
}

input.button_hover2{
	background-color: #fff;
	color: #646366;
	font-family: arial, helvetica, sans-serif;
	font-weight : bold;
	font-size : 12px;
	cursor:pointer;
	border : 1px solid #646366;
}

.searchbox2 {
	width : 200px;
	font-family : arial, helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #000;
	background : #fff;
	padding : 0px;
	border : 1px solid #8F8E91;
}

.searchboxrt {
	width : auto;
	font-family : arial, helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #000;
	background : #fff;
	padding : 0px;
	border : 1px solid #8F8E91;
}

/* 
-----------------------------------------------
  Nav
----------------------------------------------- */
#navcontainer {
height:30px;/*these attributes added to make IE display nav bar the same as other browsers*/
background-color: #646366;
margin: 0 0 0 180px;/*fixes navbar overlap in FF, safari */
}



#navcontainer ul {
	margin: 0px;
	padding : 0px;
	width : 620px;/*width of nav bar*/
	height : 100%;
	color: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight : bold;
	font-size : 11px;
	float : left;
}

#navcontainer ul li { 
	display: inline;	
}

#navcontainer ul li a {
	padding-left: 10px;
	padding-right: 10px;
	padding-top : 8px;
	padding-bottom : 10px;
	background-color: #646366;
	color: #fff;
	height:12px; /*controls height of navbar links (not search box*/
	text-decoration: none;
	float: left;
	border-right :5px solid white;
	display : block;
}

#navcontainer ul li a:hover {
	background-color: #8F8E91;
	color: #fff;
	display : block;
}

#navlist {
	position: relative;
}

input.button{
	background-color: #646366;
	color: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight : bold;
	font-size : 11px;
	cursor:pointer;
	border: 0px;
	border-left:1px solid #999999;/*simulate button shadow*/
	height : 30px;
	width : 70px;
	line-height : 22px;
	margin-top : 0px;
	padding: 0px;

}

input.button_hover{
	background-color: #8F8E91;
	color: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight : bold;
	font-size : 11px;
	cursor:pointer;
	border : 0px;
	height : 30px;
	width : 70px;
	line-height : 22px;
	margin-top : 0px;
}

input.searchbox {
	width : 115px;
	font-family : verdana, arial, helvetica, sans-serif;
	font-size : 11px;
	color : #000;
	background : #fff;
	border : 1px solid #646366;
	margin-left : 5px;
	/*Centers the searchbox in all browsers. Requires #navlist position relative above!*/
	position:absolute; top:55%; height:1.6em; margin-top:-1em
	
	
}

/* 
-----------------------------------------------
  Content Elements
----------------------------------------------- */

#sidebarcontent p {
	font-size : 10px;
}

h1 {
	font-size: 10px;
	color : #646366;
	margin : 0px;
	padding : 0px;}

h2 {
	font-size: 10px;
	color : #646366;
	margin : 0px;
	padding : 0px;
}

p  {
	font-size: 11px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.rsvp {
	font-weight : bold;
}

.newsheader {
	font-size: 16px;	
	color : #E5583D;
	margin-bottom : 10px;
	padding : 0px;
	font-weight : bold;
}

.date  {
	font-size: 0.8em !important;
	color : #646366;
	margin : 0px;
	padding : 0px;
	font-weight : bold;
}

.photocredit  {
	color: #999999;
	font-size: 9px;
	margin: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-style : italic;
		}
.photocredit a {color: #999999; text-decoration: none; font-weight: normal;
}
.photocredit a:hover{text-decoration: underline;}



.quote{

	color:#888888;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:14px;
	font-size-adjust:none;
	font-style:italic;
	font-variant:normal;
	font-weight:normal;
	line-height:18px;
	/* border: 1px solid #888888; */
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	float: right;
	width: 200px;
	font-weight : bold;

}

.quote a{
	color:#11225d;
	font-weight : bold;

}

.quote a:hover {
	color: #2950dd;
	font-weight : bold;
	text-decoration: none;
}

.links{
	float:left;
	width: 200px;
	border-top: 3px solid #000;
	border-bottom: 5px solid #000;
	font-size: 1.1em;
   line-height: 17px;
   padding: 10px 4px 5px 10px;
   margin: 5px 15px 5px 0;
   text-align: left;
   font-family: arial, helvetica, sans-serif;
   color:#000;
   

}
.links a{
	color: #2950dd;
	font-weight : bold;
	text-decoration: none;
	
}
.links h5{
	color: #000;
	margin:10px 0px 0px 0px !important;
	border-bottom:2px solid #B6B6B6;

}
.links a:hover{
	
	text-decoration: underline;
	}


.list {
	font-size: 10px;
	font-weight : bold;
	padding-left: 10px;
	color : white;
}

.newslist ul {
	margin-left : 1em;
	padding-left : 1em;
	margin-top : 0px;
}
	
.newslist li {
	list-style : circle;
	line-height : 20px;
	color: #000;
	margin-left : 0px;
	padding-left : 0px;
	font-size : 10px;
}

.border {
	border : 1px solid #646366;
}


img.looppic { /* for images in the loops that can't use id's (breaks validation) */
	float:left;
	margin: 0 15px 8px 0;
	border: 1px solid #666666; padding: 0px;
	}


/*
==========================================
Print style sheet
==========================================
*/
@media print {
body { background:white;}
#bannerad { display:none; }
#left {
	background-color: rgb(41, 80, 221);
	height: 850px; /*shortens sidebar background to save paper*/
	}
#right{
	height:850px;
	}
#commentform { display:none; }
#content {
	float: left;
	width: 48%;/* 48% is the maximum this value can go before it breaks the layout in IE6 (browser display issue)*/
	overflow: visible;/*fixes an issue in firefox mac/win where page layout breaks when printing*/
	}

}