/* colors
purple: #2d2175
green: #76af2e
brown: #825B1E
burgundy: #8C2037
teal: #208C80

medium purple 7a6bd5
very light green: e7f4d6
very light purple: f1effb
nice orange hover: ff4b33
*/

/* =Layout & Structure
-------------------------------------------------------------- */
/* body, background, header */
body { background-color: #f1effb; /* url(../images/back-star-purple.jpg); */ }
body, input, textarea { color: #666; font-size: 12px; line-height: 150%; }
#container { float: left; margin: 0 -300px 0 0; width: 100%; }
#content { margin: 0 300px 0 20px; }
#primary, #sidebar { float: right; overflow: hidden; width: 250px; margin-right: 20px; clear: right; }
#footer { clear: both; width: 100%; }
.single-attachment #content { margin: 0 auto; width: 900px; }

#access div.menu-header, #footer, #branding, #main, #wrapper { margin: 0 auto; width: 980px; }
#wrapper { background: #fff; border-top: 5px #76af2e solid; padding: 0; }


/* =Header
-------------------------------------------------------------- */
#header { padding-top: 10px; position: relative; }

/* top bar */
#top-bar { position: absolute;  right: 20px; top: 0; font-family: sans-serif; font-size: 14px; width: 480px; }
#top-bar a { float: right; padding: 2px 15px 6px; background: #76af2e; color: #FFF; text-decoration: none; margin-left: 10px; }
#top-bar a:hover { color: #2d2175; }

/* app store*/
#top-bar .app-store a { background: #fff; margin-top: 4px; padding: 0; }

/* logo */
#site-title { background: url(../images/sb-logo-450.gif) no-repeat 10px 0; text-indent: -9000em; height: 108px; margin: 0 0 0; padding: 0; }
#site-description { position: absolute; left: 120px; top: 60px; color: #2d2175; font: normal normal 13px/150% sans-serif; width: 700px; }

/* sub menu */
#sb-subnav { position: absolute; right: 20px; top: 85px; font-family: sans-serif; } 
#sb-subnav ul { list-style: none; } 
#sb-subnav li { float: left; } 
#sb-subnav a { margin-left: 20px; text-decoration: none; font-size: 14px; } 

.beta { position: absolute; left: 465px; top: 40px; color: red; font-family: Georgia, sans-serif; font-weight: bold; font-size: 14px; }


/* =Main Menu
-------------------------------------------------------------- */
#access { background: #06c; display: block; float: left; }
#access .menu-header { height: 28px;  }
#access .menu-header ul { list-style: none; margin: 0; }
#access .menu-header li { float: left; list-style: none; position: relative; border-right: 1px #18f solid; }
#access .menu-header li:last-child { border: 0 }

/*change menu spacing here*/
#access a { font-size: 13px; color: #fff; display: block; text-decoration: none; font-family: sans-serif; padding: 4px 22px; text-align: left; line-height: 1.8; font-weight: bold; }

#access .menu-header li:last-child a { padding-right: 15px; }

#access ul ul { box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); display: none; position: absolute; top: 28px; left: 0; float: left; width: 180px; z-index: 99999; }
#access ul ul li { min-width: 180px; }
#access ul ul ul { left: 100%; top: 0; }
#access ul ul a { background: #06c; line-height: 1em; padding: 5px 10px; width: 160px; height: auto; }
#access li:hover > a, #access ul ul :hover > a { background-color: #ff4b33; }
#access ul li:hover > ul { display: block; }
#access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a { color: #fff; }
* html #access ul li.current_page_item a, * html #access ul li.current-menu-ancestor a, * html #access ul li.current-menu-item a, * html #access ul li.current-menu-parent a, * html #access ul li a:hover { color: #fff; }


/* #access li#menu-item-technology a { line-height: 2.4; } */

/*
#menu-item-current { width: 210px; }
#menu-item-explore-link { width: 140px; }
#menu-item-listen-link { width: 190px; }
#menu-item-benefits { width: 224px; }
#menu-item-community-link { width: 208px; }
*/

/* =Expanding Menus (Explore & Listen)
-------------------------------------------------------------- */
/*
#expanding { background: #d8e0e8; color: #555; font: normal normal 13px/120% sans-serif; line-height: 100%; position: relative; }
#listen, #explore, #community { width: 920px; padding: 15px 0 10px 60px; border-top: 1px #fff solid; border-bottom: 2px #06c solid; }
#expanding a { font-size: 13px; line-height: 14px; padding:0; color: #048; clear: none; display: inline; }
#expanding a:hover { background: #ff4b33; color: #fff; }
#expanding .col-title, #expanding .col-title a { font-weight: normal; margin-bottom: 10px; }
#expanding ul { margin-bottom: 10px; }
#expanding li { margin-bottom: 8px; }
*/

/* close button */
/*
.close-button { position: absolute; bottom: 15px; right: 15px; padding-right: 17px; background: url(../images/close.gif) no-repeat scroll right 0; height: 13px; cursor: pointer;  }
.close-button:hover { background-position-y: -13px; }
#expanding .close-button a { color: #999; text-transform: uppercase; font-size: 10px; }
#expanding .close-button a:hover { color: #000; background: none !important; }
*/

/* Explore */
/*
.explore-col { float: left; width: 21%; margin-right: 6%; }
.explore-link a { background: #05a url(../images/explore-link.gif) no-repeat 93px; border-right: 1px #fff solid; border-left: 1px #fff solid; }
.explore-link-up a { background: #ff4b33 url(../images/explore-link-up.gif) no-repeat 93px; }

.community-link-up, .listen-link-up { background: #ff4b33; }
*/

/* Listen  */
/*
.listen-col { float: left; width: 29%; margin-right: 4%; }
.listen-content img { float: left; margin-right: 10px;  }
#listen .listen-title, #listen .listen-title a { font: normal normal 14px/120% sans-serif;  margin-bottom: 10px; }
.listen-link a img { bottom: -2px; position: relative; width: 17px; margin-left: 3px; }
*/

/* listen button */
/*
#listen .listen-button { padding: 15px 0; }
#listen .listen-button a { font-weight: normal; padding: 4px 9px; color: #fff; font-size: 14px; line-height: 100%; text-decoration: none;  -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #b0dc78; 
	background: #76af2e;	
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#90cd42), to(#5b8723)); 
	background: -moz-linear-gradient(top, #90cd42, #5b8723); }
#listen .listen-button a:hover { background: #ff4b33; }
#listen .toc-title { display: block; }
*/

/* Community */
/*
#community ul { float: right; width: 90px; margin: 0; }
#community li, #community li a { font-size: 15px; }
#community .community-desc { float: left; width: 600px; }
*/






/* =Content
-------------------------------------------------------------- */
#main { clear: both; overflow: hidden; padding: 25px 0 0 0; }
#content { margin-bottom: 36px; }
#content { color: #333; font-size: 14px; line-height: 150%; }  /* #content input, #content textarea */
#content p, #content ul, #content ol, #content dd, #content pre, #content hr { margin-bottom: 20px; }
.hentry { margin: 0px 0px 25px; }
h2 { font-size: 18px; }
hr { background-color: #e7e7e7; border: 0; clear: both; height: 1px; margin-bottom: 18px; }
/* Text elements */
.entry-content p { margin-bottom: 18px; }
.entry-content ul, .key-take-aways ul, .useful-links-div ul, .discussion-questions ul { list-style: square; margin: 0 0 15px 1.5em; }
.full-width #content { width: 100%; margin: 0; }
p#breadcrumbs { font-size: 11px; color: #777; margin: -15px 0 15px; font-family: sans-serif; }
p#breadcrumbs a { font-size: 12px; text-decoration: none; color: #5af; }
p#breadcrumbs a:hover { color: #ff4b33; }
.entry-utility { font-size: 11px; line-height: 120%; }
#content .entry-summary p:last-child { margin-bottom: 5px; }
.entry-summary { line-height: 140%; }

/* Columns */
.left-column { float: left; width: 47%; }
.right-column { float: right; width: 47%; }
.two-column { float: left; width: 48%; margin-right: 3.8%; }
.three-column, .twothirds-column { float: left; width: 31%; margin-right: 3.4%; }
.four-column { float: left; width: 23.2%; margin-right: 2.4%; clear:right; }
.six-column { float: left; width: 15%; margin-right: 2%; }
.two-column + .last, .three-column + .last, .four-column + .last, .six-column + .last { margin-right: 0; }




/* =Marketing
-------------------------------------------------------------- */
.marketing { color: #555; font: 13px/130% sans-serif; }
.marketing p { margin-bottom: 8px; }
.marketing h2 { font: normal normal 18px/125% sans-serif; color: #444; margin-bottom: 10px; clear:none; }
.marketing h3, .marketing-title { font: bold normal 15px/120% sans-serif; color: #76af2e; margin: 0 0 10px; }
.marketing h3.testimonial-title { border-bottom: 2px #76af2e solid; display: block; }
.marketing h4, .marketing .marketing-sub { margin: 0 0 2px; color: #444; font-weight: bold; }

/* big buttons */
.buttons { clear:both; margin-left: 200px; width: 560px; text-align: center; }
/* .button-wrap { width: 280px; float: left; text-align: center; } */
.marketing .bigbutton { text-align: center; padding-top: 10px; margin-bottom: 15px; }
.bigbutton a { font-weight: bold; padding: 8px 12px 8px; color: #fff; font-size: 16px; line-height: 100%; text-decoration: none; cursor: pointer;  -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 1px 10px #aaa; -webkit-box-shadow: 1px 1px 10px #aaa;
	border: 1px solid #e692a4;
	background: #8C2037; 
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#d33f5e), to(#8c2037));
	background: -moz-linear-gradient(top, #d33f5e, #8c2037); }
.bigbutton a:hover { border-color: #ff0; color: #FF0; }

.marketing img.alignleft { display: inline; float: left; margin-right: 12px; clear: left; }

/* Benefits Page */
#sell-top { width: 940px; margin-top: 5px;  }
.sell-section { width: 880px; margin-left: 30px; margin-bottom: 20px; clear: both; }
.box { margin-left: 20px; padding: 5px 20px 10px;  border-radius: 10px; -moz-border-radius: 10px; }
.box { background: #eee; 
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ddd));
	background: -moz-linear-gradient(top, #fff, #ddd); }
ul.ticks li { list-style: url('../images/tick1.jpg'); margin-bottom: 10px; }
.sell-section dl { margin-bottom: 8px; }
.sell-section dt { width: 68px; height: 68px; overflow: hidden; float: left; margin-right: 10px; }
.sell-section dd { margin-bottom: 0; }
.sell-section dd a { text-decoration: none; }
.sell-section .testimonialby { margin-left: 20px; }
.sell-section .testimonial { margin-bottom: 0; }

/* testimonials */
.testimonial { font: normal 13px/135% Georgia, serif; margin: 10px 0 20px 15px; color: #666; }
.bqstart, .bqend{ font-size: 90px; color: #c7e6a1; }
.bqstart { float: left; /* margin: 22px 0 -20px -15px; */ line-height: 90px; margin-bottom: -60px;  position: relative; top: -10px; margin-left: -15px; }
.bqend { float: right; margin: -8px 0 -60px 0; line-height: 90px; }
.testimonialby { margin-top: 8px; }


/* =Slider
-------------------------------------------------------------- */
#slides-wrapper { width: 650px; height: 400px; margin: -30px auto 0; position:relative; background: url(../images/cards-650-400.jpg) no-repeat; }
#slides { position:absolute; top: 40px; left: 30px; z-index: 100; }
.slides_container { width:575px; height:285px; overflow:hidden; position:relative; }

/* arrows */
#slides .next, #slides .prev { position:absolute; top:120px; left:-24px; width:24px; height:43px; display:block; z-index:101; }
#slides .next { left: 577px; }
#slides .next :hover, #slides .prev :hover, .slide-page li a:hover { opacity: .7; }

/* pagination */
.slide-page { margin: 5px auto 0; width: 65px; }
.slide-page li { float:left; margin:0 2px; list-style-type: none; }
.slide-page li a { display: block; width:12px; height:0; padding-top:12px; background-image:url(../images/slider/pagination.png); background-position:0 0; float:left; overflow:hidden; }
.slide-page li.current a { background-position:0 -12px; }

/* individual slide */
.slide { width: 523px; padding: 25px 25px 15px; font: normal normal 15px/120% sans-serif; color: #555; }
.marketing .slide h3 { text-align: center; background: none; color: #8C2037; margin: 0 0 10px; padding: 0; line-height: 120%; font-size: 26px; border-bottom: 0; font-weight: normal; font: normal normal 26px/120% Georgia, serif; }
.slider-image { float: left; margin: 0 13px; font-size: 13px;  }
.slider-below { clear: both; padding-top: 10px; }
.slide img { max-height: 135px; }
#slider-1 img { max-height: 115px; }





/* =Sidebar
-------------------------------------------------------------- */
#marketing-sidebar { margin-bottom: 20px; border-radius: 10px; -moz-border-radius: 10px; border: 0px solid #fff; background-color: #06c; padding: 30px 0 20px; }

.marketing-link a { display: block; text-align: center; font-size: 14px; margin-top: 20px; color: #fff; text-decoration: underline; }

/* sidebar posts: classic & featured */
.widget_categoryposts, .widget_featuredposts { padding: 10px; border-radius: 10px; -moz-border-radius: 10px; border: 1px #ccc solid; font: 13px/120% sans-serif; }
/* .widget_categoryposts a, .widget_featuredposts a { color: #555; } */
/* .widget_categoryposts a:hover, .widget_featuredposts a:hover { color: #ff4b33; } */
.widget_categoryposts .widget-title, .widget_featuredposts .widget-title { margin-bottom: 5px; }
#main .widget-area .widget_categoryposts ul { margin-left: 0; }
#main .widget-area .widget_featuredposts ul { margin-left: 0;  }
.cat-post-item, .feat-post-item { margin-bottom: 5px; list-style: none; }
.cat-post-item img, .feat-post-item img { float: left; margin-right: 8px; margin-top: 4px; }
.cat-posts-view-all { margin-bottom: 0px; }
.widget_featuredposts { border: 2px #E5B353 solid; background: #FFF8D8; }
.sidebar-single-link { font-weight: bold; margin-bottom: 20px; }



/* =Subscribe
-------------------------------------------------------------- */
#subscribe { margin-left: 20px; font-family: sans-serif; position: relative; }
#subscribe h1 { line-height: 120%; margin-bottom: 10px; }
#subscribe-sidebar { float: left; width: 200px; margin-top: 25px; }
.satisfaction { padding: 12px 18px; color: #fff; font-size: 13px; line-height: 125%; text-decoration: none; cursor: pointer;  
	-moz-border-radius: 10px; border-radius: 10px; 
	-moz-box-shadow: 1px 1px 10px #aaa; -webkit-box-shadow: 1px 1px 10px #aaa; 
	border: 1px solid #e692a4; background: #8C2037; 
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#d33f5e), to(#8c2037)); background: -moz-linear-gradient(top, #d33f5e, #8c2037); }
.satisfaction { font-size: 14px; }	
.satisfaction b { font-size: 16px; }
.satisfaction p { margin: 8px 0;  }	


#subscribe-main	{ float: right; width: 680px; margin-right: 40px; }
.customer-service { position: absolute; width: 190px; /* margin: -15px 0 -10px 30px; */ font-size: 13px;  right: 0px; top: -15px;}
#subscribe .item-list-tabs { clear: none; margin-left: 0px; background: #999; }
.item-list-tabs li a { cursor: default; }
.item-list-tabs li.choose a { cursor: pointer; } 

#subscribe-options{ padding-top: 5px; margin-left: 0px; position: relative; }	
.or-option { position: absolute; font-size: 15px; font-weight: bold; left: 48%; top: 20px; font-style: italic; } 

/* online edition and CD edition columns */
.edition { float: left; width: 45%; margin-right: 9.5%; }
.edition h2 { color: #444; display: block; background: #D8E0E8; text-align: center; padding: 10px 0; line-height: 100%; font-size: 20px; -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px; -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 15px; }
.edition h2 img { vertical-align: bottom; height: 23px; margin-right: 3px; margin-top: -3px; }

/* columns */
.edition-column { display: block;  float: left; width: 100%; font: normal normal 15.5px/120% sans-serif; color: #444; text-decoration: none; background: #bdf; background: -webkit-gradient(linear, 0 0, 0 100%, from(#def), to(#9cf)); background: -moz-linear-gradient(top, #def, #9cf); }
.edition-column { -moz-border-radius-bottomleft: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-bottomright: 15px; -webkit-border-bottom-right-radius: 15px; }
/* .edition-column:hover { background: #bdf; color: #06c; } */
.edition-column p { margin: 15px 10px; text-align: center; }
.edition .price { /* font-weight: bold; */ }
.free-month { color: #d33f5e ; font-weight: bold; font-size: 17px; }
.edition .save { color: #d33f5e; font-size: 13px; font-style: italic; font-weight: bold; }
.best-offer { position: relative; }
.best-offer img { position: absolute; right: -1px; top: -20px; width: 50px; }
.last { margin-right: 0; }
/* .edition-first { -moz-border-radius-bottomleft: 15px; -webkit-border-bottom-left-radius: 15px; } */
/* .edition-column + .last { border-left: 1px solid #def; margin-left: -1px;  -moz-border-radius-bottomright: 15px; -webkit-border-bottom-right-radius: 15px; } */
.small { font-size: 13px; }
a.option-button { display: block; width: 65px; margin: 0 auto; padding: 4px 9px; color: #fff; font-size: 14px; line-height: 100%; text-decoration: none; -moz-border-radius: 5px; border-radius: 5px; border: 2px solid #b0dc78; background: #76af2e; background: -webkit-gradient(linear, 0 0, 0 100%, from(#90cd42), to(#5b8723)); background: -moz-linear-gradient(top, #90cd42, #5b8723); }
.two-year { border: 2px solid #d33f5e; }
.option-button:hover {  background: #ff4b33; border-color: #e692a4; }


/* below column */
.edition .below { padding-bottom: 15px; font-size: 12.5px; clear: both; }
.edition ul.checks { margin-left: 30px; padding-top: 8px;  text-align: left; }
.edition ul.checks li { list-style: url('../images/tick1.jpg'); margin-bottom: 8px; }

.subscribe-colophon {  clear: both; }
.subscribe-colophon p { margin-bottom: 10px;  }

/* Subscription form */
#subscribe-form { padding-top: 5px; margin-left: 30px; color: #444; }	
#subscribe-form input { color: #000; }	 
#subscribe div.s2member-pro-paypal-form-description-div { font: bold normal 16px/120% sans-serif; }
#subscribe div.s2member-pro-paypal-form-section-title { border-color: #ccc; font-size: 17px; padding-bottom: 2px; margin-bottom: 10px;  }
#s2member-pro-paypal-checkout-form input[type="text"],  #s2member-pro-paypal-checkout-form select  { width: 50%; }
#s2member-pro-paypal-checkout-form input[type="password"] { width: 25%; }
#s2member-pro-paypal-checkout-form-card-type-maestro-label, #s2member-pro-paypal-checkout-form-card-type-solo-label/* , #s2member-pro-paypal-checkout-form-card-type-paypal-label */ { display: none; }
/* #s2member-pro-paypal-checkout-form-submit-div input[type="image"] { display: none; } */
#subscribe .s2member-pro-paypal-form-response-info, #subscribe .s2member-pro-paypal-form-response-error { font-size: 18px; padding: 20px 60px 20px 20px; line-height: 150%; }
#subscribe .s2member-pro-paypal-form-response-info a, #subscribe .s2member-pro-paypal-form-response-error a { color: #06c; } 
/* this class gets added to the submit button via jquery to */
#s2member-pro-paypal-checkout-submit { font-size: 16px; font-weight: normal; background: #FDE287; padding: 8px 15px; }

/*hide additional info*/
/*#s2member-pro-paypal-checkout-form-custom-fields-section { display: none; }*/

.thankyou { font-size: 18px; padding: 20px; background: #FDE287; line-height: 150% }

/* special offers */
.special-offer { font-size: 19px; width: 700px; border: 5px dotted #bdf; padding: 15px; line-height: 125%; color: #5af; border-radius: 15px; -moz-border-radius: 15px; }
.special-offer h1 { font-size: 25px; margin-bottom: 10px; }
.special-offer img { float: left; margin-right: 20px; }
#marketing-special-offer { padding-top: 10px; clear: both; margin-left: -10px; }
#marketing-special-offer .sell-section dt { width: 90px; height: 90px; margin-right: 0px; overflow: hidden; }
#marketing-special-offer .sell-section dd { width: 90px; }


/* =Category
-------------------------------------------------------------- */
/* Regular Category first post */
.first_post { background: #f5f5f5; margin-bottom: 15px; padding: 20px 20px 15px; border-radius: 5px; -moz-border-radius: 5px; border: 1px #e5e5e5 solid; }

/* section title */
#content h1.section-title { font-style: italic; margin-bottom: 5px; }

/* default post styles */
#content h2.entry-title { font-size: 17px; margin-bottom: 0; }
#content span.subtitle { font-size: 15px; margin-bottom: 0; display: block; }
#content .entry-summary img { float: left; /* max-width: 120px; */ margin-right: 15px; } 
#content .interviewee-name { font: bold 15px/125% sans-serif; color: #06c; /* color: #859BFD; */ margin-bottom: 5px; }
.interviewee-name a { text-decoration: none; color: #06c; }
.interviewee-name a:hover { color: #ff4b33; }

/* first post */
#content .first_post { margin-top: 10px;  }
#content .first_post h2.entry-title { font-size: 20px; }
#content .first_post span.subtitle { font-size: 17px; }
/* #content .first_post .entry-summary { font-size: 16px; line-height: 135%; } */
#content .first_post .entry-summary img { float: left; /* max-width: 250px; max-height: 250px; */ margin-right: 20px; } 
#content .first_post .briefing-category { margin-top: -30px; }


/* =Month Category Specifics --------------------- */
#month .first_post, .interview .briefing-category { background: #faf3e9; border-color: #f1dcbf; }

.secondary_post { width: 47%; }
.secondary_post.first { float: left; clear: left; }
.secondary_post.last { float: right; clear: right; }
/*
.article { float: left; width: 47%; clear: left; }
.final  { float: right; width: 47%; clear: right; }
.update { float: left; width: 47%; }
.update-first { float: left; width: 47%; margin-right: 6%; }
*/

/* level 2 & 3 */
#month .learning .entry-summary img, #month .update .entry-summary img, #month .discussion .entry-summary img { max-width: 120px; max-height: 120px; } 
#month .final h2.entry-title, #month .article h2.entry-title, #month .discussion h2.entry-title { font-size: 16px; margin-bottom: 2px; } 
#month .final .entry-summary, #month .article .entry-summary { font-size: 14px; line-height: 130% } 
#month .final .entry-summary img, #month .article .entry-summary img { /* max-width: 80px; max-height: 80px; */ } 
 
/* updates box */
.update-second { padding-top: 29px; }
#updates-box { padding: 2%; margin-bottom: 25px; }
#updates-box .hentry { margin-bottom: 1px;  margin-top: -25px; }
#updates-box, .category-update .briefing-category { background-color: #f1f1f1; border: 1px #e1e1e1 solid; }

/* clean up month meta links */
#month .entry-utility { display: inline }
#month .comments-link/* , .comments-link + .meta-sep  */{ display: none; }

/* month title */
#content h1.month-name { font-size: 18px; font-style: italic; margin-top: -5px; margin-bottom: 15px; font-weight: normal;  }

/* scrunch things together more */
.category .entry-summary, .home .entry-summary { padding-top: 7px; }

/* audio file icon */
.audiofile { background: url(../images/audio-20.gif) no-repeat; width: 25px; height: 17px; float: left; display: block; }

/* Free article */
.is-free { color: #FFF; background-color: #76AF2E; padding: 1px 4px; margin: 2px 5px -2px 0; line-height: 120%; font-family: sans-serif; font-size: 10.5px; font-weight: bold; text-transform: uppercase; -moz-border-radius: 3px; border-radius: 3px; float: left; }

/* nice little category labels */
.briefing-category { float: left; padding: 5px 8px; line-height: 120%; margin-bottom: 5px; color: #726e8a; background: #f1effb; border: 1px #d9d5f3 solid;font-family: sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; -moz-border-radius: 3px; border-radius: 3px; }



/* month quiz */
.month-quiz-link a { text-align: center; font-weight: bold; padding: 8px 18px 8px; color: #2D2175; font-size: 16px; line-height: 100%; text-decoration: none; -moz-border-radius: 5px; border-radius: 5px; background: #F8E462; }
.month-quiz-link a:hover { color: #5D51a5; }
#sidebar .month-quiz-link a { font-size: 12px; }
.quiz-taken-already { padding: 15px; background: #F8E462; -moz-border-radius: 5px; border-radius: 5px; font-weight: bold; width: 290px; }
.quiz-list { float: right; width: 290px; border: 1px solid #000; border-radius: 5px; -moz-border-radius: 5px; padding: 15px; }

/* =Single entry 
-------------------------------------------------------------- */

/* social sharing links */
.single ul.socialwrap { float: right; width: 130px; font: 12px/120% sans-serif; border: 1px solid #ccc; border-radius: 10px; padding: 10px 2px 5px 10px; margin-left: 10px; }
ul.socialwrap li.icon_text { width: 100%; }
ul.socialwrap li.icon_text a { color: #444  }
ul.socialwrap li.icon_text a:hover { color: #ff4b33  }
.sponsors .interactive_bottom { display: none; }

/* certification */
.certification-wrap { float: right; margin-left: 20px; /* background: url(../images/seal-24.gif) no-repeat; padding: 3px; */ margin-top: 8px; }
a.certification { margin-left: 20px; font-family: sans-serif; font-size: 14px; line-height: 16px; font-weight: bold; text-decoration: none;  color: #2d2175; background: #F8E462; padding: 3px 10px;  }
a.certification:hover { color: #ff4b33; }

/* title */
#content .entry-title { font-family: Georgia, serif; font-size: 24px; line-height: 120%; margin-bottom: 15px; clear: left; }

/* sub title */
#content .subtitle { font-family: Georgia, serif; font-size: 19px; line-height: 120%; margin-bottom: 15px; clear: left; }

/* interview name */
.single #content .interviewee-name { font-size: 22px; clear: left; color: #76af2e; margin-top: 15px; display: block;  }

/* date */
.article-date { font-style: italic; padding-top: 10px; }
.classic-interview-date { margin: 0 0 20px;  }

#content p.wp-caption-text { color: #666; font-size: 13px; margin: 5px 5px 0; line-height: 130%; }

/* main interview intro */
.interview-intro { margin-top: 5px; padding: 14px; font-size: 14px; line-height: 130%; color: #666; background: #FFF8D8; }

/* non member read more link */
.not-member-view-more { /* clear: both; */ margin-bottom: 20px; font-size: 15px; font-style: italic; }
.not-member-view-more a { /* background: #FFD; */ font-weight: bold; }


/* book sidebar */
#content .book-sidebar { float: left; width: 160px; margin: 5px 20px 7px 0; font-size: 14px; font-family: sans-serif; line-height: 120%; color: #777; border-top: 5px black solid; border-bottom: 1px black solid; background-color: #fff; }
.book-sidebar img { width: 160px !important; padding-top: 12px; }
#content .book-sidebar p { margin-bottom: 5px; }

/* quicklinks */
.quick-links { float: right; width: 130px; margin: 0 0 10px 20px; font-size: 13px; font-family: sans-serif; color: #777; /* background-color: #DDEEF5; */ padding: 10px 8px 15px 10px; border-radius: 10px; -moz-border-radius: 10px; border: 1px #ccc solid; line-height: 120%; }
#content .quick-links ul { margin: 0; padding: 0; list-style: none; }
#content .quick-links li { margin-top: 7px; }
#content .quick-links h4 { margin-bottom: 5px; font-weight: bold;  }

.highlight { background: yellow; }

/* pull quotes */
.pull-quote-right, .pull-quote-left { color: #825B1E; margin: 0 20px 0; font-size: 28px; font-style: italic; width: 40%; line-height: 110%; font-family: Baskerville, Palatino, 'Palatino Linotype', Georgia, serif; } 
.pull-quote-left { float: left; margin-left: 0; } 
.pull-quote-right { float: right; margin-right: 0; color: #208C80; } 

/* useful links */
.useful-links-div { clear: both; font-family: sans-serif; }
#content .useful-links { clear: both; margin-bottom: 5px; font-weight: bold; }

/* interview transcript */
.interview-transcript { clear: both; height:55px; background: url(../images/pdf_icon.png) no-repeat;  margin-bottom: 20px; font-family: sans-serif; border-top: 1px solid #ccc; }
.interview-transcript a { padding-left: 55px; display: block; padding-top: 15px; }

/* sponsors */
.sponsors { font-size: 85%; line-height: 120%; margin-bottom: 20px; }
.sponsors img { clear: left; }

/* points to remember */
.key-take-aways { padding: 15px; margin-bottom: 20px; border-radius: 10px; -moz-border-radius: 10px; border: 1px #ccc solid; font-family: sans-serif; }
.key-take-aways h4 { font-weight: bold; }

/* discussion question */ 
.discussion-questions { border: 1px black solid; padding: 20px; margin-bottom: 20px;  }
.discussion-questions h4 { font-weight: bold; }

/* about author */
.about_interviewee { background: #eee; margin-bottom: 15px; padding: 15px; font-size: 13px; line-height: 150%; border-radius: 10px; -moz-border-radius: 10px; border: 1px #ccc solid; clear: both; }
#content .about_interviewee img { float: left; /* max-width: 90px; */ margin-right: 15px; margin-bottom: 5px; }

/* discussion point */
.discussion-point-title, .category-discussion-points h2 { font-size: 20px; font-weight: bold; margin: 20px 0 10px; }
#content .discussion-sidebar { float: left; width: 160px; margin: 0 20px 2px 0; font-size: 15px; font-family: sans-serif; line-height: 130%; color: #777; clear: left; }
#content .discussion-sidebar img { width: 160px !important; }
/* make main discussion points title smaller */
/* #content .category-discussion-points .entry-title { font-size: 16px; font-weight: normal; font-style: italic; margin-bottom: 20px; } */
/* used in discussion points when there are multiple books */
.book_excerpt { border-top: 5px black double; padding-top: 10px; margin-top: 10px;  font-size: 14px; line-height: 130%; background-color: #fff; }
.book_excerpt h3 { font-weight: bold; clear: none; }

/* photo credit */
.photo-credit { font-size: 11px; color: #aaa; margin-bottom: 10px; }

/* fix twentyten #content paragraph margin */
#content .about_interviewee p, #content .discussion-questions p { margin-bottom: 0; }


/* Month Table of Contents */
.month-toc { padding: 10px 0 0; border-bottom: 1px solid #444; border-top: 5px solid #444; margin-bottom: 20px; 
/* padding:10px; border-radius: 10px; -moz-border-radius: 10px; border: 1px #444 solid;  */}
.month-toc a { text-decoration: none; }
.month-toc ul { margin: 0; padding: 0; }
.month-toc-contents { font-size: 14px; margin-bottom: 8px; }
.month-toc-contents a { font-size: 18px; }
.month-toc li { list-style: none; margin-bottom: 10px; line-height: 130%; }
.month-toc .toc-section { font: bold normal 10px/130% sans-serif; text-transform: uppercase; display: block; margin-bottom: 2px; }
.month-toc .toc-title { font-size: 13px; display: block; margin-bottom: 8px; }
/* .toc-line-extension { border-bottom: 5px solid #444; width: 700px; margin-bottom: 15px; } */


/* month pdf */
.month-pdf { padding-bottom: 15px; margin-bottom: 20px; margin-top: -5px; border-bottom: 1px solid #444; }
.month-pdf-title { display: block; font-size: 15px; margin-bottom: 10px; }
.month-pdf-thumb { width: 80px; margin-right: 10px; margin-bottom: 8px; float: left; }
.month-pdf-audio { display: block; font-size: 15px; }


/* BUDDYPRESS 
-------------------------------------------------------------- */
/* hide wiki creation activity update in wiki page */
.wiki-group-page-content .wiki_group_page_create { display: none; }
.groups #home-personal-li { display: none; }
#wiki-group-page-edit #wiki-group-page-edit-title-button  {}

/* disable the admin bar for the time being */
#wp-admin-bar { display: none; }




/* =AUDIO PLAYER 
-------------------------------------------------------------- 
see themes/schoolbriefing/audio/page-player/css/page-player.css for default styles */
#sm2-container { width: 1px; height: 1px; position: relative; } /* do not change this without understanding flashblock issues with sound manager */
#content p.listen { margin: 5px 0 0; font: bold 18px/28px sans-serif; color: #999; }

#content ul.playlist { margin: 10px 0 5px; width: 75% }
#content ul.playlist li { padding: 4px 15px; margin-bottom: 2px; background: #def; -moz-border-radius: 8px; border-radius: 8px;  border: 1px #bdf solid;  }
#content ul.playlist li a { background: url(../images/audio.gif) no-repeat /* 10px 10px */; font-size: 20px; padding: 11px 0 11px 50px; margin-bottom: 1px; color: #0066cc; }
#content ul.playlist li:hover a { background: url(../images/play.gif) no-repeat; color: #18f; }
#content ul.playlist li.not-logged-in:hover a { background: url(../images/audio.gif) no-repeat; }
#content ul.playlist li.sm2_playing a { background: url(../images/pause.gif) no-repeat; }
#content ul.playlist li.sm2_paused a { background: url(../images/play.gif) no-repeat; }
#content ul.playlist li.sm2_playing a:hover, #content ul.playlist li.sm2_paused a:hover { color: #18f; }
/* make interviews smaller */
#content .category-interview ul.playlist li { padding: 1px 15px; }
/* hilight for ipad when user clicks listen */
#content .ios ul.playlist li:first-child  { border: 5px red solid; }

#soundmanager-debug { position:fixed; _position:absolute; /* IE <7 */ bottom:1em; right:1em; width:38em; height:30em; overflow:auto; padding:0px; margin:1em; font-family:monaco,"VT-100",terminal,"lucida console",courier,system; opacity:0.9; color:#333; border:1px solid #ccddee; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; background:#f3f9ff; }
#soundmanager-debug div { font-size:x-small; padding:0.2em; margin:0px; }




/* =FOOTER  
-------------------------------------------------------------- */
#footer { border-bottom: 5px solid #76af2e; font-family: sans-serif; margin: 20px 0 0; }

#footer-links { margin: 0 auto; background: #06c; text-align: center; padding: 5px; }
#footer-links ul { display: inline; }
#footer-links li { display: inline; padding: 6px 10px; }
#footer-links li:hover { background: #ff4b33; }
#footer-links a { color: #fff; text-decoration: none; }

#colophon { background: #fff; color: #777; padding: 10px; text-align: center; }
#colophon a { padding-left: 20px; }
#site-credits { text-align: center; margin: 10px; }
#site-credits a { color: #bbb; text-decoration: none; font-size: 10px;  }



/* misc */

/* contact form */
.gform_wrapper .top_label .gfield_label , .gform_wrapper .gfield_radio li label { color: #333; }
.gform_footer .button { padding: 2px 8px; }

/* ADMIN */
/* fix the tinymce editor body color */
body#tinymce { background-color: #fff; }

/* clearfix */
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#nav-below { clear: both; }
.contact-page-address { width: 32%; float: right; margin-left: 20px; margin-top: 120px; }





/* =Mobile specific
-------------------------------------------------------------- */
/* for these to work, it seems "<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">" needs to be in the header */


/* mobile devices and iphone landscape */
@media only screen and ( max-width: 480px ) {
	html { width: 100%; }
	body { width: 100%; /* -webkit-text-size-adjust: 100%; */ }
	#access div.menu-header, #footer, #branding, #main, #wrapper, .single-attachment #content { width: 100%; }
	
	#header { padding-top: 0; }
	#top-bar { width: 100%; position: static; z-index: 1000; }	
	#branding { position: static; height: 110px; }
	#site-title { -webkit-background-size: 400px 85px; height: 110px; width: 100%; margin-top: 0 !important; }
	#site-description { position: relative; clear: both; float: none; left: 109px; top: -50px; width: 220px; line-height: 1.2; }

	#sb-subnav { clear: both; width: 100%; position: static; }
	#sb-subnav li { float: right; padding-bottom: 10px; }
	#sb-subnav a { margin-right: 0px; margin: 0 15px 0 0;  }
	
	#access .menu-header li { border: none; }
	#access a { padding: 5px 5px; font-size: 11.5px;  }

	#container { margin: 0; }
	#content { margin: 0 4% 0 4%; }
	
	#sidebar { clear: both; float: left; width: 92%; padding: 4%; }
	
	#breadcrumbs { display: none; }
	.entry-content img { max-width: 95%; }
	.pull-quote-right, .pull-quote-left { font-size: 22px; } 
	#content ul.playlist { width: 100% }
	
	.secondary_post { width: 100%; }
	.first_post { padding: 20px 15px 15px; margin: 0 -4% 15px; }
	#content .first_post .entry-summary img { margin-right: 12px; } 
	
	/* benefits */
	.marketing { margin: 0 4% 0 4%; }
	.sell-section, .buttons { width: 91%; margin: 0; }
	#sell-top, #who-subscribes { display: none; }
	.sell-section h2 { clear: both; padding-top: 25px; }
 	.two-column, .three-column, .four-column { width: 100% !important; }
 	
 	#subscribe { margin: 0 4%; }
 	#subscribe h1 { font-size: 22px; }
 	#subscribe-main { width: 100%; margin: 0; float: none; padding-top: 15px; }
 	#subscribe-sidebar { width: 100%; }
 	.customer-service { position: static; float: right; width: 150px; }
 	.or-option { display: none; }
 	#subscribe-main .item-list-tabs { display: none; }
 	.edition-head .small { display: block; }
 	
 	.contact-page-address { width: 100%; margin-top: 0px; }
 	
 	#footer-links li { padding: 6px 5px; }
 	
 	
}

/* iphone portrait - additional styles */
@media only screen and ( max-width: 320px ) {
	body { width: 320px; }
	#top-bar a { padding: 2px 10px 6px; margin-left: 5px; }
	#site-title { -webkit-background-size: 300px 64px; height: 90px; width: 100%; }
	#site-description { left: 83px; top: -45px; }
	#sb-subnav a { font-size: 12px; }
	#access a { padding: 2px 8px; font-size: 12px;  }
	.single ul.socialwrap { display: none; }
	#content .first_post .entry-summary img { max-width: 100%; height: auto; }
 	.edition { width: 100%; margin: 0; }
}


@media only screen and ( device-width: 768px ) {
	#access a { padding: 2px 6px; }
}

/*
@media only screen and ( max-width: 768px ) {
	#sidebar { clear: both; float: left; width: 450px; margin-left: 20px;  }
}
*/

#sidebar.one-column-sidebar p {
    font-size: 14px;
    margin-bottom: 20px;
}