/*
Theme Name: Slope
Theme URI: http://www.slopemedia.org/
Description: A custom wordpress theme built for the Slope Media Group, Cornell University's student media powerhouse.
Version: 2.0
Author: Dan Strongwater, edited by Paul Kiernan
Author URI: http://strongwaterdesign.com
Tags: slope

	Slope v2.0
	http://strongwatedesign.com/

	This theme was lovingly designed and developed by Dan Strongwater.
	And edited extensively by Paul Kiernan.
	The CSS, HTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-3.0.html

*/



/****************** RESET CSS v1.0 | 20080212 meyerweb.com *********************/



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0;	border: 0;	outline: 0;	font-size: 100%; vertical-align: baseline; background: transparent; zoom:1;}

section, article, aside, header, footer, nav, dialog, figure { display:block; }

body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}

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







/* ////////// BASICS //////////// */
body {
	margin: 0 auto;
	width: 1000px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	color:#333;
	}

.glow:hover {
	-webkit-box-shadow: 0 0 8px #FF3;
	-moz-box-shadow: 0 0 8px #FF3;
	box-shadow: 0 0 8px #FF3;
	}

/* ////////// Basic Fonts ////////// */

p, span {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-size:12px;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Helvetica, Arial, sans-serif;
}



i {
	font-style:italic;
}

/* //////////// Header /////////// */



#header {

	margin-top:10px;

	margin-bottom:10px;

	}







/* /////////// Media Links //////////// */



#nav, #nav:hover {

	position:relative;		/*ie margin fix*/

	float:left;

	height:120px;

	}

	#nav ul.pri_nav {

		width:745px;

		float:left;

		height:60px;

		position:relative;

	}

	#nav li {
		display:inline;
		}

		#nav ul li.page_item a{
			float:left;
			margin-bottom:10px;
			text-indent:-9999px;
			height:60px;
			font-weight:600;
			font-size:40px;
			color:#fff;
			}

				#nav ul li.page_item a:hover {
					background-position:left center !important;
					}

				.current_page_item a, #nav ul.sec_nav li a:hover{
					background-position:left bottom !important;
				}

				

				

	#nav ul.sec_nav {
		height:18px;
		width:745px;
		background:#333; /* #333 */
		float:left;	
		padding:10px 0 5px 0;
		}

	#nav ul.sec_nav_bw {
		height:18px;
		width:745px;
		background:#000; /* #333 */
		float:left;	
		padding:10px 0 5px 0;
		}

		li.sec_nav_bull {
			float:left;
			background:url("./images/sec_nav_bull.gif") left top no-repeat;
			width:12px;
			height:12px;
			display:inline;
		}
		
		li.sec_nav_bull_bw {
			float:left;
			background:url("./images/sec_nav_bull_bw.gif") left top no-repeat;
			width:12px;
			height:12px;
			display:inline;
		}

		#nav ul.sec_nav li a {
			float:left;
			text-indent:-9999px;
			height:12px;
			margin:0 21px 0 21px;
			}

			#nav ul.sec_nav li a.arts_txt {
				background:url("./images/arts_txt.gif") left top no-repeat;
				width:176px;
			}

			#nav ul.sec_nav li a.cornell_txt {
				background:url("./images/cornell_txt.gif") left top no-repeat;
				width:66px;
			}

			#nav ul.sec_nav li a.green_txt {
				background:url("./images/green_txt.gif") left top no-repeat;
				width:48px;
			}

			#nav ul.sec_nav li a.music_txt {
				background:url("./images/music_txt.gif") left top no-repeat;
				width:45px;
			}

			#nav ul.sec_nav li a.news_txt {
				background:url("./images/news_txt.gif") left top no-repeat;
				width:41px;
			}

			#nav ul.sec_nav li a.sports_txt {
				background:url("./images/sports_txt.gif") left top no-repeat;
				width:54px;
			}
			
			/* Black and White*/
		#nav ul.sec_nav_bw li a {
			float:left;
			text-indent:-9999px;
			height:12px;
			margin:0 21px 0 21px;
		}
			
			#nav ul.sec_nav_bw li a.arts_txt_bw {
				background:url("./images/arts_txt_bw.gif") left top no-repeat;
				width:176px;
			}

			#nav ul.sec_nav_bw li a.cornell_txt_bw {
				background:url("./images/cornell_txt_bw.gif") left top no-repeat;
				width:66px;
			}

			#nav ul.sec_nav_bw li a.green_txt_bw {
				background:url("./images/green_txt_bw.gif") left top no-repeat;
				width:48px;
			}

			#nav ul.sec_nav_bw li a.music_txt_bw {
				background:url("./images/music_txt_bw.gif") left top no-repeat;
				width:45px;
			}

			#nav ul.sec_nav_bw li a.news_txt_bw {
				background:url("./images/news_txt_bw.gif") left top no-repeat;
				width:41px;
			}

			#nav ul.sec_nav_bw li a.sports_txt_bw {
				background:url("./images/sports_txt_bw.gif") left top no-repeat;
				width:54px;
			}

				

	#nav ul.search_nav {
		float:left;
		margin-left:5px;
		height:66px;
		width:250px;
		}

		#nav ul li.search {
			float:left;
			position:relative;
			background:url(./images/search_bg.png) left top no-repeat;
			width:250px;
			height:70px;
			}

			#nav ul li.search input {
				float:right;
				background:transparent;
				padding:4px;
				margin-top:22px;
				margin-right:63px;
				width:125px;
			}

			#nav ul li.search input:active, #nav ul li.search input:focus {

			}

		ul.follow {
			height:18px;
			width:250px;
			background:#333;
			float:left;	
			padding:10px 0 5px 0;
			text-indent:-9999px;
			}

			ul.follow li.follow_txt {
				background:url(./images/follow_txt.gif) right -1px no-repeat;
				width:132px;
				height:14px;
				margin-right:10px;
				float:left;
			}

			ul.follow li a {
				float:left;
				text-indent:-9999px;
				text-transform:uppercase;
				background:url("./images/follow.gif");
				height:14px;
				width:14px;
				margin-left:10px;
			}

			ul.follow li a.twit_badge {
				background-position:left top;
			}

			ul.follow li a.twit_badge:hover {
				background-position:left bottom;
			}

			ul.follow li a.fb_badge {
				background-position:-14px top;
			}

			ul.follow li a.fb_badge:hover {
				background-position:-14px bottom;
			}

			ul.follow li a.rss_badge {
				background-position:-28px top;
			}

			ul.follow li a.rss_badge:hover {
				background-position:-28px bottom;
			}

			
/* BLACK AND WHITE */

		ul.follow_bw {
			height:18px;
			width:250px;
			background:#000;
			float:left;	
			padding:10px 0 5px 0;
			text-indent:-9999px;
			}

			ul.follow_bw li.follow_txt {
				background:url(./images/follow_txt.gif) right -1px no-repeat;
				width:132px;
				height:14px;
				margin-right:10px;
				float:left;
			}

			ul.follow_bw li a {
				float:left;
				text-indent:-9999px;
				text-transform:uppercase;
				background:url("./images/follow.gif");
				height:14px;
				width:14px;
				margin-left:10px;
			}

			ul.follow_bw li a.twit_badge {
				background-position:left top;
			}

			ul.follow_bw li a.twit_badge:hover {
				background-position:left bottom;
			}

			ul.follow_bw li a.fb_badge {
				background-position:-14px top;
			}

			ul.follow_bw li a.fb_badge:hover {
				background-position:-14px bottom;
			}

			ul.follow_bw li a.rss_badge {
				background-position:-28px top;
			}

			ul.follow_bw li a.rss_badge:hover {
				background-position:-28px bottom;
			}
			

		

	

			





/* /////////////// Shelf ///////////// */



	.shelf, .shelf_wide {

		margin-bottom:10px;

		width:800px;

		position:relative;

		float:left;

		background: url(./images/shelf.png) 0 100px no-repeat;

	}

	.shelf_wide {

		width:1000px;

		background: url(./images/shelf_wide.png) 0 100px no-repeat;

		height:170px;

	}

	

	#titleblock, #titleblock_wide {

		width:750px;

		height:125px;

		margin: 0 auto;

		text-align:center;

		position:relative;

		font-effect: engrave;

		}

	#titleblock_wide {

		width:950px !important;

	}

		#titleblock h1 {

			margin:0 auto;

			text-align:center;

			vertical-align:middle;

			font-size:60px;

			line-height:120px;

		}

	h1.bigtitle {

		color: white;

		font-family: Helvetica, Arial, sans-serif;

		font-size: 80px;

		font-weight: bold;

		line-height: 160px;

	}

	

/* ////////////// Search page //////////// */

.searchbar .s {

	width:500px;

	padding:5px;

	margin-left:10px;

}

.searchbar{

	float:left;

	width:1000px;

	margin-right:10px;

	line-height:30px;

	margin-bottom:50px;

}

.searchbar form {

	float:left;

}

	.search-terms {

		color:#DC4F43;

		font-size:14px;

		font-weight:100;

	}

	.navigation.search {

		width:1000px !Important;

	}





/*////////////// Description /////////// */



	#description {

		float:left;

		width:200px;

		background:#FFF;

		min-height:400px;

	}





/* /////////// Footer ///////// */





#footer a {

	color:#369;

}



#footer {

	clear:both;

	width:1000px;

	border-top:20px solid #333;

	padding-top:10px;

	font-size:11px;

	}

	#footer ul.columns {

		width:1000px;

		height:200px;

		position:relative;

		}

		#footer ul li.col {

			width:200px;

			float:left;

			margin-bottom:10px;

		}

		#footer ul li.col2 {

			height:300px;

			width:400px;

			column-count:2;

			float:left;

			margin-bottom:10px;

		}

		li.col2 ul, li.col2 ul li {

			float:left;

			width:200px;

		}

		#footer ul{

			margin-bottom:5px;

		}

		#footer ul.foot_sec {

			margin-bottom:0;

			margin-left:10px;

		}

		#footer ul.foot_sec li {

			margin:0;

			}

		#footer ul.foot_sec ul {

			margin-left:20px;

			text-indent:-10px;

		}

		#footer ul li{

			font-size:11px;

		}

		#footer ul.double-col {

			margin-bottom:20px;

		}

		

		

		/* Exclude Sections from footer to make it a bit shorter; 6629= Old Radio Shows, 21= Radio Schedule Redundant Link */

		li.page_item.page-item-6629, li.page_item.page-item-21 {

			display:none;

		}

		

#footer .s {

	padding:5px;

	margin-left:10px;

}



#footer h1 {

	margin-bottom: 5px;

	font-size:16px;

}



#copyright {

	clear:both;

	font-size:12px;

	color:#333;

	width:1000px;

	padding-top:5px;

	margin-bottom:20px;

	border-top:2px solid #333;

	background: url(./images/icon.gif) right bottom no-repeat;

}

	



  

/* ///////////////// Comments Styling ///////////////*/



	.comments-section {

		width:745px;

		clear:both;

		position:relative;

		color:black;

	}

	.comments-section .comments-header {

		background:url(images/comments-icon.png) no-repeat;

		height:26px;

		line-height:22px;

		padding-left:40px;

		padding-bottom:8px;

		border-bottom:#fff 1px dotted;

		margin-bottom:15px;

	}

	.comments-section .comment {

		padding-bottom:15px;

		border-bottom:1px dotted #fff;

		margin-bottom:15px;

		width:745px;

		clear:both;

		position:relative;

		}

		.comment .avatar {

			width:70px;

			height:70px;

			background:url(images/avatar.gif) no-repeat;

			float:left;

			margin-right:15px;

			float:left;

			position:relative;

		}	

		.comment .comment-info {

			float:left;

			width:600px;

			}

			.comment-info p.date, .comment-info h1 {

				line-height:24px;

				float:left;

			}

			.comment-info .comment-content {

			clear:both;

			width:660px;

			line-height:13px;

			}

			.comment .clear {

				width:745px;

				clear:both;

			}

			.comment a.comment-edit-link {

				position:absolute;

				top:0;

				right:0;

				font-size:12px;

			}

/* //////// Page Navigation forward and backward ///// */

		.navigation {

			clear:both;

			height:15px;

			padding-bottom:15px;

			width:745px;

			font-size:12px;

			float:left;

			}

			.home.navigation {

				border-top:21px #333 solid!important;

				padding-top:10px;

				margin-top:-31px;

	width:745px;

			}

			.navigation .alignleft {

			float:left;

			}

			.navigation .alignright {

			float:right;

			}

                        {.navigation .aligncenter{

                         position:relative;

                          left:50%;}





/*//////////////////// Adspace ////////////// */

#right_col {

		float:right;

		width:250px;

		min-height:300px;

		}

		.adspace250_300 {

			height:308px;

			width:250px;

			}

			.ad_caption {

				background:url(./images/ad_dots.gif) left top repeat-x; 

				font-size:8px;

				height:9px;

				font-family:helvetica, arial, sans-serif;

				text-transform:uppercase;

				text-align:right;

				color:#333;

				line-height:9px;

				clear:both;

			}

			.ad_caption b{

				background:#aaa;

				font-weight:normal;

			} 

/*///////////// Leave a comment section /////////*/

.comments-section {

	margin-top:20px;

	

}

.comments-section, .leave-comment {

	width:745px;

}

.leave-comment {

	margin-left:30px;

	margin-bottom:40px;

}

.leave-comment h3{

	size:16px !important;

	color:#333;

	margin-left:-10px;

	}

.leave-comment p, label {

	font-size:12px;

	color:#fff;

	margin-left:-10px;

}

.leave-comment p, .leave-comment textarea, .leave-comment input{

	padding:10px;

	

}

.leave-comment textarea, .leave-comment input {

	margin-bottom:10px;

	vertical-align:bottom;

}



.leave-comment label {

	font-size:12px;

	color:#fff;

	float:left;

	clear:both;

}



/*////////////// Single page nav after comments ////////*/







.pagenav ul{

	width:745px;

	margin-bottom:10px;

	font-size:11px;

	padding:10px;

	float:left;

	background:#333;

	color:#aaa;

}

.pagenav ul li {

	float:left;

	width:322px;

	height:12px; overflow:hidden;

	}

	.pagenav ul li a {

		text-transform:uppercase;

		color:#aaa;

	}

	.pagenav ul li a:hover {

		color:#fc3;

	}

		

.pagenav ul li.spacer {

	width:101px;

	background:url(./images/sec_nav_bull.gif);

}

.pagenav ul li.right {

	text-align:right;

}







/* ///////////////////////// 404 page //////////////// */

	#fullwidth {

		width:1000px;

		text-align:center;

		margin:0 auto;

		color:#fff;

	}

	#fullwidth h1, #fullwidth img, #fullwidth p { float:left;

	}

	#fullwidth h1 {

		padding-top:100px;

		font-size:80px;

		line-height:40px;

	}

	

	#fullwidth p {

		background:#333;

		width:300px;

		margin:50px 80px 0 80px;

		padding:15px;

	}