/*
	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.4
	
	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.4 - 21.06.2009
	Improvements for SEO - nofollow implemented on ALL links except:
	- title links to articles listed in search, tag, category, archive pages
	  this is so any search, tag, category, archive pages that have any SEO can pass this on to your articles
	  via the article title which will most likely contain your target keywords
	- links manually created in a post/page body
	  this is so you can control how your site's SEO 'juice' is distributed within the site
*/



/* ############################################################ */
/* ################  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: 990px;
	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;
}



/* ############################################################ */
/* ###################  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 7px;	
	text-decoration: none;	
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	color: #777;
}

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

#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: 25px 20px 40px 0px;
	border-left: 0px #ccc dotted;
	padding: 0px;	
	background-image: url("images/rightColumnBackground.gif");
	background-position: 0px 80px;
	background-repeat: no-repeat;
	font-size: 90%;
}

#sidebar  ul
{
	margin: 7px 0px 7px 0px;
	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/arrow.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;
}

.sectionHeading
{
	margin: 8px 0px 0px 12px;
	color: #888;
	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: 5px 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;
	padding: 1px 4px;
	color: #07c;
	text-decoration: none;
	display: inline;
}

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



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


.post
{
	border-bottom: 1px #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 #e2e2e2 solid;
	background: #eee;	
	-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;
	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: 0px 0px 20px 20px;
	border: 0px;
	padding: 0px;
	float: right !important;
	clear: none;
}


/* ############################################################ */
/* ############## 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: 429px;
	float: left;
	margin: 0px 0px 20px 00px;
	border: 0px #ddd solid;
}

#navigationFooter #footerRight
{
	width: 560px;
	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/arrow.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: 11px/16px 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;
}