/**
 * JamesSocol.com Stylesheet
 * Copyright (c) 2007 by James Socol
 * All rights reserved.
 */

/**
 * Redefining tags
 */
body {
	font: 95% Georgia, "Times New Roman", Times, serif;
	background: url("background.jpg") repeat-x;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
a {
	text-decoration: none;
	color: #465eac;
	background: none;
}
a:hover {
	text-decoration: underline;
}
a.current, a:active {
	color: #fff;
	background: #465eac;
}
br, hr {
	clear: both;
}
hr {
	width: 50%;
	margin: .4em auto .6em;
	height: 0;
	border-top: 1px dashed #d3d9ed;
	border-bottom: none;
	background: none;
}
img {
	border: none;
}
h1, h2, h3, h4 {
	font-weight: normal;
	margin: 0;
	letter-spacing: -.05em;
}
h4 {
	font-size: 100%;
	font-weight: bold;
}
code, pre {
	font-family: "Courier New", Courier, mono;
	font-size: 90%;
	color: #564eac;
	background: #e5e5e5;
	margin: 0;
}
blockquote {
	padding: 4px;
	border: 1px dashed #465eac;
}
dd {
	margin-bottom: .3em;
	font-size: 90%;
	color: #333333;
	background: #ffffff;
}


/**
 * Extra div for cross-browser formatting
 */
#wrapper {
	position: relative;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 45em;
}

/**
 * Big formatting divs
 */
#header {
	font-family: Bodoni, Georgia, "Times New Roman", Times, serif;
	margin-left: -5px;
	position: relative;
	top: 15px;
}
#navigation {
	position: absolute;
	top: 5.75em;
	margin: auto;
	width: 100%;
}
#page {
	position: relative;
	margin-top: 3.65em;
}
#content {
	float: left;
	padding-right: .2em;
	width: 74%;
	border-right: 1px dotted #d3d9ed;
	margin-right: 1%;
}
#context {
	float: left;
	width: 24%;
	
	font-size: 90%;
}
#footer {
	clear: both;
	position: relative;
	width: 100%;
	margin-top: 1em;
	
	font-size: 75%;
	color: #4d4d4d;
	background: none;
}
#footer_about, #footer_recent, #footer_techy, #footer_legal {
	width: 24%;
	float: left;
	padding: .2em;
}

/**
 * Specific formatting
 */
#skip {
	float: left;
	padding-left: .2em;
	font-size: 70%;
}
#skip a {
	text-decoration: underline;
}
#header img {
	border: none;
	float: left;
	padding-right: 3px;
	margin-top: -5px;
}
#header h1, #header h2 {
	margin: 0;
	padding: 0;
	background: none;
}
#header h1 {
	font-size: 400%;
	line-height: 85%;
	padding-left: .2em;
	margin-left: -5px;
	line-height: 80%;
	font-weight: normal;
}
#header h2, #header p.subtitle {
	position: relative;
	left: 1.15em;
	margin-top: -.35em;
	font-size: 100%;
	color: #4d4d4d;
	font-weight: bold;
	letter-spacing: .05em;
}
#header a, #header a:hover {
	text-decoration: none;
	color: #000;
	background:none;
}
#navigation ul {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}
#navigation li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}
#navigation a {
	padding: .2em;
	margin: 0 .4em 0 0;
}
#content h2.post-title {
	padding-top: .5em;
}
#content h2 {
	font-size: 150%;
}
#content h3 {
	font-size: 130%;
}
#content p {
	line-height: 1.37em;
}
#latest_post h2, #latest_post h3 {
}
#latest_post h2 {
	font-size: 90%;
}
#latest_post h3 {
	font-size: 110%;
	font-weight: bold;
}
#context h2, #context h3 {
	font-weight: bold;
	background: #465eac;
	color: #fff;
	padding-left: 1px;
}
#context h2 {
	font-size: 110%;
}
#context h3 {
	font-size: 100%;
}
#context ul {
	list-style-type: none;
	margin: 0 0 1.5em 0;
	padding: 0;
	font-size: 80%;
}
#context ul a {
	display: block;
	text-indent: -1em;
	padding-left: 1em;
}
#context a:hover {
	text-decoration: none;
	color: #fff;
	background: #d3d9ed;
}
#context p {
	margin: 0 0 .7em 0;
	padding: 0;
}
#footer hr {
	margin-bottom: 1em;
}
#footer p {
	margin: 0 0 .7em 0;
	padding: 0;
}
#footer h2 {
	font-size: 120%;
	background: #465eac;
	color: #fff;
	padding: 0 0 0 2px;
	margin: 0 -2px .2em 0;
}
#footer ul {
	margin: 0 0 .5em 0;
	padding: 0;
	list-style-type: none;
}
#footer_recent ul li {
	margin: 0 0 .12em 0;
}
#footer_techy ul a {
	display: block;
}
#footer_techy ul a:hover {
	background: #d3d9ed;
	color: #fff;
}
/**
 * classes
 */
div.float, div.image, span.image {
	background: #f0f2f9;
	border: 1px dotted #666;
	padding: 4px;
	margin-top: 1em;
	margin-bottom: 3px;
	color: #4d4d4d;
}
div.float {
	width: 160px;
	font-size: 75%;
}
div.image img {
	display: block;
}
div.float h3 {
	font-size: 110%;
	font-weight: bold;
}
div.float a {
	background: none;
	color: #465eac;
}
span.image {
	margin-top: 0;
}
.left {
	float: left;
	margin-left: 0;
	margin-right: 3px;
}
.right {
	float: right;
	margin-left: 3px;
	margin-right: 0;
}
span.updated {
	display: block;
	font-size: 80%;
	color: #969696;
	background: none;
	font-style: italic;
	text-align: right;
}
h2.date-header {
	text-align: right;
	font-size: 90%;
	margin-bottom: -1em;
}
p.post-footer {
	color: #969696;
	background: none;
	text-align: right;
}
p.note {
	font-size: 80%;
	font-style: italic;
	color: #969696;
	background: none;
}
p.blog-note {
	padding: .8em 1em;
	margin: 1em 0;
	
	font-size: 80%;
	color: #666666;
	
	border-top: 1px solid #8e9dd2;
	border-bottom: 1px solid #8e9dd2;
	background-color: #d8dfea;
}
.noclear {
	clear: none;
}
blockquote p {
	margin-top: 0;
	padding-top: 0;
}

/**
 * social networking buttons
 */
p.social {
	background-color: #f0f0ff;
	padding: 3px;
	border: 1px dashed #aaa;
	font-size: 75%;
	text-align: center;
}
html .fb_share_button { 
	padding:1px 20px 0 5px; 
	height:15px; 
	border:1px solid #d8dfea; 
	background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?12:26981) no-repeat top right;
} 
html .fb_share_button:hover {
	color:#fff; 
	border-color:#295582; 
	background:#3b5998 url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?12:26981) no-repeat top right; 
	text-decoration:none;
} 

/**
 * print styles
 */
@media print {
#skip { display: none; }
#navigation { border-bottom: 2px solid #aaa; }
a { text-decoration: underline; margin:auto; padding:0; }
#header, #footer, #content, #context { position: relative; }
p.social { display: none; }
}