/*  
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 
"Trebuchet MS", 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; 
}

h2.widgettitle { 
font-size: 1.3em; 
line-height: 1.8em; 
font-weight: 900;
color: #fff;
background: url("images/bubble.png") no-repeat;
padding: 4px 0px 5px 6px;
margin-top: 10px;
 }

h3 { 
font-size: 1.3em; 
line-height: 1.4em; 
}
a { 
color: #006ca5;
text-decoration:none; 
}

a:hover { 
color: #e04592; 
}

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

/* ----------------------------------- Label headline for user profiles */
label { 
width: 460px;
font-size: 1.0em; 
line-height: 1.6em;
color: #0066CC;
 }
 
 label1 { 
width: 460px;
font-size: 1.0em; 
line-height: 1.6em;
color: #ffffff;
font-weight:700;
 }


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

#leaderboard h1 a { 
font-size: 1.2em; 
line-height: 1.8em; 
color: #3690c7; 
text-decoration:none; 
font-family:"Trebuchet MS", sans-serif;
padding:10px 20px 2px 16px;
} 
  
#leaderboard h1 a:hover { 
color: #e04592; 
}

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

#main-nav {
font-size: 1.1em; 
margin: -75px 0px 0 0; 
text-transform: uppercase; 
font-weight: bold;
}

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

#main-nav li a { 
/* background: url(images/box.png) no-repeat; */
color: #3690c7; 
display: block; 
padding: 1.1em 0; 
text-decoration: none; 
text-align: center; 
} 

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

.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; 
text-decoration: none; 
text-align: right; 
padding-left:4px; 
padding-right:4px; 
}
 
.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; font-weight:700; }
.title-insert h2 a { 
display: block; 
color: #9CD2EC;
text-decoration: none; 
}

.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;
font-weight:700;
display: block; 
color: #9CD2EC; 
text-decoration: none; 
}

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

/* Right Bar */
.home .right { 
width: 300px;
float:left;
margin-left:18px;
}


/* Sidebar Header */
.home .right h3 { 
font-weight: normal;
line-height: 1.8em;
font-size: 1.6em; 
color: #ffffff; 
background: url("images/bubble.png") no-repeat;
padding: 4px 0px 5px 6px; }


/* -------------- Login, register pages using CYC ------------ */
.login { 
color: #383838;
font-size: 1.4em;
line-height: 2.0em;
padding: 5px;
margin: 5px;
}


/* --------------POPUP ------------ */
.popup { width: 400px; background-color:#FFFFFF; margin-left:10px;  }
.popup-text { font-size: 1.3em; line-height: 1.5em; color: #000; text-align: left; margin: 10px; }
.popup-text h3 { font-size: 22px; line-height: 30px; color: #e04592; margin-top: 10px; }
.popup-text ul { padding-left: 20px; line-height: 1.5em; margin-top:10px; }
.popup-text li { background: url("images/bullet_toggle_crest.png") no-repeat 1px -1px; padding-left: 20px; line-height: 1.5em; margin-top:8px; }



/* -------------- single post ------------ */
.post.single { font-size: 1.3em; line-height: 1.5em; color: #000; width: 590px;}
.post.single h2, .post.single h2 a { font-size: 22px; line-height: 30px; color: #5f8ba0; text-decoration: none; float: right;}
.post.single h2 a:hover { color: #e04592; }
.post.single .entry { float: right; width: 500px;}
.post.single .meta { border-top: 1px solid #717171; border-bottom: 1px solid #717171; color: #000; text-transform:lowercase; padding: 4px 0 0 0; margin-top: 21px; float: left; width: 75px; font-size: 10px; }
.post.single .meta a { color: #006ca5; text-decoration: strong; }
.post.single .meta a:hover { color: #e04592; }
.post.single .meta-tags { border-top: 2px solid #505050; color: #505050; text-transform:lowercase; padding: 4px 0 0 0; margin-top: 21px; float: left; font-size: 10px; }
.post.single .meta-tags a { color: #655656; text-decoration: none; }
.post.single .meta-tags a:hover { color: #bcccd7; 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: #006ca5; background-color:#8ec7e2; }
.post.single h3 { font-size: 16px; color: #a46381; margin-top: 2em; font-weight:700; }
.post.single ul,
.post.single ol { margin: 1em 1.5em; }
.post.single ul li,
.post.single ol li { margin: 0 0 14px 0; color: #000000; line-height: 1.3em; }
.post.single ul li { background: url("images/bullet_toggle_crest.png") no-repeat 1px -1px; padding-left: 20px; }
.post.single ul li strong { font-weight: 700; }
.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: #f9f9de; border: 6px solid #e9e9b4; padding: 7px; color: #555; 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.6em; margin: 10px 3px 0 0; width: 300px; }
.sidebar-ul li,
.related-posts li { color:#c7d3ff; line-height: 1.4em; width: 300px; }
.sidebar-ul li a,
.related-posts li a { background: url("images/bullet_toggle_plus.png") no-repeat 1px 3px; font-weight: 700; color: #46ABDC; text-decoration: none; padding: 3px 0 3px 20px; }
.sidebar-ul li a:hover,
.related-posts li a:hover { 
no-repeat 1px 3px; 
color: #9fdeff; 
}

.sidebar-ul li a:hover em { color: #999; }


.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: #f47a0e; }
.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; height: 40px; background: #ddd; 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; }

/* --- Subfooter -----*/
.sidebar-ul-2 h3 { font-size: 1.5em; line-height: 1.5em; color:#006ca5; font-weight: 900;  }
.sidebar-ul-2 li a,
.related-posts li a { background: url("images/bullet_toggle_crest.png") no-repeat 1px 3px; font-weight: 700; font-size: 1.2em; line-height: 1.8em; color: #006ca5; text-decoration: none; padding: 3px 0 3px 20px; font-stretch:expanded }
.sidebar-ul-2 li a:hover,
.related-posts li a:hover { 
no-repeat 1px 3px; 
color: #e04592; 
}

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

#comments-intro { 
margin: 21px 0; 
font-size: 1.5em; 
line-height: 1.8em; 
color:#323639;
display: block;
padding:5px;
background-color:#bcccd7;
border:5px solid #655656;

}

#comment-breaker { 
color: #655656; 
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; 
padding: 4px 0 0 0; 
margin-top: 9px; 
float: left; 
width: 75px; 
font-size: 11px; 
}

.tocomment { color:#333333; line-height: 1.6em; font-size: 1.2em; }

.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: #eee; 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: #3891c7; 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 #bbb; padding: 4px; font-family: arial,verdana,sans-serif; font-size: 12px; color: #6c6c6c; }
#commentform #comment { width: 485px; overflow: auto; height: 225px; }
#commentform #submit { background: #3690c7; color: #ffffff; padding: 1.2em 0; width: 13em; border: 1px solid #000; }
#commentform #submit:hover { background: #e04592; } 

.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: #339933; font-size: 1.2em; line-height: 1.6em; }
#categories li { float: left;  text-align: center;  display: block; width: 150px; margin-right: 10px; }
#categories li a { text-decoration: none; }
#categories li a:hover { color:#0066FF; text-decoration: none; }
#categories h3 {  color: #006ca5; font-size: 1.4em; font-weight:600; line-height: 1.6em; }

/* ----------------------------------- 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: #006ca5; 
font-size: 14px; 
border: 4px solid #ffffff; 
padding: 1px;
width: 200px; 
margin-right: 4px;
margin-left: 4px;

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

/* ----------------------------------- 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 #655656; */
border-right:5px solid #655656;
border-left:5px solid #655656;
border-bottom:5px solid #655656;
}

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

/* highlight author comments*/
.authcomment {
background-color: #B3FFCC !important;
} 

/* widgetizing the footer */
#subfooter {
color:#006ca5;
width:960px;
margin-left:0px;
margin-right:0px;
height:170px;
clear:both;
}

#categories h3 {  color: #006ca5; font-size: 1.4em; font-weight:600; line-height: 1.6em; }


#subfooter .widget {
width:310px;
float:left;
margin-left:0px;
margin-right:5px;
}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

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

.wp-caption {
	border: 1px solid #ddd;
	text-align: left;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

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

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */