/*----------------------------------------
Theme Name: Blunder
Author: Business Blunder
-------------------------------------------*/

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;text-align:left;vertical-align:baseline;margin:0;padding:0;}a img,:link img,:visited img{border:0;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

/* GLOBAL & TYPE */
body {background:#fff; color:#3D3D3D; font-size:62.5%; font-family:arial,sans-serif; line-height:1.5;}
a {color:#0f57c2; text-decoration:none;}
a:hover {text-decoration:underline;}
em {font-style:italic;}
strong {font-weight:bold;}
h1,h2,h3,h4,h5 {color:#5b5b5b; font-family:georgia,serif; font-weight:bold; margin:0 0 .3em;}
h2 {font-size:3em; letter-spacing:-1px; line-height:1.2em;}
h3 {font-size:2.8em; line-height:1.2em; margin:0 0 .3em;}
h4 {font-size:2.2em;}
h5 {font-size:1.6em;}
p {font-size:1.4em;}
p img {padding:0; max-width:100%;}
img.centered {display:block; margin:0 auto;}
img.alignleft {float:left; margin:0 10px 10px 0;}
img.alignright {float:right; margin:0 0 10px 10px;}
.right, .alignright {float:right;}
.left,.alignleft {float:left;}
.hide {display:none;}
.clear{clear:both;}

/* buttons & inputs */
a.more-link,.new a,.old a,#respond #submit,a.pds-vote-button{background:#0f57c2; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -webkit-transition: all .4s ease-in-out; -moz-transition:background .4s ease-in-out;-o-transition:background .4s ease-in-out; transition:background .4s ease-in-out;}
a.more-link:hover,.new a:hover,.old a:hover,#respond input#submit:hover,a.pds-vote-button:hover{background:#79b400;xbackground:#fa8017; text-decoration:none; -moz-transition:background.1s ease-in-out; -webkit-transition:background.1s ease-in-out;}

/* STRUCTURE */
#site {margin:0 auto 40px; width:960px;}
#header_outer {height:100px; background:#79b400 url(images/tile_shine.png) 0 0 repeat-x;}
#header {margin: 0 auto; position: relative; width: 960px;}
.level1 {background: #fff; clear:both; margin:18px 0 0; overflow:hidden;}
.content {float:left; width:666px;}
.sidebar {float:right; width:260px;}
.page .sidebar {float:right; width:200px;}
.side{float: left; margin: 0 30px 0 0;}
.photos {float: left; overflow: auto; width: 380px;}
.photos img {background: #333; display: block; float: left; margin: 0 8px 8px 0; padding: 6px;}

/* header */
#header h1,#header p.description{position: absolute; left: 10px;}
#header h1{font-size: 3em; top: 10px;}
#header h1 a{background: url(images/logo_blunder.gif) 0 0 no-repeat; display: block; height: 80px; overflow: hidden; text-indent: -9999px; width: 260px;}
#header h1 a:hover {background-position: 0 -80px;}
#header p.description{color:#fff; font: italic 1.6em arial,sans-serif; left:250px; letter-spacing:1px; top:68px;-webkit-transition: -webkit-transform .06s ease-in-out;}
#header p.description:hover{-webkit-transform: scale(1.1);}
.subscribe{color: #fff; position: absolute; right: 0; top: 10px; width: 260px;}
.subscribe h2{color: #fff;}
.feed,.email {color: #fff; display:block; float: left; font-size: 1.6em; height: 16px; line-height: 1.1;}
.feed{background: url(images/icon_rss.png) no-repeat; padding: 10px 0 14px 47px; width: 62px;}
.email{background: url(images/icon_email.png) no-repeat; padding: 10px 0 14px 65px; width: 62px;}
.nav_outer{height:66px;}
.nav{clear:both; margin:0 auto; width:960px;}
.nav li{border-right:1px solid #c06ee5; border-top:1px solid #c06ee5; float:left; font-size:1.1em; margin:0; text-transform:uppercase;}
.nav li a{background:#0f57c2; color:#fff; display:block; padding:5px 6px; text-shadow: 1px 1px 0 #2f4f7e;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#0f57c2), to(#2f76e1)); 
background:-moz-linear-gradient(0% 90% 90deg, #0f57c2, #2f76e1);}
.nav li a:hover{background:#79b400;text-decoration:none;}

/* post */
.post {background: url(images/tile_border.gif) bottom left repeat-x; margin: 0 0 30px; overflow: auto; padding: 0 0 30px;}
.post h2 {margin: 0; padding: 0 3px 0 0;}
.addthis_toolbox {font-size: 1.2em; margin: 10px 0;}
.post p {margin: 0 0 1em;}
.post .postmeta {color: #818181; font-size: 1.2em; margin: 0 0 1em;}
.postmeta .comment-count {float: right;}
.post code {background: #f5f5f5; border: 1px dashed #ccc; color: #555; font-family: Courier,"Courier New",Monaco, serif; margin: 1em 0; padding: 10px;}
.post ul, .post ol {margin: 0 0 2em 24px;}
.post ul li, .post ol li {font-size: 1.4em; list-style: disc; margin: 0 0 .3em;}
.post ol li {list-style-type: decimal;}
a.more-link{clear:both; color:#fff; display:block; float:left; font-family:georgia,serif;font-size:16px; margin:.8em 0; padding:4px 9px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -webkit-transition: all .4s ease-in-out; -moz-transition:background .4s ease-in-out;-o-transition:background .4s ease-in-out; transition:background .4s ease-in-out;}
h2.page_title {border-bottom:1px dotted #9d9d9d; color:#9d9d9d; font-size:6em; margin:0 0 .4em; padding:0 0 .2em;}
.new a,.old a{color:#fff; display:block; float:left; font-family:georgia,serif; font-size:24px; padding:4px 9px;}
.old a{float:right;}
h4.related{clear:both; color:#a0a0a0;font-size:22px; letter-spacing:2px; margin:34px 0 16px; text-transform:uppercase;}
ol.related{margin:0;}
ol.related li{font:normal 18px georgia,serif;list-style:none; margin:0 0 12px;}
blockquote{background:#d6f3d2; margin:0 0 20px; padding:16px;}
blockquote p{font-size:14px;}

/* comments */
.commentlist {margin:0 0 1.6em; overflow:auto;}
.commentlist li{margin:0 0 3em; overflow:auto;}
.comment-author{border-top:1px dotted #839167; float:left; padding:8px 0 0; width:180px;}
.comment-author p,.comment-author cite{text-align:right; line-height:1.4;}
.comment-author cite{display: block; font-weight:bold;}
.comment-text {background: #f5f5f5; float:right; min-height: 70px; padding: 12px 10px; width: 440px;}
.comment-date {color: #888; font-size: 1.2em; margin:15px 0 0;}
#respond .group {margin: 0 0 3em; overflow:auto;}
#respond label {border-top: 1px dotted #839167; float: left; font-size: 1.4em; padding: 8px 0 0; text-align: right; width: 180px;}
#respond input,#respond textarea {background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#eaf4d4)); background:-moz-linear-gradient(0% 90% 90deg, #eaf4d4, #FFF);border:9px solid #99d422; xborder:9px solid #fa8017; float:right; font:normal 1.4em arial,sans-serif; padding:6px 2px; width:440px;}
#respond input#submit {border:0; clear:right; color:#fff; cursor:pointer; font:bold 1.4em arial,sans-serif; margin:1em 0 0; padding: 6px; width:auto;}

/* sidebar */
.sidebar h3 {color:#5b5b5b; font-size:2.4em;} 
.sidebar p {font-size: 1.2em; margin:0 0 .4em;}
.module {margin:0 0 2em;}
.connect {clear:both; overflow:auto;}
.connect li{float:left;}
.connect li a{background:url(images/icons_social.png) 0 0 no-repeat; display:block; float:left; height:100px; outline:0; text-indent:-9999px; width:130px;}
.connect li a:hover{background-position:0 -100px;}
.connect li.twitter a{background-position: -149px 0;}
.connect li.twitter a:hover{background-position: -149px -100px;}
.pds-links {padding:16px 0 0 0 !important;}
.pds-links a,a.pds-return-poll{padding: 0 14px 0 0 !important;}
a.pds-vote-button:hover{background:#99d422 !important;}
.ad{color:#999; letter-spacing:4px; text-align:center; text-transform:uppercase;}

/* search */
.screen-reader-text{display:none;}
#searchform{background:#79b400; overflow:auto; padding:9px;}
input#s{float:left; font:normal 1.4em arial,sans-serif; padding:6px 3px; width:186px;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#eaf4d4)); background:-moz-linear-gradient(0% 90% 90deg, #eaf4d4, #FFF);}
input#searchsubmit{background:none; border:0; color:#fff606; float:right; font:bold 1.4em arial,sans-serif; padding:8px 0 4px; width:40px; -moz-transition:color.2s ease-in; -webkit-transition:color.2s ease-in;-webkit-text-size-adjust: none;}
input#searchsubmit:hover{color:#fff;cursor:pointer;}

/* footer */
.footer{clear:both; color:#969696; margin:2em 0 0; overflow:auto;}
.footer .col{float:left; margin:0 20px 0 0; width:240px;}
.footer h4{font-size:1.4em;text-transform:uppercase; margin:0 0 .3em;}
.footer p{margin:0 0 1.4em;}
.footer li {font-size:1.2em; line-height: 1.5; margin:0 0 .3em ;}
.footer li a {color:#265780; padding:0 0 .3em;}