/*
	Theme Name: PrettyPress
	Theme URI: http://www.prettypress.co.uk
	Description: seo optimized wordpress theme 
	Author: Jonathan Jackson
	Author URI: http://www.springwebdevelopment.com/
	Version: 1.5.3
	
	Tags: black, white, orange, blue, two-columns, fixed-width, sticky-post
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	Changelog:
	v1.5.3 - 07.08.2009
	- fixed problem with left footer sidebar
	- default excerpt is used on tags and category pages now instead of custom one
	- removed call to include (statcode.php) in footer that had been removed and was causing an error in v.1.5, sorry
	(the statcode.php used to facilitate adding your statcounter and analytics code in the footer but we believe this is handled much better by the plugins available now and so has been removed)
	- also, removed support for adsense now - this should be controlled by user
	
*/



/* ############################################################ */
/* ################  structural styles follow  ################ */
/* ############################################################ */


body 
{
	margin: 0px;
	padding: 0px;
	background: #e7e7e7 url("images/backgroundShadow.jpg") repeat-y center top;
	text-align: center; /* centering for IE */
	font: small/1.6em Arial, Verdana, 'Trebuchet MS', Tahoma, Sans-serif;
	color: #444 !important;
}

#container 
{
	width: 991px;
	margin: 0px auto; /* centering for non-IE browsers */
	border-left: 0px #ccc solid;
	border-right: 0px #ccc solid;
	padding: 0px;
	background: #1f2126;
	text-align: left;
}

#contentContainer
{
	background: #fff;	
	color: #555 !important;
}

#content
{
	width: 660px;
	border: 0px solid #f60;
	padding: 35px 25px 40px 25px;
	line-height: 1.2; /* for IE6 peek-a-boo bug */
	color: #555 !important;
	float: left;
}



/* ############################################################ */
/* ###################  header styles follow  ################# */
/* ############################################################ */


#topProfileBar 
{
	height: 94px;
	margin: 0px;
	border: 0px;
	padding: 0px;
	background: #fff url("images/topProfileBar.jpg") no-repeat top left;
	font: 18px arial, tahoma, verdana, geneva, sans-serif;
	color: #eee;
}

#logo
{
	width: 600px;
	margin: 0px;
	border: 0px;
	padding: 11px 0px 0px 11px;
}

#blogMeta
{
	width: 300px;
	float: right !important;
	margin: 10px 15px 0px 0px;
	border: 0px;
	padding: 0px;
	color: #999;
	font-size: 65%;
	font-weight: normal;
	font-style: italic;
	text-align: right;
}

#logo img
{
	border: 0px;	
}

#blogName
{
	margin: 12px 0px 0px 10px;
	font-size: 1.1em;
	font-style: italic;
	color: #fff;
}

#blogName a:link,
#blogName a:active,
#blogName a:visited,
#blogName a:hover
{
	color: #fff;
	text-decoration: none;
}

#blogDescription
{
	margin: 0px 0px 0px 10px;
	font-size: 0.8em;
	color: #ddd;	
}

#topNavigationBar 
{
	height: 37px;
	margin: 0px;
	border: 0px;
	padding: 5px 20px;
	background: #fff url("images/topNavigationBar.jpg") no-repeat top left;
	font: bold 10px arial, verdana, tahoma, geneva, sans-serif;
	line-height: 13px;
	color: #555;
}

#latestUpdate
{
	background-image: url("images/showMeTab.gif");
	background-position: top left;
	background-repeat: no-repeat;	
	margin: 10px 0px 0px 0px;
	*margin: 15px 0px 0px 0px;
	border: 0px;
	padding: 0px 0px 0px 82px;
	font-size: 12px;
	height: 16px;
	line-height: 16px;
	font-weight: normal;
	color: #777;
}

#latestUpdate a:link, 
#latestUpdate a:active, 
#latestUpdate a:visited, 
#latestUpdate a:hover
{
	margin: 0px;
	border: 0px;
	padding: 1px 4px;	
	color: #777;
}

#searchBox
{
	margin: 7px 0px 0px !important;
	border: 0px !important;
	padding: 0px !important;
	float: right;
	width: 262px !important;
	vertical-align: top;
	height: 22px;
	text-align: right;
}

#searchField
{
	*margin: 0px 0px 1px 0px;
	margin: 0px 0px 3px 0px;
	padding: 1px 0px 0px 4px;	
	width: 172px;
	height: 19px;
	border: 1px #bbb solid;
	border-right: 0px #bbb solid;
	color: #888;
	line-height: 1.4em;
	float: none;
	font-size: 1.2em;
	display: inline;
	vertical-align: bottom;
}

#searchButton
{
	margin: 0px 0px 0px -3px;
	border: 0px;
	padding: 1px 0px 0px;	
	float: none;
	line-height: 1.6em;
	width: 83px;
	height: 22px;
	display: inline;
}



/* ############################################################ */
/* ################  right-column styles follow  ############## */
/* ############################################################ */


#sidebar
{
	width: 260px;
	float: right;
	margin: 35px 20px 40px 0px;
	border-left: 0px #ccc dotted;
	padding: 0px;	
	font-size: 90%;
	display: inline;
}

#sidebar  ul
{
	margin: 7px;
	border: 0px #ddd solid;
	padding: 0px;
	list-style-type: none;
	text-align: left;
}

#sidebar ul li 
{ 
	display: block;	
}

#sidebar ul li a, 
#sidebar ul li a:link, 
#sidebar ul li a:active, 
#sidebar ul li a:visited, 
#sidebar ul li a:hover
{
	margin: 0px;
	border: 0px;
	border-bottom: 1px #f3f3f3 solid;
	padding: 2px 4px 2px 30px !important;
	color: #666;
	text-decoration: none;
	background: url("images/arrow.gif") no-repeat 10px 7px;
	display: block;
}

#sidebar ul li a:hover
{	
	background: #ddd url("images/arrow2.gif") no-repeat 10px 7px;
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	color: #666;
}

#sidebar p
{
	margin: 5px 20px 5px;	
}

.section
{
	margin: 0px 0px 20px;
	padding: 10px 0px 10px;
	background-color: #f2f2f2;
	background-image: url("images/rightColumnBackground.gif");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	display: block;
	border-bottom: 1px #eee solid;
}

.sectionHeading
{
	margin: 0px 0px 0px 12px;
	color: #666;
	font-weight: bold;
}

#syndication
{
	margin: 0px 0px 30px 0px;
	border-top: 0px #ddd solid;
	padding: 7px 0px 7px;
	background: #fff;	
	color: #888;
}

#syndication .sectionHeading
{
	margin: 0px 0px 7px 0px;	
}

.separator
{
	margin: 5px 0px 0px;
	height: 12px !important;
	line-height: 12px !important;
	border: 0px !important;
	padding: 0px;
	background: url("images/rightColumnHR.gif") no-repeat top left;
}

#tagCloud
{
	padding: 15px 10px;
	
}

#tagCloud a:link,
#tagCloud a:active,
#tagCloud a:visited,
#tagCloud a:hover
{
	margin: 0px;
	border: 0px;
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-bottomright:2px;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
	font-family: verdana, geneva, sans-serif;
	padding: 1px 4px;
	color: #07c;
	text-decoration: none;
	display: inline;
}

#tagCloud a:hover
{
	color: #555;
	background-color: #ccc;
}



/* ############################################################ */
/* ####################  post styles follow  ################## */
/* ############################################################ */


.post
{
	border-bottom: 0px #dedede solid;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-top: 0px !important;
	margin-bottom: 7px;
}

.postContent
{
	margin: 0px;
	border: 0px;
	padding: 0px;
}

.articleTitle
{
	color: #666 !important;
	font-weight: bold;
	text-decoration: none;
}

.post a:link,
.post a:active,
.post a:visited,
.post a:hover
{
	margin: 0px;
	border: 0px;
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-bottomright:2px;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
	padding: 1px 4px;
	color: #07c;
	text-decoration: none;
	display: inline;
}

.post a:hover
{
	color: #07c;
	background-color: #ccc;
}

.more-link
{
	font-size: 0.75em;	
}

.postMeta
{
	margin: 20px 0px 0px 0px;
	padding: 15px;
	border: 1px #dbdbdb solid;
	background: #eee url("images/postMetaBack.jpg") no-repeat top right;	
	-moz-border-radius-bottomleft:1px;
	-moz-border-radius-bottomright:1px;
	-moz-border-radius-topleft:1px;
	-moz-border-radius-topright:1px;
	color: #888;
	font-size: 75%;
	text-transform: uppercase;
	line-height: 1.7em;
	display: block;
}

.postMeta a, 
.postMeta a:link, 
.postMeta a:active, 
.postMeta a:visited, 
.postMeta a:hover
{
	margin: 0px;
	border: 0px;
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-bottomright:2px;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
	padding: 1px 4px;
	color: #07c;
	text-decoration: none;
	display: inline-block;
}

.postMeta a:hover
{
	color: #07c;
	background-color: #ccc;
}

a.readFullLink:link, 
a.readFullLink:active, 
a.readFullLink:visited, 
a.readFullLink:hover
{
	margin: 0px;
	border: 0px;
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-bottomright:2px;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
	padding: 1px 4px;
	color: #07c;
	text-decoration: none;
	display: inline !important;	
	font-size: 80% !important;
	font-style: italic;
}

a.source:link,
a.source:active,
a.source:visited,
a.source:hover
{
	padding-left: 0px !important;
	color: #f60;
	font-style: italic;
	clear: none;
}

.resultMeta .readFullLink
{
	float: right;
}

.inlineComments
{
	float: right;
	display: inline;
}

h1, h2
{
	margin: 0px 0px 5px;
	border: 0px;
	border-bottom: 1px #ccc solid;
	padding: 0px;
	font-size: 120%;
	font-weight: bold;
	line-height: 20px;
	color: #666;	
}

h1 a:link, 
h1 a:active, 
h1 a:visited, 
h1 a:hover
{
	padding-left: 0px !important;	
	color: #07c;
}

h2
{
	font-size: 105%;
	font-weight: bold;
	line-height: 20px;
	color: #777;			
}

.post ol, .post ul
{

}

.post li
{
	margin: 0px 0px 10px 0px;
	line-height: 1.3em;	
}

.pagination
{
	display: block;	
}

.olderPosts
{
	float: left;
	display: inline;
}

.newerPosts
{
	float: right;
	display: inline;
}

.pagination a, 
.pagination a:link, 
.pagination a:active, 
.pagination a:visited, 
.pagination a:hover
{
	margin: 0px;
	border: 0px;
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-bottomright:2px;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
	padding: 3px 6px !important;
	line-height: 160%;
	background: #eee;
	color: #07c;
	text-decoration: none;
	display: inline;
}

.pagination a:hover
{
	background-color: #ccc;
}

#adsenseMain
{
	margin: 15px 20px 20px 0px;
	border: 0px;
	padding: 0px;
	float: left !important;
	clear: left;
}


/* ############################################################ */
/* ############## archive, tag, search pages styles ########### */
/* ############################################################ */

#resultsMeta
{
	margin: 20px 0px 20px 0px;
	padding: 3px 5px 3px;
	border: 1px #e2e2e2 solid;
	background: #ededed;
	line-height: 1.4em;
	display: block;		
}

#resultsMeta .searchType
{
	font-weight: bold !important;
	font-style: italic !important;
}



/* ############################################################ */
/* ###################  comment styles follow  ################ */
/* ############################################################ */


.oddNumberComment, .evenNumberComment
{
	display: block;
	padding: 10px;
	border-bottom: 1px #ddd solid;
	background: #fff;
}

.evenNumberComment
{
	background: #eee;
}

.oddNumberComment .rank, .evenNumberComment .rank
{
	width: 30px;
	font-size: 28px;
	font-family: Tahoma, Arial, Geneva, sans-serif;
	font-weight: bold;
	color: #ccc;
	float: left;
}

.evenNumberComment .rank
{
	color: #fff;	
}

.comment
{
	padding: 5px 10px 10px 40px;
	font-size: 85%;
	font-family: Tahoma, Arial, Geneva, sans-serif;
	color: #666;
	line-height: 1.6em;
}

#commentform #author, #commentform #email
{
	height: 23px;	
	display: block;
	line-height: 23px;
	margin-bottom: 10px;
}

#commentform #author input, #commentform #email input
{
	*margin: 0px 0px 1px 0px;
	margin: 0px 0px 1px 0px;
	padding: 1px 0px 0px 4px;		
	width: 210px;
	height: 19px;
	border: 1px #bbb solid;
	color: #666;
	float: none;
	background: #eee;

}

#comment
{
	width: 638px;
	height: 200px;
	padding: 10px;
	border: 1px #ccc solid;
	background: #f2f2f2 url("images/navigationFooterBackground.jpg") no-repeat top left;
	font-family: Arial, Tahoma, Geneva, sans-serif;
	font-size: 105%;
	overflow: auto;
	color: #888;
}

.avatar
{
	margin: 5px 10px 5px 5px;
	width: 45px;
	height: 45px;
	float: right;
}


/* ############################################################ */
/* ###################  footer styles follow  ################# */
/* ############################################################ */


#navigationFooter
{
	margin: 0px;
	border: 0px;
	border-top: 1px #ccc solid;
	padding: 15px 0px 25px 0px;
	background: #f2f2f2 url("images/navigationFooterBackground.jpg") no-repeat top left;
	text-align: left;
	color: #888;
	font-size: 90%;
	clear: both;
}

#navigationFooter #footerLeft
{
	width: 400px;
	float: left;
	margin: 0px 0px 20px 00px;
	border: 0px #ddd solid;
	border-right: 1px #ddd solid;
}

#navigationFooter #footerRight
{
	width: 580px;
	float: left;
	margin: 0px 0px 20px 00px;
	border: 0px #ddd solid;
}

#navigationFooter .footerSection ul
{
	margin: 15px 0px 0px 0px;
	border-left: 1px #ddd solid;
	padding: 0px;
	list-style-type: none;
	text-align: left;
}

#navigationFooter .footerSection:first-child ul
{
	border-left: 0px #ddd solid;
}

#navigationFooter .footerSection ul li 
{ 
	display: block;	
}

#navigationFooter .footerSection ul li a, 
#navigationFooter .footerSection ul li a:link, 
#navigationFooter .footerSection ul li a:active, 
#navigationFooter .footerSection ul li a:visited, 
#navigationFooter .footerSection ul li a:hover
{
	margin: 0px;
	border: 0px;
	border-bottom: 1px #eee solid;
	padding: 3px 15px 2px 34px !important;
	color: #888;
	text-decoration: none;
	background: url("images/arrow.gif") no-repeat 15px 9px;
	display: block;
}

#navigationFooter .footerSection ul li a:hover
{	
	background: #eaeaea url("images/arrow2.gif") no-repeat 15px 9px;
	color: #07c;
}

#copyrightFooter
{
	margin: 0px;
	border: 0px;
	padding: 10px 14px;
	font: normal 12px arial, verdana, tahoma, geneva, sans-serif;
	line-height: 16px;
	color: #bbb;
}

#themeCredit
{
	width: 200px;
	float: right;
	font: 10px/15px tahoma, arial, verdana, geneva, sans-serif;
	color: #bbb;
	text-align: right;
}

#copyrightFooter a:link,
#copyrightFooter a:active,
#copyrightFooter a:visited,
#copyrightFooter a:hover
{
	color: #bbb;
	text-decoration: none;
}

#aboutUs
{
	width: 600px;	
}

#aboutUs a
{
	padding: 0px 5px 0px 0px;
	font: 11px/10px tahoma, arial, verdana, geneva, sans-serif;
	height: 12px;
}

.linkSeperator
{
	border-left: 1px #aaa solid;
	padding: 0px 5px 0px 7px !important;
}





/* ############################################################ */
/* ##################  general styles follow  ################# */
/* ############################################################ */


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


p
{
	margin: 10px 0px 10px 0px;
	border: 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.3em;
	color: #545454 !important;
}

hr 
{ 
	height: 0; 
	border: 0; 
	border-top: 1px solid #ccc; 
} 

.clear
{
	clear: both;
	height: 40px;
	border: 0px solid #f60;
}

.hidden
{
	display: none;
}

#contentAdBlock
{
	float: left;
	width: 340px;
	height: 340px;
	margin: 0px 0px 20px 20px;
}



/* ############################################################ */
/* ############  mootools component styles follow  ############ */
/* ############################################################ */

.tip-title
{
	border-right: 0px #fff solid;
	border-bottom: 0px #fff solid;
	padding: 3px 20px 0px 6px;
}

.tip-text, .tip-top, .tip-bottom
{
	display: none;
}

.titleTip, .tagTip
{
	height: 80px;
	width: 140px;
	background: url("images/toolTip.gif") no-repeat left bottom;	
	text-align: left;
}

.titleTip .tip, .tagTip .tip
{
	height: 102px;
	padding: 3px;
	border-top: 0px #2d2b2b solid;
	border-left: 0px #2d2b2b solid;
	border-right: 0px #2d2b2b solid;
	border-bottom: 0px #2d2b2b solid;	
	color: #fff !important;
	font: normal 11px/12px arial, verdana, tahoma, geneva, sans-serif;
}

.tagTip
{
	height: 40px !important;
	width: 120px;
}

.tagTip .tip
{
	height: 62px !important;
	width: 120px;
}

ul.autocompleter-choices
{
	position:				absolute;
	margin:					0;
	padding:				0;
	list-style:				none;
	border:					1px solid #7c7c7c;
	border-left-color:		#c3c3c3;
	border-right-color:		#c3c3c3;
	border-bottom-color:	#ddd;
	background-color:		#fff;
	text-align:				left;
	font-family:			Arial, Verdana, Geneva, Helvetica, sans-serif;
	z-index:				50;
	background-color:		#fff;
}

ul.autocompleter-choices li
{
	position:				relative;
	margin:					-2px 0 0 0;
	padding:				0.2em 1.5em 0.2em 1em;
	display:				block;
	float:					none !important; 
	cursor:					pointer;
	font-weight:			normal;
	white-space:			nowrap;
	font-size:				0.9em;
	line-height:			1.5em;
}

ul.autocompleter-choices li.autocompleter-selected
{
	background-color:		#444;
	color:					#fff;
}

ul.autocompleter-choices span.autocompleter-queried
{
	display:				inline;
	float:					none;
	font-weight:			bold;
	margin:					0;
	padding:				0;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
	color:					#9FCFFF;
}



/* ############################################################ */
/* ############  wordpress default styles follow  ############# */
/* ############################################################ */

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

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -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;
}

.pagenav {
	margin: 7px 0px 7px 0px;
	border: 0px #ddd solid;
	padding: 0px;
	list-style-type: none;
	text-align: left;	
}