/*
Theme Name: KRCL Web Theme
Theme URI: http://www.krcl.org
Description: A brief description.
Version: 1.0
Author: KRCL Web Senior Project Group, Adam Haymon, Blake Johnson, Dave Shumway, Curtis Jenson, Patrick Cox
Author URI: http://uvu.edu
*/

@import url(/media/krcl/header/pb/global.css);

/* CUSTOM STYLES */
/* Public Interactive Stuff */
.gncSongTitle {
  font-weight: bold;
}
#now-playing .gncProgramName {
  display:none;
}


#header .topnav a {
	text-decoration: none;
	display:block;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	line-height: 46px;
	text-shadow:0 1px 6px #444444;
}

#header .topnav li a {
	background-image:url(/media/krcl/header/pb/images/navBG2.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	float:left;
	height:50px;
	padding-left:18px;
	padding-right:18px;
	}

#header .topnav ul li a:hover {
	color: #ffffff;
	text-shadow:0 1px 8px #999999;
	background-position: 0 -50px;
}


.hideH3 {
	display: none
}
/* sign up box edit 4/12/10 */
#signupbox {
        height:40px;
}
#signupbox h3 {
        float:left;
        margin-top: 13px;
}
#signupbox h3 a{
        color: #FFFFFF;
        text-decoration: none;

}
#signupbox h3 a:hover{
        color: #E7E7E7;
}
#mail {
        display: block;
        float: left;
        margin:10px 10px 0 0;
}
#footerMenus .col ul {
	min-height:180px;
	border-left:1px solid #999999;
}

	#subnav .top2nav ul li {
		display: inline;
	} 

	#subnav .top2nav ul li a {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		font-style: italic;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		text-shadow:0 1px 1px #444444;
	} 

	#subnav .top2nav ul li a:hover {
		text-shadow:0 -1px 2px #999999;
		color: #efefef;
	} 
	
	#subnav .top2nav ul li:first-child {
		border: 1px solid #fff;
		background: #0082f1;
		color: #fff;
		text-transform: capitalize;
		margin-right:4px;
		padding:3px 7px 4px 8px;
		height: 22px;
		font-size: 13px;
	} 
	
	#subnav .top2nav ul li a#become:hover {
		background: #0087f7;
	}

#subnav ul {
	margin-left: 0;
	color: #468cb3;
	padding-top: 3px;
	float:right;
        margin-right: 5px;
	}

#pagecontent h3 a {
color:#444444;
text-decoration: none;
}

#pagecontent h3 a:hover {
color:#009FF9;
text-decoration: none;
}

#pagecontent p a {
color: #ED7D34;
}

#pagecontent blockquote {
border-left:2px solid #CCCCCC;
font-style:italic;
margin:5px 0 5px 25px;
padding:5px 25px 5px 10px;
}

#pagecontent blockquote p {
color:#666666;
}

#news div {
float:left;
margin:14px 18px 3px;
}

#news .storycontent {
border-bottom: 0px;
}

div.page {
margin:14px 18px 3px;
}

.page li {
list-style: disc outside none;
}

#pagecontent .page a {
color:#207AD0;
text-decoration:none;
}

strong, b {
font-weight: bold;
}

/* topnav drop-down menu 
li.hoverlink:hover ul { display: block; }
li.hoverlink ul {
	display: none; 
	position: absolute;
	margin-top: 50px;
	background-image: none;
	background: #0192E3;
	
}
li.hoverlink ul li {
	border-bottom: 1px solid #1DA4EF;
	
}
#header .hoverlink ul li a {
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	background-image: none;
	background-position: top center;
	background-repeat: repeat-x;
	height: 50px;
	width: 175px;
	font-size: 12px;
	border-right: none;
	border-left: none;
	text-align:left;
}
#header .hoverlink ul {
	border-right: 1px solid #02406A;
	border-left: 1px solid #02406A;
	border-bottom: 1px solid #02406A;
	}

#header .topnav {
	position: relative;
	}

#header .topnav ul {
	margin: 0;
	padding: 0;
	}

#header .topnav ul li {
	position: relative;
	float: left;
        
	}
.navdivider {

}

#header .hoverlink ul {
	margin-top: 50px;
        padding-left: 12px;
	}
*/

/* navigation */
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	background-position:left top;
	background-repeat:repeat-x;
	float:left;
	height:50px;
	padding-left:18px;
	padding-right:18px;
	color:#FFFFFF;
	display:block;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	line-height:46px;
	text-decoration:none;
	text-shadow:0 1px 6px #444444;
}

#nav a:hover {
	background-position:0 -50px;
	color:#FFFFFF;
	text-shadow:0 1px 8px #999999;
}

#nav li {
	float: left;
	position:relative;
}

#nav li ul {
	position: absolute;
	left: -999em;
	background:none repeat scroll 0 0 #0192E3;
	border-bottom:1px solid #02406A;
	border-left:1px solid #02406A;
	border-right:1px solid #02406A;
	margin-top:50px;
}

#nav li ul li {
	border-bottom:1px solid #1DA4EF;
	clear:both;
	width:225px;
}

#nav li ul li a {
	text-align:left;
	width:100%;
	font-size:12px;
}

#nav li:hover ul {
	left: 0;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: 0;
}

ul#nav li a.music {
	background-image: url(/media/krcl/header/pb/images/music.jpg);
	display: block;
	width: 83px;
	height: 50px;
	padding: 0;
	margin: 0;
	text-align: center;
}

ul#nav li a.publica {
	background-image: url(/media/krcl/header/pb/images/publicaffairs.jpg);
	display: inline-block;
	width: 140px;
	height: 50px;
	padding: 0;
	margin: 0;
	text-align: center;
}

ul#nav li a.programs {
	background-image: url(/media/krcl/header/pb/images/programs.jpg);
	display: inline-block;
	width: 112px;
	height:50px;
	padding: 0;
	margin: 0;
	text-align: center;
}

ul#nav li a.events {
	background-image: url(/media/krcl/header/pb/images/events.jpg);
	display: inline-block;
	width: 85px;
	height:50px;
	padding: 0;
	margin: 0;
	text-align: center;
}

ul#nav li a.newsroom {
	background-image: url(/media/krcl/header/pb/images/newsroom.jpg);
	display: inline-block;
	width: 115px;
	height:50px;
	padding: 0;
	margin: 0;
	text-align: center;
}

ul#nav li a.arts {
	background-image: url(/media/krcl/header/pb/images/arts.jpg);
	display: inline-block;
	width: 142px;
	height:50px;
	padding: 0;
	margin: 0;
	text-align: center;
}

ul#nav li a.music:hover,
ul#nav li a.publica:hover,
ul#nav li a.programs:hover,
ul#nav li a.events:hover,
ul#nav li a.newsroom:hover,
ul#nav li a.arts:hover {
	background-position: 0 -50px;
}

/* #sidetop Feed Styles*/

#sidetop table img {
	display: none;
	}

#sidetop a:hover {
	color:#009FF9;
	text-decoration:underline;
	}

#sidetop a {
	color:#007BD4;
	font-weight:bold;
	text-decoration:none;
	}

#sidetop div {
	overflow: hidden;
	}

.headline-tease {
	overflow: hidden;
	}
.headline-title {
	margin-bottom: 4px;
}
	
td.gncProgramDesc {
	font-size: 12px;
	}
	
td.gncHostName {
	font-weight: bold;
	}

#sidetop table .gncViewPlaylist img {
	display: inline;
	}

/* post content for featured post */
.storycontent {
	color:#1E1E1E;
	line-height:18px;
	padding-bottom:16px;
	}

.storycontent h3 a {
	color:#444444;
	text-decoration: none;
	}

.storycontent h3 a:hover {
	color:#009FF9;
	text-decoration: none;
	}

.storycontent a {
	color: #ED7D34;
	text-decoration: none;
	}

.storycontent blockquote {
border-left:2px solid #CCCCCC;
font-style:italic;
margin:5px 0 5px 25px;
padding:5px 25px 5px 10px;
}

.storycontent blockquote p {
	color:#666666;
	}

#footerbarlogo {
	float: left;
	}

#about_page {
	width: 550px;
	}

#donation_table {
	line-height: 20px;
	font-size: 11px;
	}

#recentblog {
	width: 615px;
	}

/* Styles for comments page */

.comments-header {
	font-size: 18px;
	}

#pagecontent a:hover {
	color:#009FF9;
	}

#pagecontent a {
	color:#ED7D34;
	text-decoration: none;
	}

.comment-meta, .comment-author {
	padding-bottom: 16px;
	}

/* Styles for About Pages */
#about_page {
       margin-left: 10px;
       line-height: 28px;
       font-size: 18px;
       
}

#about_page ul li {
       list-style-type: none;
       text-decoration: none;
}

#about_page ul li a {
       border-bottom: 1px solid #a7a7a7;
       width: 100%;
}

#info_section ul, #mission_section ul, #volunteer_section ul, #underwriting_section ul, #development_section ul, #psa_section ul, #staff_section ul, #jobs_section ul, #eeo_section ul {
       margin-left: 50px;
       line-height: 18px;
       margin-top: 5px;
}

#info_section ul li, #mission_section ul li, #volunteer_section ul li, #underwriting_section ul li, #development_section ul li, #psa_section ul li, #staff_section ul li, #jobs_section ul li, #eeo_section ul li {
       margin-bottom: 8px;
}

#info_section h4, #mission_section h4, #volunteer_section h4, #underwriting_section h4, #development_section h4, #psa_section h4, #staff_section h4, #jobs_section h4, #eeo_section h4 {
       font-size: 13px;
       font-weight: bold;
       font-style: italic;
}

.bold_center {
        margin-top: 10px;
        margin-bottom: 10px;
        font-weight: bold;
        font-size: 15px;
        text-align: center;
}

.bold_left{
        margin-left: 165px;
        margin-top: 10px;
        margin-bottom: 10px;
        font-weight: bold;
        font-size: 15px;
}


.eventCalMonth, .eventCalDay {
text-align:center;
}