/*
		 Jon Pashley
		 http://www.jonpahley.co.uk
		 
		 Dark Brown: #A47263
		 Dark Blue: #6385A4
		 Light Blue: #E6F3FF
		 Grey/Brown: #A49163

*/

/*
	RESET
*/

*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; }
html, body							{ height: 100%; }
body								{ font-size: 10pt; font-family: Arial, sans-serif; color: black; character-spacing: 0.3em; 
									  background: url(/images/body-bg.gif) top center repeat-x white; }
ul									{ list-style: none; }
ol									{ list-style: decimal inside; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; background: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }

/*
	UTILITY
*/
.floatLeft 							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.button, .older-newer a,
#search-nav a						{ border: 3px solid #E6F3FF; background: #455D73; padding: 3px 8px; font-size: 10pt;
									  -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #E6F3FF; }
.button:hover, .older-newer a:hover,
#search-nav a:hover					{ border: 3px solid #E6F3FF; background: white; color: #455D73; }
.post-include						{ margin-left: 10px; float: right; border: medium double #666666; }
.post-include p						{ color: #666666; font-size: 8pt; max-height: 20px; overflow: auto; }
#filler								{ height: 500px; }
.tone1								{ background-color: #ecf6ff; }
.tone2								{ background-color: #e9e8ff; }
.tone3								{ background-color: #fff9ef; }


/*

/*
	STRUCTURE
*/
#page-wrap							{ width: 940px; margin: 0px auto -60px;
									  min-height: 100%; height: auto !important; height: 100%;}
#social-sidebar						{ width: 154px; margin-top: 5px; position: absolute; }
#content							{ width: 604px; margin-top: 5px; margin-left: 164px; background: #ffffff; position: relative; }
#sidebar							{ width: 160px; top: 200px; margin-left: 780px; position: absolute; }
.navigation							{ height: 25px; width: 604px; border-bottom: 1px black dotted; margin-bottom: 2px; }
#push								{ height: 60px; }
#footer								{ height: 60px; background: #A47263; padding-top: 20px; padding-left: 65px;  margin-top: 60px; }
#footer p							{ color: #E6F3FF; }

/*
	HEADER
*/
h1#logo								{ width: 365px; height: 70px; 
									  background: url(/images/jonpashley.png) top left no-repeat; text-indent: -9999px; 
									  margin-left: 150px; position: absolute; z-index: 3; }

#top-bar							{ background: url(/images/header.jpg) top left no-repeat; padding: 50px 0 0 0; height: 150px; }
#top-bar p							{ width: 230px; margin-left: 248px; margin-top: 56px; text-align: right; font-size: 80%; }
form#searchform						{ margin-top: -55px; margin-left: 710px; position: absolute; }
#menu-bar							{ background: #A47263; width: 940px; height: 40px; margin-top: -60px; padding-top: 15px; }
#main-nav							{ float: left; }
#extra-nav							{ margin-right: 10px; float: right; }
#menu-bar li						{ display: inline; margin-left: 10px; }
#menu-bar a							{ font-size: 15pt; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;
									  color: #E6F3FF; font-weight: lighter; border: 0; }


/*
POST
*/
.post								{ border-bottom: 1px dotted black; margin-bottom: 10px; padding-bottom: 10px; }
.title								{  }
.byline								{ margin-left: 30px; font-size: 8pt; color: #666666; }
.postmetadata						{ border: dashed 1px #A47263; padding: 3px 10px 13px 10px; }
.meta-header						{ font-family: Georgia, serif; font-size: 10pt; }
.comments-info						{ float: right; background: #A49163; color: black; padding: 3px; margin: 10px 0 10px 0;
									  border: 3px solid #A49163; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 161px; }
.comments-info a					{ border: 0; color: black; font-size: 10pt; float: right; }
.comments-info a:hover				{ font-style: oblique; }

.post ul, ol						{ margin-left: 50px; }
.post ul							{ list-style-image: url('/images/bullet.png'); }

p.pages								{ text-align: right; }


/*
ARCHIVE
*/
#archive							{ border-bottom: 1px dotted black; margin-bottom: 10px; padding-bottom: 10px; }
#archive h2							{ font-size: 12pt; background: white; }

/*
TYPOGRAPHY
*/
a									{ color: #666666; text-decoration: none; border-bottom: 1px solid #666666; }
a:hover								{ border: 0; }
.post p, .post li, label			{ margin-left: 18px; margin-top: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt;
									  color: #000000; }
h2									{ background: #E6F3FF; height: 1.3em; padding: 10px 0 0 25px;
									  font-family: Georgia, serif; font-size: 20pt; font-style: oblique; color: #A49163; }
h4									{ font-family: Georgia, serif; font-size: 12pt; color: #A49163; font-weight: lighter; font-style: oblique; 
									  margin-left: 18px; margin-top: 10px; }
a.post-title						{ font-family: Georgia, serif; font-size: 20pt; font-style: oblique; color: #A49163; border-bottom: 1px solid #A49163; }
a.post-title:hover					{ border: 0; }
p.intro								{ font-style: oblique; color: #A49163; font-family: Georgia, serif; }
blockquote							{ width: 350px; margin: 0 50px 0 50px; background: url('/images/blockquote-bg.gif');
									  padding: 10px; font-size: 10pt; font-family: Georgia, serif; font-style: oblique; }
.wp-caption-text					{ font-size: 8pt; margin-left: -12px; margin-bottom: 1px; float: left; }
.more-link							{ float: left; background: #E6F3FF; color: black; padding: 3px; margin: 10px 0 10px 0;
									  border: 3px solid #E6F3FF; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 161px; }
.more-link:hover					{ font-style: oblique; }
.next-link							{ float: right; background: #E6F3FF; color: black; text-align: right; padding: 3px; margin: 10px 0 10px 0;
									  border: 3px solid #E6F3FF; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.next-link:hover					{ font-style: oblique; }
.ed									{ font-family: Georgia, serif; font-style: oblique; }
.capitalize							{ text-transform: capitalize; }
abbr								{ text-decoration: underline; font-weight: bold; }
.smaller							{ font-size: 90%; }

/*
COMMENTS
*/
ol.commentlist						{ list-style: none; }
.author-info						{ font-weight: bold; }
.avatar								{ border: medium double #666666; }
.comment-text						{ width: 360px; background: url(/images/comments-bg.gif); margin: 10px auto; }
.comment-text p						{ width: 340px; margin: 0 10px 0 10px; color: white; }
/*	.commentnumber					{ float: left; margin-top: 20px; font-size: 7em; color: #A49163; } */
.comment-meta						{ position: absolute; margin-top: 16px; margin-left: 245px; color: #666666; font-size: 8pt; }
h3.respond							{ margin: 10px 0 10px 0; ; font-family: Georgia, serif; font-size: 14pt; }
.ok-code							{ width: 450px; margin: 0 5px 0 5px; padding: 5px; }
p.input								{ margin-bottom: 3px; }


/*
TWITTER
*/
#twitter-container					{ background: url(/images/twitter-bg.gif) no-repeat; width: 154px; height: 154px; padding: 10px; }
#twitter-title						{ background: url(/images/twitter-title.png) no-repeat; text-indent: -9999px; margin-bottom: 5px; }
#twitter_div						{ background: url(/images/opacity-bg.png); width: 135px; height: 100px; overflow: auto; }
ul#twitter_update_list				{ list-style-type: none; font-family: Georgia, serif; font-size: 9.5pt; }
ul#twitter_update_list li			{ padding: 3px; }
#twitter_div a						{ color: #E6F3FF; border-bottom: 1px solid #E6F3FF; }
#twitter_div a:hover				{ border: 0; }
#twitter-follow						{ float: right; margin-right: 10px; margin-top: 10px; }


/*
CONTACT
*/
#contact-container					{ background: url(/images/contact-bg.gif) no-repeat; width: 154px; height: 134px; padding: 10px; margin-top: 10px; }
#contact-title						{ background: url(/images/contact-title.png) no-repeat; text-indent: -9999px; margin-bottom: 0px; }
#contact-content					{ background: url(/images/opacity-bg.png); width: 129px; height: 90px; padding: 3px; }
#contact-content a					{ font-size: 10pt; color: #E6F3FF; border-bottom: 1px solid #E6F3FF; }
#contact-content a:hover			{ border: 0; }
#contact-content ul					{ margin: 8px 0 0 3px; }
#contact-content li					{ margin-bottom: 3px; }

/*
WIDGETS
*/
ul.widget li, p.widget				{ margin: 3px 0 6px 3px; }
.widget-color-1						{ border: 1px solid #6385A4; margin-bottom: 10px; }
.widget-color-1-title				{ background: #6385A4; padding: 3px 3px 3px 10px; color: white; font-weight: bold; }
.widget-color-2						{ border: 1px solid #A47263; margin-bottom: 10px; }
.widget-color-2-title				{ background: #A47263; padding: 3px 3px 3px 10px; color: white; font-weight: bold; }
.widget-color-3						{ border: 1px solid #A49163; margin-bottom: 10px; }
.widget-color-3-title				{ background: #A49163; padding: 3px 3px 3px 10px; color: white; font-weight: bold; }

/*
SOCIABLE
*/
div.sociable { margin: 16px 0 0px 16px; }

span.sociable_tagline { position: relative; margin-top: 10px; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}