/*
. . . . . . . . . . . . . . . . . . . . . . .
.                                           .
.            JonLandrum.com v7.0            .
.             "Moleskine" Theme             .
. Copyright (c) 2009--2011 Jonathan Landrum .
.            All Rights Reserved            .
.         Last Updated: 28 Jan 2011         .
.                                           .
. . . . . . . . . . . . . . . . . . . . . . .
*/

/* Well, welcome. Have a look around, make yourself at home
   and if you have any questions about anything, hollar. */

/* Screen Layout */
body#jonlandrum {
	margin: 2em 0;
	border: 0;
	padding: 0;
	background: #fffff7 url(/images/style/paper.jpg) top left repeat;
	color: #444;
	font: 12px/20px 'Book Antiqua', 'Palatino Linotype', Palatino, 
Georgia, 'Times New Roman', Times, serif;
	text-align: center;
}
#content {
	margin: 0 auto;
	width: 800px;
	text-align: left;
}
#footer {
	margin-bottom: 1em;
	clear: both;
}
.third { width: 240px; } /* For three-column layout */
.half { width: 380px; } /* For two-column layout */
.clear, hr { clear: both; }
.navigation { margin: 2em 0; }
.top { margin-top: 1em; }
.bottom { padding-bottom: 2em; }
.negative { margin-top: -2em; }
.left { float: left; }
.center {
	margin: 2em auto;
	text-align: center;
}
.right {
	float: right;
	text-align: right;
}
.column-left {
	margin: 0;
	padding: 0;
	float: left;
}
.column-center {
	margin: 0 auto;
	padding: 0;
	float: left;
}
.column-right {
	margin: 0;
	padding: 0;
	float: right;
}
.img-left {
	margin: 2em 1em 1em 0;	
	float: left;
}
.img-right {
	margin: 0 0 1em 1em;
	float: right;
}
.text-center { text-align: center; }
.text-right { text-align: right; }
.border {
	border: 1px solid #444;
	padding: 9px;
	background: #f4f4ec url(/images/style/stationery.jpg) top left repeat;
	color: #333;
	text-align: center;
}
.border img { border: 1px solid #444; }
.text img { margin-bottom: 9px; }
ol.comments {
	margin: 0;
	border: 0;
	padding: 0;
}
ol.comments li {
	margin: 3em 0;
	border: 0;
	padding: 0;
}
.comment, .author-comment{
	margin: 0;
	border-left: 1px solid #717043;
	padding: 1em;
}
.author-comment { border-right: 1px solid #717043; }
.even {
	background: #f4f4ec;
	color: #444;
	clear: both;
}
.gravatar {
	margin: 0 0 10px 10px;
	float: right;
}
ul.contact-list {
	margin: 0;
	border: 0;
	padding: 0;
}
ul.contact-list li {
	padding: .5em 0 0;
	list-style-type: none;
}
.stamp { margin-bottom: 2em; } /* For some reason, this refused to work without its own selector */
.article { margin-top: 2em; }
.hidden { display: none; }
.offscreen {
	position: absolute;
	top: -500em;
	left: -500em;
}
fieldset {
	margin: 2em 0;
	border: 1px solid #ccc;
	padding: 1em;
}
table { padding: 2em 0 0; }
td.input input, td.input textarea { width: 100%; }
#remember { margin-left: 1em; }

/* Typography */
h1 {
	margin: 0;
	margin-left: 50%;
	border: 0;
	padding: 0;
	text-indent: -400px;
	line-height: 1em;
	font-size: 2em;
	font-weight: 100;
	text-align: left;
}
span.description {
	margin: 0 0 0 -400px;
	border: 0;
	padding: 0;
	font-size: 14px;
	line-height: 14px;
	position: absolute;
	top: 60px;
	left: 50%;
}
span#main-navigation {
	margin: 0 -400px 0 0;
	border: 0;
	padding: 0;
	font-size: 14px;
	line-height: 14px;
	position: absolute;
	top: 60px;
	right: 50%;
}
h2 {
	margin-top: 1.4em;
	margin-bottom: 0;
	line-height: 1.4em;
	font-size: 1.4em;
	font-weight: 100;
}
h2#comment {
	margin: 1em auto;
	font-weight: 900;
	text-align: center;
}
h3, legend {
	font-size: 1.2em;
	font-weight: 100;
}
legend { padding: 0 .3em; }
p {
	margin-top: 19px;
	margin-bottom: 0;
	line-height: 19px;
}
p+p { text-indent: 3em; }
img+p, p.after-image { text-indent: 0; }
p.after-image { padding-top: 19px; }
hr+p, hr+img, p+p, img+p, .center+p, .center+img { margin-top: 0; }
.italic { font-style: italic; }
blockquote.half { margin: 0 200px; }
blockquote.half p {
	margin-bottom: 12px;
	font-style: italic;
}
blockquote.half p+p { text-indent: 0; }
blockquote.center { text-align: center; }
.vcard { padding-top: 1em; }
address.normal {font-style: normal; }
ins {
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
}
.separator {
	margin-top: 1.8em;
	margin-bottom: 0;
	line-height: 1.6666667em;
	text-align: center;
}
hr {
	margin: 2em auto;
	border: none;
	border-top: 1px solid #444;
	padding: 0;
	background: transparent;
	color: transparent;
	width: 100%;
	height: 1px;
	line-height: 1.6666667em;
}
@-moz-document url-prefix() { /* Even with pixel-based location of the description span, */
	hr {                  /* Mozilla is still one pixel off. Moving the border from */
		border: 0;    /* the top to the bottom fixes this in a cinch. */
		border-bottom: 1px solid #444;
	}
}
sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}
sup { bottom: 1ex; }
sub { top: .5ex; }
.caps { text-transform: uppercase; }
small, .small { font-size: 75%; }
.prosper {
	font-family: consolas, "courier new", courier, mono;
	color: #999;
}
code, kbd, pre { font-family: 'Courier New', Courier, monospace; }
p.front { margin-left: 2em }
p.front q { font-style: italic; }
blockquote:before, blockquote:after, q:before, q:after { /* Used to keep display in all browsers the same. (Stupid IE.) Place */
	content: "";                                     /* quotes (") outside of quote tags (<q> and <blockquote>) in order to */
}                                                        /* maintain both accessibility and style. Example: "<q>Your quote here</q>" */
acronym, abbr, .help {
	border-bottom: 1px dotted #ccc;
	cursor: help;
}
a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	border-bottom: 1px solid #ccc;
	text-decoration: none;
}
a:link, a:visited {
	background: inherit;
	color: #6d8ab1;
}
.important, a:hover, a:active, a:focus, h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited {
	background: transparent;
	color: #c30;
}
a img {
	border: 1px solid transparent; /* To keep it from jittering when the red border is applied in the hover state */
	padding: 1px;
}
a#feed { border: 0; }
a#feed img { margin-bottom: -4px; }
a:link img, a:visited img { border: 1px solid transparent; } /* To keep it from going purple */
a:hover img, a:active img, a:focus img { border: 1px solid #c30; }
h1 a:hover, h1 a:active, h1 a:focus, h2 a:hover, h2 a:active, h2 a:focus, h3 a:hover, h3 a:active, h3 a:focus, h4 a:hover, h4 a:active, h4 a:focus, h5 a:hover, h5 a:active, h5 a:focus, h6 a:hover, h6 a:active, h6 a:focus {
	background: transparent;
	color: #6d8ab1;
}
span#main-navigation a { border: 0; }