/*  
Theme Name: 5ThirtyOne v2.0
Theme URI: http://5thirtyone.com/
Description: Modal window goodness.
Version: 1.0
Author: Derek Punsalan
Author URI: http://5thirtyone.com/

This theme was designed and coded by Derek Punsalan.
You can find his ramblings and additional work at http://5thirtyone.com/
Please give credit where credit is due.

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/* +global
************************************/
* {margin: 0; padding: 0;}
h1, h2, h3, p, pre, blockquote, form, fieldset, ul, ol {margin: 1em 0;}	

a {text-decoration: none; outline: none;}
a:link, a:active, a:visited {color: #FFAB55;}
a:hover {color: #8ab1cc;}
h1, h2, h3 {letter-spacing: -1px;}
h1{font-size: 1.4em;}
h2{font-size: 1.3em;}
h2 span {color: #FFAB55;}
h3{font-size: 1em;}
strong {text-transform: lowercase;}

body {
	background: #333;
	text-align: center;
	font-family: "Arial","Lucida Grande",Helvetica, Verdana, sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	}

/* +header content
************************************/
.style9 {font-size: 10px; font-weight: bold; }
.style11 {color: #000000; font-size: 10px; }
.style12 {font-size: 10px; }
#banner {
	position:absolute;
	top: 0px;
	left: 0px;
}
#banner2 {
	position:absolute;
	top: 144px;
	left: 0px;
}
#updates {
	background: #3A3939;
	color: #eee;
	}
#updates a {color: #D4E580;}
#updates a:hover {
	color: #fff;
	background: #FFAB55;
}

#surveys {
	background: #3A3939;
	color: #eee;
	}
#surveys a {color: #BFCFF1;}
#surveys a:hover {
	color: #fff;
	background: #FFAB55;
}

#misc {
	background: #3A3939;
	color: #eee;
	}
#misc a {color: #feffb3;}
#misc a:hover {color: #fff;}

.shelfwrap {
	width: 800px;
	margin: 0 auto;
	}

	.shelfcontent {
		height: 75px;
		
		overflow: hidden;
		width: 700px;
		margin: 0 auto;
		padding: 1em 0;
		vertical-align: middle;
		text-align: left;
	}
	.shelfcontent h3{
		float: left;
		margin-top: 68px;
		color: #505050;
		font-size: 50px;
		width: 100px;
		height: 75px;
	}
#background {
	margin: 0 auto;
	text-align: center;
	background: #3A3939 url(/_images/wp/header-bg.gif) repeat-x bottom;
	height: 37px;
}
#logo {
	margin: 0 auto;
	text-align: center;
	background: #3A3939;
}
#logo img {
	margin: 20px 0px 20px 0;
}
#navigation {
	margin: 0 auto;
	text-align: center;
	text-transform: lowercase;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: -1px;
	}
	
ul#navlinks {
	width: 700px;
	margin: 0 auto;
}

	#navlinks li {display: inline;}

	#navlinks a {
		color: #FFAB55;
		padding: 0 0.7em 0.5em 0;
		}

	#navlinks a:hover {color: #575757;}
	
#customHeader {
	margin: 0 auto;
	width:454px;
	position: relative;
	}


/* +form stuff
************************************/

.newsletter {
	height: 110px;
	margin: 0px;
	text-align: center;
}
.newsletter p{
	text-align: center;
	font: 18px Arial, Helvetica, sans-serif;
	padding: 2px;
}
#newsletter-email {
	width: 200px;
	font: 18px Arial, Helvetica, sans-serif;
	padding: 2px;
	height: 25px;
	background: #F7F6CD;
	border: 1px solid #FFAB55;
	text-align:center;
}
#button-subscribe {
	width: 91px;
	margin: 10px 0 0 0;
	height: 30px;
	background: url(/images/launch/button/button-submit.gif) no-repeat left top;
	overflow: hidden;
	border: 0px;
}
#button-subscribe:hover{
	width: 91px;
	margin: 10px 0 0 0;
	height: 30px;
	background: url(/images/launch/button/button-submit.gif) no-repeat left bottom;
	overflow: hidden;
	border: 0px;
}


/* +top content
************************************/

#top {
	background: #fff url(/wp-content/themes/v2/images/bottom_grad.gif) repeat-x bottom left;
	color: #444;
	padding-bottom: 125px;
	}

	#topcontent {
		width: 700px;
		margin: 3em auto 0;
		text-align: left;
		}

#recentpost {
	float: left;
	width: 450px;
	}

	.post h2 a {color: #444;}
	.post h2 a:hover {
		color: #444;
		background: #FFFFC2;
	}
	.post p, .post ul, .post ol {
	  font-size: 85%;
	  padding: 0 0 7px 0;
	  line-height: 22px;
	  background-image: url("/_images/wp/text_lines.gif");
	}
	.indexComment, .asideComments {margin-right: 3px;}
	.indexComment a:link, .indexComment a:active, .indexComment a:visited {color: #ddd;}
	.asideComments a:link, .asideComments a:active, .asideComments a:visited {color: #4f4f4f;}
#sidebar {
	background: #3A3939;
	height: 100%;
}
#the-text {
	margin: 0 auto;
	text-align: center;
	padding: 0px 0 20px 0;
	
}
#home_links {
	margin: 15px;	
}

#home_links_top {
	float: right;
	width: 233px;
	background: #3A3939;
	/*background: url(/_images/wp/right-column-top.gif) no-repeat top left;*/
	height: 20px;
}
#home_links_mid {
	float: right;
	width: 233px;
	background: #3A3939;
	/*background: url(/_images/wp/right-column-mid.gif) repeat-y top left;*/
	}
#home_links_bot {
	float: right;
	width: 233px;
	height: 61px;
	background: #3A3939;
	/*background: url(/_images/wp/right-column-bottom.gif) no-repeat top left;*/
	}
#home_links h2 {
	margin: 5px;
	padding: 0px 0 0 9px;
	color: #fff;
	}
	
	ul.home_linkage {
		list-style: none;
		padding: 0 4px;
		
		}
	.feed{
		list-style: none;
		padding: 0 4px;
		background: url(/_images/wp/feed-icon-12x12.png) no-repeat center left;
		}
	.feed a:hover{
		padding: 0 4px;
		margin: 0 0 0 12px;
		}
	
	.home_linkage li {
		border: 1px solid #616161;
		width: 95%;
		border-width: 1px 0 0 0;
		display: block;
		overflow: hidden;
		}
	
	.home_linkage li a {
		display: block;
		width: 95%;
		padding-left: 16px;
		font-size:12px;
		color: #C6C6C6;
		}
	
	.home_linkage li a:hover {
		color: #3A3939 !important;
		background: #FFFFC2;
		width: 95%;
		font-size:12px;
		}
		
		
		
/* +sponsors
************************************/
#sponsors {
	margin: 20px 0 0 10px;
	float: right;
	width: 211px;
	text-align: left;
}
#sponsors .title img {
	border: none;
	margin: 10px 0 0 15px;
	padding: 0px;
}
#sponsors .title img:hover {
	border: none;
	margin: 10px 0 0 25px;
	padding: 0px;
}
#sponsors img {
	text-align: center;
	margin: 5px 10px 5px 20px;
	padding: 4px;
	border: 1px solid #eee;
	border-bottom-color: #ddd;
	border-left-color: #ddd;
	background: #fff;
}
#sponsors h6 {
	margin-top: 10px;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	border-bottom: 1px solid #eee;
}
#sponsors h6 a {
	color: #000000;
	
}
#sponsors h6 a:hover {
	color: #000000;
	background: #FFFFC2;
	
}
#sponsors img:hover {
	text-align: center;
	margin: 5px 10px 5px 20px;
	padding: 4px;
	border: 1px solid #eee;
	border-bottom-color: #ddd;
	border-left-color: #ddd;
	background: #FFFFC2;
}
/* +googleads
************************************/
#googleads{
	margin: 20px 0 0 10px;
	padding: 0 0 15px 0;
	float: right;
	text-align: center;
	width: 211px;
	border-bottom: 1px solid #eee;
}
/* +single page
************************************/
#singlepage {
	float: left;
	width: 650px;
	}
	.entry {
		margin-left: 15px;
	}
	.entry blockquote, .entry li {
		margin-left: 1.5em;
		color: #7f7f7f;
		}
	
	.entry ol {margin-left: 0.2em;}
	
	.entry ul {
		width: 415px;
		margin: 0;
		padding: 0;
		}
	
	.entry ul li {
		list-style: none;
		background: url(/_images/wp/li.png) no-repeat 0 0.3em;
		padding-left: 1.6em;
		}
/* +single post
************************************/
#singlecontent {
	float: left;
	width: 450px;
	}
	.entry {
		margin-left: 15px;
	}
	.entry blockquote, .entry li {
		margin-left: 1.5em;
		color: #7f7f7f;
		}
	
	.entry ol {margin-left: 0.2em;}
	
	.entry ul {
		width: 415px;
		margin: 0;
		padding: 0;
		}
	
	.entry ul li {
		list-style: none;
		background: url(/_images/wp/li.png) no-repeat 0 0.3em;
		padding-left: 1.6em;
		}

#singlemeta {
	float: right;
	width: 210px;
	margin-left: 20px;
	}

ul#metatags, ul#metaRecently , ul#monthly {
	list-style: none;
	width: 186px;
	}

	ul#metaRecently {
		padding: 0;
		margin: 0;
		}

#metatags li, #metaRecently li, #monthly li {
	display: block;
	width: 183px;
	padding-left: 3px;
	}
	
	#metatags li a, #metaRecently li a, #monthly li a {
		display: block;
		width: 180px;
		background: url(/wp-content/themes/v2/images/li_small.gif) no-repeat 0.2em 0.4em;
		padding-left: 1.1em;
		}

	#metatags li a:hover, #metaRecently li a:hover, #monthly li a:hover {
		color: #3A3939 !important;
		width: 176px;
		background: #FFFFC2 url(/wp-content/themes/v2/images/li_small.gif) no-repeat 0.2em 0.4em;
		padding-left: 1.1em;
		border-right: 3px solid #FFAB55;
		}

ul.utwrelposts {
	width: 415px;
	border: 1px solid #efefef;
	border-width: 0 0 1px 0;
	list-style: none;
	margin: 0 0 0 0.8em;
	padding: 0;
	}

	.utwrelposts li {
		border: 1px solid #efefef;
		border-width: 1px 0 0 0;
		display: block;
		width: 415px;
		}

	.utwrelposts li a {
		width: 393px;
		display: block;
		background: url(/wp-content/themes/v2/images/li.gif) no-repeat 0.2em 0.4em;
		padding-left: 1.1em;
		}

	.utwrelposts li a:hover {
		color: #8ebce1 !important;
		display: block;
		background: #E6EEFF url(/wp-content/themes/v2/images/li.gif) no-repeat 0.2em 0.4em;
		padding-left: 1.1em;
		border-right: 3px solid #8ebce1;
		}
	
	.utwrelposts li a:visited {
		width: 393px;
		border-right: 3px solid #8ebce1;
		}

/* +comments
************************************/
#commentleft {
	float: left;
	width: 440px;
	}

ol.commentlist, ol.pingslist {list-style: none;}

.commentlist li, .pinglist li {
	margin: 0 0 3px 0;
	padding: 0;
	}

ol.pingslist {
		background: #616161;
		border: 1px solid #2B2B2B;
		margin: -0.5em 0 2.5em 0;
		padding: 1em 1em 1em 1.5em;
		}
	
	.pingslist a {color: #eee;}
	.pingslist a:hover {color: #fff;}

.commentlist li {
	background: #3f3f3f;
	border: 1px solid #4f4f4f;
	padding: 1em 1.5em 0.3em;
	margin-bottom: 0.5em;
	overflow: hidden;
	}
	.commentlist blockquote {margin-left: 1em;}
	.commentlist .alt {
		background: #444;
		border: 1px solid #555;
		}
	.commentlist .author {background: #616161; border: 1px solid #4f4f4f;}
    .commentlist .author a {color: #eee;}
	.commentText a {border-bottom: 1px dotted #eee;}
	.commentText ul {list-style:  none;}
	.commentText ul li {
		border: 0;
		margin: 0 0 0 1em; 
		padding: 0 0 0 1.1em;
		background: #6699CC url(/wp-content/themes/v2/images/comments_li.gif) no-repeat 0.2em 0.4em;
		}
	.author a {color: #eee;}
	.author a:hover {color: #fff;}
	.commentAuthor {font-size: 1.1em;font-weight: bold;text-transform:lowercase;}
	.commentAuthor a:link, .commentAuthor a:active, .commentAuthor a:visited {color: #eee}

#commentright {
	float: right;
	width: 215px;
	margin-left: 15px;
	}
	.cdirections {color: #555;}
	.cdirections a {color: #888;}
	.cdirections a:hover {color: #ccc;}

	#author, #email, #url, #comment {
		color: #eee;
		width: 100%;
		background: #333;
		border: 1px solid #555;
		padding: 2px;
		font-size: 1em;
		font-family: "arial", verdana, sans-serif;
		}
	
		#author:focus, #email:focus, #url:focus, #comment:focus {
			background: #eee;
			color: #333;
			}
		#comment {overflow: auto;}
		#author:focus, #email:focus, 
		#url:focus, #comment:focus, 
		#submit:focus {border: 1px solid #6f6f6f;}
		#submit {
			background: #333;
			border: 1px solid #555;
			color: #555;
			font-size: 1em;
			padding: 1px;
			}

/* +footer content
************************************/
#bottom {
	color: #ddd;
	border-top: 4px solid #666;
	padding-top: 2em;
	}

#footercontent {
	width: 700px;
	margin: 0 auto;
	padding-bottom: 2em;
	text-align: left;
	}
	
	#footercontent h2 {margin-top: 0;}

#recentshorts {
	}

	.recentshorts-title {
		color: #fff;
		padding-left: 2px;
		font-weight: bold;
		font-size: 1.2em;
		letter-spacing: -1px;
		text-transform: lowercase;
		margin-bottom: 0.4em;
		}

	.recentshorts-excerpt a:link, .recentshorts-excerpt a:active,
.recentshorts-excerpt a:visited	{
	color: #D6D6D6;
	font-size: 80%;
}
	.recentshorts-excerpt a:hover {color: #eee;}

	#recentshorts ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}
	
	#recentshorts li {
		float: left;
		width: 315px;
		display: block;
		margin: 0 0 2em 0;
		padding: 0 2em 0 0;
		}
	
	#recentshorts li a {display: block;}
	#recentshorts li a:hover {display: block;}

#realfooter {
	width: 700px; 
	margin: 0 auto 1em;
	padding: 1em;
	font-size: 10px;
	}

#rssicon a {
	float: right;
	text-indent: -9999em;
	display: block;
	width: 36px;
	height: 36px;
	background: transparent url(/wp-content/themes/v2/images/rssicon.gif) no-repeat top left;
	margin-top: -7px;
	}

	#rssicon a:hover {background: transparent url(/wp-content/themes/v2/images/rssicon.gif) no-repeat bottom left;}

/* +misc & /wp-content/themes/v2/images
************************************/
.entry img {
	margin: 10px;
	padding: 4px;
	border: 1px solid #eee;
	border-bottom-color: #ddd;
	border-left-color: #ddd;
	background: #fff;
	}

	.entry img a:hover {background: #E9EFF5;}
	a img {border: 0;}
	
.clear {clear: both;}
.center {text-align: center;}
.left {float: left;}
.right {float: right;}

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

.clearfix, .shortpost {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix, * html .shortpost {height: 1%;}
.clearfix, .shortpost {display: block;}
/* End hide from IE-mac */

/* +search modal
*************************/
#modalWrapper {
	background: transparent url(/wp-content/themes/v2/images/modal_grad.gif) repeat-x bottom left;
	width: 280px;
	margin: 0 auto;
	}

#h2wrapper {
	background: #666666;
	margin: 0;
	padding: 0;
	height: 40px;
	}

#h2wrapper h2 {
	margin: 0;
	padding: 18px 3px 0 0;
	text-align: right;
	letter-spacing: -3px;
	color: #fff;
	font-size: 2.7em;
	}

#searchform {
	background: #6699CC;
	border-top: 2px solid #75A9DD;
	padding: 0;
	}

#modal_desc {padding: 0 0.7em 0 1em;}

ul.recents {
	list-style: none;
	width: 280px;
	border: 1px solid #efefef;
	border-width: 0 0 1px 0;
	}

	.recents li {
		display: block;
		width: 280px;
		border: 1px solid #efefef;
		border-width: 1px 0 0 0;
		}

	.recents li a {
		display: block;
		width: 233px;
		padding: 0 15px 0 32px;
		background: url(/wp-content/themes/v2/images/li_small.gif) no-repeat 1em 0.4em;
		}
	
	.recents li a:hover {
		color: #8ebce1 !important;
		display: block;
		width: 233px;
		padding: 0 15px 0 32px;
		background:#E6EEFF url(/wp-content/themes/v2/images/li_small.gif) no-repeat 1em 0.4em;
		}
	
#s {
	background: #eee;
	border: 1px solid #eee;
	color: #eee;
	font-size: 1em;
	padding: 2px;
	margin: 12px 19px;
	width: 235px;
	}

	#s:focus{
		color: #444;
		background: #eee;
		border: 1px solid #A0C65D;
		}

	#searchsubmit {
		font-size: 1em;
		background: #333;
		border: 1px solid #eee;
		color: #eee;
		padding: 1px;
		}
	
/* +lightbox (required for modal search window)
*********************/
.lightbox {
	color: #333;
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width:500px;
	margin:-220px 0 0 -250px;
	background: transparent;
	text-align: left;
	z-index:1001;
	overflow: auto;	
	}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#111;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
	}

/* contactform styling */
.contactright {color: #bbb;}

#contactsubmit {
	background: #A1C65E;
	color: #eee;
	border: 1px solid #9abd5c;
	font-size: 1em;
	padding: 1px;
	}

.contacterror {
	padding:2px;
	font-size: 0.9em;
	border: 1px solid #A1C65E !important;
	width:208px;
	}

.contacterror:focus {
	color: #444;
	border: 1px solid #A1C65E !important;
	}

#wpcf_your_name,
#wpcf_email,
#wpcf_website,
#wpcf_msg {
	font-family: "arial", verdana, sans-serif;
	padding:2px;
	font-size: 0.9em;
	border: 1px solid #bbb;
	width:208px;
	}

#wpcf_your_name:focus,
#wpcf_email:focus,
#wpcf_website:focus,
#wpcf_msg:focus {
	color: #444;
	border: 1px solid #A1C65E !important;
	overflow:auto;
	}