/*  
Theme Name: The Unstandard Remix
Theme URI: http://gosdot.com/
Description: A template based on "The Unstandard" by <a href="http://is.derekpunsalan.com/">Derek Punsalan</a> for <a href="http://5thirtyone.com/archives/886">5thirtyone</a>.  This theme is protected by the 
Attribution-Noncommercial-Sharealike 2.0 Generic License. http://creativecommons.org/licenses/by-nc-sa/2.0/
Version: 1.0r
Author: Jon Gos and Derek Punsalan
Author URI: http://gosdot.com/unity/
*/

* { margin: 0; padding: 0; }

body { 
background: #fff url(images/gradient.png) repeat-x; 
font: 62.5%/1.2em 
arial,sans-serif; 
text-align: center; }
#main-wrapper { display: block; margin: 0 auto; padding: 0 7px; width: 960px; text-align: left; }


/* ----------------------------------- basics */
h1, h2, h3 { 
font-weight: normal; 
}

h1 { 
font-size: 2.2em; 
line-height: 2.4em; 
}

h2 { 
font-size: 1.6em; 
line-height: 1.8em; 
}

h3 { 
font-size: 1.3em; 
line-height: 1.4em; 
}
a { 
color: #fff; 
}

a:hover { 
color: #fff; 
}

a img { border: none; }
ul, ol { list-style: none; }

/* ----------------------------------- masthead */
#leaderboard { 
/* background: #151515 url("images/top.png") no-repeat top left; */
background: #fff url("images/tabs2.png") no-repeat;
padding: 3em 0 1.0em 0;
position: relative; 
border-right:5px solid #151515;
border-left:5px solid #151515;
}

#leaderboard h1 a { 
color: #fff; 
padding:4px 13px 8px 10px;
text-decoration:none; 
font-family:arial, sans-serif;
font-weight:bolder;
text-transform:uppercase;
background:#000;
border-right:4px solid #151515;
z-index: 101;  
filter: alpha(opacity=85); 
-moz-opacity: .85; opacity:.85; 
} 
  
#leaderboard h1 a:hover { 
padding:4px 13px 8px 10px;
}

/* ----- Navigation ------ */

#main-nav { 
font-size: 1.1em; 
margin: 10px 0px 0 0; 
background: #000;
text-transform: uppercase; 
font-weight: bold; 
z-index: 101; 
filter: alpha(opacity=85); 
-moz-opacity: .85; opacity:.85;
}

#main-nav li { float: left;  margin: 0px 2px 0px 7px; }

#main-nav li a { 
/* background: url(images/box.png) no-repeat; */
color: #fff; 
display: block; 
padding: 1.1em 0; 
text-decoration: none; 
text-align: center; 
border-top: 2px solid #000;
} 

#main-nav li a:hover,
#main-nav li.current a {
	/* background: url(images/box.png) no-repeat; */
color: #FF0066;
	display: block;
	padding: 1.1em 0;
	text-decoration: none;
	text-align: center;
	border-top: 2px solid #FF0066;
}

.adsense-center { margin: -40px auto 0; display: block; width: 728px; }
  
/* ----------------------------------- home posts */
.home .left {  width: 607px; }
.home .main-post-bg { 
background: #444 url("images/woodbg.png"); display: 
block; height: 225px; 
position: relative; 
margin: 0 0 7px 0; 
width: 593px; 
border: 4px solid #FFF;
outline: 1px solid #ccc;
overflow: hidden; 
}

.main-post-bg .post-comments {
position: absolute; 
top: 0; 
right: 6px; 
background: #000; 
border: 1px solid #333;
z-index: 101;  
filter: alpha(opacity=85); 
-moz-opacity: .85; opacity:.85;  
}

.secondary-post-bg .post-comments { 
position: absolute; 
top: 0; 
right: 7px;  
background: #000;
border: 1px solid #333; 
z-index: 101;  
filter: alpha(opacity=85); 
-moz-opacity: .85; opacity:.85; 
}
    
.post-comments a,
.secondary-post-bg .post-comments a { 
font-size: 11px; 
color: #fff; 
display: block; height: 1.8em; 
line-height: 1.8em; 
width: 7.5em; 
text-decoration: none; 
text-align: center; 
text-transform: lowercase; 
}
 
.secondary-post-bg { 
background: #2E576B;
color: #fff;
border: 4px solid #FFF;
outline: 1px solid #ccc;
}

.post-comments a:hover { 
background: #2E576B;
color: #fff;
outline: 1px solid #ccc;
}

.home .main-post-bg .title-insert,

.home .recent-leads .title-insert { 
background: #000; 
bottom: 0; 
display: block; left: 0; 
position: absolute; 
width: 100%; 
padding: 4px 0;
z-index: 101;  
filter: alpha(opacity=85); 
-moz-opacity: .85; opacity:.85; 
}

/* Title Insert */

.title-insert h2 { margin: 8px 10px 7px; line-height: 1.4em; }
.title-insert h2 a {
	display: block;
	color: #FF0066;
	text-decoration: none;
	filter: alpha(opacity=85); 
	-moz-opacity: .85; opacity:.85; 
}

.title-insert h2 a:hover { 
color: #fff; 
}

.home .recent-leads { 
width: 607px; 
}

.home .recent-leads .secondary-post-bg { 
background: #444 url("images/woodbg.png"); 
display: block; 
width: 287px; 
overflow: hidden; 
height: 150px; 
margin: 0 7px 7px 1px; 
position: relative; 
}

.home .recent-leads .title-insert h3 { 
margin: 4px 7px; 
line-height: 1.6em; 
}

.home .recent-leads .title-insert h3 a { 
font-size: 14px; 
display: block; 
color: #FF0066;
	text-decoration: none;
	filter: alpha(opacity=85); 
	-moz-opacity: .85; opacity:.85; 
}

.home .recent-leads .title-insert h3 a:hover { 
color: #fff; 
}

/* Right Bar */

.home .right { 
width: 300px; 
background:#333333 url(images/gr_box.png) repeat-x;
margin:0px;
padding:4px 2px 4px 6px;
border:10px solid #fff;
outline:1px solid #ccc;
}

/* Sidebar Header */
.home .right h3 {
	font-weight: lighter;
	font-size: 1.3em;
	color: #FF0066;
	background: url("images/bubble.png") no-repeat;
	padding: 4px 0px 5px 6px;
}

/* -------------- single post ------------ */
.post.single { font-size: 1.3em; line-height: 1.5em; color: #fff; width: 590px;}
.post.single h2, .post.single h2 a { font-size: 18px; line-height: 20px; color: #fff; text-decoration: none;}
.post.single .entry { float: right; width: 500px;}
.post.single .meta { border-top: 2px solid #fff; color: #ccc; text-transform:lowercase; padding: 4px 0 0 0; margin-top: 21px; float: left; width: 75px; font-size: 10px; }
.post.single .meta a { color: #fff; text-decoration: underline; }
.post.single .meta a:hover { text-decoration: none; }
.post.single .meta-tags { border-top: 2px solid #fff; color: #fff; text-transform:lowercase; padding: 4px 0 0 0; margin-top: 21px; float: left; font-size: 10px; }
.post.single .meta-tags a { color: #fff; text-decoration: none; }
.post.single .meta-tags a:hover { color: #fff; text-decoration: underline; }
.post.single p { margin: 1em 0; }
.post.single p a,
.post.single li a { font-weight: bold; }
.post.single p strong { font-weight: bold; }
.post.single p em { font-style: normal; background: #fff; }
.post.single blockquote { margin: 0 1.5em; color: #fff; }
.post.single h3 { font-size: 16px; color: #fff; margin-top: 2em; }
.post.single ul,
.post.single ol { margin: 1em 1.5em; }
.post.single ul li,
.post.single ol li { margin: 0 0 14px 0; color: #fff; line-height: 1.3em; }
.post.single ul li { background: url("images/li.gif") no-repeat 1px -1px; padding-left: 20px; }
.post.single ul li strong { font-weight: bold; }
.post.single img.floatleft { float: left; margin: 4px 10px 0 0; }
.post.single img.floatright { float: right; margin: 4px 0 0 10px; }
.post.single code { font-family: courier, fixed, monospace; font-size: 12px; background: #eee; }
.post.single code strong { color: #fff; }
.navigation { font-size: 1.2em; padding: 10px 0; }
.navigation .left { width: 50%; }
.navigation .right { width: 49%; }
.archives-page h2 a { font-size: 14px !important; line-height: 16px; }
  

/* --- sidebar -----*/
.sidebar-wrapper { background: #fff; }
.sidebar-news {
	background: #333333;
	border: 1px solid #e9e9b4;
	display: block;
	padding: 7px;
	color: #333333;
	font-size: 12px;
}
.sidebar-news a:hover { text-decoration: none; }
.sidebar-wrapper h3 { overflow: hidden; }
ul.sidebar-ul,
.related-posts ul { font-size: 1.2em; line-height: 1.4em; margin: 10px 0 0 0; width: 300px; }
.sidebar-ul li,
.related-posts li { color:#777; line-height: 1.0em; width: 300px; }
.sidebar-ul li a,
.related-posts li a { background: url("images/bullet_toggle_plus.png") no-repeat 1px 3px; display: block; font-weight: normal; color: #888; text-decoration: none; padding: 3px 0 3px 20px; }
.sidebar-ul li a:hover,
.related-posts li a:hover { 
no-repeat 1px 3px;
	color: #FF0066;
}

.sidebar-ul li a:hover em { color: #999; }
.related-posts h3 { display: none; }

.serve-random { font-size: 12px; color: #888; margin-top: 7px; }
.serve-random a {
	color: #FFFFFF;
}
.serve-random a:hover { text-decoration: none;  }

.sidebar-nextprev { margin-top: 10px; }
.sidebar-nextprev li { float: left; }
.sidebar-nextprev li.previous { margin-left: 5px; }
.sidebar-nextprev li.next { float: right; margin-right: 5px; }
.sidebar-nextprev li a { outline: none; display: block; height: 40px; width: 160px; background: #999999; text-indent: -9999em; }  
.sidebar-nextprev li.previous a { background: url("images/nextprev.gif") no-repeat top left; }
.sidebar-nextprev li.previous a:hover { background-position: bottom left; }
.sidebar-nextprev li.next a { background: url("images/nextprev.gif") no-repeat top right; }
.sidebar-nextprev li.next a:hover { background-position: bottom right; }

/* ------------------ comments ------------------ */
#comments { 
margin: 21px 0; 
}

#comment-breaker {
	color: #333333;
	display: block;
	width: 100%;
	margin: 21px 0 14px 0;
	padding: 35px 0 0 2px;
no-repeat top center; 
}

#comment-breaker h2 { font-size: 18px; }
ol.commentslist { float: left; font-size: 1.2em; line-height: 1.5em; width: 590px; }

.commentslist li { margin-bottom: 28px; }
  
.commentslist li p { margin: 0 0 1em 0; }
  
.commentslist li blockquote { margin: 0 1.2em; font-style: italic; }
  
.commentslist li ul, 
  
.commentslist li ol { margin: 1em 1.5em; }
  
.commentslist .author_meta { 
text-transform: lowercase; 
border-top: 2px solid #333; 
padding: 4px 0 0 0; 
margin-top: 9px; 
float: left; 
width: 75px; 
font-size: 11px; 
}

.commentslist .author_meta a { color: #444; text-decoration: none !important; }

.commentslist .author_meta a:hover { text-decoration: underline !important; }

.commentslist li.author .comment_text {
	background: #FFFFFF;
	width: 498px;
	border: 1px solid #ddd;
}

li.author .comment_text p { margin: 7px; }

.commentslist .comment_text { float: right; width: 500px; overflow: auto; }

.comment_text .comment-author { font-weight: bold; margin-bottom: 7px; }

li.author .comment_text .comment-author { margin: 7px 0 7px 7px; }

.commentslist .comment_text a { font-weight: bold; }

.pings { float: right; width: 340px; }

.pings h3 {
	color: #FF0066;
	font-size: 1.6em;
	padding: 0 0 0 2px;
}

ul.pingslist { font-size: 1.2em; line-height: 1.4em; margin: 10px 0 0 0; width: 340px; }

.pingslist li { border-top: 1px solid #ccc; line-height: 1.5em; width: 340px; }

.pingslist li a { background: url("images/link.png") no-repeat 1px 3px; display: block; font-weight: normal;  color: #999; text-decoration: none; padding: 3px 2px 3px 20px; }

.pingslist li a:hover { color: #B84D19; background: url("images/link.png") no-repeat 1px 3px;}

.sidebar-ul li a:hover em { color: #999; }
#commentform { font-size: 11px; margin-left: 90px; }
#commentform p { margin: 0.8em 0; }
#commentform p label { }
#commentform #author,
#commentform #email,
#commentform #url,
#commentform #comment {
	border: 1px solid #FFF;
	padding: 4px;
	font-family: arial,verdana,sans-serif;
	font-size: 12px;
	color: #666666;
}
#commentform #comment { width: 485px; overflow: auto; height: 225px; }
#commentform #submit { background: #333; color: #eee; padding: 0.8em 0; width: 13em; border: none; }

.comment-warning strong { color: #444; font-weight: bold; }

.subscribe-to-comments { font-size: 12px; color: #555; }

/* ----------------------------------- categories */
#categories { border: 1px solid #bbb; border-width: 1px 0; padding: 14px 0; margin: 35px 0 21px; }
#categories ul { color: #999; font-size: 1.2em; line-height: 1.6em; }
#categories li { float: left;  text-align: right;  display: block; width: 150px; margin-right: 10px; }
#categories li a { color: #3E381E; font-weight: bold; float: left; text-decoration: none; }
#categories li a:hover { text-decoration: underline; }

/* ----------------------------------- search */
.search {  
display: block; 
width: 300px; 
height: 32px; 
}

.search #searchForm { 
margin: 0 0 0 0px; 
}

#searchForm input { 
vertical-align: 
middle; margin: 6px 0 0 0; 
}

.search #searchForm #s { 
color: #666; 
font-size: 12px; 
border: 4px solid #E4DAA5; 
padding: 1px; 
width: 225px; 
margin-right: 4px; 
}
  
/* ----------------------------------- footer */
#footer {  
color: #555; 
background:url("images/wood_footer.png") ;
font-size: 1.2em; 
line-height: 1.4em;
padding: 35px 0 0px; 
width: 960px; 
}

#footer .left { width: 590px; padding-left:15px; }
#footer a { font-weight: bold; color:#151515;}
.hiddenpic { display: none; }

/* ----------------------------------- floats */
.right { float: right; }
.left { float: left; }
.clear { clear: both; }
.fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.fix { display: inline-block;}
* html .fix { height: 1%; }
.fix { display: block; }

.fix2:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .fix2 { height: 1%; }
.fix2 { display: inline-block;}
.fix2 { 
display: block; 
background:#ccc url("images/pin_back.png") repeat-y 5%; 
padding:4px; 
/* border-top:1px solid #151515; */
border-right:5px solid #151515;
border-left:5px solid #151515;
border-bottom:5px solid #151515;
}

.fix3:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .fix3 { height: 1%; }
.fix3 { display: inline-block;}
.fix3 { 
display: block; 
text-align:justify;
background:#000; 
padding:4px; 
border-right:5px solid #151515;
border-left:5px solid #151515;
border-bottom:5px solid #151515;}