/*
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;
	}
	
	
/*--------------------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---------------------

	#eaeaea		<---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.
	
------------------------------------------------------*/
	
	
	
	
/*----------------------------------LAYOUT-------------------------------------*/

html {
	background-color:#eaeaea;
	}

body {
	background-color:#eaeaea;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	}
	
#wrapper {
	background-image:url(images/top_background.gif);
	background-repeat:repeat-x;
	background-color:#f6f5f5;
	}
	
#content {
	width:860px;
	margin:0 auto;
	padding-bottom:0;
	background-repeat:repeat-y;
	border-bottom:1px solid #f6f5f5;
	}
	
#blogCol {
	float:left;
	width:565px;
	}
	
	
#sidebarContainer {
	float:left;
	width:200px;
	margin-bottom:50px;
	}
	
.post {
	margin:0 0 0 96px;
	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/bubble_2.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;
	}
	
.postDetails {
	float:left;
	width:427px;
	background-color:#e5e4e4;
	padding-bottom:1px;
	}
	
.postDetailsSingle {
	float:left;
	width:468px;
	background-color:#e5e4e4;
	padding-bottom:1px;
	}
	
#sidebarContainer {
	float:left;
	width:180px;
	list-style:none;
	margin-left:50px;
	}
	
.sidebarBox {
	width:180px;
	border:4px solid #e1e1e1;
	padding-bottom:2px;
	margin-bottom:10px;
	}

.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 96px;
	}
	
form #s {
	width:90px;
	margin:10px;
	}
	
.spaceAfter {
	margin-bottom:25px;
	}
	

	

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


#footerWrapper {
	background-image:url(images/footer_background.gif);
	background-repeat:repeat-x;
	padding:30px 0 30px 0;
	}
	
#footerCenter {
	width:860px;
	margin:0 auto;
	}
	
#footer {
	width:714px;
	height:53px;
	margin-left:93px;
	background-image:url(images/footer_banner.gif);
	background-repeat:no-repeat;
	}
	
.clear {
	clear:both;
	}


/*--------------------------------COMMENTS LAYOUT-----------------------------------*/
	
.commentBlock {
	width:468px;
	margin:0 0 40px 96px;
	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:30px 0 10px 0;
	}
	
.newer {
	float:right;
	}
	
.older {
	float:left;
	}


/*--------------------------------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 {
	font-size:12px;
	font-style:italic;
	color:#807a7a;
	padding:11px 0 65px 0;
	}

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

.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 #726d6d;
	}
	
.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.posted, .postDetailsSingle p.posted {
	background-image:url(images/arrow.gif);
	background-position:10px 8px;
	background-repeat:no-repeat;
	padding-left:28px;
	border-bottom:2px solid #eaeaea;
	}
	
.sectionHead h2 {
	font-size:35px;
	font-weight:bold;
	padding-bottom:8px;
	border-bottom:4px solid #726d6d;
	}
	
.sectionHead h2 span {
	color:#726d6d;
	}
	
	
/*--------SIDEBAR TYPOGRAPHY--------*/
	
.sidebarBox h2 {
	font-size:20px;
	font-weight:bold;
	padding:10px 10px 5px 10px;
	}

	
.sidebarBox li {
	font-size:13px;
	padding: 6px 10px 4px 10px;
	margin-top:1px;
	border-top:1px solid #e1e1e1; 
	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;
	}

.sidebarBox select{
margin:10px
}
	
#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--------*/
	
.footerBox h3 {
	font-size:20px;
	font-weight:bold;
	padding:10px 10px 5px 10px;
	}
	
#footer p  {
	float:left;
	padding:14px 0 0 50px;
	font-size:13px;
	color:#544f4f;
	}
	
#footer .rss {
	padding:25px 0 0 295px;
	font-weight:bold;
	}

#footer ul {
	float:left;
	font-size:20px;
	font-weight:bold;
	padding:18px 0 0 360px;
	}
	
	
/*--------------------------HOME BUTTON LINKS------------------------*/

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


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

a:link, a:visited {
	color:#02b1b2;
	text-decoration:none;
	}
	
a:hover {
	color:#959595;
	text-decoration:none;
	}
	
a:active {
	color:#666666;
	}
	
	
	
/*--------------------------FOOTER LINKS------------------------*/

#footer a:link, #footer a:visited {  /*General footer link control*/
	color:#02b1b2;
	text-decoration:none;
	}
	
#footer a:hover {
	color:#544f4f;
	text-decoration:none;
	}
	
#footer a:active {
	color:#666666;
	}
	

	
#footer .rss a:link, #footer .rss a:visited {  /*Link control for rss link in footer*/
	color:#272525;
	text-decoration:none;
	}
	
#footer .rss a:hover {
	color:#015051;
	text-decoration:none;
	}
	
#footer .rss a:active {
	color:#666666;
	}
	

/*----------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;
	}