/*
Theme Name: Speedball
Theme URI: http://www.pullandpress.com/blog/introducing-speedball-a-clean-and-simple-wordpress-theme
Description: Crisp and clean blog theme designed by Geoff Agnew in honor of my cat, Speedball.  
Version: 1.0 
Author: Geoff Agnew
Author URI: http://www.pullandpress.com
Tags: black, white, two-columns, fixed-width, right-sidebar, custom-header
*/


/*---------------------------------------------------------------
               GLOBAL 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, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        line-height: 1;
        font-family: inherit;
        }

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: "";
        }
        
:focus {
        outline:none;
        }

/*input {border:1px solid #776942;}
textarea {border:1px solid #776942;}*/
        
/*--------------------TABLE OF CONTENTS----------------

        LAYOUT
        FOOTER LAYOUT
        COMMENTS LAYOUT
        TYPOGRAPHY
        SIDEBAR TYPOGRAPHY
        WIDGETS
        CONTACT FORM PLUGIN STYLES 
        FOOTER TYPOGRAPHY
        HOME BUTTON LINKS
        GENERAL LINKS
        FOOTER LINKS
        
------------------------------------------------------*/



/*--------------------COLOUR INDEX---------------------

        #FFFFFF        <---Dark grey/brown (used in footer)
        #02b1b2        <---Blue/green (Links)
        #f6f5f5;       <---Light grey (main background colour)
        #e1e1e1        <---Grey (boxes surrounding sidebar items)
        #272525        <---Dark grey (h1, h2, h3, h4, h5, p)
        #726d6d        <---Dark grey (rules under h2's on archive/category/tags pages and comments)
        #e5e4e4        <---Grey (block of colour behind meta info on posts)
        #807a7a;       <---Grey (blockquote p colour)
        
        There might be a couple I've missed. The important ones are listed.
        
------------------------------------------------------*/
        
/*----------------------------------Cusmer LAYOUT-------------------------------------*/    
         

/* Header */
#headerWrapper {background:#000;}
#headerWrapperInner {width:980px; margin:0 auto;}
#headerBar {background:#000; position:relative; width:980px; padding:0; overflow: hidden; min-height: 150px; padding-top:20px;}
#headerBar #branding {float:left; display:inline; width:232px;}
/*#headerBar #branding img.pcg {float:left; display:inline; margin-right:10px;}*/
#headerBar #branding h1 {float: left; display: inline; /*padding-left:10px; border-left:1px solid #FFF; height:51px;*/}
#headerBar #info {float:left; display:inline; width:980px; margin:26px 0 0 0;}
#headerBar p.strapline {float: left; display:inline; width:500px; color:#776942; font-weight:bold; font-size:1.5em; letter-spacing:-1px; line-height:1.1em; margin:0; padding:0;}
#headerBar p.tel {float: right; display:inline; margin:1px 15px 10px 0; color: #fff; font-weight: bold; font-size:0.9em; text-transform:lowercase; letter-spacing:-1px; padding:0; height:45px;}
#headerBar p.tel span.telephone {display:block; margin:0 0 7px 0; padding:0; font-size:1em; line-height:1em;}
#headerBar p.tel span.number {display:inline; margin:0; font-size:2em; padding:0; line-height:1em;}
#headerBar p.pcg {float:right; display:inline; margin:2px 25px 0 0;}
#headerBar #mainMenu {float:right; display:inline; width:700px; margin-right:15px;}
#headerBar ul {float: right; display:inline; padding:0 0 20px 0;}
#headerBar ul li {float:left; display:inline; list-style-type: none; margin: 0 12px 0 0; padding: 0; color:#ffcc00; font-size:0.75em;}
#headerBar ul li.last {margin: 0 0 0 0;}
#headerBar ul li a {display:block; text-decoration:none; color:#fff; border-bottom:1px solid #000;}
#headerBar ul li a strong {margin:0; padding:0; font-weight:bold; display:block;}
#headerBar ul li a:hover {border-bottom:1px solid #776942;}

/*----------------------------------LAYOUT-------------------------------------*/

html {
        background-color:#FFFFFF;
        }

body {
        background-color:#FFFFFF;
        font-family:Helvetica, Arial, Verdana, sans-serif;
        }
        
#wrapper {
 
 }
 

        
#headerCenter {
        width:980px;
        margin:0 auto; 
        }
        
        
        
#content {
        width:980px;
        margin:0 auto;
        padding:40px 0;
        background-repeat:repeat-y;
        
        }
        
#blogCol {
        float:left;
        width:650px;
        }
        
        
#sidebarContainer {
        float:left;
        width:250px;
        margin-bottom:50px;
        }
        
.post {
        margin:0 0 0 0;
        padding-bottom:50px;
        }
        
.post img {
        padding:0 0 15px 0;
        }
        
.pagination {
        padding:20px 0 50px 0;
        margin-left:96px;
        font-size:13px;
        }
        
.meta {
        padding:10px 0 0 0;
        }

.commentBubble {
        float:left;
        background-image:url(images/blog-speach.gif);
        background-repeat:no-repeat;
        height:32px;
        width:31px;
        text-align:center;
        padding:4px 5px 0 0;
        letter-spacing:-1px;
        font-weight:bold;
        margin-right:5px;
  font-size:13px;
        }
        
.postDetails {
        float:left;
        width:427px;
        padding-bottom:1px;
        }
        
.postDetailsSingle {
        float:left;
        width:468px;
        padding-bottom:1px;
        }
        
#sidebarContainer {
        float:left;
        width:250px;
        list-style:none;
        margin-left:60px;
        }
        
.sidebarBox {
        width:250px;
        /*border:4px solid #bcae91;*/
        border:none;
        padding-bottom:1px;
        margin-bottom:10px;
        }

.sidebarBox h2 {font-weight:bold;}

.sidebarBoxPages {
        width:188px;
        margin-bottom:10px;
        background-image:url(images/pagesBox_middle2.gif);
        background-repeat:repeat-y;
        }
        
.pagesTop {
        height:14px;
        width:188px;
        background-image:url(images/pagesBox_top2.gif);
        background-position:top;
        background-repeat:no-repeat;
        }       
        
.pagesBottom {
        height:14px;
        width:188px;
        background-image:url(images/pagesBox_bottom2.gif);
        background-position:bottom;
        background-repeat:no-repeat;
        }
        
.sectionHead {
        margin:0 0 35px 0;
        }
        
form #s {
        width:180px;
        margin:10px 0 10px 0;
        }
        
.spaceAfter {
        margin-bottom:25px;
        }
        

        

/*--------------------------------FOOTER LAYOUT-----------------------------------*/

/* Give us a bell */
#contactWrapper {background:#000; padding:40px 0 70px;}
#contactWrapperInner {width:980px; margin:0 auto; padding:20px 0;}
#contactWrapper .copy {float: left; clear: both; display: inline; width: 610px; }
#contactWrapper h2 {margin:0 0 0 0; float: left; display: inline; color:#FFF; letter-spacing:-2px; font-size:40px; font-weight:bold;}
#contactWrapper h2.phone {font-size:2.4em; color:#776942; letter-spacing:-2px;}
#contactWrapper h2.email {font-size:1.8em; color:#776942; letter-spacing:-2px;}
#contactWrapper h2 a {color:#776942; border-bottom:2px solid #000;}
#contactWrapper h2 a:hover {color:#FFF; text-decoration:none; border-bottom:2px solid #776942;}
#contactWrapper h3 {float: left; display: inline; margin: 20px 0 0 0; width: 625px; font-weight: bolder; font-size: 1.35em; color:#fff; letter-spacing:-1px;}
#contactWrapper p {float: left; display: inline; margin-left: 40px; width: 610px;}
#contactWrapper .wrapper.tile .sectionBottom {position: absolute; bottom: 0; left: 0; width: 980px; height: 75px;}

#footerWrapper {background:#776942;}
#footerWrapperInner {width:980px; margin:0 auto;}
#footerBar {background:#776942; position:relative; width:980px; padding:0; overflow: hidden; height: 28px;}
#footerBar p {float: left; display:inline; margin: 0; line-height:28px; color: #fff; font-size: 11px; width:290px;}
#footerBar p.rss {float:right; text-align:right; margin-top:4px;}
#footerBar p.rss a {color:#FFF; text-decoration:underline; display:inline-block; padding-left:28px; background:url(images/rss.gif) left center no-repeat scroll; line-height:22px;}
#footerBar p.rss a:hover {text-decoration:none;}
#footerBar ul {float: left; display:inline; font-size: 11px;}
#footerBar ul li {float:left; display:inline; list-style-type: none; margin: 7px 0 0 5px; padding:0 0 0 5px; color:#ffcc00; font-size:1em; border-left:1px solid #FFF;}
#footerBar ul li a {display:block; color:#fff; text-decoration:underline;}
#footerBar ul li a:hover { text-decoration:none;}
        
.clear {
        clear:both;
        }


/*--------------------------------COMMENTS LAYOUT-----------------------------------*/
        
.commentBlock {
        width:468px;
        margin:0 0 40px 0;
        font-size:13px;
        }
        
#comments span {
        color:#726d6d;
        }
        
ol.commentList {
        padding:0 0 30px 0;
        }
        
.commentList li {
        border-top:1px solid #bfb6b6;
        padding:10px 0 15px 0;
        }
        
.commentList p {
        padding-top:10px;
        }
        
.row {
        padding-bottom:10px;
        }

.row input {
        margin:0 5px 0 0;
        }

.commentTags {
        margin:5px 0 10px 0;
        padding:20px 10px 20px 10px;
        background-color:#e5e4e4;
        }
        
.commentTags code {
        line-height:18px;
        }
        
.commentTags span {
        font-weight:bold;
        }
        
textarea {
        margin:5px 0 10px 0;
        width:468px;
        }
        
/*------PAGINATION FOR SINGLE PAGE---------*/ 
        
.singlePagination {
        padding:10px 0 10px 0;
        background:#e6e0d5;
        margin-top:20px;
        width:468px;
        height:15px;
        }
        
.newer {float:right; display:inline; width:100px; text-align:right; margin:0 20px 0 0;}
        
.older {float:left; display:inline; width:100px; margin:0 0 0 20px;}

/*--------------------------------TYPOGRAPHY-----------------------------------*/



h1, h2, h3, h4, h5, p {
        color:#272525;
        }
        
p {
        line-height:18px;
        }
        
strong {
        font-weight:bold;
        }
        
big {
        font-size:17px;
        }

small {
        font-size:11px;
        }
        
cite {
        font-style:italic;
        }
        
code {
        font-family:Monaco,monospace,Courier,"Courier New";
        }
        
.commentBlock code {
        font-family:Helvetica, Arial, Verdana, sans-serif;
        }

em {
        font-style:italic;
        }
        
blockquote {
        padding:15px 15px 5px 15px;
        margin:20px 0 25px 0;
        border-top:1px solid #e1e1e1;
        border-bottom:1px solid #e1e1e1;
        }
        
blockquote p {
        color:#807a7a;
        }
        
sub, sup {
        font-size:12px;
        }
        
.post ol, .post ul {
        padding:0 0 10px 15px;
        font-size:13px;
        list-style:disc;
        } 
        
.post li, .post li {
        padding:8px 0 0 0;
        } 
        
.post ol li ol, .post ul li ul {
        padding:0 0 0 15px;
        } 
        
.blogTitle {   
        float:left;
        font-size:14px;
        color:#dcd5d5;
        text-transform:uppercase;
        font-weight:bold;
        padding:13px 15px 0 0;
        margin-left:96px;
        }
        
.blogDesc {
        height:160px;
        font-size:12px;
        font-style:italic;
        color:#807a7a;
        padding:11px 0 65px 0;
        }

.post h1 {
        font-size:30px;
        font-weight:bold;
        padding-bottom:8px;
        }

.post h1 a:visited {color:#000;}
.post h1 a:hover {color:#000;}

.post h2 {
        font-size:35px;
        font-weight:bold;
        }
        
.post h3 {
        font-size:25px;
        font-weight:bold;
        }
        
.post h4 {
        font-size:20px;
        font-weight:bold;
        }
        
.post h5 {
        font-size:15px;
        font-weight:bold;
        }
        
.post h6 {
        font-size:10px;
        font-weight:bold;
        }
        
.commentBlock h2 {
        font-size:16px;
        font-weight:bold;
        padding:10px 0 10px 0;
        border-top:4px solid #776942;
        }
        
.post p {
        font-size:13px;
        padding-bottom:10px;
        }
        
.meta p {
        font-size:13px;
        padding:4px 10px 3px 10px;
        color:#807a7a;
        }
               
.meta span {
        color:#807a7a;
        }
  
.postDetails p, .postDetailsSingle p {
        background:#bcae91;
  color:#FFF;
}

.postDetails p.posted, .postDetailsSingle p.posted {
        border-bottom:2px solid #FFFFFF;
  background:#e6e0d5;
  color:#000;
        }
        
.sectionHead h2 {
        font-size:35px;
        font-weight:bold;
        padding-bottom:8px;
        border-bottom:4px solid #776942;
        }
        
.sectionHead h2 span {
        color:#776942;
        }
        
        
/*--------SIDEBAR TYPOGRAPHY--------*/
        
.sidebarBox h2 {
        font-size:1em;
        padding:10px 10px 5px 10px;
        }

        
.sidebarBox li {
        font-size:13px;
        padding: 6px 10px 4px 10px;
        border-top:1px solid #FFF; 
  border-left:1px solid #FFF;
  border-right:1px solid #FFF;
  background:#bcae91;
        color:#545050;
        line-height:15px;
        }

.sidebarBoxPages ul {
        margin-bottom:3px;
        }       
        
.sidebarBoxPages li {
        padding:3px 10px 3px 10px;
        font-size:15px;
        font-weight:bold;
        letter-spacing:1px;
        }
        
.sidebarBox li ul li {
        border:none;
        padding-bottom:0;
        }
        
.sidebarBox li ul li ul li {
        padding-bottom:0;
        }
        

/*-------------WIDGETS-----------------*/     
        
        
.textwidget {  
        font-size:13px;
        padding:0 10px 10px 10px;
        line-height:18px;
        }
        
.sidebarBox p { 
        font-size:13px;
        padding:0 10px 10px 10px;
        line-height:18px;
        }
        
#tag_cloud a {
        padding:2px 10px 2px 10px;
        }
        
div #calendar_wrap {
        margin-bottom:10px;
        }
        
#wp-calendar {
        empty-cells:show;
        margin:5px 0 0 10px;
        font-size:13px;
        }
        
#wp-calendar caption {
        font-weight:bold;
        }
        
#wp-calendar thead {
        font-weight:bold;
        color:#807a7a;
        }
        
#wp-calendar #next a {
        text-align:right;
        }
        
#wp-calendar #prev a {
        text-align:left;
        }
        
#wp-calendar td {
        padding:5px 8px 0 0;
        }
        
#flickrrss img {   /*---FOR FLICKRRSS PLUGIN IF APPLICABLE---*/
    padding:0 0 10px 10px;
}
        

/*--------------CONTACT FORM PLUGIN STYLES-------------ERASE THE STYLES IN THE CONTACT FORM ADMIN PANEL TO ENABLE----------*/
        
#wpcf fieldset { 
        width:465px; 
        }

#wpcf legend { 
        font-weight:bold;
        padding-top:10px;
        }
        
#wpcf label { 
        display:block; 
        float:left; 
        width:140px; 
        padding-right:10px; 
        font-size:100% 
        }
        
#wpcf p { 
        margin:0 0 2px 0;
        }
        
#wpcf .field { 
        font-size:100%; 
        width:220px; 
        padding:0; 
        margin:0 
        }
        
#wpcf textarea { 
        font-size:100%; 
        width:350px; 
        height:150px; 
        }
        
#wpcf .error { 
        background-color:#FFFF00;
        }
        
.challengeBlock {  /*----APPLIED ONLY IF YOU ADD A DIV CLASS TO THE CHALLENGE BLOCK-----*/
        background-color:#e1e1e1;
        padding:10px;
        margin-bottom:10px;
        }
        
#wpcf .challenge { 
        font-size:100%; 
        display:inline-block; 
        display:-moz-inline-stack; 
        text-align:left; 
        width:100px;
        }
        
#wpcf p.alert { 
        color:#FF0000; 
        font-weight:700; 
        text-align:center; 
        padding:5px 0 10px 0; 
        }       
        
        

/*--------FOOTER TYPOGRAPHY--------*/
        
        
        
/*--------------------------HOME BUTTON LINKS------------------------*/

.blogTitle a:link, .blogTitle a:visited {
        color:#FFFFFF;
        text-decoration:none;
        }
        
.blogTitle a:hover {
        color:#959595;
        text-decoration:none;
        }
        
.blogTitle a:active {
        color:#666666;
        }       
        
        
        


/*--------------------------GENERAL LINKS------------------------*/

a:link, a:visited {
        color:#000000;
        text-decoration:none;
        }
        
a:hover {
        color:#FFF;
        text-decoration:none;
        }
        
a:active {
        color:#FFF;
        }
        
.newer a {color:#000; font-weight:bold; text-decoration:underline;}
.newer a:hover {color:#776942; text-decoration:none}
        
.older a {color:#000; font-weight:bold; text-decoration:underline;}
.older a:hover {color:#776942; text-decoration:none}
        
/*--------------------------FOOTER LINKS------------------------*/

        

/*----------REQUIRED STYLES FOR IMAGES AND CAPTIONS IN POSTS--------------*/


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

.alignleft {
        float: left;
        }

.alignright {
        float: right;
        }

.wp-caption {
        text-align: center;
        background-color: #f3f3f3;
        padding-top: 4px;
    margin-bottom:15px;
        }

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

.wp-caption p.wp-caption-text {
        color:#726d6d;
        font-size: 11px;       
        line-height: 17px;
        padding: 8px 10px 5px 10px;
        margin: 0;
        border-bottom:2px solid #e5e4e4;
        }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } /* Non IE clearfix */
.clr { overflow: hidden; clear: both; line-height:0px; font-size:0.5px; height:0px; }