/* @override http://nikgomez.com/wordpress/wp-content/themes/theunstandard/style.css */

/*  
Theme Name: TheUnstandard
Theme URI: http://5thirtyone.com/
Description: Farewell to the standard blog format
Version: 1.2
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.*/



/* @group Main Structure */

body {
	color: #333;
	font: normal 14px Helvetica, Verdana, Arial, sans-serif;
}
#main-wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0 7px;
}

h1 {
	font-size: 3em;
}

h2 {
	font-size: 2.5em;
}

h3 {
	font-size: 1.5em;
}

h4 {
	font-size: 1.3em;
}

h5 {
	font-size: 1.1em;
}

a {
	border-bottom: 1px solid #ddd;
	color: #3c6c92;
	text-decoration: none;
}

ul li {
	list-style: circle;
	list-style-type: disc;
}

strong {
	font-weight: bold;
}

.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-size: 0.8em;
	padding: 4px;
	font-family: "Helvetica, Verdana, Arial, sans-serif";
}

/* @end */

/* @group Masthead */

#leaderboard {
	position: relative;
	padding: 20px 0 30px;
}

#site-name {
	float: left;
	width: 595px;
}

#site-name h4 {
	font-size: 3em;
	margin-top: 15px;
}

#site-name a img {
	margin-top: 1px;
}

#site-name a {
	border: 0;
	color: #333;
}

.title-twitter, #site-name a.twitter-link, .twitter-timestamp abbr {
	color: #bfbfbf;
	line-height: 1.2em;
	font-size: 16px;
}

/* @end */

/* @group Main Navigation */

.nav-container {
	float: right;
	width: 340px;
	margin: 20px 0 0;
}

#main-nav {
	text-align: center;
	text-transform: uppercase;
}

#main-nav li {
	list-style: none;
	float: left;
	margin-left: 7px;
}

#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;
	text-decoration: none;
	line-height: 20px;
	padding: 6px 15px 5px;
}

/* @end */

/* @group Home Posts */

.left,.recent-leads {
	margin-top: 0px;
	width: 607px;
}

.post-comments {
	position: absolute;
	right: 7px;
	top: -1px;
	z-index: 1;
}

.post-comments a.dsq-comment-count {
	-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.9em;
	text-align: center;
	padding: 7px;
}

.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:hover {
	-moz-opacity: 1.0;
	background: #000;
	bottom: 0;
	filter: alpha(opacity=100);
	left: 0;
	opacity: 1.0;
	position: absolute;
	right: 0;
	width: 100%;
	z-index: 1;
}

.title-insert a {
	border: 0;
	color: #fff;
	display: block;
	padding: 10px;
}

.main-post-bg,.secondary-post-bg {
	background: #222;
	display: block;
	overflow: hidden;
	position: relative;
}

.main-post-bg {
	height: 225px;
	width: 593px;
	margin: 0 0 10px;
}

.main-post-bg h3 {
	font-size: 01.3em;

}
.main-post-bg.showhero {
	margin-left: 7px;
}

.secondary-post-bg {
	height: 150px;
	width: 293px;
	margin: 0 7px 10px 0;
}

.secondary-post-bg h3 {
	font-size: .9em;
}

/* @end */

/* @group Single Entries */

.home.is-single {
	border-top: 1px solid #ccc;
}

.post.single h2,.post.single h2 a {
	border: 0;
	color: #333;
	font-size: 1.4em;
	margin: 20px 0 .4em;
}

.post.single .showhero h2 a {
	color: #ddd;
}

.post.single .entry {
	border-top: 1px solid #ccc;
	clear: both;
	padding: 20px 0 0;
}

.post.single .meta {
	font-size: 0.8em;
	overflow: hidden;
	padding: 0;
	margin: 10px 0 30px 7px;
}

.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 0 1.5em;
}

.post.single h3 {
	margin-top: 20px;
}

.post.single blockquote,.post.single ul,.post.single ol {
	color: #555;
	margin: 0 15px 1.5em;
}

.post.single ul li {
	margin: 0 20px;
	line-height: 1.4em;
}

.post.single ol li {
	list-style: decimal;
	margin: 0 20px;
	line-height: 1.4em;
}

.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;
}


.gallery-item a img {
	border-color: #eee !important;
}

/* @end */

/* @group Post Image Captions */

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ccc;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 5px #ccc;  
   	-moz-box-shadow: 0px 0px 5px #ccc;  
    box-shadow: 0px 0px 5px #ccc;  

}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption a {
	border-bottom: none;
}

.wp-caption p.wp-caption-text {
	padding-left: 4px;
	padding-bottom: 3px;
	padding-right: 4px;
	padding-top: 5px;
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	color: #888;
}

/* @end */

/* @group Navigation Links */

.navigation {
	clear: both;
	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;
}

.for-tags a {
	text-transform: lowercase;
}

/* @end */

/* @group Sidebar & Widgets */

.home .right {
	overflow: hidden;
	width: 340px;
}

.home .right h3 {
	font-size: 1em;
	padding: 9px 3px 5px;
}

h3.module-title, h3.widgetTitle, h3.widgetTitle.toggle {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #ccc;
	font-size: 1.2em;
	margin: 0 0 10px;
	color: #3c6c92;
	padding: 10px 3px 6px;
}

h3.module-title a, h3.widgetTitle a, h3.widgetTitle.toggle a {
	border: 0;
}

.widgetContainer .textwidget {
	font-size: 0.9em;
	line-height: 1.4em;
	margin: 0 7px;
}

.module-list li,.widgetContainer li {
	font-size: 0.9em;
	line-height: 1.4em;
	margin: 0 3px 7px 21px;
}

a.twitter_title_link ----BROKEN---- {
	background: url(http://nikgomez.com/wordpress/wp-content/themes/theunstandard/images/twitter.png) no-repeat 0 0;
	padding-left: 20px;
}

a.lastfm_title_link ----BROKEN---- {
	background: url(http://nikgomez.com/wordpress/wp-content/themes/theunstandard/images/lastfm.png) no-repeat 0 0;
	padding-left: 20px;
}

.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;
	height: 40px;
	margin-left: -1px;
}

.sidebar-nextprev li a span {
	cursor: pointer;
	display: block;
	padding: 15px 0 0 10px;
}

.widgetContainer #wp-calendar {
	font-size: 0.8em;
	border-collapse: collapse;
	width: 100%;
}

#wp-calendar caption {
	margin-bottom: 7px;
}

#wp-calendar thead th {
	background: #eee;
	padding: 4px 0 4px 3px;
}

#wp-calendar td {
	padding: 3px 0 7px 3px;
}

#middle-widgets {
	width: 970px;
}

#middle-widgets .widgetContainer {
	clear: top;
	float: left;
	width: 312px;
	margin: 0 11px 15px 0;
}

.widget_tag_cloud a {
	text-transform: lowercase;
	border-bottom: none;
	margin: 2px;
}

ul#fmtuner li,ul#fmtuner li {
	list-style-type: none;
	list-style-image: none;
	display: inline;
	margin: 0;
	padding: 0;
}

ul#fmtuner {
	text-align: center;
	margin: 0;
	padding: 0;
}

#fmtuner a img {
	width: 65px;
	height: 65px;
	border: 2px solid #ddd;
	margin: 2px;
	padding: 1px;
}

#fmtuner a img:hover {
	border: 2px solid #bbb;
}

#fmtuner a {
	border: none;
}

.sidebar-desc {
	font-size: 0.9em;
	line-height: 1.4em;
	margin: 0 4px;
}

.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;
}

/* @end */

/* @group Comments */

.nocomments {
	background: #ffc;
	border: 1px solid #BEBE3C;
	font-size: 0.8em;
	text-align: center;
	padding: 10px 0;
}

#comments-wrapper p {
	margin: 15px 0;
	line-height: 1.4em;
}

#comments-wrapper .navigation {
	margin: 0 0 25px 0px;
}

h3#comments {
	clear: both;
	margin: 20px 0 20px 80px;
}

.commentlist {
	font-size: 0.9em;
	line-height: 1.4em;
}

.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-meta {
	font-size: 0.9em;
}

#respond {
	clear: both;
	padding: 10px 0 0;
}

#respond a.rpxnow {
	border-bottom: none;
}

#comments-wrapper a.url img {
	position: relative;
	bottom: -2px;
}

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%;
}

#disqus_thread #dsq-form-area {
	margin-bottom: 10px;
}

/* @end */

/* @group 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;
	text-align: right;
	width: 145px;
	margin: 0 8px 0 7px;
}

#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;
}

/* @end */

/* @group Search */

#searchForm {
	margin: 0;
	font-family: "Helvetica, Verdana, Arial, sans-serif";
}

#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;
	font-family: "Helvetica";
}

/* @end */

/* @group Footer */

#footer {
	border-top: 1px solid #ccc;
	margin-top: 15px;
	width: 960px;
	padding: 20px 0 72px;
}


a:hover,.sidebar-nextprev li a:hover {
	color: #3c6c92;
	border-color: #3c6c92;
}

#main-nav li a:hover,.radius-link a:hover,.post-comments a:hover {
	background: #222;
	color: #fff;
	border-color: #000;
}

#site-name a:hover,.post.single h2 a:hover {
	color: #3c6c92;
}

.title-insert a:hover,.post.single .showhero h2 a:hover {
	color: #fff;
}

.widgetContainer,ul.module-list,.widgetContainer ul {
	margin: 0 0 20px;
}

.legacy .commentlist li,.commentlist li.comment,.commentlist li.pingback {
	border-top: 1px solid #ccc;
	margin: 0;
	padding: 7px 0 15px 80px;
}

.legacy img.avatar,.comment-author img.avatar {
	float: right;
	margin: 0 7px 0 0;
}

.legacy cite,.comment-author cite {
	font-style: normal;
}

/* @end */