/*  
Theme Name: The Unstandard
Theme URI: http://5thirtyone.com/
Description: Farewell to the standard blog format
Version: 0.1
Author: Derek Punsalan
Author URI: http://is.derekpunsalan.com/
*/
/*
COLORS: green #004812, rust #ab710a

*/

* {
margin: 0;
padding: 0;
}
body {
background: #ffffff url(images/BG_body2.jpg) no-repeat top center;
color: #000;
font: 62.5%/1.2em arial,sans-serif;
text-align: center;
}
#main-wrapper {
display: block;
margin: 0 auto;
padding: 0 7px;
text-align: left;
width: 960px;
}

/* ----------------------------------- 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: #2c2c2c;
}
a:hover {
color: #f47a0e;
}
a img {
border: none;
}
ul, ol {
list-style: none;
}

/* ----------------------------------- masthead */

#leaderboard {
/*background: url("images/orange.gif") no-repeat top left;
padding: 3em 0 6.8em 0;*/
height: 152px;
position: relative;
}
#leaderboard h1 {
text-indent: -9000px;
}

#leaderboard h1 a {
color: #333;
text-decoration: none;
}
#leaderboard h1 a:hover {
color: #f47a0e;
}

#logo {
/* IE 5+/Win only filter */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/logo.png');
}

#nav-holder {
/*background: #eeeeee;
*/height: 24px;
margin: 0 0 10px 0;
padding: 4px;
}
#main-nav {
font-size: 1.1em;
font-weight: bold;
margin: 0;
text-transform: uppercase;
}
#main-nav li {
float: left;
margin-left: 4px;
}
#main-nav li a, #main-nav li.rss-now a {
background: #f47a0e url(images/BG_nav.png) repeat-x;
color: #eeeeee;
display: block;
padding: .6em 0;
text-align: center;
text-decoration: none;
width: 10em;
}
#main-nav li a:hover,
 #main-nav li.current a {
background: #004812 url(images/BG_nav.png) repeat-x;
color: #fff;
}
#main-nav li.rss-now a:hover,
 #main-nav li.rss-now a {
background: #f47a0e;
color: #eee;
}

#main-nav li a, #main-nav li.rss-now a {
background-position: left top;
}

#main-nav li a:hover, #main-nav li.rss-now a:hover {
background-position: left -25px;
}

.adsense-center {
display: block;
margin: -40px auto 0;
width: 728px;
}

/* ----------------------------------- sidebar login */

#sidebarLogin form {
margin-left: 2px;
}

#sidebarLogin form label {
display: none;
}

#sidebarLogin form label#rememberMe {
display: block;
margin: 8px 0;
}

#sidebarLogin form input {
/*width: 200px;
*/background: #eeeeee;
border: solid 1px #CCCCCC;
padding: 2px;
}

#sidebarLogin form label#rememberMe input {
}


#sidebarLogin form input#wp-submit {
width: 80px;
background: #004812 url(images/BG_nav.png) repeat-x;
color: #fff;
border: none;
padding: 2px;
}

/* ----------------------------------- home posts */

#paintFlash {
position: relative;
left: -90px;
}

.home .left {
width: 607px;
}
.home .main-post-bg {
background: #444;
display: block;
height: 225px;
margin: 0 0 7px 0;
overflow: hidden;
position: relative;
width: 593px;
}
.main-post-bg .post-comments,
 .secondary-post-bg .post-comments, .square-post-bg .post-comments {
background: #f47a0e;
border: 1px solid #ce6100;
position: absolute;
right: 7px;
top: 0;
z-index: 102;
}
.post-comments a,
 .secondary-post-bg .post-comments a, .square-post-bg .post-comments a {
color: #eee !important;
display: block;
font-size: 11px;
height: 1.8em;
line-height: 1.8em;
text-align: center;
text-decoration: none;
text-transform: lowercase;
width: 10em;
}
.post-comments a:hover,
 .secondary-post-bg .post-comments a:hover {
background: #ce6100;
}
.post-comments {
color: #FFFFFF;
/*padding: 6px;*/
}
.home .main-post-bg .title-insert,
 .home .recent-leads .title-insert {
background: #00260a;
bottom: 0;
display: block;
filter: alpha(opacity=85);
left: 0;
moz-opacity: .85;
opacity: .85;
padding: 4px 0;
position: absolute;
width: 100%;
z-index: 101;
}
.title-insert h2 {
line-height: 1.4em;
margin: 8px 10px 7px;
}
.title-insert h2 a {
color: #f79b42;
display: block;
text-decoration: none;
}
.title-insert h2 a:hover {
color: #fff;
}
.home .recent-leads {
width: 607px;
}
.home .recent-leads .secondary-post-bg {
background: #444;
display: block;
height: 150px;
margin: 0 7px 7px 0;
overflow: hidden;
position: relative;
width: 293px;
}

.home .recent-leads .square-post-bg {
background: #444;
display: block;
height: 293px;
margin: 0 7px 7px 0;
overflow: hidden;
position: relative;
width: 293px;
}

.home .recent-leads .title-insert h3 {
line-height: 1.6em;
margin: 4px 7px;
}
.home .recent-leads .title-insert h3 a {
color: #f79b42;
display: block;
font-size: 14px;
text-decoration: none;
}
.home .recent-leads .title-insert h3 a:hover {
color: #fff;
}
.home .right {
text-align: left;
width: 340px;
}
.home .right h3 {
color: #f47a0e;
font-size: 1.6em;
font-weight: normal;
padding-left: 2px;
}

/* ----------------------------------- entry style */

.post.single {
color: #444;
font-size: 1.3em;
line-height: 1.5em;
width: 590px;
}
.post.single h2, .post.single h2 a {
color: #f47a0e;
font-size: 18px;
line-height: 20px;
text-decoration: none;
}
.post.single .entry {
float: right;
width: 500px;
}
.post.single .meta {
border-top: 2px solid #f47a0e;
color: #444;
float: left;
font-size: 11px;
margin-top: 21px;
padding: 4px 0 0 0;
text-transform: lowercase;
width: 75px;
}
.post.single .meta a {
color: #f47a0e;
text-decoration: underline;
}
.post.single .meta a:hover {
text-decoration: none;
}
.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 {
background: #f9f9de;
font-style: normal;
}
.post.single blockquote {
color: #6c6c6c;
margin: 0 1.5em;
}
.post.single h3 {
color: #f47a0e;
font-size: 16px;
margin-top: 2em;
}
.post.single ul,
 .post.single ol {
margin: 1em 1.5em;
}
.post.single ul li,
 .post.single ol li {
color: #6c6c6c;
line-height: 1.3em;
margin: 0 0 14px 0;
}
.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.alignleft {
float: left;
margin: 4px 10px 0 0;
}
.post.single img.alignright {
float: right;
margin: 4px 0 0 10px;
}
.post.single code {
background: #eee;
font-family: courier, fixed, monospace;
font-size: 12px;
}
.post.single code strong {
color: #000;
}
.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;
}

/* ----------------------------------- lists */

.sidebar-wrapper {
background: #fff;
}
.sidebar-news {
background: #f9f9de;
border: 1px solid #e9e9b4;
color: #555;
display: block;
font-size: 12px;
padding: 7px;
}
.sidebar-news a:hover {
text-decoration: none;
}
.sidebar-wrapper h3 {
overflow: hidden;
}
div.right ul,
 ul.sidebar-ul,
div.right ul,
.related-posts ul {
font-size: 1.2em;
line-height: 1.4em;
margin: 10px 0 0 0;
width: 340px;
}
.sidebar-ul li,
 div.right li,
 .related-posts li {
border-top: 1px solid #ccc;
color: #777;
line-height: 1.5em;
width: 340px;
}
div.right ul li a, 
 .sidebar-ul li a,
 .related-posts li a {
background: url("images/li-grey.gif") no-repeat 1px 3px;
color: #888;
display: block;
font-weight: normal;
padding: 3px 0 3px 20px;
text-decoration: none;
}
div.right ul li a:hover,
 .sidebar-ul li a:hover,
 .related-posts li a:hover {
background: url("images/li.gif") no-repeat 1px 3px;
color: #f47a0e;
}
.sidebar-ul li a:hover em {
color: #999;
}
.related-posts h3 {
display: none;
}
.serve-random {
color: #888;
font-size: 12px;
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 {
background: #ddd;
display: block;
height: 40px;
outline: none;
text-indent: -9999em;
width: 160px;
}
.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 {
background: url("images/distort.gif") no-repeat top center;
color: #f47a0e;
display: block;
margin: 21px 0 14px 0;
padding: 35px 0 0 2px;
width: 100%;
}
#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 {
font-style: italic;
margin: 0 1.2em;
}
.commentslist li ul, 
 .commentslist li ol {
margin: 1em 1.5em;
}
.commentslist .author_meta {
border-top: 2px solid #f47a0e;
float: left;
font-size: 11px;
margin-top: 9px;
padding: 4px 0 0 0;
text-transform: lowercase;
width: 75px;
}
.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;
border: 1px solid #ddd;
width: 498px;
}
li.author .comment_text p {
margin: 7px;
}
.commentslist .comment_text {
float: right;
overflow: auto;
width: 500px;
}
.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: #f47a0e;
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/li-grey.gif") no-repeat 1px 3px;
color: #999;
display: block;
font-weight: normal;
padding: 3px 2px 3px 20px;
text-decoration: none;
}
.pingslist li a:hover {
background: url("images/li.gif") no-repeat 1px 3px;
color: #f47a0e;
}
.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;
color: #6c6c6c;
font-family: arial,verdana,sans-serif;
font-size: 12px;
padding: 4px;
}
#commentform #comment {
height: 225px;
overflow: auto;
width: 485px;
}
#commentform #submit {
background: #333;
border: none;
color: #eee;
padding: 0.8em 0;
width: 13em;
}
.comment-warning strong {
color: #444;
font-weight: bold;
}
.subscribe-to-comments {
color: #555;
font-size: 12px;
}

/* ----------------------------------- categories */

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

/* ----------------------------------- search */

.search {
background: #f47a0e url("images/search-bg.gif") no-repeat top left;
display: block;
height: 32px;
width: 340px;
}
.search #searchForm {
margin: 0 0 0 7px;
}
#searchForm input {
margin: 6px 0 0 0;
vertical-align: middle;
}
.search #searchForm #s {
border: 1px solid #f47a0e;
color: #666;
font-size: 12px;
margin-right: 4px;
padding: 1px;
width: 265px;
}

/* ----------------------------------- footer */

#footer {
background: url("images/distort.gif") no-repeat top center;
color: #555;
font-size: 1.2em;
line-height: 1.4em;
padding: 20px 0 72px;
position: relative;
width: 960px;
}
#footer .left {
width: 590px;
}
#footer a {
font-weight: bold;
}
.hiddenpic {
display: none;
}

/* ----------------------------------- floats */

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