/* 
=======================================================

eightface.com

file: main.css
author: dave kellam
created: august 7, 2008
last modified: november 19, 2008

=======================================================  */


/*#page { background: url(/images/2008/a/grid.840.png) repeat-y; }

/* ----------------------------------------------------
	Standard Styles
   ---------------------------------------------------- */

html { /* Force Vertical Scrollbar */
	/* IE */
	overflow-y: scroll; 
	/* Moz */
	height: 100%;
	margin-bottom: 0.1em;
	}
	
body {
	color: #000;
	font-size: 16px;
	line-height: 24px;
	font-family: "Baskerville", Constantia, "Palatino Linotype", Palatino, "Book Antiqua", serif;
	}

a { color: #a03b13; }
a:hover { color: #e60220; }

img.alignright { float: right; }

h1, h2, h3, h4 {
	font-weight: normal;
	font-family: "Futura", Helvetica, Arial, sans-serif;
	}

h1 a { 
	position: absolute;
	top: 100px;
	left: 170px;
	height: 44px;
	width: 333px;
	text-indent: -9000px;
	}

h2 { 
	font-size: 18px;
	line-height: 36px;
	font-weight: bold;
	}
	h2 a { color: #000; }
	h2 a:hover { color: #555; }

 h3 {
	font-size: 16px;
	line-height: 36px;
	font-weight: bold;
	padding-top: 18px;
	}

h4 { font-family: "Futura", Helvetica, Arial, sans-serif; }

acronym { font-size: 14px; font-variant: small-caps; letter-spacing: 1px; }

/* ----------------------------------------------------
	Structure & Style
   ---------------------------------------------------- */
   
#page {
	width: 840px;
	margin: 0 auto;
	}

#header {
	margin: 0 0 50px;
	background: url(http://eightface.com/images/2008/a/eightface.jpg) no-repeat;
	height: 190px;
	width: 840px;
	position: relative; 
	}

#content { margin: 110px 0 0px; }
	#content p, h2, h3 { margin: 0 170px; }

#pagination { 
	width: 500px;
	margin: 40px 170px 0;
	text-align: center;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px 0;
	}
	.earlier, .previous { float: left; }
	.later, .next { float: right; }

#footer {

	margin: 0 170px;
	padding-top: 10px;
	width: 500px;
	font-size: 14px;
	line-height: 20px;
	border-top: 1px solid #000; 
	}
	#footer li { margin-left: 16px; }

#bottom {
	height: 152px;
	background: url(http://eightface.com/images/2008/a/eightface.bottom.jpg) no-repeat;
	clear: both;
	}
	#bottom p { display: none; }

/* ----------------------------------------------------
	Posts
   ---------------------------------------------------- */

.post {	margin: 10px 0 50px 0; text-align: justify; }

.post p + p { text-indent: 24px;  }

.post p + p img, .post p + p a img { margin: 0 -24px; }

.post p + p img + p, .post p + p a img + p { text-indent: 0; }
	
.post ul, .post ol {
	margin: 10px 200px;
	}

.post .img-500 {
	margin: 0 170px;
	}

.post .img-small {
	float: right;
	margin: 2px 170px 5px 10px;
	}

.meta {
	font-size: 14px;
	line-height: 18px;
	color: #777;
	margin: 6px 0;
	}

.post blockquote {
	margin: 20px;
	padding-left: 10px;
	text-indent: 0;
	}
	.post blockquote + p { text-indent: 0: }

ul.no-bullets li { list-style-type: none; } 

/* ----------------------------------------------------
	Links
   ---------------------------------------------------- */

.link {
	margin: 0 0 24px 0;
	text-align: left;
	}

.link .permalink a {
	font-size: 12px;
	color: #ccc;
	}
	.link .permalink a:hover { color: #999; }
  
 /* ----------------------------------------------------
	Misc
   ---------------------------------------------------- */

#flickr { 
	margin: 0 160px 0 170px; 
	}
	#flickr ul { list-style: none; margin: 10px 0; line-height: 0; }
	#flickr li { display: inline; margin: 0 10px 0 0; }

.error h3 {
	margin-top: 50px;
	}

.error #search {
	margin: 16px 170px 60px;
	}

code { font-size: 12px; }

.code {
	margin: 20px 170px 0;
	padding-bottom: 20px;
	line-height: 16px;
	}
	

#about .img-500 {
	margin: 10px 170px 0;
	}

#about ol, #about ul {
	margin: 0 170px 10px 190px;
	}