/*

Title: 		Voices of Gettysburg CSS
Author: 	Sandor Weisz, methodtree.com
Updated: 	April 1, 2009

*/

/* @group Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	background-position: 0 0;
	background-repeat: no-repeat;
}

/* remember to define focus styles! */

:focus, :active {
	outline: 0;
}

/*html {
	min-height: 100%;
	height: auto;
}*/

body {
	background: #c88c3c url(/i/bg.gif) repeat-x fixed 0 bottom;
	text-align: center;
	color: black;
	font-size: 13px;
	line-height: 1.4;
	font-family: Georgia, "Times New Roman", sans-serif;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

.cf:after, .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.c\learfix:after, .c\f:after {
	line-height: 0;
}

.clearfix, .cf {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix, * html .cf {
	height: 1%;
}

.clearfix, .cf {
	display: block;
}

/* End hide from IE-mac */

/* @end */

/* @group Tags */

a {
	color: #4a2e07;
	text-decoration: none;
	border-bottom: 1px dashed;
}

a:hover {
	text-decoration: underline;
	border-bottom: 1px solid;
}

p, ul {
	margin-bottom: 1.2em;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1;
}

/* @end */

/* @group Layout */

#wrap, #footer {
	width: 850px;
	margin: 0 auto;
	text-align: left;
	padding-top: 20px;
}

#side {
	width: 235px;
	position: fixed;
}

#content {
	position: relative;
	left: 260px;
	width: 590px;
	padding-bottom: 150px;
}

/* @end */

/* @group Side */

h2 {
	background-image: url(/i/isaac_taylor.png);
	text-indent: -1000em;
	overflow: hidden;
	width: 225px;
	height: 88px;
	margin-bottom: 12px;
}

.lincoln h2 {
	background-image: url(/i/abraham_lincoln.png);
	width: 235px;
	height: 62px;
}

.sarah h2 {
	background-image: url(/i/sarah_broadhead.png);
	width: 235px;
	height: 62px;
}

.nickerson h2 {
	background-image: url(/i/ah_nickerson.png);
	width: 222px;
	height: 62px;
}

#side p {
	font-style: italic;
	font-size: 13px;
	line-height: 1.5;
	margin-left: 28px;
	color: #352010;
}

#side #attribution {
	font-size: 12px;
	line-height: 1.4;
	color: #352a22;
}

#side #attribution i {
	font-style: normal;
}

#readmore {
	text-align: right;
}

#side a {
	font-size: 12px;
}

#side a:hover {
	color: black;
	border-bottom: 1px solid;
	text-decoration: none;
}

/* @group Nav */

#side p {
	margin-left: 10px;
}

p#featuring {
	font-size: 15px;
	line-height: 1.5;
	margin-bottom: 20px;
}

#nav {
	margin: 0;
}

#nav li {
	border: none;
	background: url(/i/nav/divider.gif) no-repeat center 0;
	padding-top: 18px;
	padding-bottom: 3px;
}

#nav a {
	display: block;
	width: 235px;
	height: 70px;
	background: url(/i/nav/isaac.png) no-repeat 0 0;
	text-indent: -1000em;
	overflow: hidden;
	border: none;
}

#nav a:hover {
	border: none;
	background-position: -235px 0;
}

#nav #isaac {
	padding-bottom: 8px;
	background-image: none;
	padding-top: 0;
}

#abe a {
	background-image: url(/i/nav/abe.png);
}

#nav #sarah {
	padding-bottom: 1px;
}

#sarah a {
	background-image: url(/i/nav/sarah.png);
}

#ah a {
	background-image: url(/i/nav/ah.png);
}

/* @end */

/* @end */

/* @group Content */

.post {
	position: relative;
	background: url(/i/line.png) repeat-x -10px 0;
	font-size: 17px;
	padding: 22px 11px 0 11px;
	margin-bottom: 25px;
}

.post p {
	margin-bottom: 12px;
}

.post cite {
	display: block;
	text-align: right;
	font-size: 14px;
	font-style: italic;
	color: #222;
}

.post cite b {
	font-weight: bold;
	color: #222;
}

.post cite a {
	border: none;
}

.post cite a:hover {
	text-decoration: none;
	border-bottom: 1px dashed;
}

.post .date {
	font-size: 14px;
	font-style: italic;
	text-align: right;
}

.post .date b {
	font-weight: normal;
	background: url(/i/quill.gif) no-repeat right 2px;
	margin-right: 10px;
	padding-right: 30px;
}

.post .date a, .post .date a:hover {
	border: none;
	text-decoration: none;
}

.copy {
}

.lincoln .copy {
	font-family: Helvetica, Arial;}

.sarah .copy {
	font-family: "Times New Roman", Helvetica, Arial;
}

.nickerson .copy {
	font-family: Verdana, Helvetica, Arial;
	font-size: 14px;
}

.text h3 {
	font-size: 24px;
	margin-bottom: 1em;
}

.text {
	font-size: 16px;
	padding-bottom: 25px;
}

.text blockquote {
	border-left: 1px solid #352c26;
	padding-left: 20px;
	font-size: 15px;
}

.text .pic {
	float: right;
	margin: 0 0 10px 20px;
	border: 2px solid #fff;
}

/* @end */

/* @group Hillocks */

html > body #hills {
	bottom: 0;
	display: block;
	left: 0;
	position: fixed;
	z-index: 11;
}

#hills {
	background: transparent url(/i/hillocks.png) repeat-x top center;
	color: #FFFFFF;
	font-size: 11px;
	height: 207px;
	text-align: center;
	text-shadow: #25221f -1px -1px 0;
	vertical-align: bottom;
	width: 100%;
	position: relative;
}

#footer {
	padding: 0;
	position: relative;
	top: 70px;
}

h1 a {
	display: block;
	width: 347px;
	height: 105px;
	text-indent: -1000em;
	overflow: hidden;
	background-image: url(/i/title.gif);
	position: relative;
	top: 2px;
}

#footer p {
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	width: 458px;
	font: normal normal normal 12px/1.45 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: url(/i/white_line.gif) repeat-y 0 0;
	padding: 10px 0 0 26px;
	opacity: 0.89;
}

#footer p em {
	font-weight: bold;
	color: white;
}

#footer p a {
	color: #a7855b;
	border-bottom: 1px dashed;
}

#footer p a:hover {
	border-bottom: 1px solid;
	text-decoration: none;
	color: #d9d6c1;
}

#footer p i {
	display: block;
	text-align: right;
	padding-top: 3px;
	font-family: Georgia;
	font-size: 13px;
}

/* @end */