/* Notes:
 *
 * 1. Any of these values may be overridden by the channels.styles database field.
 *
 * 2. The horizonal menu system (SmartMenus) creates all its CSS in JavaScript (/javascript/c_config.js)
 */

@media screen {	/* SCREEN styles */
	
body {color:#463c3c; font:normal 12px Verdana,sans-serif; line-height:1.3em; border-style:none; 
	margin:10px auto; padding:0px; text-align:left; max-width:1000px;}
* html body {width:1000px;}	/* for ie6, which doesn't support max-width */
p {margin:0 0 10px 0; padding:0;}
h1 {font-size:16px; line-height:1.2em; }
h2 {font-size:14px; line-height:1.2em; margin:15px 0 4px 0;}
h3 {font-size:12px; line-height:1.2em; margin:8px 0 3px 0;}
img {border:0;}
a, a:hover, a:link, a:visited {color:#463c3c; text-decoration:underline;}
a:hover {color:red;}
table {border-collapse:collapse;}

.errorMessage {color:red}
.errorMessage a{color:red}

/* membership status line */
#membershipStatus {margin:0 0 2px 0; padding:0;}
#membershipStatus table {width:100%;}
#membershipStatusLeft {}
#membershipStatusRight {text-align:right;}
#membershipStatusRight img {margin-right:3px;}

/* header */
#header {height:60px; width:100%; margin:0; padding:0;}
#headerSearchDiv {float:right; margin:18px 15px 0 0;}
#headerSearchDiv input[type='text'] {width:250px}
#headerGraphic {margin:0; padding:0; height:100%; width:100%; border-right:1px solid gray;}
#mainMenu {background-color:white; width:100%; border-right:1px solid gray; border-left:1px solid gray; border-bottom:1px solid gray;}
#mainMenuLeft {margin-right:100px; padding:0;}
* html #mainMenuLeft {width:600px;}	/* for IE6 to keep donate button floating */
#mainMenuRight {display:block; float:right; width:99px; margin:0; padding:3px 0; text-align:center; text-decoration:none; 
	border-left:1px solid gray;}
#mainMenuRss {padding-left:24px; background-image:url("http://assets.conversationsnetwork.org/icons/rss14x14.png"); 
	background-repeat:no-repeat; background-position:4px 50%;}

/* to allow SmartMenus to use relative positioning in all browsers 
 * see javascript/manual.html#clearFloats
 * and http://www.positioniseverything.net/easyclearing.html
 * and http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/
 */
.clearFix:after { /* for modern browsers */ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearFix { /* for IE7/Win */ min-height:1px;} 
* html .clearFix { /* for IE5-6/Win */ height:1px;}
* html>body .clearFix { /* for IE5/Mac */ height:auto; display:inline-block; }

#main {margin:0; padding:0; width:100%; border-right:1px solid gray; border-bottom:1px solid gray; border-left:1px solid gray;}
.blob {padding:4px;}
.blob h1 {font:bold 12px Verdana,sans-serif;}
#simplePage {margin:0 10px;;}
#twoLeftColumns {margin-right:300px; border-right:1px solid gray; height:100% min-height:100%;}	/* wraps leftColumn and centerColumn except fpr detaiLPage */

/* left column (except for detailPage) */
#leftColumn {float:left; width:160px;}

/* center column (except for detailPage) */
#centerColumn {margin-left:160px; border-left:1px solid gray;}
.centerColumnFeature {margin:0; padding:0 4px 4px 4px; overflow:hidden;}
.centerColumnFeature div {margin:0; padding:0;}
.centerColumnFeature h2 {font:600 14px Verdana,sans-serif; margin-top:0; margin-bottom:4px; padding:3px; }
.efsSummary {}
.efsMetadata {font-size:11px;}
.efsPlayer {vertical-align:-25%;}
.efsRatingWidget {vertical-align:-25%;}
.efsPlayButton {display:inline; border:1px solid gray; vertical-align:25%; background-color:#dfe6ec;}
.efsPlayButton a,.efsPlayButton a:visited {text-decoration:none;}

/* standard forms */
fieldset {margin-top:20px;border:1px solid blue; background-color:#FFF5C6; padding:5px 10px 10px 30px;}
fieldset .topLabel {display:block; margin-top:10px; padding:0;}
fieldset .checkbox {margin:10px 0 0 0;}
fieldset button {margin-top:10px;}

/* right column (all pages) */
#rightColumn {float:right; width:300px;	/* lives in the right margin of the center (or detailPage left) column */
	padding:0; margin:0;}
#rightColumn img {display:block;}
#rightColumnAdHeader {font-size:10px; text-align:center;}
.rightColumnBlob1 {border-bottom:1px solid gray;}

/* detailPage left column */
#detailLeftColumn {margin-right:300px; padding:0; border-right:1px solid gray;}
#detailDiv {margin:0; padding:15px;}
#detailTitle1,#detailTitle3 {margin: 0 0 5px 0; color:#463c3c; font-family:'Helvetica', 'Arial', sans-serif; font-size:18px; font-weight:bold;}
#detailTitle2,#detailSeriesTitle {color:#463c3c; font-family:'Helvetica', 'Arial', sans-serif; 
	font-size:13px; line-height:16px;}
.detailTextmenu {font-size:small; text-align:left}
#detailMetabox {margin-bottom:10px;}
#detailMetaboxRight {float:right; width:125px; text-align:center; margin-top:10px;}	/* lives in the right margin of detailWidgetboxLeft */
#detailMetaboxRight div {margin-bottom:12px;}
#detailMetaboxLeft {margin-right:125px;}
#detailRatingStars {padding-left:25px;}
#detailButtonDiv {}
#detailButtonList {padding:0; margin:0;}
#detailButtonList li {list-style:none; display:inline;}
.detailSmall {font-size:x-small}
.detailImage {margin-bottom:5px;}
.detailImageLeft,.detailImageCenter {float:left;}
.detailImageLeft img, .detailImageCenter img {margin-right:8px;}
.detailImageRight {float:right;}
.detailImageRight img {margin-left:8px;}
#detailCaption {font-family:Arial,Verdana,sans-serif; text-align:center; align:center; font-size:10px; margin:0; overflow:hidden;}
.detailPhotocredit {font-size:9px;}
#detailPlayerDiv a {margin-left:20px; vertical-align:50%;}
.detailPageSpot {text-align:center; padding:0; margin:0;}
#detailPageSpotHeader {padding:0; margin:10px 0 8px 0;}
#detailClearHack {clear:both; margin:0; padding:0; height:0;}

/* series/channel page center column */
.summaryImage {margin-bottom:5px;}
.summaryImageLeft {float:left;}
.summaryImageCenter {text-align:center;}
.summaryImageLeft img {margin-right:8px;}
.summaryImageRight {float:right;}
.summaryImageRight img {margin-left:8px;}
.seriesPagePager {margin:5px; padding-top:3px; border-top:1px solid gray;}

/* control panels (rows of text buttons); overridden by <channel>/stylesheets/channelv4.css */
.controlPanel ul {padding:0; margin:0;}
.controlPanel ul li {list-style:none; display:inline; }
#controlPanel1 {margin:12px 0 12px 0;}
.controlPanel a {text-decoration:none;}
.playIcon {vertical-align:-1px;}
.controlPanelButton {padding:0 5px 0 5px; margin:0 5px 0 0; border:1px solid gray;}
.controlPanelButton a:hover {text-decoration:none; color:#ffffff;}
#image-descriptionWrapper {overflow:auto; width:99%;}	/* simulates a local clear:both above controlPanel2 */

/* flexDiv -- used by widgets */
#flexDiv {position:absolute; z-index:99999; color:#252455; background-color:#FFF5C6; margin:0; border:1px solid gray; overflow:auto;}
#flexDiv ul {list-style:none; margin:0; padding:0 1px;}
#flexDiv ul li {padding:2px 0 2px 0;}
.flexDivControl {padding:5px; text-align:right; border-bottom:1px solid gray;}
.flexDivHtml {padding:3px; overflow:auto;}
.flexDivHtml a {text-decoration:none; padding-left:4px; padding-right:4px; display:block; border:1px solid #FFF5C6;}
.flexDivHtml a:hover {border:1px solid #4D4C76; color:#252455; background:#CBCBEF;}
/* a way to override links in a flexDiv... */
.standardLink a:link,.standardLink a:visited {color:#463c3c; text-decoration:underline; display:inline; margin:0; padding:0; border:none; background:none;}
.standardLink a:hover {color:red; border:none; margin:0; padding:0;}

/* Comments */
#commentsDiv {font-size:11px; background:#dfefff; height:700px; overflow:auto;}
.commentDiv {width:464px; border:1px solid black; background:#ffffff; margin:0 0 5px 5px; padding:3px;}
.commentPosterDiv {color:#333333; margin:0 0 2px 0; border-bottom:1px solid #cccccc;}
.commentPosterDiv a {display:inline;}
.commentPosterSpan {color:#3258ae;}
.commentTextDiv {color:#333333;}
#commentTextarea {height:100px; width:466px; background-color:#ffffff; border:1px solid gray; 
	margin:0 0 0 5px; padding:2px;} /* width of flexDiv forced in ajax/comments.php */
#commentMessage {padding:3px;}
#commentMessage a {display:inline; text-decoration:underline;}
#commentButtonDiv {padding:3px;}

/* simple widgets */
#rssSelector {width:475px; margin:5px; padding:5px;}
#rssSelector a {display:inline;}
.rssFeedDiv a:hover {background:none; border:1px solid #FFF5C6;}
#loginWidget {margin:0; padding:5px;}
#logoutWidget {margin:0; padding:5px;}
#permalinkWidget {margin:0; padding:10px;}
#permalinkWidget a {text-decoration:underline;}
#searchWidget {margin:0; padding:5px;}
#donateWidget {margin:0; padding:5px; width:475px;}
#donateWidget a {display:inline; text-decoration:underline;}
.ratingWidget {}
#shareThisWidget {margin:7px 0 7px 0;}
#addToPlaylistWidget {margin:0; padding:5px; width:475px;}
#highestRatedWidget {margin:0; padding:5px; width:475px;}
#highestRatedWidget td {padding:1px 4px 0 0;}
.saveButton {}
.saveButton:hover {cursor:pointer; color:#463c3c;}
.saveButtonStandalone {text-decoration:none; color:#463c3c; padding:0 5px 0 5px; margin:0 5px 0 0; border:1px solid gray; background-color:#dfe6ec;}
.saveButtonStandalone:hover {text-decoration:none;cursor:pointer;}

/* leftCol */
#leftColumn h3 {margin:8px 0 0 0; padding:0 5px; font:700 12px Verdana,sans-serif;}
#leftColumn ul {list-style:none; margin:0; padding:2px 5px;}
#leftColumn ul a {text-decoration:none;}
#leftColumn ul a:hover {text-decoration:underline;}
#leftColumn p {margin:5px}

/* widget positioning classes. names MUST be .flex<widgetName> */
.flexchannelPageSelector {}
.flexseriesPageSelector {height:600px;}
.flexsearch {}
.flexhighestRated {height:600px; overflow:auto;}
.flexrssSubscribe {overflow:auto;}
.flexmostPopular {width:600px;}
.flexlogout {width:300px;}
.flexdonate {width:500px;}
.flexslideshow {}
.flexclipBuilder {width:581px;}
.flexcomments {}

/* Loomia Similar Items */
div.loomia_recommendations {padding:0; margin:0; line-height:1.2em; border-bottom:1px solid gray;}
div.loomia_recommendations ul li {height:1%;} /* auto clear for IE6 */
div.loomia_recommendations ul li {margin:7px 8px;} /* overrides loomia defaults */
div.loomia_itemimg {}
div.loomia_recommendations h4 {margin:5px; padding:0; font-size:12px; font-weight:bold; color:#463c3c;}
div.loomia_recommendations a, .loomia_recommendations a:link {font-size:11px; text-decoration:none; color:#463c3c;}
div.loomia_similaritems a:hover {text-decoration:underline;}
div.loomia_similaritems .loomia_logo {display:none;}

/* Share-With-a-Friend widget (disabled in favor of sharethis.com)
#shareWithFriendWidget {margin:0; padding:5px; width:475px;}
#shareWithFriendWidget #message {width:450px;}
#shareWithFriendSubject {display:none;}	*//* bait for spammers *//*
#shareWithFriendWidget .label {height:15px; padding-top:6px; font-size:13px;}
#shareWithFriendWidget .emailField {width:300px; padding:5px; margin-bottom:5px; font-size:13px;}
#shareWithFriendWidget textarea {width:100%; height:250px; padding:5px; margin-bottom:5px; 
	font-family:verdana,sans-serif; font-size:13px;}
#showShareButtonsDiv {text-align:center;}
*/

/* footer: many overridden by <channel>/stylesheets/channelv4.css */
#footer {clear:both; height:35px; width:100%; background-color:#ccccDD; color:white; font-size:12px; 
	text-align:center; border-left:1px solid gray;border-right:1px solid gray;border-bottom:1px solid gray; padding-top:5px;}
#footer a {text-decoration:none;}
#footer a:hover {text-decoration:underline;}

}	/* end SCREEN styles */

@media print {	/* PRINT styles */
body {font:normal 12px Verdana,sans-serif; border-style:none; margin:8px; padding:0px; text-align:left; color:black;}
p {margin:0 0 10px 0; padding:0;}
h1 {font-size:16px; line-height:1.2em; }
h2 {font-size:14px; line-height:1.2em; margin:15px 0 4px 0;}
h3 {font-size:12px; line-height:1.2em; margin:8px 0 3px 0;}
a:link,a:hover,a:visited {color:black; text-decoration:none;}
a:after {content:" <" attr(href) ">"; text-decoration:none;}
a[href]:after {text-decoration:none;}
.clickthroughUrl[href]:after {content:"";}	/* hide the clickthrough URL under the photo */
#membershipStatus {display:none;}
#header {height:60px; margin:0; padding:0;}	/* container for #headerGraphic and #headerMenu */
#headerGraphic {margin:0; padding:0; height:100%; font-size:36px; color:white;}
#headerGraphic a[href]:after {content:"";}	/* hide the clickthrough URL under the banner */
#headerText {padding:7px 0 0 10px;}
#headerMenu {display:none;}
#mainMenu {display:none;}
#main {margin:0; padding:8px; width:98%; border:1px solid gray;}
#flexDiv {display:none;}
#headerNavDiv {display:none;}
#detailLeftColumn {padding:0;}
#detailDiv {margin:0; padding:5px;}
#leftColumn {display:none;}
#rightColumn {display:none;}
#detailTitle1,#detailTitle3 {font-family:'Helvetica', 'Arial', sans-serif; font-size:18px; line-height:22px; font-weight:bold;}
#detailTitle2,#detailSeriesTitle {font-family:'Helvetica', 'Arial', sans-serif; font-size:13px; line-height:16px;}
.detailTextmenu {font-size:small; text-align:left}
#detailMetabox {}
#detailMetaboxRight {display:none;}
#detailMetaboxLeft {margin-right:125px;}
#detailRatingStars {padding-left:25px;}
#detailButtonDiv {}
#detailButtonList {padding:0; margin:0;}
#detailButtonList li {list-style:none; display:inline;}
.detailSmall {font-size:x-small}
.detailImageLeft {float:left; padding:0 12px 12px 0;}
.detailImageCenter {float:left; padding:0 12px 12px 0;}
.detailImageRight {float:right; padding:0 0 12px 12px;}
#detailCaption {text-align:center; align:center; font-size:10px; margin:0; overflow:hidden;}
.detailPhotocredit {font-size:9px;}
.detailPageSpot {display:none;}
#controlPanel1 {display:none;}
#image-descriptionWrapper {overflow:auto; width:100%; border-top:1px solid gray;
	padding:3px 0 0 0; margin:3px 0 0 0;} /* simulates a local clear:both above controlPanel2 */
#amazonDiv {display:none;}
#footer {display:none;}

}	/* end of PRINT style overrides */