/* CSS Document - Screen
---------------------------------------------------------- */

/* Global Reset
---------------------------------------------------------- */

* {margin: 0; padding: 0; border: 0;}

/* Overall Body
---------------------------------------------------------- */

body {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Geneva, sans-serif;
	font-size:62.5%;
	color: #393C43;
	text-align: center;
	}

	
/*  standard links
---------------------------------------------------------- */

a:link { 
	text-decoration: none; 
	color: #003798;
	}

a:visited { 
	text-decoration: none; 
	color: #003798;
	}

p a:link, p a:visited {
	text-decoration: underline;
	} /* Add underlines to Links only if they are within a paragraph */

a:hover { 
	color: #003798;
	background: #FDE571;
	}
	
a:active { 
	color: #003798;
	background: #FDE571;
	}

a img {
display: block;
} /* Prevents bleed through of hover background color on images */


a.media:link {
	text-decoration: none; 
	padding-left: 1.5em;
	background: url(../images/icon_play_media.png) no-repeat left top;
	}
	
a.media:visited {
	text-decoration: none; 
	padding-left: 1.5em;
	background: url(../images/icon_play_media.png) no-repeat left top;
	}
	
a.media:hover {
	padding-left: 1.5em;
	background: #FDE571 url(../images/icon_play_media.png) no-repeat left top;
	}

a.download {
font-size: 1.3em;
margin-left: 10px;
}

a.download:link {
	text-decoration: none; 
		padding: 1.3em 0em 0 3.0em;
	background: url(../images/icons/icon_download_mp3.png) no-repeat left top;
	}
	
a.download:visited {
	text-decoration: none; 
	padding: 1.3em 0em 0 3.0em;
	background: url(../images/icons/icon_download_mp3.png) no-repeat left top;
	}
	
a.download:hover {
	padding: 1.3em 0em 0 3.0em;
	background: #FDE571 url(../images/icons/icon_download_mp3.png) no-repeat left top;
	}


/*  login links
---------------------------------------------------------- */

#header a:link { 
	text-decoration: none; 
	color: #ffffff;
	background: none;
	}

#header a:visited { 
	text-decoration: none; 
	color: #ffffff;
	background: none;
	}

#header a:hover, a:active { 
	color: #FCDC41;
	background: none;
	}
	
/* font formats - margin, padding set in px, else relative to em size
---------------------------------------------------------- */

h1 { /* Top Reverse Bar with Top Nav and Section Name*/
	font-size: 1.8em;
	font-family: Tahoma, 'Myriad Pro', Verdana, Arial, sans-serif;
	color: #FFFFFF;
	position: relative;
	top: 10px;
	left: 10px;
	letter-spacing: 0em;
	}
	
h1.wpsu-h1 { display: none; }
	
h1 span {
	color: #BED7EE;
	}

#h1_wrap {
	background: #40506C url(../images/bg/bg_h1.jpg) no-repeat right top;
	height: 40px;
	overflow: hidden;
	margin-right: 10px;
	} /* Seems redundant - but is necessary to control height of h1 zone*/

h2 { /* Type Callout with Blue & Dark Purple/Gray Stack*/
	font-size: 2.8em;
	font-family:  Tahoma, 'Myriad Pro', Verdana, Arial, sans-serif;
	color: #40506C;
	font-weight: bold;
	line-height: 1.0;
	margin: 0px 10px 0px 20px;
	letter-spacing: -.02em;
	padding: 20px 10px 0 0;
	background: url(../images/bg/bg_h2_shadows.jpg) no-repeat;
	border-bottom: 1px solid #B1C3C9;
	clear: both;
	}
	
h2 span {
	display: block;
	color: #0E7ED6;
	font-size: .8em;
	letter-spacing: -.02em;
	margin: 0 0 -3px -10px;
	}

.content_home h2 {
	background: none;
	} /* Removes shadow background from H2 in Content Section of Home Page */
	
h2.noshadow {
	background: none;
	} /* Removes shadow background from H2 */
	
h2.noshadow_tight {
	background: none;
	padding-top: 0;
	} /* Kids & Family */

h3 { /* Dark Purple/Gray with Bottom Border*/
	font-size: 1.8em;
	color: #40506C;
	font-weight: bold;
	line-height: 1.0;
	margin: 15px 10px 3px 10px;
	padding-bottom: 3px;
	letter-spacing: -.03em;
	border-bottom: 1px solid #B1C3C9;
	text-transform: uppercase;
	}

h3.category {
font-size: 2.6em;
line-height: 1.0;
letter-spacing: -.05em;
color: #CCCCCC;
font-family: "Arial Black", Arial, Helvetica;
font-weight:600;
border-bottom: none;
margin-top: 10px;
}

h3.latlong {
font-size: 2.2em;
line-height: 1.0;
letter-spacing: -.05em;
color: #CCCCCC;
font-family: "Arial Black", Arial, Helvetica;
font-weight:600;
border-bottom: none;
margin-right: 0px;
}

h3.episode_date {
font-size: 1.8em;
line-height: 1.0;
letter-spacing: -.05em;
color: #CCCCCC;
font-family: "Arial Black", Arial, Helvetica;
font-weight:600;
border-bottom: none;
border-top: 1px solid #B1C3C9;
padding-top: 5px;
margin-right: 10px;
padding-bottom: 0px;
margin-bottom: 0px;
}

h4.scrimmage_results {
font-size: 2.2em;
line-height: 1.0;
letter-spacing: -.05em;
color: #0E7ED6;
font-family: "Arial Black", Arial, Helvetica;
font-weight:600;
border-bottom: none;
margin-top: 10px;
}

h4, h3.page-overview, caption.captionh3 {
	color: #0E7ED6;
	font-size: 1.6em;
	letter-spacing: -.03em;
	margin: 0px 10px 3px 10px;
	padding-top: 10px;
	line-height: 1.2;
	text-transform: none;
	border-bottom: none;
	text-align: left;
	}

.content_home h3, h3.tv-all {
	color: #0E7ED6;
	font-size: 1.6em;
	letter-spacing: -.03em;
	margin: 0px 10px 3px 10px;
	padding-top: 10px;
	line-height: 1.2;
	text-transform: none;
	border-bottom: none;
}


.a h4 {
width: 74%;
}

.b h4, .c h4, .d h4, .e h4 {
width: 92%;
display: block;
}

h4.sub_banner {
margin-top: -15px;
}


#content_sidebar h4 {
padding-top: 15px;
}

h4 a:link, h4 a:visited, .content_home h3 a:link, .content_home h3 a:visited, h3.tv-all {
color: #0E7ED6;
line-height: 1.0;
}

h4 a:hover, .content_home h3 a:hover, h3.tv-all {
color: #003798;
line-height: 1.0;
}

.more_arrow {
	font-size: 1.4em;
	color: #003798;
	line-height: .75;
	}
	
h5 {
	color: #40506C;
	font-size: 1.5em;
	border-top: 1px dotted #B1C3C9;
	border-bottom: 1px dotted #B1C3C9;
	text-transform: uppercase;
	letter-spacing: -.02em;
	margin: 15px 10px 3px 10px;
	padding: 3px 0;
	}
	
h5.scrimmage_results {
	color: #40506C;
	font-size: 1.4em;
	border-top: none;
	border-bottom: 1px solid #B1C3C9;
	text-transform: uppercase;
	letter-spacing: -.02em;
	margin: 15px 10px 3px 10px;
	padding: 3px 0;
	}
	
.h6_wrap h3, .h6_wrap h2 {
	font-size: 1.8em;
	font-family: Tahoma, 'Myriad Pro', Verdana, Arial, sans-serif;
	color: #FFFFFF;
	position: relative;
	top: 10px;
	left: 10px;
	padding: 0 0 15px 0;
	margin: 0;
	line-height: 1.1;
	letter-spacing: 0em;
	text-align: left;
	background-image: none;
	text-transform: none;
	}
	
.h6_wrap {
	background: #3F7186 url(../images/bg/bg_h3.jpg) no-repeat top right;
	overflow: hidden;
	} /* Seems redundant - but is necessary to control height of h6 zone*/


p {
	margin: 0px 10px 15px 10px;
	}
	
.small {
	font-size: .7em;
	}

.a p, .e p {
width: 87%;
font-size: 1.4em;
line-height: 1.4;
margin-top: 5px;
}

.b p {
font-size: 1.4em;
line-height: 1.4;
margin-top: 5px;
}

.c p, .d p, .f p {
font-size: 1.3em;
line-height: 1.3;
}

.episode_guide p, p.tvschedule {
margin-top: 3px;
font-size: 1.3em;
padding-bottom: 5px;
}


#content_sidebar p {
	font-size: 1.3em;
	line-height: 1.3;
	margin-bottom: 1em;
	}

#content_sidebar .bookmark_submit p,  #media_player p {
font-size: 1.2em;
}

#content_sidebar .bookmark_submit img {
margin-left: 0px;
}

/*  Personality Bios
---------------------------------------------------------- */ 
#content_sidebar .bio {
padding-top: 5px;
}

#content_sidebar .bio p {
font-size: 1.2em;
}

/*  BLOG Specific stylings
---------------------------------------------------------- */ 

h3.blog_category {
font-size: 2.0em;
line-height: 1.0;
letter-spacing: -.05em;
color: #CCCCCC;
font-family: "Arial Black", Arial, Helvetica;
font-weight:600;
border-bottom: none;
border-top: 3px solid #CCCCCC;
margin: 30px 10px 10px 10px;
padding-top: 5px;
padding-bottom: 0px;
text-align: right;
}


h3.blog_category a:link, h3.blog_category a:visited {
color: #666;
}

h3.blog_category a:hover {
color: #003798;
}

p.blog_cat_description {
font-size: 1.5em;
}

h4.blog_title { 
	font-size: 2.0em;
	padding-top: 0px;
	line-height: 1.0;
	margin-right: 0px;
	width: 90%;
	}
	
p.blog_poster {
font-size: 1.2em;
font-style: italic;
margin-top: 5px;
color: #6D856B;
}

p.blog_comments_links{
font-size: 1.1em;
font-style: italic;
margin-left: 45px;
}

.blog h5 {
width: 75%;
}

.blog p {
width: 87%;
font-size: 1.3em;
line-height: 1.6;
margin-top: 0px;
}

#content .blog ul li {
border-bottom: none;
list-style-type: square;
margin-left: 25px;
}

#content .blog li a:link {
text-decoration: underline;
}

#content .blog ul {
margin-top: 0px;
}

.blog_previous_next {
font-size: 1.3em;
margin-left: 10px;
}

.blog_avatar {
position: relative;
float: left;
width: 100px;
margin: 5px 10px 10px 10px;
}

p.blog_commenter {
font-style: italic;
color: #6D856B;
line-height: 1.2;
}

.blog_comment_divider {
    clear: both; 
	border-bottom: 1px solid #B1C3C9;
	margin: 10px 10px 0 10px;
    }
	
	p.blog_comment img {
position: relative;
float: left;
margin: 0 5px 0 0;
top: 0px;
}

#blog_poster_details {
border-top: dotted 1px #B1C3C9;
border-bottom: dotted 1px #B1C3C9;
margin: 10px 0 30px 10px;
width: 87%;
padding: 5px 0;
}

#blog_poster_details p {
font-size: 1.2em;
}

.blog_photo {
margin: 0 0 15px 10px;
width: 598px;
padding: 10px;
	border-top: 1px solid #B0B0B0; 
	border-left: 1px solid #B0B0B0; 
	border-bottom: 1px solid #40506C;
	border-right: 1px solid #40506C;
}

.blog_photo p {
font-size: 1.1em;
margin: 0 10px 0 0;
width: 100%;
}


/*  Print Logo
---------------------------------------------------------- */ 
#print_logo, #lfj-print-logo {
display: none;
}

/*  Header - Logos and Login
---------------------------------------------------------- */ 
#header {
	background: #151e3b /*url(../images/bg/bg_header.jpg) repeat-x*/;
	}
	
#header_wrap {
	margin: 0 auto;
	min-height: 100px;
	width: 960px;
	text-align: left;
	/*background: url(../images/bg/bg_header_shadows.jpg) no-repeat top right;*/
	overflow:hidden;
	}

#header_login {
	position: relative;
	float: right;
	Z-index: 100;
	text-align: right;
	top: 6px;
	font-size: 1.1em;
	}

#header p {
	color: #ffffff;
	font-size: 1.0em;
	margin: 0;
	padding: 0;
	}

/*#logo_psu {
	float: left;
	height: 52px;
	width: 117px;
	}

#logo_wpsu {
	float: left;
	height: 64px;
	width: 168px;
	margin: 14px 0 0 22px;
	}

#wpsu_branding {
	float: left;
	margin: 14px 0 0 0;
	height: 50px;
	width: 330px;
	}

#wpsu_branding img {
float: left;
}

#wpsu_branding ul {
	display: inline;
	list-style-type: none;
	}*/

/*  LOGOS IN BACKGROUND TO FIX FACEBOOK SHARE FUNCTION
---------------------------------------------------------- */

/*#logo_psu {
	float: left;
	position: relative;
	height: 52px;
	width: 117px;
	background: url(/assets/images/logos/logo_penn_state.png) no-repeat;
	}*/

#logo_wpsu {
	float: left;
	position: relative;
	height: 64px;
	width: 200px;
	margin: 14px 0 0 22px;	
	background: url(https://legacy.wpsu.org/assets/images/logos/logo_wpsu.png) no-repeat;
	}

#logo_psu a, #logo_wpsu a {
display: block; width: 100%; height: 100%; cursor: pointer;
}

#wpsu_branding {
	float: left;
	margin: 14px 0 0 0;
	height: 50px;
	width: 350px;
	}

#wpsu_branding img {
position: relative;
float: left;
}

/*Extra DIVs for IE6 */
#wpsu_branding .pbs, #wpsu_branding .npr {
position: relative;
float: left;
}

/*  PLEDGE GOAL INCLUDE
---------------------------------------------------------- */

#pledge_goal_graph {
	float: left; 
	background: url(../images/home/bg_pledgegoal.png); 
	width: 300px; 
	height: 65px; 
	position: relative; 
	top: 10px; left: 0px;
	}

#pledge_goal_graph p {
	margin: 5px 0 2px 10px; 
	font-size: 1.2em; 
	font-weight: bold; 
	letter-spacing: -.005em;
	}
	
#pledge_goal_bar { 
	margin-left: 10px; 
	width: 278px; 
	height: 17px; 
	background: url(../images/home/pledge_goal.png) repeat-y; 
	border: 1px solid #ffffff;
	}

#pledge_goal_cover { 
	width: 0%; 
	height: 17px; 
	background-color: #ffffff; 
	float: right;
	}

.pledge_goal_pledge_now {
	float: right;
	position: relative;
	right: 10px; 
	margin: 3px 10px 0 0; 
	font-weight: bold;
	}

/*  Top Navigation
---------------------------------------------------------- */

#top_nav {
	background:#054CD9 url(../images/bg/bg_top_nav_new.jpg) repeat-x; height: 40px; z-index: 1000; position: relative;
} 
	
#top_nav_wrap {
	margin: 0 auto;
	width: 960px;
	text-align: left;
}
	
ul#menu, ul#menu ul.sub-menu {
    padding:0;
    margin: 0;
}
ul#menu li, ul#menu ul.sub-menu li {
    list-style-type: none;
    display: inline-block;
	float: left; 
}
/*Link Appearance*/
ul#menu li a {
	text-decoration: none;
	color: #fff;
	display: inline-block;
	cursor: pointer;
	padding: 13px 16px;
	margin: 0;
	text-decoration: none;
	font-size: 1.4em;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 14px;
}

ul#menu li a:hover, ul#menu li ul.sub-menu li a:hover {
	background-color: #B9D5ED;
	color: #003798;
}

/*Make the parent of sub-menuu relative*/
ul#menu li {
    position: relative;
}
/*sub menu*/
ul#menu li ul.sub-menu {
    display:none;
    position: absolute;
    top: 40px;
    left: 0;
    width: 220px;
}
ul#menu li:hover ul.sub-menu {
    display:block;
}
ul#menu li ul.sub-menu li a {
	background-color: #9ebbd3;
	color: #039;
	width: 192px;
	text-transform: none;
	font-size: 1.3em;
	border-bottom: 1px solid #666;
	padding: 9px 14px; margin: 0;
}
	
#home li#top_nav_home  a, 
#tv li#top_nav_tv a, 
#radio li#top_nav_radio a, 
#features li#top_nav_features a,
#community li#top_nav_community a,
#family li#top_nav_family a,
#contribute li#top_nav_contribute a,
#about li#top_nav_about a,
#events li#top_nav_events a,
#search li#top_nav_search a,
#vote08 li#top_nav_vote08 a,
#blogs li#top_nav_blogs a,
#shop li#top_nav_shop a {
	background-color: #B9D5ED;
	color: #003798;
	/*border-top: 4px solid #0E7ED6;*/
	} /* Sets active state for Top Navigation if Body ID and top nav ID match */

#top_nav_list ul li a.highlight {
	color: #FCDC41;
	font-weight: bold;
	}
	
#top_nav_list ul li a.highlight:hover  {
	background-color: #B9D5ED;
	color: #003798;
	/*border-top: 4px solid #0E7ED6;*/
	}

#top_nav_list ul li a.vote {
		color: #FF0000;
		font-weight: bold;
		}

#top_nav_list ul li a.vote:hover  {
		background-color: #B9D5ED;
		color: #003798;
		/*border-top: 4px solid #0E7ED6;*/
		}


/*  Show Menu Components for Mobile Menu Display
---------------------------------------------------------- */

#menu li#nav-social-media {
	display: none;
	}

a#show-micro {
	text-decoration: none;
	color: #fff;
	background: #19c589;
	text-align: center;
	padding: 10px 0;
	display: none;
	font-size: 1.7em;
}

a#show-micro:hover {
	cursor: pointer;
	}



/*  Section Navigation
---------------------------------------------------------- */

#section_nav {
	background:#B9D5ED;
	border-bottom: 4px solid #B1C3C9;
	}
	
#section_nav_wrap {
	margin: 0 auto;
	width: 960px;
	text-align: left;
	}

#section_nav_list ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	}
	
#section_nav_list li {
float: left;
padding: 0.6em 1em .4em 1em;
	margin: 0;
background: url(../images/bg/divider_section_nav.gif) no-repeat bottom right;
	outline: none;
	border: none;
}
	
#section_nav_list ul li a {
	text-decoration: none;
	font-size: 1.3em;
	
	}

#section_nav_list ul li a.external {
	padding: 0.6em 1.2em .4em 1em;
	text-decoration: none;
	font-size: 1.3em;
	background: url(../images/icons/icon_external.png) no-repeat right;
	}

#section_nav_list ul li a.external:hover {
background: url(../images/icons/icon_external.png) no-repeat right;
text-decoration: underline;
}


#section_nav_list ul li a:hover, #section_nav_list ul li a:active {
	color: #7F2C02;
	text-decoration: underline;
	background: none;
	}
	
#section_nav_list ul li a.active {
	color: #003798;
	background: none;

	}


/*  LOGIN SCREEN
---------------------------------------------------------- */

#login-wrap {
background-color: #0195F0;
}

#login-form {input
	text-align: left;
}

/*  Media HOME - Media section on the Home Page Layout
---------------------------------------------------------- */

#media_home {
	background: #B9D5ED url(../images/bg/bg_media_home.jpg) repeat-x;
	border-bottom: 4px solid #B1C3C9;
	}

#media_home_wrap {
	margin: 0 auto;
	width: 960px;
	text-align: left;
	padding: 20px 0 10px 0;
	}
	
	
#media_home_content {
position: relative;
	float: left;
	width: 620px;
	height: 343px;
    border: solid 10px #40506C;
	background-color: #FFFFFF;
}

/* Other Styles */
#youtube-playlist-embed {
	position: relative;
	float: left;
	width: 600px;
	background-color: #FFFFFF;
	background: url(http://www.wpsu.org/assets/images/bg/bg_shaded4.png) repeat-x;
	padding: 10px;
}

.video-embed {
	width: 600px;
	height: 338px;
	}


#media_home_features {
	position: relative;
	float: left;
	width: 310px;
	margin-left: 10px;
	}
	
#media_home_banners {
	margin-top: 0px;
	padding-bottom: 10px;
	}

#media_group { 
	width: 960px; 
	margin: 10px auto;
}

#group_listenlive_banner {
	position: relative;
	float: right;
	width: 310px;
	margin-left: 10px;
	background: url(http://www.wpsu.org/assets/images/bg/bg_shaded4.png) repeat-x;
	padding: 10px;
}

#media_home_listen2 {
	margin: 0 0 14px 0;
	background: url(http://www.wpsu.org/assets/images/home/bg_home_listenlive2.jpg) no-repeat;
	height: 150px;
}

.more-youtube {
	padding: 8px 10px;
	text-align: right;
	font-size: 1.2em;
	background-color: #333;
	display: block;
}

.more-youtube a {
	color: #fff;
}

#closings_bg {
background: url(../images/home/bg_closings.jpg) no-repeat;
width: 310px;
height: 203px;
}

#closings {
position: relative;
top: 35px;
height: 168px;
overflow: auto;
}

.hiddden {
display: none;
}

#closings h4 {
color: #B9D5ED;
}

#closings ul {
color: #ffffff;
list-style-type: none;
margin: 0 10px;
font-size: 1.2em;
}

#closings li {
padding-bottom: 2px;
margin-bottom: 5px;
border-bottom: 1px solid #4069B2;
}


/*  HOME PAGE LIVE RADIO
---------------------------------------------------------- */

#media_home_listen {
	margin-top: 10px;
	background: url(../images/home/bg_home_listenlive.jpg) no-repeat;
	height: 150px;
	}

#media_home_listen2 {
	margin-top: 10px;
	background: url(../images/home/bg_home_listenlive2.jpg) no-repeat;
	height: 150px;
}

#wpsu_live {
	position: relative;
	top:5px;
	left:235px;
	width:36px;
}

#wpsu2_live {
	position: relative;
	top:10px;
	left:254px;
	width:36px;
}

#wpsu3_live {
	position: relative;
	top:15px;
	left:254px;
	width:36px;
}


#listen_player {
position: relative;
top: 20px;
text-align: right;
width: 300px;
font-size: 1.3em;
}


/*  PROMO BANNER
---------------------------------------------------------- */

#promo-banner-wrap {
/*	background-color: #B1C3C9; */
background-color: #EBD1A4;
border-bottom: 4px solid #B1C3C9;
}

#promo-banner {
	margin: 0 auto;
	padding: 10px 0;
	width: 960px; 
	text-align: left;
	clear: both;
}


/*  HOME PAGE SOCIAL NETWORKING ICONS
---------------------------------------------------------- */
#socialnetwork_links {
margin-top: 5px;
position: relative;
}

#socialnetwork_links p {
margin-bottom: 10px;}

#socialnetwork_links img {
margin-right: 8px;
float: left;
}

/*  RADIO PAGE LIVE RADIO
---------------------------------------------------------- */
#media_radio_listen {
background: #B9D5ED url(../images/radio/bg_listenlive_sidebar.jpg) no-repeat;
	min-height: 235px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#media_radio_listen2 {
background: #B9D5ED url(../images/radio/bg_listenlive_sidebar2.jpg) no-repeat;
	padding-bottom: 10px;
	min-height: 170px;
	width: 219px;
}

#media_radio_listen3 {
background: #B9D5ED url(../images/radio/bg_listenlive_sidebar3.jpg) no-repeat;
	padding-bottom: 10px;
	min-height: 260px;
	width: 219px;
}

#wpsu_live_side {
position: relative;
top: 0px;
left: 83px;
}

#wpsu_live_side2 {
position: relative;
top: 0px;
left: 83px;
width: 50px;
}

#wpsu_live_player {
position: relative;
top: 52px;
}

#wpsu_live_player2 {
position: relative;
top: 5px;
}

#wpsu2_live_side {
position: relative;
top: 54px;
left: 103px;
}

#wpsu2_live_side2 {
position: relative;
top: 9px;
left: 103px;
width: 50px;
}

#wpsu2_live_side3 {
position: relative;
top: 18px;
left: 103px;
width: 50px;
}

#wpsu2_live_player {
position: relative;
top: 64px;
}

#wpsu2_live_player2 {
position: relative;
top: 10px;
}

#wpsu2_live_player3 {
	position: relative;
top: 20px;
}

/*RADIO PROGRAM PAGE PLAYER*/
#media_radio_ideahour {
	background: #B9D5ED url(../images/radio/ideahour_side.jpg) no-repeat;
	height: 355px;
}

#media_radio_classical {
	background: #B9D5ED url(../images/radio/classical_side.jpg) no-repeat;
	height: 355px;
}

#media_radio_thisamericanlife {
	background: #B9D5ED url(../images/radio/thisamericanlife_side1.png) no-repeat;
	height: 355px;
}

#media_radio_ideahour_controls {
	position: relative;
top: 242px;
left: 113px;
}


/*  Media - Media Section on Interior Pages
---------------------------------------------------------- */

#media_wrap {
	margin: 0 auto;
	width: 960px;
	text-align: left;
	margin-top: 2em;
	}
	
#media_banner {
	position: relative;
	float: left;
	width: 640px;
	}

#media_player {
	position: relative;
	float: left;
	width: 300px;
	margin-left: 10px;
	}

#tvplayer {
 height: 315px; 
 overflow-y: auto;
 background-color: #50879E;
 }

#tvplayer p {
font-size: 1.2em;
margin-top: 10px;
margin-bottom: 0px;
color: #BFDEF7;
}

#tvplayer p.episode_title {
font-size: 1.3em;
margin-top: 0px;
padding-top: 0px;
padding-bottom: 5px;
border-bottom: 5px solid #588DA2;
}

#tvplayer a:link, #tvplayer a:visited {
color: #ffffff;
text-decoration: none;
}

#tvplayer a:hover {
background-color: #79A3B4;
}

#rss_feed {
margin-top: 10px;
}

.rss_help {
padding-left: 10px;
}

#listen_now {
width: 300px;
height: 40px;
background: url(../images/bg/bg_radio_listennow.gif) no-repeat;
}

#listen_now_logo {
position: relative;
left: 134px;
top: 6px;
}
	

/*  Content - Content Zones for Home and Interior Pages
---------------------------------------------------------- */
#content {
	margin: 0 auto 0 auto;
	width: 960px; 
	text-align: left;
	clear: both;
	}
	
#content_kidsvideo {
	width: 1020;
	margin: 20px 0 20px 20px;
	text-align: left;
	clear: both;
	}

.nomedia {
	padding-top: 2em;
	}

.content_home {
	background: url(../images/bg/bg_content_wrap_home.jpg) no-repeat;
	}

#content_wrap {
	width: 720px;
	position: relative;
	float: left;
	}

#content_sidebar {
	width: 220px;
	position: relative;
	float: left;
	margin-left: 10px;
	padding-bottom: 10px;
	text-align: left;
	}
	
.content_sidebar_box {
border: 1px solid #3F7186;
background: #E7F0F9;
}

.more_features {
margin-bottom: 15px;
}

#content_sidebar .content_sidebar_box img{
margin: 10px 0 5px 0;
}

#content_sidebar p img {
margin: 10px 0 0 -10px;
}

#sidebar_random { /* Content Area for Random Sidebar Towers */
width: 220px;
height: 480px;
}

#content_nav {
	background: url(../images/bg/bg_content_nav.jpg) no-repeat;
	}

.event_cal {
padding-top: 10px;
}


#content ul, dl {
	margin: 0 10px 0.6em 20px; /* Changed margin-left to 0 and added padding for IE - this broke other things */
	padding-left: 0px;
	list-style-type: none;
	padding-bottom: 0.6em;
	font-size: 1.3em;
	width: 90%;
	}

dt {
	margin-bottom: 0;
	margin-top: 0px;
	padding-top: 0.5em;
		clear: both;
	font-size: .95em;
	}

#search_results dt {
	font-size: 1.1em;
}


dt a img {
margin-right: 10px;
}

dt img.avatar {
margin-bottom: 5px;
margin-right: 10px;
margin-top: 0px;
padding-top: 0px;
}

dt.end {
	margin-bottom: .1em;
	margin-right: 10px;
	padding: 0.3em 0 0.3em 0;
	}

dd {
	font-size: .95em;
	}

dd.end {
	
	font-style: italic;
	padding: 0 10px 0.6em 0;
	margin-right: 10px;
	border-bottom: 1px solid #B1C3C9;
	}

#content li {
	border-bottom: 1px solid #B1C3C9;
	padding: 0.3em 10px 0.3em 0;
	margin-right: 10px;
	}

li.even {
	background: url(../images/bg/bg_li_odd.png) repeat-y top right;
	}

#content li.schedule {
text-align: right;
font-size: 1.1em;
border-bottom: none;
font-weight: bold;	
}

#content ul.directions li {
border-bottom: 1px dotted #B1C3C9;
list-style-type: square;
margin-left: 15px;
margin-right: 25px;
}
	
a.itunes:link {
padding-left: 1.5em;
	background: url(../images/icons/icon_itunes.png) no-repeat left top;
}

a.itunes:visited {
padding-left: 1.5em;
	background: url(../images/icons/icon_itunes.png) no-repeat left top;
	}
	
a.itunes:hover {
padding-left: 1.5em;
	background: #FDE571 url(../images/icons/icon_itunes.png) no-repeat left top;
	}

a.rss:link {
padding-left: 1.5em;
	background: url(../images/icons/icon_rss.png) no-repeat left top;
}

a.rss:visited {
padding-left: 1.5em;
	background: url(../images/icons/icon_rss.png) no-repeat left top;
	}
	
a.rss:hover {
padding-left: 1.5em;
	background: #FDE571 url(../images/icons/icon_rss.png) no-repeat left top;
	}
	
p.even {
	background: url(../images/bg/bg_li_odd.png) repeat-y top right;
	}
	
.more {
	margin: 8px 10px 0 0;
	text-align: right;
	font-size: 1.2em;
}

#content li.more, dt.more {
	text-align: right;
	margin: 0px 10px 0 0;
	border-top: none;
	border-bottom: none;
	font-size: 1.0em;
	}

#content ul.large li {
	font-size: 1.1em;
	margin: 5px 0px 5px 20px;
	font-style: italic;
	list-style-type: square;
	} /* Used for "large" lists to highlight just a few items */

p.large {
font-size: 1.5em;
}

#content .twocol, #content .threecol {
	clear:both;
	}
	
.d img {
	/*border: solid 1px #003798; */
	margin-top: 8px;
	}/* Style and Position Small Program Banners in 3 Col Layout */

.thumb {
margin-right: 10px;
border: solid 1px #003798;
}

/*  School Closings - OLD?
---------------------------------------------------------- */
.schools {
font-size: 1.4em;
}

/*  School Closing List for http://wpsu.org/site/closings
---------------------------------------------------------- */
#content .closings-list h3 {
text-transform: none;
margin-top: 20px;
margin-bottom: 20px;
font-size: 2.2em;	
}

#content .closings-list p {
font-weight: bold;	
font-size: 1.5em;
border-bottom: 1px dotted #CCC;
padding-bottom: 10px;
margin-top: 5px;
}

#content .closings-list p span {
font-size: 0.85em;
font-weight: normal;
}

/*  Yellow Callout Box
---------------------------------------------------------- */

.callout_box {
background-color: #FDEA8D;
border: 1px solid #FFCC00;
margin-bottom: 10px;
width: 220px;
margin-left: 0px;
}

.blue {
background-color: #E8F1F9;
border: 1px solid #BED7EE;
}

.callout_box_wide {
background-color: #FDEA8D;
border: 1px solid #FFCC00;
margin-bottom: 10px;
width: 300px;
margin-left: 10px;
}

h4.live-questions {
font-family: Georgia, 'Times New Roman', Times, serif;
font-size: 2.0em;
font-weight: normal;	
margin-top: 0;
padding-top: 0;

}

.callout_box address {
margin: 0 15px 10px 10px;
padding: 0 0 0px 5px;
line-height: 1.4;
font-size: 1.2em;
border-left: 5px solid #0E7ED6;
font-style: normal;
}

.callout_box_wide address {
margin: 0 15px 10px 10px;
padding: 0 0 0px 5px;
line-height: 1.4;
font-size: 1.2em;
border-left: 5px solid #0E7ED6;
font-style: normal;
}

/*  Amazon Callout Box
---------------------------------------------------------- */

.amazon-highlight-box {
/* background-color: #FDEA8D;
border: 1px solid #FFCC00; */
border: 1px solid #cccccc;
margin: 20px 0 10px 60px;
width: 520px;
-webkit-border-radius:15px;
-moz-border-radius:15px;
padding-bottom: 10px;
}

#content .amazon-highlight-box p.large {
font-size: 1.6em;
font-weight: bold;
color: rgba(57, 60, 67, 0.75);
margin-bottom: 0;
padding-bottom: 0;
margin-top: 10px;
line-height: 1.2;
}

#content .amazon-highlight-box p {
font-size: 1.15em;
width: 95%;
margin-bottom: 0px;
}

#content .amazon-highlight-box p.buy-link {
font-size: 1.4em;
line-height: 1.2;
font-weight: bold;
margin-top: 7px;
margin-bottom: 0;
}

#content .amazon-highlight-box img {
margin-right: 5px;
}


#content .amazon-highlight-box p.buy-link-any {
font-size: 1.1em;
}

/*  Content Columns
---------------------------------------------------------- */
.threecol {
position: relative;
margin: 0;
padding: 0;
border: 0;
width: 100%;
}

.a {
	position: relative; 
	float: left;
	width: 720px;
	margin: 0 0 1em 0;
	clear: both;
	} 
	
.noclear {
	clear: none;
	}

.blog {
	position: relative; 
	float: left;
	width: 639px;
	margin: 0 0 1em 0;
	border-right: 1px solid #B1C3C9;
	}
	
.live_big {
	position: relative; 
	float: left;
	width: 640px;
	margin: 0 0 1em 0;
	border-right: 1px solid #B1C3C9;
	}
	
.live_small {
	position: relative; 
	float: left;
	width: 310px;
	margin: 0 0 1em 0;
	border-right: 1px solid #B1C3C9;
	}
	
.b {
	position: relative; 
	float: left;
	width: 399px;
	margin: 0 0 1em 0;
	border-right: 1px solid #B1C3C9;
	}

.c {
	position: relative; 
	float: left;
	width: 319px;
	margin: 0 0 1em 0;
	border-right: 1px solid #B1C3C9;
	}

.d {
	position: relative; 
	float: left;
	width: 238px;
	margin: 0 0 1em 0;
	border-right: 1px solid #B1C3C9;
	}


.shaded {
background: #FFF url(../images/bg/bg_shaded.jpg) no-repeat;
padding-top: 3px;
margin-top: 12px;
width: 720px;
}



.e {
	position: relative; 
	float: left;
	width: 479px;
	margin: 0 0 0 0;
	border-right: 1px solid #B1C3C9;
	}
	
/* two equal columns */
.f {
	position: relative; 
	float: left;
	width: 358px;
	margin: 0 0 1em 0;
	border-right: 1px solid #B1C3C9;
	}
	
#content .last {
	border-right: none;
	}  /* Remove right-hand border from right-most columns */

/*  Gallery Slideshows
---------------------------------------------------------- */

/*  TOOL TIP
---------------------------------------------------------- */
#tooltip{
	position:absolute;
	border:2px solid #FFF;
	background: #9FCD37;
	padding:10px 10px;
		-webkit-box-shadow: 2px 2px 5px #818181;
	-moz-box-shadow: 2px 2px 5px #818181;
	display:none;
	font-family: Rockwell, 'Gill Sans', 'Gill Sans MT', 'Century Gothic',  'Helvetica Neue',  Helvetica;
	font-size: 1.6em;
	width: 15em;
	font-weight: bold;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius: 5px;	
	border-radius: 5px;
	line-height: 1.1;
	}




/*  Flickr
---------------------------------------------------------- */
.flickr_badge { 
	float: left; 
	margin: 5px 0 0 10px;
	width: 200px;
	}
.flickr_badge_kids { 
	float: left; 
	margin: 5px 0 0 10px;
	width: 720px;
	}
.flickr_badge_image img { 
	width: auto; height: 75px; 
	margin: 0 0 10px 10px;
	padding: 5px;
	border-top: 1px solid #B0B0B0; 
	border-left: 1px solid #B0B0B0; 
	border-bottom: 1px solid #40506C;
	border-right: 1px solid #40506C;
	float: left; 
	}
	
.flickr_badge img[src*="http://geo.yahoo.com"] { display:none }

/*#flickr_badge_uber_wrapper {text-align:center; width:150px;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}*/

/* styles for tv and radio icons on membership/underwriters.html */
li.tv { list-style-image: url(../images/icons/icon_tv2.gif); padding: 2px; margin-left: 15px; }
li.radio { list-style-image: url(../images/icons/icon_radio2.gif); padding: 2px; margin-left: 15px; }
li.tv_radio { list-style-image: url(../images/icons/icon_tvradio.gif); padding: 2px; margin-left: 15px; }

/*  My Source
---------------------------------------------------------- */
#mySourceWrapper { 
	width:518px;
	}
	
#mySourceEmbed {
	float:left;
	width:100%;
	display:block;
	}

#mysource { 
	width: 358px;
	margin: 10px 0 10px 0;
	}
	
#mysource_left { 
	width: 100px; 
	float: left; 
	margin-left: 10px; 
	}
	
#mysource_right { 
	width: 240px; 
	float: right; 
	}
	
.line {
	border-bottom: solid 1px #B1C3C9;
	margin: 0 0 0 10px; padding: 0;
	}

.embed_audio { padding: 0; margin: 0 0 0 10px; }

#mysource_highlight { 
	background-color: #FFE19B; 
	padding: 10px 5px 0 5px; 
	border: 1px solid #D2DDE3; 
	}
	
/*---------- Morning Edition -----------*/
	
#next_morningedition {
width: 90%;
margin-left: 10px;
}

.nprModText {
font-size: 1.3em;
line-height: 1.3;
}

/*---------- scroll box -----------*/
.scrollbox {
	width: 700px; 
	height: 200px; 
	overflow: auto; 
	padding: 5px 5px 5px 0; 
	margin-bottom: 10px; 
	border: solid 1px #B1C3C9;;
	}
	
/*  Forms
---------------------------------------------------------- */
input.button { 
	text-transform: uppercase;
	padding: 3px;
	margin: 3px 0 15px 0;
	border:  1px solid  #333;
	background-color: #0E7ED6;
	color: #FFF;
	display: inline;
	-webkit-border-radius:5px;
-moz-border-radius:5px;
-webkit-box-shadow: 2px 2px 5px #818181;
	-moz-box-shadow: 2px 2px 5px #818181;
	}
	
input.reset {
background-color: #999;	
}
	
input.button_margin { 
	text-transform: uppercase;
	padding: 3px;
	margin: 3px 0 3px 5px;
	border:  1px solid  #333;
	background-color: #0E7ED6;
	color: #FFF;
	display: inline;
	font-size: 1.1em;
	-webkit-border-radius:5px;
-moz-border-radius:5px;
	}

form.leftmargin {
padding-left: 10px;
}

input.date-pick {
background: #E7F0F9;
}

	input.button:hover, input.button_margin:hover { 
	background-color: #B9D5ED;
	color: #003798;
	}
	
input.textbox, input.input, input.file { 
	display: inline;
	margin: 2px 5px 2px 0;
	padding: 3px;
	background: #E7F0F9;
	border: 1px solid #999;
	font-size: 1.0em;
	}
	
textarea.textarea { 
font-size: 1.0em;
	display: inline;
	margin: 2px 0;
	padding: 3px;
	background: #E7F0F9;
	border: 1px solid #999;
	}
	
select.select {
font-size: 1.1em;
	display: inline;
	width: 300px;
	margin: 2px 0;
	padding: 3px;
	background: #E7F0F9;
	border: 1px solid #999;
	}
	
select.select_medium {
font-size: 1.1em;
	display: inline;
	width: 200px;
	margin: 2px 0 2px 0px;
	padding: 3px;
	background: #E7F0F9;
	border: 1px solid #999;
	}
	
select.select_small {
font-size: 1.1em;
	display: inline;
	width: 60px;
	margin: 2px 0;
	padding: 3px;
	background: #E7F0F9;
	border: 1px solid #999;
	}
	
input.radio {
margin-left: 10px;
}

input:hover, textarea:hover, checkbox:hover {
	background-color: #FEEEA3;
}
input:focus, textarea:focus, checkbox:focus {
	background-color: #FEEEA3;
}

/*  July 2011 New Entry Form Customizations
---------------------------------------------------------- */
#calendar_calendars {
	margin: 5px 0 0 0;
}

#calendar_fields div.rule div.time select {
  margin-left: 0;
}
#calendar_new_date button {
display: none;	
}

.itemWrapper img {
display: none;	
}

.itemWrapper label {
		float: left;
	width: 180px;
	font-size: 1.3em;
	text-align: right;
	margin: 16px 5px 0 0; 
	font-weight: bold;
	 pointer-events: none;
       cursor: default;
}

.itemWrapper label a {
	color: #393C43;
}

#calendar_select select {
display: none;	
}

#calendar_fields div.rule {
	border-radius: 0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}

.rule_number {
display: none;	
}

#calendar_wrapper {
float: right;	
border: none;
border: transparent;
}

#calendar_fields div.rule div.first {
padding: 0;
margin: 0;
}

#calendar_fields div.rule div.options label {
	padding-right: 0;
}

#calendar_fields div.rule div.group, #calendar_fields div.line {
border: none;
border: transparent;	
}

.date input, .time input, .time select, .repeat_select select {
margin-top: 5px;	
}

#calendar_fields div.rule div.repeat_select select,
#calendar_fields div.rule div.end select {
	width: auto;
	margin-top:2px;
}

label span {
color:red;	
}

.options .every select {
display: inline;	
}

p.clear {
visibility: visible;
}


/*  EVENTS SEARCH
---------------------------------------------------------- */

#events_search p, #events_add p {
font-size: 1.1em;
}

#events_add label {
font-weight: bold;
}

#content_nav .event_cal ul li.more {
margin-top: 0px;
margin-right: 0px;
font-size: .9em;
}

/*  PLAYLISTS
---------------------------------------------------------- */

#playlist  {
width: 950px;
padding: 10px 0 15px 0;
}

#playlist tr.head {
background-color: #3F7186;
color: #ffffff;
font-weight: bold;
font-size: 1.1em;
}

#playlist tr {
background-color: #EFEFEF;
}

#playlist tr.playlist_pages {
background-color: transparent;
}

#playlist td {
padding: 5px;
}

#playlist #favorites img {
top: -6px;
}

#playlist tr.playlist_pages {
font-size: 1.3em;
font-style: bold;
background-color: none;
text-align: right;
margin-right: 0;
padding-right: 0;
}


/*  EVENTS LISTINGS
---------------------------------------------------------- */

#events_day_listing h4 {
margin-top: 0px;
}

#events_day_listing img.left {
margin: 0 12px 10px 12px;
border: 5px solid #cccccc;
clear: left;
}

#events_day_listing h3.category {
border-top: 1px dotted #CCCCCC;
font-size: 1.2em;
margin-top: 15px;
padding-top: 15px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Geneva, sans-serif;
font-weight: normal;
}

#events_day_listing h3.category a:link, 
#events_day_listing h3.category a:visited {
color: #7F2C02;	
}

#events_day_listing h4.event_title {
color: #0E7ED6;
	font-size: 1.8em;
	letter-spacing: -.03em;
	margin: 0px 10px 3px 10px;
	padding-top: 0;
	line-height: 1.2;	
}

#events_day_listing p.details {
margin-left: 35px;
margin-bottom: 0px;
}

#events_day_listing h5 {
	color: #40506C;
	font-size: 1.4em;
	border-top: 1px solid #B1C3C9;
	border-bottom: 1px solid #B1C3C9;
	text-transform: uppercase;
	letter-spacing: -.02em;
	margin: 15px 10px 3px 10px;
	padding: 3px 0;
	}
	
#events_day_listing p a:link {
font-weight: bold;
text-decoration: none;
}

.add_event {
text-align: right;
margin-left: 20px;
}

.add_event img {
border: none;
}

#events_favorites_callout {
margin-top: 20px;
}

#events_favorites_callout p {
font-size: 1.1em;
}

/*  Favorites
---------------------------------------------------------- */
#become_fan {
margin-bottom: 10px;
margin-top: 30px;
}

img.fav_icon {
border: none;
margin-top: 0;
padding-top: 0;
}

#content_sidebar #become_fan p img {
position: relative;
float: left;
margin: 0 3px 0 0;
top: -10px;
}

#favorites img {
position: relative;
float: left;
margin: 0 3px 0 0;
top: -10px;
}

#favorites_sm {
padding-bottom: 5px;
border-bottom: 1px solid #B1C3C9;
}

#favorites_sm img {
position: relative;
float: left;
margin: 3px 3px 0 0;
top: -6px;
border: none;
}

#favorites_sm p {
position: relative;
top: 6px;
font-size: 0.9em;
}

#favorites p, #become_fan p {
position: relative;
top: 10px;
}

p.add a:link, p.add a:visited {
text-decoration: none;
color: #4F8833;
}

p.remove a:link, p.remove a:visited {
text-decoration: none;
color: #920B09;
}

.alert {
color: #920B09;
font-weight: bold;
}


.favorites_list {
width: 600px;
border-bottom: 1px dotted #cccccc;
}

.favorites_list p {
margin-bottom: 5px;
}

.favorites_list a:link, .favorites_list a:visited {
text-decoration: none;
}

.favorite_item {
position: relative;
float: left;
width: 500px;
border-right: 1px dotted #cccccc;
}

.favorite_item_remove {
position: relative;
float: left;
width: 66px;
}



/*  Images
---------------------------------------------------------- */

img.noborder { border: none; }

img.right {
	float: right;
	margin: 0 5px 0 5px;
	}
	
img.left {
	float: left;
	margin: 0 5px 0 5px;
	}


/* ----------------------------------------------------------
AUCTION
---------------------------------------------------------- */
#auction-wrap {
	background: #ccc url(../images/auction/bg_auction.jpg) repeat-x;
	}
	
#auction-main {
position: relative;
float: left;
width: 640px;
}

@font-face {
	font-family: 'LatoLight';
	src: url('../fonts/Lato-Light-webfont.eot');
	src: local('☺'), url('../fonts/Lato-Light-webfont.woff') format('woff'), url('../fonts/Lato-Light-webfont.ttf') format('truetype'), url('../fonts/Lato-Light-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'LatoBold';
	src: url('../fonts/Lato-Bold-webfont.eot');
	src: local('☺'), url('../fonts/Lato-Bold-webfont.woff') format('woff'), url('../fonts/Lato-Bold-webfont.ttf') format('truetype'), url('../fonts/Lato-Bold-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

#auction-wrap h2 {
	font-family: 'LatoLight', sans-serif;
	color: #788498;
	text-transform: uppercase;
	font-size: 3.0em;
	background: none;
	font-style: normal;
	font-weight: 100;
	border-bottom: none;
	margin-bottom: 10px;
	letter-spacing: -.02em;
}


#auction-side {
position: relative;
float: left;
width: 308px;
left: 10px;
}

.auction-block {
background-color: #ffffff;
border: 1px solid #ADADAD;
width: 100%;
margin-bottom: 10px;
}

.auction-status {
border-top: #ADADAD 1px dotted;
border-bottom: #ADADAD 1px dotted;
margin-bottom: 20px;
}

#auction-wrap p {
margin-top: 10px;
margin-right: 20px;
margin-left: 20px;
font-size: 1.4em;
margin-bottom: 10px;
}


#auction-wrap p.auction-terms {
	font-family: 'LatoLight', sans-serif;
	color: #788498;
	text-transform: uppercase;
	font-size: 2.8em;
	margin-left: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 1.0;
	letter-spacing: -.02em;
}

#auction-wrap p.auction-ends {
	font-family: 'LatoBold', sans-serif;
	color: #995635;
	text-transform: uppercase;
	font-size: 1.7em;
	letter-spacing: -.01em;
	margin-left: 0;
	margin-right: 0;
	padding-right: 0;
	margin-bottom: 0;
}

#auction-wrap p.auction-support {
	font-family: 'LatoLight', sans-serif;
	color: #788498;
	font-size: 2.1em;
	letter-spacing: -.02em;
}

#auction-wrap p.auction-support span {
	color: #789BAA;
}



#auction-wrap p.countdown {
float: right;
font-size: 1.1em;
color: #999999;
}

#auction-wrap p.verification {
font-size: 1.2em;
color:#666666;
margin-left: 80px;
}

#auction-wrap p.auction-login {
font-size: 1.2em;
color:#666666;
margin-top: 0;
margin-bottom: 20px;
}

#auction-wrap p.bid-now {
text-align: right;
}

#auction-wrap p span {
font-weight: bold;
width: 180px;
}

.auction-col-images {
position: relative;
float: left;
width: 310px;
left: 20px;
margin-bottom: 20px;
}

.auction-col-text {
position: relative;
float: left;
width: 280px;
left: 20px;
}

#auction-wrap .auction-current {
font-size: 1.2em;
margin-left: 45px;
}

#auction-wrap .auction-col-text p {
font-size: 1.6em;
line-height: 1.4;
margin-right: 20px;
width: 100%;
}

#auction-wrap ol {
font-size: 1.2em;
margin-top: 10px;
margin-left: 20px;
}

#auction-wrap ol li {
margin-left: 20px;
border-bottom: none;
}

#auction-wrap p.auction-time-remaining {
color: #7F2C02;
font-size: 1.5em;
}

#auction-side p {
font-size: 1.2em;
}

#auction-wrap .alert, #auction-wrap .not-high-bid {  
background-color: #990000;
    color: #FFFFFF;
	padding: 4px;
	font-weight: bold; 
	margin-left: 20px;
	font-size: 1.4em;
	margin-top: 5px; 
}  

#auction-wrap p.winning {   
background-color: #006600;
padding: 4px;
    color: #ffffff;    
	margin-left: 20px;
	font-size: 1.4em;
	margin-top: 5px;
	font-weight: bold;
} 

#auction-wrap #error-glasses {

}


#auction-wrap .error {   
background-color: #FFCC00;
padding: 4px;
margin-right: 20px;
	margin-left: 20px;
	font-weight: bold;
	font-size: 1.4em;
} 

 

#auction-wrap h3 {
font-size: 2.0em;
margin-left: 20px;
border-bottom: none;
border-top: #ADADAD 2px dotted;
padding-top: 10px;
color: #778296;
font-weight: normal;
margin-right: 20px;
margin-top: 0;
}

.auction-bid-block {
margin-top: 12px;
}

#auction-wrap .auction-item {
width: 500px; float: left;
}

#auction-wrap .auction-img {
float: left; width: 100px;
}


/* ----------------------------------------------------------
Comment Form
---------------------------------------------------------- */
#comment-form {

}

.form-item {
width: 100%;
}

.form-item label {
	float: left;
	width: 180px;
	font-size: 1.3em;
	text-align: right;
	margin: 4px 5px 0 0; 
	font-weight: bold;
	}

.form-item .input {
	float: left;
	width: 250px;
	font-size: 1.2em;
	}

.form-item textarea.textarea {
	float: left;
	width: 400px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	}

.form-button {
margin-left: 185px;
}

.form-button input.button {
font-size: 1.5em;
padding: 4px;
margin-top: 10px;
margin-bottom: 10px;
}

	
#comment-form .form-disclaimer {
font-size: 1.2em;
color: #999999;
margin-left: 185px;
width: 500px;
margin-bottom: 0;
}

.form-item {
	margin-top: 10px;
	}

#wine-vendor-form label {
display: block;	
font-size: 1.1em;
font-weight: bold;
}

#wine-vendor-form textarea {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Geneva, sans-serif;
}

#wine-vendor-form h2 {
background-image: none;	
border-bottom: none;
margin-left: 0;
color: #2C176B;
border-top: 1px dotted #96A01D;
padding-top: 10px;
margint-top: 10px;
}

#wine-vendor-form table.table-details {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Geneva, sans-serif;
	font-size: 1.3em;
	margin-bottom: 20px;
	margin-left: 30px;
}

#wine-vendor-form table.table-details td {
	padding: 5px;	
	text-align: center;
}

#wine-vendor-form table.table-details tr {
background-color: #E0E8EB;	
}

#wine-vendor-form table.table-details tr:nth-child(odd) {
background-color: #EEF7FA;
}

#wine-vendor-form table.table-details th {
text-align: center;
padding: 5px 10px;	
border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	vertical-align: top;
}

#wine-vendor-form .button {
font-size: 1.4em;
margin-bottom: 40px;
cursor: pointer;
}

#vendor-info {
position: relative;
float: left;
width: 600px;	
}

#wine-question {
position: relative;
float: right;
width: 300px;
background-color: #efefef;	
-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #CCC;
}

#bruce_form, #ted_form, #phil_form {
margin-left: 10px;	
}

#wine-question a:link, #wine-question a:visited, a#alternate:link, a#alternate:visited {
text-decoration: none;	
}

#wine-question a:before, a#alternate:before {
  content: "↓ ";
}

#wine-question a.active:before, a.active#alternate:before
 {
  content: "↑ ";
}

#alternate_details {
margin-left: 25px;
background-color: #efefef;	
padding: 10px;
width: 50%;
}

#alternate_details label {
font-weight: normal;	
}

#wine-question textarea {
	width: 270px;
	font-size: 1.3em;
}

#wine-question .button {
font-size: 1.0em;
margin-bottom: 0;	
}

/* ----------------------------------------------------------
SHARING OPTIONS AND OTHER RECENT STORIES
---------------------------------------------------------- */

.sharing-options {
margin-top: 5px;
}

.sharing-options h6, .other-recent-stories h6 {
font-size: 2.0em;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight: 100;
	color: #0E7ED6;
	top: 10px;
	margin-left: 0;
	letter-spacing: 0em;
	border-bottom: 1px dotted #B1C3C9;
	}

.other-recent-stories h6 {
margin-bottom: 20px;
}

.other-recent-stories .episode_spacer {
height: 1px;
}

#content .other-recent-stories p {
font-size: 1.2em;
}

#content .other-recent-stories a:link {
text-decoration: none;
}

#content .sharing-options p {
padding: 0;
margin: 0 0 0 20px;
font-size: 1.2em;
font-style: italic;
}

#content .sharing-options ul {
padding-top: 20px;
padding-bottom: 0;
margin-bottom: 0;
}

#content .sharing-options ul li {
height: 36px;
border-bottom: none;
}

.sharing-options ul li a:link {
padding-left: 3.8em;
padding-top: 0.4em;
padding-bottom: 1em;
border: none;
}

.sharing-options ul li  a:visited {
padding-left: 3.8em;
padding-top: 0.4em;
padding-bottom: 1em;
border: none;
	}
	
.sharing-options ul li a:hover {
padding-left: 3.8em;
padding-top: 0.4em;
padding-bottom: 1em;
border: none;
	}
	
.sharing-options a.facebook:link {
	background: url(../images/radio/icon_share_facebook.jpg) no-repeat left top;
}

.sharing-options a.facebook:visited {
	background: url(../images/radio/icon_share_facebook.jpg) no-repeat left top;
	}
	
.sharing-options a.facebook:hover {
	background: url(../images/radio/icon_share_facebook.jpg) no-repeat left top;
	text-decoration: underline;
	}
	
.sharing-options a.twitter:link {
	background: url(../images/radio/icon_share_twitter.jpg) no-repeat left top;
}

.sharing-options a.twitter:visited {
	background: url(../images/radio/icon_share_twitter.jpg) no-repeat left top;
	}
	
.sharing-options a.twitter:hover {
	background:  url(../images/radio/icon_share_twitter.jpg) no-repeat left top;
	text-decoration: underline;
	}

.at300bs { display:none !important; }

	.sharing-options a.addthis_button_email:link {
	background: url(../images/radio/icon_share_email.jpg) no-repeat left top;
}

.sharing-options a.addthis_button_email:visited {
	background: url(../images/radio/icon_share_email.jpg) no-repeat left top;
	}
	
.sharing-options a.addthis_button_email:hover {
	background: url(../images/radio/icon_share_email.jpg) no-repeat left top;
	text-decoration: underline;
	}
	
	#content p.add-this-options {
	margin-bottom: 10px;
	}

/* SHARING */

ul.share li {
display: inline;
}

ul.share li a:link {
padding-left: 1.6em;
padding-top: 0.1em;
padding-bottom: .3em;
border: none;
}

ul.share li  a:visited {
padding-left: 1.6em;
padding-top: 0.1em;
padding-bottom: .3em;
border: none;
	}
	
ul.share li a:hover {
padding-left: 1.6em;
padding-top: 0.1em;
padding-bottom: .3em;
border: none;
	}
	
a.facebook:link {
	background: url(../images/icons/icon_facebook.png) no-repeat left top;
}

a.facebook:visited {
	background: url(../images/icons/icon_facebook.png) no-repeat left top;
	}
	
a.facebook:hover {
	background: #FDE571 url(../images/icons/icon_facebook.png) no-repeat left top;
	}
	
	a.twitter:link {
	background: url(../images/icons/icon_twitter.png) no-repeat left top;
}

a.twitter:visited {
	background: url(../images/icons/icon_twitter.png) no-repeat left top;
	}
	
a.twitter:hover {
	background: #FDE571 url(../images/icons/icon_twitter.png) no-repeat left top;
	}


h5.share {
margin-bottom: 0px;
width: 35%;
}

.addthis_toolbox {
margin-left: 10px;
margin-top: 5px;
padding-top: 0;
}

/* ----------------------------------------------------------
TWEETS
---------------------------------------------------------- */

.tweets {
width: 300px;
float: left;
}

.tweet,
.query {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Helvetica Neue', 'Trebuchet MS', Verdana, Geneva, sans-serif;
font-size: 0.9em;
line-height: 1.4;
}

	.tweet_list {
		list-style: none;
		margin: 0;
		padding: 0;
		overflow-y: hidden;
		background-color: #D5F3FC;
	}
	
		.tweet_list .awesome,
		.tweet_list .epic {
			text-transform: uppercase;
		}
		
		.tweet_list li {
			overflow-y: auto;
			overflow-x: hidden;
			padding: 0.75em;
		}
		
			.tweet_list li a {
				
			}
		
		.tweet_list .tweet_even {
			background-color: #D8EDF8;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #fff;
		}
		
		.tweet_list .tweet_avatar {
			padding-right: .75em;
			float: left;
		}
		
			.tweet_list .tweet_avatar img {
				vertical-align: middle;
			}



/*  Footer
---------------------------------------------------------- */

#footer {
position: relative;
	background:#B9D5ED;
	clear: both;
	padding-top: 10px;
	}
	
#footer_wrap {
position: relative;
	margin: 0 auto;
	padding-bottom: 10px;
	width: 960px;
	text-align: left;
	background: #B9D5ED url(../images/bg/bg_footer.jpg) no-repeat bottom right;
	}

.footer_col {
	position: relative;
	float: left;
	width: 239px;
	border-right: 1px solid #ffffff;
	padding-bottom: 10px;
	}
	
	.footer_col_print {
	position: relative;
	float: left;
	width: 239px;
	border-right: 1px solid #ffffff;
	padding-bottom: 10px;
	}

#footer_copyright {
	border-top: 1px solid #ffffff;
	margin-bottom: 2em;
	clear: both;
	}

#footer strong {
	font-weight: bold;
	text-transform: uppercase;
	}

#footer p {
	margin-bottom: 0.3em;
	margin-left: 10px;
	padding-top: 1em;
	line-height: 1.3;
	font-size: 1.2em;
	}

#footer_copyright p {
	margin-top: 10px;
	font-size: 1.1em;
	}

#footer ul {
	margin: 0 10px;
	list-style-type: none;
	font-size: 1.2em;
	}

#footer li {
	padding-bottom: 0.3em ;
	}
	
#footer address {
	margin-bottom: 0.4em;
	margin-left: 10px;
	padding-top: 0em;
	line-height: 1.3;
	font-size: 1.2em;
	font-style: normal;
	}

/*  let me clear my float
---------------------------------------------------------- */
.clear {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

/*  hide me for shadowbox
---------------------------------------------------------- */
.hidden {
	display: none;
}


/* SCROLLABLE
---------------------------------------------------------- */

/* root element for the whole scrollable setup */
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 644px;	 
	height:200px;	
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;
}

/* custom positioning for navigational links */
a.prev, a.next {
	margin-top:118px;	
}



/* single item */
#thumbs div {
	float:left;
	width:160px;
	height:300px;
	background: #E1D8D1;
	color:#fff;
	cursor:pointer;
	border-right: 1px solid #FFF;
}

/* style when mouse is over the item */
#thumbs div.hover {
	background-color:#E1E1E1;
}

/* style when element is active (clicked) */
#thumbs div.active {
	background-color: #E1E1E1;
	cursor:default;
}

#thumbs h4, #thumbs p  {
	margin:5px;		
	font-size:13px;
	color:#fff;	
}

#thumbs h4  {
	font-style:normal;
	color: #405B7B; 
	padding-top: 0px;
}

#thumbs h4 span {
color: #405B7B;
font-style: italic;
}




/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;		
	margin-bottom: 10px;
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(../images/radio/scrollable/left.png) no-repeat;
	float:left;
	/*margin:85px 10px;*/
	margin:85px 10px;
	cursor:pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../images/radio/scrollable/right.png);
	float: left;
	clear:right;	
}

/* Added by Tom for Lion page */
div.scrollable2 { 
    position:relative; 
	float: left;
    overflow:hidden; 
    width: 560px; 
    height:315px; 
} 

 
div.scrollable2 div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
div.scrollable2 div.items div { 
    float:left; 
} 

/* ----------------------------------------------------------
BIG BUTTON
---------------------------------------------------------- */

div.big-button, input.big-button {
width: 218px;
background: #054CD8 url(../images/bg/bg_button.jpg) center repeat-x;
border-left: #5C76D0 1px solid;
border-top: #5C76D0 1px solid;
border-right: #001661 1px solid;
border-bottom: #001661 1px solid;
padding: 20px 0;
margin-right: 20px;
text-align: center;
-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#shop_wrap div.big-button {
margin-left: 10px;
}

input.big-button {
font-size: 1.8em;
color: #ffffff;
margin-bottom: 20px;
text-align: center;
position: relative;
}
	
.big-button a:link, .big-button a:visited {
font-size: 1.8em;
color: #ffffff;
margin-bottom: 20px;
width: 100%;
text-align: center;
position: relative;
}

input.big-button:hover {
color: #FCDC41;
	}
	
.big-button a:hover {
color: #FCDC41;
background: none;
	}

/* ----------------------------------------------------------
Small Paragraph Class for Shop Message
---------------------------------------------------------- */
p.shop-support-callout, #content_sidebar p.shop-support-callout {
font-size: 1.0em;
}

/* ----------------------------------------------------------
CHILD ABUSE
---------------------------------------------------------- */

#abuse-wrap {
padding-top: 15px;	
}

#abuse-wrap p {
font-size: 1.7em;	
line-height: 1.5;
}

#abuse-wrap .panelist p {
font-size: 1.4em;	
line-height: 1.4;
margin-right: 50px;
}

#abuse-wrap h4 {
font-size: 2.0em;	
}

#abuse-wrap h2 {
background: none;
border: none;
margin-left: 10px;	
}

#abuse-wrap .c h2 {
font-weight: normal;	
font-family: Georgia, 'Times New Roman', Times, serif;
margin-bottom: 5px;	
}

#abuse-wrap h3 {
border: none;
font-size: 2.2em;	
text-transform: none;
}

#abuse-wrap h5 {
text-transform: none;	
border: none;
margin-top: 5px;
padding-top: 0;
font-weight: normal;
font-style: italic;
}

#abuse-wrap .abuse-resources {
	border-top: 1px solid #B1C3C9;
	margin-top: 15px;
}

#abuse-wrap .abuse-resources h4 {
margin-left: 20px;	
}

#abuse-wrap .abuse-resources ul {
font-size: 1.4em;
font-family: Georgia, 'Times New Roman', Times, serif;	
}

#abuse-wrap .abuse-resources ul a:link {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.2;
}

#abuse-wrap .live_big {
margin-top: 20px;	
}

#abuse-wrap .intro-text {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 1.0em;
	margin-right: 50px;
}

#abuse-wrap .callout_box_wide {
padding-bottom: 10px;	
background-color: #FDEA8D;
border: 5px solid #FFCC00;
margin-bottom: 10px;
width: 300px;
margin-left: 10px;
-moz-border-radius: 20px 0;
	-webkit-border-radius: 20px 0;
	border-radius: 20px 0;
}

#abuse-wrap p.show-airing {
		font-family: Georgia, 'Times New Roman', Times, serif;
		font-size: 2.2em;
		margin-left: 20px;
		line-height: 1.2;
		margin-bottom: 10px;
}

#abuse-wrap ul {
font-size: 1.6em;
margin-top: 0;	
}

#abuse-wrap .ccwrc {
font-size: 1.5em;
margin-left: 20px;	
}


#abuse-wrap .panelist img {
	-webkit-box-shadow: 2px 2px 5px #818181;
	-moz-box-shadow: 2px 2px 5px #818181;
	border: 2px solid #fff;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 30px;
}

/* ----------------------------------------------------------
LET ME CLEAR MY FLOAT
---------------------------------------------------------- */

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



/*-- earth day --*/
.earthday-group {
	font-size: 100%;
}

.earthday-group strong {
	color: green;
}

.earthday-group h2 {
	padding: 0 0 .5em 0;
	clear: none;
}

h2.earthday-title {
	padding: 1em 0 .5em 0;
}

.earthday-program h3,
.earthday-program h4 {
	padding: 0 0 0 0;
}

.earthday-program h4 {
	font-style: italic;
	font-weight: normal;
}

.earthday-program img {
	float: left;
	margin: 0 10px 1em 10px;
	border: 2px solid #CCC;
}

.earthday-program {
	clear: both;
	padding: 0 0 1em 0;
	min-height: 100px;
}

img.earthday2012 {
	float: right;
	width: 300px;
	height: 189px;
	margin: 0 10px 10px 10px;
	border: 5px solid #ccc;
}

.summer-reading td, .summer-reading th {
	padding: 10px 0 0 0;
	border-bottom: 1px solid #ccc;
}

.summer-reading p, .summer-reading h4 { 
	width: 100%;
}

.summer-reading img {
	border: 3px solid #ccc;
	width: 120px;
	/*height: 120px;*/
}

.summer-reading tr {
	
}

.board-members {
	float: left;
	width: 133px;
	padding-left: 10px;
	text-align: center;
	font-size: 12px;
	padding-top: 18px;	
}

.board-members img {
	margin-bottom: 5px;
	border: 1px solid #40506c;
	width: 120px;
	height: 150px;
}

/* Jazz at the Palmer */
.artist {
	-webkit-box-shadow: 2px 2px 5px #818181;
	-moz-box-shadow: 2px 2px 5px #818181;
	border: 2px solid #fff;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 30px;
	margin-left: 10px;
	float: left;
	clear: both;
}

#abuse-wrap .concert p {
font-size: 1.5em;	
line-height: 1.4;
margin: 7px 0 1em 0;
}

div.concert {
	clear: both;
	border-top: 1px solid #ccc;
}



.palmer {
	border: 1px solid #ccc;
	padding: 2px;
	margin: 0 0 5px 10px;
}

/* Wavestream Radio Buttons */

.wavestream {
	height:30px;
	width:30px;
	display:block;
	margin: 6px;
}

/* Race for the 5th */

.raceforthe5th {
	padding: 10px;
}

.raceforthe5th p {
	font-size: 160%;
	line-height: 150%;
	padding: 0 0 1em 0;
	margin: 0;
}

.raceforthe5th h5 {
	color: #0E7ED6;
	font-size: 26px;
	padding: 0 0 .5em 0;
	margin: 0;
	font-weight: bold;
	border: 0;
	text-transform: none;
}

.raceforthe5th h3 {
	margin: .7em 0;
	padding: 6px 0;
	color: #40506C;
	font-weight: bold;
	border-top: 1px dotted #B1C3C9;
	border-bottom: 1px dotted #B1C3C9;
	text-transform: uppercase;
	clear: both;
}

.raceforthe5th h4 {
	color: #0E7ED6;
	font-size: 18px;
	padding: 0 0 .5em 0;
	margin: 0;
}
	
.candidate {
	width:470px;
	float:left;
}

.candidate img {
	width: 120px;
	height: 170px;
	margin: 0 10px 0 0;
	float: left;
}

.raceforthe5th .candidate p {
	font-size: 13px;
}


.map {
	margin: -20px 0 0 20px;
	padding: 0 10px 15px 0;
	float: right;
	width: 300px;
	height: 175px;
}

.titlecard {
	float: right;
}


/* CELEBRATIONS */

.celebrations-wrap {
	float: left;
	width: 680px;
}

.celebrations-wrap p {
	width: 100%;
	font-size: 1.4em;
	line-height: 1.4em;
	padding: 0;
	margin: 10x;
}

.celebrations-wrap h4 {
	width: 100%;
	font-size: 2.8em;
	font-weight: normal;
	margin: 0 0 10px 10px;
	display: block;
}

.celebrations-wrap h4.post-comment {
	font-size:18px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}

.celebrations-sidebar {
	width: 250px;
	float: right;
	border-left: 1px solid #ccc;
}

.celebrations-entry {
	border-bottom: 1px solid #eee;
	padding: 20px 0 0 0;
}

.celebrations-entry:last-child {
	border-bottom: none;
}

.celebrations-summary {
	margin-left: 220px;
}

.celebrations-photo {
	float: left;
	width: 200px;
	height: 140px;
	padding: 0 15px 0 10px;
}

.celebrations-summary a { text-decoration: underline }

.celebrations-comment a {
	background: url(http://www.wpsu.org/assets/images/comment.png) no-repeat;
	color: #fff;
	text-decoration: none;
	font-size: 1.5em;
	line-height: 1em;
	width: 40px;
	height: 30px;
	padding: 5px 0;
	float: right;
	text-align: center;
	display: block;
}

.celebrations-comment a:hover {
	background: url(http://www.wpsu.org/assets/images/comment-hover.png) no-repeat;
	color: #003798;
	/*font-size: 15px;
	line-height: 15px;
	width: 40px;
	height: 30px;
	padding: 5px 0;
	float: right;
	text-align: center;
	display: block;*/
}

.celebrations-wrap p.be-the-first {
	color: #600;
	font-style: italic;
}


p.comment-by {
	font-size: 1.2em;
	font-style: italic;
}

.comment-group {
	margin: 0 0 0 10px;
	padding: 0 0 0 0;
	border-bottom: 1px dotted #ddd;
}

.comment-group:last-child {
	border-bottom: none;
}

.internship {
	margin: 10px 0 0 10px;
	border-bottom: 1px solid #eee;
}

.internship h4 {
	font-size: 1.7em;
}

.events-entry h4 {
	width: 100%;
	font-size: 2em;
	font-weight: bold;
	margin: 0 0 0 10px;
	display: block;
}

.newsletter { margin: 20px 20px 200px 20px; }
.newsletter input.button { font-size: 150%; padding: 6px 10px; }
.newsletter input.textbox { font-size: 150%; padding: 6px 10px; width: 300px; }



  /**************/
 /*** POWWOW ***/
/**************/

#powwow p { font-size: 150%; padding: 0 0 1em 0; margin: 0; line-height: 170%; }
#powwow div.press p { font-size: 140%; padding: 0 0 1em 0; margin: 0; line-height: 130%; }
#powwow h5 { font-size: 140%; padding: 5px 0; margin: 25px 0 5px 0; line-height: 120%; }
#powwow { /*background-color: #F0E9D2;*/ background: url('http://www.wpsu.org/assets/images/powwow/powwow-bg.jpg') no-repeat fixed; height: auto; }
.powwow-container { width: 960px; margin: 0 auto; text-align: left; padding-top: 40px; }
.powwow-main { width: 700px; float: right; }
.powwow-nav { width: 225px; float: left; }
.powwow-nav ul { list-style: none; }
.powwow-nav ul li a { display: block; color: #333; font-size: 150%; padding: 6px 10px; margin: 0 0 5px 0; background-color:#dfcfb2; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.powwow-nav ul li a:hover { color: #dfcfb2; background-color: #6c4824; }
.powwow-title { background: url('http://www.wpsu.org/assets/images/powwow/powwow-title.png') no-repeat; text-indent: -9999px; overflow: hidden; width: 960px; height: 160px; display: block }
.powwow-main iframe { margin: 0 0 20px 0; border: 3px solid #dfcfb2;  }
.powwow-main img { border: 3px solid #dfcfb2; }
.powwow-footer { border-top: 1px solid #dfcfb2; padding: 20px 00; width: 960px; margin: 20px auto 0 auto; clear: both; }
#powwow .powwow-footer p { font-size: 120%; }
#powwow h2 { font-size: 350%; color: #6c4824; padding: .2em 0 .5em 0; margin: 0; background: none; font-weight: normal; border-bottom: none; }
.press { margin-top: 30px; }
.press p strong { font-size: 130%; border-bottom: 1px solid #333; }
.buydvd { margin: 20px 0 0 0; }


  /******************/
 /*** LUNAR LION ***/
/******************/

#lunarlions p { font-size: 150%; padding: 0 0 2em 0; margin: 0; line-height: 170%; }
#lunarlions p.comingsoon { font-size: 350%; padding: 0 0 1em 0; margin: 0; line-height: 170%; color: #369; text-align: center; }
#lunarlions .lunarlions-main h1 { padding: 0; margin: 0; }
#lunarlions { /*background-color: #F0E9D2;*/ background: url(../images/lunarlions/lunarlions-bg.jpg) no-repeat fixed; min-height: 1080px; }
.lunarlions-container { width: 960px; margin: 0 auto; text-align: left; padding: 50px 0 0 0; }
.lunarlions-main { width: 860px; padding: 50px; background: rgba(255,255,255,1.0); margin: 50px 0 0 0; }
.lunarlions-title { background: url(../images/lunarlions/lunarlions-title.png) no-repeat; text-indent: -9999px; overflow: hidden; width: 960px; height: 200px; display: block; margin: 0 0 0 -10px; padding: 0; }
.lunarlions-footer { padding: 0; width: 960px; margin: 0 auto; clear: both; color: #999; }
.lunarlions-footer a { color: #ccc; }
#lunarlions .lunarlions-footer p { font-size: 100%; padding: 0; margin: 0; }
.lunarlions-mailinglist { border: 1px solid #ccc; background: #eee; padding: 25px; width: 600px; margin: 0 auto; }
#lunarlions p.enter-email { float: left; padding: 0 20px 0 0; margin: 0 }


.otown-thanks { background-color: #fdea8d; width: 500px; padding: 10px; border: 5px solid #ffcc03; font-size: 90%; margin: 0 0 0 10px }
#content .otown-thanks ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; list-style-type: none; margin: 0 0 2em 0; padding: 0; }
#content .otown-thanks ul li { padding: 0; margin: 0; border-bottom: none; line-height: 100%; }
#content .otown-thanks h4 { padding: 0; margin: 0; }



/* ----------------------------------------------------------
media queries
---------------------------------------------------------- */

/* -----------------------------------------
BREAKPOINT XXLARGE -------------------------
----------------------------------------- */
@media (max-width: 112.5em) { /* 1800 */
	
	}
	
/* -----------------------------------------
BREAKPOINT XLARGE --------------------------
----------------------------------------- */
@media (max-width: 87.5em) { /* 1400 */

  }


/* -----------------------------------------
BREAKPOINT LARGE --------------------------
----------------------------------------- */
@media (max-width: 75em) { /* 1200 */

  }


/* -----------------------------------------
BREAKPOINT MEDIUM --------------------------
----------------------------------------- */
@media (max-width: 56.25em), (max-device-width: 900px) and (orientation:portrait) { /* 900 */
	
	#header_wrap {
	float: none;
	width: 96%;
	padding: 0 2%;
	}	

#media_home_wrap {
	float: none;
	width: 100%;
	border-right: none;
	} 

	#media_group
 {
	float: none;
	width: 100%;
	border-right: none;
	} 

#youtube-playlist-embed {
	float: none;
	width: 96%;
	padding: 2%;
}

.video-embed {
	width: 100%;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	}

.video-embed iframe,  
.video-embed object,  
.video-embed embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}	

#media_home_listen2,
#featured_image {
	position: relative;
	float: left;
	margin-left: 3.5em;
	margin-right: 3.5em;
	}



.d,
.footer_col,
.footer_col_print
 {

	width: 50%;
	border-right: none;
	} 

.d a img {
	margin-left: 20px;
	}

#content,
.e,
#footer_wrap {
	float: none;
	width: 100%;
	border-right: none;
	} 

#group_listenlive_banner {
	float: none;
	width: 94%;
	border-right: none;
	background: none;
	} 
		
.last:before {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

}



/* -----------------------------------------
BREAKPOINT SMALL ---------------------------
----------------------------------------- */
@media (max-width: 37.5em), (max-device-width: 600px) and (orientation:portrait) { /* 600 */

#wpsu_branding,
#wpsu_branding + div {
	display: none;
	}
	
#top_nav {
	height: auto;
	}
		
ul#menu {
		position: static;
		display: none;
	}

a#show-micro {
	display: block;
}

a#show-micro.opened + ul#menu {
	display: block;
	}

ul#menu li, ul#menu ul.sub-menu li {
	float: none;
	display: block; 
	text-align: center;
}


ul#menu li a {
	display: block;
	} 

ul#menu li:hover ul.sub-menu {
    display:none;
	}


ul#menu li#nav-social-media {
	display: block;
	height: 48px;
}

ul#menu li#nav-social-media a {
	text-decoration: none;
	color: #fff;
	display: inline-block;
	cursor: pointer;
	padding: 6px 16px;
	margin: 0;
}

ul#menu li#nav-social-media a:hover {
	background: none;
}


#media_home_wrap {
	padding-top: 0;
	}
	
	
#wpsu_branding,
#top_nav_wrap,
#group_listenlive_banner,
#slider-wrap,
.a,
.b,
.c,
.d,
.blog,
.live_big,
.live_small,
.shaded,
.e,
.f,
#footer_wrap,
.footer_col,
.footer_col_print {
	float: none;
	width: 100%;
	border-right: none;
	} 


#group_listenlive_banner {
	margin-left: 0;
	padding-left: 0;
	padding-right: 0;
	}

#media_home_listen2,
#featured_image {
	position: relative;
	float: none;
	display: block;
	margin-left: 0;
	margin-right: 0;
	}

#featured-image,
#media_home_listen2 {
	width: 96%;
	padding: 0 2%;
	}

#media_home_listen2 {
	margin-left: 2%;
	}
	
#featured-image img {
	width: 100%;
	height: auto;
	}



	
}