/*

Theme Name: 	MSUSND
Theme URI: 		http://snd.jrn.msu.edu
Description: 	Custom theme for the Edmund C Arnold Chapter of the Society for News Design at Michigan State University.
Author: 		Aaron Olson
Author URI: 	http://aaroncolson.com
Version: 		1.0

*/

/* GLOBAL STYLES */

body {
	color:				#333;
	background:			#020202 url("images/bg_body.jpg") no-repeat fixed center top;
	font-family: 		Georgia, Arial, Verdana, sans-serif;
	text-shadow:		rgba(255, 255, 255, .01) 0px -1px 1px;
	font-size: 			13.5px;
	line-height:		22px;
	border:				0;
	margin:				0;	
}

a:link { 
	color: 				#688690; 
	text-decoration: 	none; 
	-webkit-transition: color .3s linear; 
}
	
a:visited {
	 color: 			#688690; 
	 text-decoration: 	none; 
}
	
a:hover { 
	color: 				#3e565e; 
	text-decoration: 	none; 
}

a:active { 
	color: 				#688690; 
	text-decoration: 	none; 
}

ol li, ul li { 
	line-height: 		22px; 
	padding: 			0px 0px 22px 0px; 
}

/* TYPOGRAPHY */

h1 { 
	font-family: 		Garamond, Georgia, serif; 
	text-shadow:		rgba(255, 255, 255, .01) 0px -1px 1px;
	font-weight: 		normal;
	font-size: 			30px;
	line-height: 		30px;
	margin-bottom: 		22px; 
}

h2 { 
	font-family: 		"Helvetica Neue", HelveticaNeue, Helvetica, Arial; 
	text-shadow:		rgba(255, 255, 255, .01) 0px -1px 1px;
	font-weight: 		bold;
	font-size: 			20px;
	line-height: 		22px;
	margin-bottom:		22px; 
}

h3 {
	font-family: 		"Helvetica Neue", HelveticaNeue, Helvetica, Arial;
	font-weight: 		bold;
	text-transform: 	uppercase;
	line-height: 		22px;
	font-size: 			14px;
	letter-spacing:		1px;
	margin:				10px 0 5px 0;
	padding:			0;
}

h4 {
	font-family: 		"Helvetica Neue", HelveticaNeue, Helvetica, Arial;
	font-size:			11px;
	font-weight: 		bold;
	text-transform: 	uppercase;
	line-height: 		22px;
}

p { 
	margin-bottom:		15px; 
}

blockquote {
	padding: 			0px 30px 0px 30px;
}

blockquote p { 
	font-size:			12px; 
	line-height: 		22px; 
}

h2.title {
	border-bottom:		1px solid #DDDDDD;
	padding-top:		10px;
	padding-bottom: 	20px;
	margin-bottom: 		20px;
	font-size:			48px;
	line-height: 		34px;
	letter-spacing:		-1px;
	text-shadow:		rgba(255, 255, 255, .01) 2px -2px 2px;
	font-weight: 		bold;
}

h2.title a, h2.title a:hover {
	color: 				rgba(204, 153, 0, 0.9);
}

h3:first-child {
	margin-top: 		0;
}

/* FRONT PAGE - SLIDER, TICKER, WIDGETS + INTRO TEXT */

.siteInfo {
	width: 				960px;
	color: 				#FFF;
	margin-left:	 	auto;
	margin-right: 		auto;
	font-family:		"Helvetica Neue",HelveticaNeue,Helvetica,Arial;
	font-size:			30px;
	line-height: 		34px;
	letter-spacing:		-0.5px;
	text-shadow:		rgba(255, 255, 255, .01) 2px -2px 2px;
	font-weight: 		bold;
	margin-bottom: 		40px;
}

.siteInfo  a {
	color: 				rgba(204, 153, 0, 0.9);
}

#featured{
	height:				460px;
	margin:				20px 0 30px 0;
	position:			relative;
	-moz-box-shadow: 	0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	color:				#f5f5f5;
	width: 				920px;
	margin-left: 		10px;
}
	
.front, .callout {
	font-family: 		"Helvetica Neue", HelveticaNeue, Helvetica, Arial;
}
				
.featured_item{
	height:				460px;
	margin:				0 auto;
	position:			relative;
	width:				920px;
	overflow:			hidden;
	display:			none;
}
						
#main .current{
	display:			block;
}			
							
#featured h2, h2.contesttitle {
	font-size: 			48px;
	letter-spacing: 	-.5px;
	background-color: 	rgba(0,0,0,0.9);
	padding: 			15px;
	line-height: 		45px;
	text-align: 		right;
	z-index: 			50;
}

#featured h2 a, h2.contesttitle a {
	color: 				#FFF;
}

.featured_text {
	position:			relative;
	z-index:			2;
}
							
#featured .entry {
	border-bottom:		none;
	padding-bottom:		0;
	float: 				right;
	margin: 			300px 25px 0 0;
	overflow:			hidden;
}
								
.featured_image{
	height:				460px;
	position:			absolute;
	right:				0;
	top:				0;
	width:				920px;
	overflow:			hidden;
}
	
.featured_image img{
	position:			absolute;
	right:				0;
	z-index: 			1;
}
				
#featured_bottom{
	position:			absolute;
	height:				60px;
	bottom: 			0px;
	width:				100%;
	z-index: 			2;
	background-color: 	rgba(0, 0, 0, .9);	
}
							
.ticker, .ticker a {
	color:				#666666;
	text-decoration:	none;
}

.ticker, .ticker a {
	text-decoration:	none;
	color:				#CCC;
	text-decoration:	none;
}

.ticker {
	font-size:			13px;
	margin:				20px 15px 0 25px;
	width:				450px;
}

.ticker .active_ticker {
	display:			block;
}

.ticker span {
	display:			none;
}	

.preview_images {
	height:				60px;
	line-height:		60px;
	position:			absolute;
	right:				25px;
	top:				10px;
}
	
.preview_images a img {
	padding:			1px;
}
	
.preview_images a {
	outline:			none;
	display:			block;
	position:			relative;
	margin-right:		5px;
	float:				left;
}

.preview_images a img {
	border:				1px solid #afafaf;
	background-color:	#fff;
}

.preview_images .current_prev img {
	border:				1px solid #666;
}
	
.pointer {
	height:				13px;
	left:				18px;
	position:			absolute;
	top:				37px;
	width:				13px;
	background:			transparent url(images/pointer.png) no-repeat scroll left top;
}
	
.frontWidget {
	padding: 			0 10px 10px 10px;
	font-size: 			12px;
	line-height: 		18px;
}

.frontWidget h3 {
	font-weight: 		bold;
	font-size: 			14px;
	margin-bottom: 		7px;
	margin-top: 		0px;
	text-transform: 	capitalize;
	letter-spacing: 	0;
	}

/* HEADER NAVIGATION */

div#head {
	background: 		rgba(0, 0, 0, .5)  none repeat scroll 0 0;
	margin: 			auto;
	margin-bottom: 		30px;
	height: 			46px;
	font-family:		"Helvetica Neue",HelveticaNeue,Helvetica,Arial;
}

#header #nav {
	left:				2px;
}

#nav, #nav ul {
	margin:				0;
	padding:			0;
	list-style-type:	none;
	list-style-position:outside;
	z-index:			5;
	text-transform: 	uppercase;
}

#header #nav a {
	display:			block;
	padding:			5px 10px 5px 10px;
	text-decoration:	none;
	text-align:			center;
	outline:			none;
	z-index:			35;
	float:				left;
	margin: 			0 10px 0 0;
	font-size: 			12px;
	letter-spacing: 	.5px;
	color: 				#FFFFFF;
	-moz-border-radius-topleft: 		2px;
	-moz-border-radius-topright: 		2px;
	-moz-border-radius-bottomleft: 		2px;
	-moz-border-radius-bottomright: 	2px;
	-webkit-border-top-right-radius: 	2px;
	-webkit-border-top-left-radius: 	2px;
	-webkit-border-bottom-left-radius: 	2px;
	-webkit-border-bottom-right-radius: 2px;
	-webkit-transition: background-color 0.3s linear;
}

#header #nav a:hover {
	color: #FFFFFF;
	background-color: 	rgba(255, 255, 255, .25);
}

#header #nav .current_page_item a {
	background-color: 	rgba(255, 255, 255, .35);
	color:		 		#FFFFFF;
	cursor: 			default;
}

#header #nav .current_page_item ul a {
	font-weight: 		normal;
}

#header #nav ul a {
	line-height:		33px; 
}

#header #nav li {
	float:				left;
	position:			relative;
	z-index:			20;
	margin-top:			6px;
}

div#logo {
	background:			transparent url(images/logo.png) no-repeat scroll left top;
	width: 				95px;
	height: 			18px;
	position: 			relative;
	margin-top: 		13px;
}

.blogtitle {
	visibility: 		hidden;
}

/* CONTENT */

div#main {
	margin: 			auto;
	padding-bottom: 	15px;
	background: 		rgba(255, 255, 255, 1)  none repeat scroll 0 0;
	background-color: 	#FFF;
	width: 				960px;
	/*-moz-border-radius-topleft: 5px;*/
	-moz-border-radius-topright: 		5px;
	-moz-border-radius-bottomleft: 		5px;
	-moz-border-radius-bottomright: 	5px;
	-webkit-border-top-right-radius: 	5px;
	/*-webkit-border-top-left-radius: 	5px;*/
	-webkit-border-bottom-left-radius: 	5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-box-shadow:	0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow:	0 1px 3px rgba(0,0,0,0.5);
}

div.content {
	padding: 			20px 20px 25px 20px;
}

div.content ul.contestnav {
	list-style:			none outside none;
	margin:				0 0 18px;
	padding:			0;
}

div.content ul.contestnav li {
	float:				left;
	width: 				115px;
	height: 			100px;
	border-left: 		1px solid #DDDDDD;
	padding: 			0 0 0 15px;
	margin: 			0 0 0 15px;
	text-transform:		capitalize;
	line-height: 		18px;
	font-size:			14px;
}

div.content ul.contestnav li:first-child {
	border-left: 		none;
	padding: 			0;
	margin:				0
}
	
div.content ul.contestnav li a h3 {
	margin:				0;
	padding:			0;
}
	
div.content ul.contestnav li a {
	color:				#333;
}

div.content ul.navbuttons {
	list-style:			none outside none;
	margin:				0;
	padding:			0;
}

div.content ul.navbuttons li {
	float:				left;
	height:				18px;
	padding:			0 5px 6px 5px;
	margin: 			0 10px 0 0;
	border: 			1px solid #DDDDDD;
	font-weight: 		bold;
}

div.content ul.navbutton li a {
	-webkit-transition: color .3s linear; 
}

.contentHeader {
	padding: 			10px 7px 7px 20px;
}

/* PORTFOLIO */

.portfolio_item a {
	-webkit-transition: background-color 0.3s linear;
	border: 			1px solid #ddd;
	float:				left;
	width:				290px;
	margin: 			0 0 21px 21px;
	color: 				#333;
	background-color: 	#e9e9e9;
}

.portfolio_item a:hover {
	background-color:	rgba(0, 0, 0, 0.9);
	color: 				#fff;
	}

.entry_portfolio .box1 a {
	margin: 			0 0 21px 0;
}

.portfolio_item h3 {
	letter-spacing:		0;
	margin:				0 0 3px 0;
	padding:			10px 0 0 13px;
	text-transform:		capitalize;
	border-top: 		1px solid #ddd;
}

/* CONTEST PAGES */

.contestPage {
	font-family:		"Helvetica Neue",HelveticaNeue,Helvetica,Arial;	
	font-size:			12px;
	line-height:		18px;
}
	
div.contestPage h3, div.marginalia h3, div.marginalia p {
	text-transform: 	capitalize;
	margin: 			0;
	padding: 			0;
	letter-spacing: 	0;
}
	
div.contestPage h3.postHead {
	padding-bottom: 	10px;
	margin: 			20px 0 15px 0;
	font-size: 			20px;
	border-bottom:		1px solid #DDDDDD;
	text-transform: 	capitalize;
	letter-spacing: 	0;
}
	
.columnInfo {
	color: 				#888;
}
	
.columnInfo li {
	line-height: 		18px;
}

div.content ul.winner li {
	list-style:			none outside none;
	margin:				0;
	padding:			0;
}

ul.winner li.award {
	font-size:			12px;
	font-weight:		bold;
	line-height:		22px;
	text-transform:		uppercase;
	color:				#999999;
}
	
ul.winner li.name {
	font-weight: 		bold;
}
	
ul.winner li.title {
	font-style: 		italic;
	text-transform: 	capitalize;
}

div.intro {
	float:	 			left;
	width: 				400px;
	font-size: 			13.5px;
	line-height:		22px;
}
	
div.info {
	float: 				left;
	width: 				85px;
	border-left: 		1px solid #DDDDDD;
	padding: 			0 0 0 15px;
	margin: 			0 0 0 15px;
}
	
div.info p {
	margin: 			0;
}
	
div.info:first-child {
	padding:			0;
	margin: 			0;
	border-left: 		none;
}
	
div.info img {
	width: 				30px;
	height: 			30px;
	margin-bottom: 		7px;
	}
	
div.info:last-child {
	width: 				180px;
}

/* SIDEBAR */

div#sidebar {
	font-family:		"Helvetica Neue",HelveticaNeue,Helvetica,Arial;	
	font-size:			12px;
	line-height:		22px;
	border-left: 		1px solid #DDDDDD;
	float: 				right;
	width: 				240px;
	padding-left: 		20px;
}

#sidebar h3 {
	font-size: 			12px;
	line-height: 		24px;
	font-weight:		bold;
	letter-spacing:		1px;
	margin:				0 0 2px;
	padding:			0;
	text-transform:		uppercase;
	color:				#999999;
}

div#sidebar ul {
	margin-top: 		10px;
}
	
div#sidebar ol li, div#sidebar ul li {
	line-height:		16px;
	font-style: 		italic;
}

#sidebar li a {
	padding:			5px;
	display:			block;
	text-decoration:	none;
}
	
#sidebar li a:hover {
	background:			#f5f5f5;	
	color: 				#333;
}

#sidebar .twitterWidget ul {
	list-style-position: outside;
	list-style-type: 	none;
}

#sidebar .twitterWidget li {
	font-style: 		normal;
	margin: 			0 0 10px 0;
	padding: 			0 0 10px 0;;
	border-bottom: 		1px solid #DDD;
	}
	
#sidebar .twitterWidget li:last-child {
	border-bottom: 		none;
	padding: 			0;
	margin:				0;
	}
	
#sidebar .twitterWidget li a {
	display: 			inline;
	padding: 			0;
	-webkit-transition: color .3s linear; 
}

#sidebar .twitterWidget li a:hover {
	background: 		none;
}

#sidebar ul.lifestream li {
	font-style: 		normal;
}

ul.lifestream li {
	font-size:			12px;
	line-height:		18px;
}

/* FOOTER */
	
div#footer {
	margin: 			auto;
	font-family:		"Helvetica Neue",HelveticaNeue,Helvetica,Arial;
	font-size:			11px;
	color: 				#676767;
	margin-top: 		15px;
}
	
#footer ul {
	padding: 			0;
}

div.footernav {
	background-position: right;
	width: 				920px;
	margin: 			25px 20px 10px 0;
	padding-top: 		10px;
	float: 				right;
}
	
div.footernav a {
	float: 				right;
}

.footerNav a {
	color: 				#676767;
}

.footerNav a:hover { 
	color: 				#3e565e;  
}

.footerNav li, .metanav li {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:			transparent none repeat scroll 0 0;
	border-left:		1px solid #676767;
	display:			inline;
	margin:				0;
	padding:			0 10px;
}

.footerNav .first, .metanav .first {
	border:				medium none;
	padding-left:		0;
}

.footericon {
	margin-bottom: 		-4px;
	padding-right: 		4px;
	opacity: 			.25;
}

.footWidget {
	margin-top: 		8px;
	margin-bottom: 		25px;
	line-height: 		16.5px;
}

.footWidget:first-child {
	margin-top:	 		0;
}
	
/* FORMS */

.text_input {
	width: 				285px;
}

.text_input, .text_area {
	border: 			1px solid #DDDDDD;
}
	
.text_input:focus, .text_area:focus {
	border: 			1px solid #aaa;
}
	
input {
	padding: 			5px;
	border: 			1px solid #DDDDDD;
	margin-bottom: 		15px;
}
	
input:focus {
	border: 			1px solid #aaa;
}
	
.text_area {
	width: 				620px;
}
	
#contactColOne {
	float: 				left;
	width: 				285px;
}
	
#contactColTwo {
	float:		 		right;
	width: 				285px;
	margin-right: 		10px;
}
	
label {
	font-family: 		"Helvetica Neue", HelveticaNeue, Helvetica, Arial; 
	float: 				left;
	font-weight:		bold;
	letter-spacing:		.5px;
	padding:			0;
	width: 				580px;
	font-size: 			12px;
}

.ajax_form p {
	padding: 			0;
	margin:				0;
}
	
#send {
	margin-top: 		15px;
	background-color: 	#fff;
	border: 			1px solid #DDDDDD;
	color: 				#688690; 
	text-decoration: 	none; 
	-webkit-transition: color .3s linear; 
	font-weight: 		bold;
}

#send:hover { 
	color: 				#3e565e; 
	text-decoration: 	none; 
}

/* MISC. */

.gigpress-table {
	border-style: 		none !important;
	font-family: 		"Helvetica Neue",HelveticaNeue,Helvetica,Arial;
}

.gigpress-info-item {
	float: 				left;
	width: 				100%;
	border-bottom: 		1px solid #DDDDDD;
	margin-bottom: 		3px;
	padding-bottom: 	3px;
}
	
.gigpress-info-item:last-child {
	border-bottom: 		none;
}

.gigpress-info-label {
	font-weight: 		bold;
}

.gigpress-listing li {
	line-height: 		18px;
	padding: 			0 0 7px 0;
}

.pagination {
	padding:			10px 0;
	text-align:			right;
	margin-bottom: 		20px;
}
	
.pagination a, .pagination strong {
	background-color:	#EEEEEE;
	border:				1px solid #CECECE;
	padding:			4px 8px;
	text-decoration:	none;
}
	
.pagination a:hover {
	background-color:	#EE3224;
}
	
.pagination strong {
	background-color:	#CECECE;
	color:				#FF3333;
}





	


div#home {
	margin-left: 		10px;
	width: 				960px;
}

div.comments {
	background-color: 	rgba(255, 255, 255, 1);
	padding: 			10px 20px 25px 20px;
	margin-bottom: 		30px;
	height: 			auto;
}

div#postmeta {
	border-top: 		1px solid #DDDDDD;
	padding: 			5px;
	}

div.content h3 {
	padding-bottom: 	5px;
}
	
div.content ul {
	list-style-position: outside;
	list-style-type: 	disc;
	padding-bottom: 	10px;
}

div.content ul li {
	margin-left: 		12px;
	padding-left: 		10px;
	padding-bottom: 	5px;
}

#content p {
	padding-bottom: 	10px;
}
								
.archive_item {
	border:				1px solid #ddd;
	padding: 			5px;
	margin-bottom: 		20px;
}

.content .column, .content .columnInfo {
	float: 				left;
	width: 				205px;
	min-height: 		175px;
	border-left: 		1px solid #DDDDDD;
	padding: 			0 0 0 15px;
	margin: 			0 0 0 15px;
}
	
.content .columnfirst {
	border-left:	 	none;
	float: 				left;
	width: 				205px;
	min-height: 		175px;
}
		
div.additionalbox {
	font-size:			12px;
	line-height:		18px;
	padding: 			15px 15px 20px 15px;
	border: 			1px solid #DDDDDD;
	width: 				430px;
	height:				auto;
	float:				right;
}
	
div.marginalia {
	font-size:			12px;
	line-height:		18px;
	padding: 			15px 15px 20px 15px;
	border: 			1px solid #DDDDDD;
	font-family:		"Helvetica Neue",HelveticaNeue,Helvetica,Arial;	
	float: 				right;
	width: 				100px;
	margin:				0 0 20px 20px;
}
	

	

	




 	3px;
}
	
.gigpress-info-item:last-child {
	border-bottom: 		none;
}

.gigpress-info-label {
	font-weight: 		bold;
}

.gigpress-listing li {
	line-height: 		18px;
	padding: 			0 0 7px 0;
}

.pagination {
	padding:			10px 0;
	text-align:			right;
	margin-bottom: 		20px;
}
	
.pagination a, .pagination strong {
	background-color:	#EEEEEE;
	border:				1px solid #CECECE;
	padding:			4px 8px;
	text-decoration:	none;
}
	
.pagination a:hover {
	background-color:	#EE3224;
}
	
.pagination strong {
	background-color:	#CECECE;
	color:				#FF3333;
}

div.comments {
	background-color: 	rgba(255, 255, 255, 1);
	padding: 			10px 20px 25px 20px;
	margin-bottom: 		30px;
	height: 			auto;
}

div#postmeta {
	border-top: 		1px solid #DDDDDD;
	padding: 			5px;
}
								
.archive_item {
	border:				1px solid #ddd;
	padding: 			5px;
	margin-bottom: 		20px;
}

.winners .columnfirst, .winners .column {
	text-align: 		center;
}

div.content .winners h3 {
	font-size:			24px;
	margin:				30px 0;
}