/*
Theme Name: TheUnstandard
Theme URI: http://5thirtyone.com/
Description: Farewell to the standard blog format
Version: 1.2.1
Author: Derek Punsalan
Author URI: http://is.derekpunsalan.com/
Image sizes: Main hero image for latest post is 593 x 225, secondary 293 x 150.
Files must be hosted on your own domain in order for timthumb script to work
properly re: thumbnailing / caching.
*/
BODY
{
	background: #FFF;
	color: #333;
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
}
/*= main structure*/
#main-wrapper
{
	margin: 0 auto;
	padding: 0 7px;
	width: 960px;
}
/*= basic reused style rules*/
H1, H2, H3, H4, H5
{
	font-weight: bold;
}
H1
{
	font-size: 3em;
}
H2
{
	font-size: 2em;
}
H3
{
	font-size: 1.5em;
}
H4
{
	font-size: 1em;
	color: #D11616;
}
H5
{
	font-size: 1.1em;
}
A
{
	border-bottom: 1px solid #DDD;
	text-decoration: none;
}
A:hover
{
	border-color: #3C6C92;
	color: #3C6C92;
}
UL LI
{
	list-style: square;
}
/*= css3 border radius link*/
#main-nav LI
{
	list-style: none;
}
#main-nav LI A, .radius-link A
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #EEE;
	border-radius: 3px;
	border: 1px solid #DDD;
	color: #888;
	display: block;
	font-size: 14px;
	padding: 7px 15px;
	text-decoration: none;
	text-transform: uppercase;
}
#main-nav LI A:hover, .radius-link A:hover
{
	background: #222;
	border-color: #000;
	color: #FFF;
}
/*= text input*/
.text-input
{
	background: #FFF url(images/bg-input-gradient.png) repeat-x 0 0;
	border-left-color: #AAA;
	border-top-color: #999;
	border: 1px solid #CCC;
	font-family: arial, verdana, sans-serif;
	font-size: 0.8em;
	padding: 4px;
}
/*= masthead*/
#leaderboard
{
	padding: 0px 0 0px;
	position: relative;
}
#site-name
{
	float: left;
	width: 595px;
}
#site-name H4
{
	font-size: 1.6em;
	margin-top: 15px;
}
#site-name A IMG
{
	margin-top: 0px;
}
/*= plain text logo option*/
#site-name A
{
	border: 0;
	color: #333;
}
#site-name A:hover
{
	color: #3C6C92;
}
/*= main navigation top of page*/
.nav-container
{
	float: right;
	margin: 10px 0 0;
	width: 340px;
}
#main-nav
{
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
#main-nav LI
{
	float: left;
	margin-left: 7px;
}
/*= home posts*/
.left, .recent-leads
{
	width: 607px;
}
.post-comments
{
	position: absolute;
	right: 7px;
	top: -1px;
	z-index: 1;
}
.post-comments A
{
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	background: #FFF;
	border: 1px solid #DDD;
	color: #555;
	display: block;
	font-size: 0.8em;
	padding: 7px;
	text-align: center;
}
.post-comments A:hover
{
	background: #222;
	border-color: #000;
	color: #FFF;
}
/*= title overlay*/
.title-insert
{
	-moz-opacity: .8;
	background: #000;
	bottom: 0;
	filter: alpha(opacity=80);
	left: 0;
	opacity: .8;
	position: absolute;
	right: 0;
	width: 100%;
	z-index: 1;
}
.title-insert A
{
	border: 0;
	color: #EEE;
	display: block;
	font-size: 0.7em;
	line-height: 1.4em;
	padding: 9px 10px;
}
.title-insert A:hover
{
	color: #FFF;
}
.main-post-bg, .secondary-post-bg
{
	background: #222;
	display: block;
	overflow: hidden;
	overflow: hidden;
	position: relative;
}
.main-post-bg
{
	height: 225px;
	margin: 0 0 10px;
	width: 593px;
}
.main-post-bg.showhero
{
	margin-left: 7px;
}
.secondary-post-bg
{
	height: 150px;
	margin: 0 7px 10px 0;
	width: 293px;
}
/*= single entry style*/
.home.is-single
{
	border-top: 1px solid #CCC;
}
.post.single
{
	line-height: 1.4em;
	padding-top: 10px;
	margin: 0 0 0 25px;
}
.post.single H2, .post.single H2 A
{
	border: 0;
	color: #333;
	font-size: 1.1em;
	line-height: 1.8em;
}
.post.single H2 A:hover
{
	color: #3C6C92;
}
.post.single .showhero H2 A
{
	color: #DDD;
}
.post.single .showhero H2 A:hover
{
	color: #FFF;
}
.post.single .entry
{
	border-top: 1px solid #CCC;
	padding: 4px 10px 0 0px;
	clear: both;
}
.post.single .meta
{
	font-size: 0.8em;
	overflow: hidden;
	margin: -25px 0 20px 7px;
	padding: 0;
}
.post.single .meta LI
{
	list-style: none;
	float: left;
	margin: 0 5px 0 0;
	padding: 2px 7px;
}
.post.single .meta LI.first
{
	background: #EEE;
	border: 1px solid #CCC;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 2px 7px;
}
.post.single P
{
	line-height: 1.4em;
	margin: 0.5em 0;
}
.post.single P A, .post.single LI A
{
	color: #E1D29C;
}
.post.single H3
{
	margin-top: 20px;
}
.post.single BLOCKQUOTE, .post.single UL, .post.single OL
{
	color: #555;
	margin: 0 15px;
}
.post.single UL LI
{
	margin: 0 20px;
	color: #FFFFFF;
}
.post.single OL LI
{
	list-style: decimal;
	margin: 0 20px;
}
.post.single BLOCKQUOTE
{
	border-left: 1px solid #CCC;
	font-style: italic;
	margin-left: 20px;
	padding-left: 10px;
}
.post.single IMG.floatleft, .post.single IMG.alignleft
{
	float: left;
	margin: 4px 10px 0 0;
}
.post.single IMG.floatright, .post.single IMG.alignright
{
	float: right;
	margin: 4px 0 0 10px;
}
.post.single .wp-caption-text
{
	color: #888;
	font-size: 0.8em;
	text-align: center;
	text-transform: uppercase;
}
.gallery-item A IMG
{
	border-color: #EEE !important;
}
.navigation
{
	clear: both;
	font-weight: bold;
	padding: 10px 0;
}
.navigation A
{
	float: left;
}
.navigation .left, .navigation .right
{
	width: 120px;
}
.navigation .left
{
	text-align: left;
}
.navigation .right
{
	margin-right: 15px;
	text-align: right;
}
* HTML .navigation .right
{
	margin-right: 7px;
}
.navigation .right A
{
	float: right;
}
.for-tags
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #EEE;
	border: 1px solid #DDD;
	border-radius: 3px;
	font-size: 0.8em;
	padding: 7px 10px;
}
/*= sidebar and widgets style*/
.home .right
{
	overflow: hidden;
	width: 340px;
}
.home .right H3
{
	font-size: 1em;
	padding: 9px 3px 7px;
	color: #FEBA38;
}
H3.module-title, H3.widgetTitle
{
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #CCC;
	font-size: 1em;
	margin: 0 0 10px;
	padding: 9px 3px 7px;
}
H3.module-title A, H3.widgetTitle A
{
	border: 0;
}
.widgetContainer
{
	margin: 0 0 20px;
}
.widgetContainer .textwidget
{
	font-size: 0.8em;
	line-height: 1.4em;
	margin: 0 7px;
}
UL.module-list, .widgetContainer UL
{
	margin: 0 0 20px;
	color: #C3A1A1
}
.module-list LI, .widgetContainer LI
{
	font-size: 0.9em;
	line-height: 1.4em;
	margin: 0 3px 7px 21px;
}
.sidebar-nextprev
{
	overflow: hidden;
	width: 320px;
}
.sidebar-nextprev LI
{
	border-left: 1px solid #CCC;
	float: left;
	height: 40px;
	list-style: none;
	width: 159px;
}
.sidebar-nextprev LI.previous
{
	border-right: 1px solid #CCC;
}
.sidebar-nextprev LI.next
{
	border-left: 1px solid #CCC;
	float: right;
	margin-left: -1px;
}
.sidebar-nextprev LI A
{
	border-left: 1px solid #CCC;
	border: 0;
	color: #CCC;
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	height: 40px;
	margin-left: -1px;
}
.sidebar-nextprev LI A:hover
{
	border-color: #3C6C92;
	color: #3C6C92;
}
.sidebar-nextprev LI A SPAN
{
	cursor: pointer;
	display: block;
	padding: 15px 0 0 10px;
}
.widgetContainer #wp-calendar
{
	border-collapse: collapse;
	width: 100%;
}
#wp-calendar CAPTION
{
	font-weight: bold;
	margin-bottom: 7px;
}
#wp-calendar THEAD TH
{
	border-width: 1px 0;
	border: 1px solid #CCC;
	padding: 4px 0 4px 3px;
}
#wp-calendar TD
{
	color: #777;
	padding: 3px 0 7px 3px;
}
#wp-calendar TD A
{
	font-weight: bold;
}
#middle-widgets
{
	width: 970px;
}
#middle-widgets .widgetContainer
{
	clear: top;
	float: left;
	margin: 0 11px 15px 0;
	width: 312px;
}
.sidebar-desc
{
	font-size: 0.9em;
	line-height: 1.4em;
	margin: 0 4px;
}
/*= legacy comments style support*/
.legacy .commentlist LI
{
	border-top: 1px solid #CCC;
	margin: 0;
	padding: 7px 0 15px 80px;
}
.legacy IMG.avatar
{
	float: right;
	margin: 0 7px 0 0;
}
.legacy CITE
{
	font-style: normal;
}
.legacy .commentlist LI P
{
	margin: 1em 0;
}
.legacy .commentlist LI UL, .legacy .commentlist LI OL, .legacy .commentlist LI BLOCKQUOTE
{
	margin: 1em 15px;
}
.legacy .commentlist LI UL LI, .legacy .commentlist LI OL LI
{
	border: 0 !important;
	margin: 0 15px !important;
	padding: 0 !important;
}
.legacy .commentlist OL LI
{
	list-style: decimal;
}
.legacy #respondform
{
	margin-left: 80px;
	padding: 10px 0 0;
}
.nocomments
{
	background: #FFFFCC;
	border: 1px solid #BEBE3C;
	font-size: 0.8em;
	font-weight: bold;
	padding: 10px 0;
	text-align: center;
}
/*= style support for threaded comments*/
#comments-wrapper, #comments-wrapper-form
{
}
#comments-wrapper P
{
	margin: 15px 0;
}
#comments-wrapper .navigation
{
	margin: 0 0 25px 80px;
}
H3#comments
{
	clear: both;
	margin: 20px 0 20px 80px;
}
.commentlist
{
	font-size: 0.9em;
	line-height: 1.4em;
}
.commentlist LI.comment, .commentlist LI.pingback
{
	border-top: 1px solid #CCC;
	margin: 0;
	padding: 7px 0 15px 80px;
}
.commentlist LI.comment-author-admin
{
	border-color: #3C6C92;
}
.commentlist LI.comment UL, .commentlist LI.comment OL, .commentlist LI.comment BLOCKQUOTE
{
	margin: 0 15px;
}
.commentlist LI.comment BLOCKQUOTE
{
	border-left: 1px solid #CCC;
	color: #777;
	font-style: italic;
	padding-left: 10px;
}
.commentlist UL.children
{
	margin: 0 !important;
	padding: 0;
}
.commentlist .children LI.comment
{
	list-style: none;
	margin: 15px 0 0;
	padding: 7px 0 0 45px;
}
.comment-author IMG.avatar
{
	float: right;
	margin: 0 7px 0 0;
}
.comment-author CITE
{
	font-style: normal;
}
.comment-meta
{
	font-size: 0.8em;
}
#respond
{
	clear: both;
	margin-left: 80px;
	padding: 10px 0 0;
}
LI.comment #respond
{
	margin-left: 0;
}
#respond H3
{
	margin: 0 0 15px;
}
#respond .text-input
{
	font-size: 12px;
	margin-right: 4px;
	width: 160px;
}
#respond TEXTAREA.text-input, #respondform TEXTAREA.text-input
{
	margin-right: 0;
	overflow: auto;
	width: 97%;
}
/*= categories*/
#categories
{
	margin: 35px 0 45px;
	padding: 10px 0;
}
#categories H3
{
	margin-bottom: 10px;
}
#categories UL
{
	color: #CCC;
	font-size: 0.9em;
	line-height: 1.2em;
}
#categories LI
{
	display: block;
	float: left;
	margin: 0 8px 0 7px;
	text-align: right;
	width: 145px;
}
#categories LI LI
{
	width: 138px;
}
#categories LI LI LI
{
	width: 131px;
}
#categories LI LI LI LI
{
	width: 124px;
}
#categories LI LI LI LI LI
{
	width: 117px;
}
#categories LI A
{
	float: left;
	text-decoration: none;
	margin: 3px 0;
}
/*= search*/
#searchForm
{
	margin: 0;
}
#searchWrap SPAN
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #FFF;
	border-radius: 3px;
	border: 1px solid #CCC;
	display: block;
	padding: 2px;
}
#searchWrap INPUT
{
	color: #777;
	width: 324px;
}
/*= footer*/
#footer
{
	border-top: 1px solid #CCC;
	margin-top: 15px;
	padding: 20px 0 72px;
	width: 960px;
}
#footer A
{
	font-weight: bold;
}