/* ---------------------------------------------------------------------------
	Copyright 2006 Paul Hansen / Ecopixel - www.ecopixel.com
	All Rights Reserved.
--------------------------------------------------------------------------- */

body {
	width: auto;
	font-size: 80%;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	padding-top: 0;
	background-color: #FFF !important;
}

/* Order should be :link, :visited, :hover, :focus, :active */
a,a:visited,a:hover {
	color: #666 !important;
	text-decoration: underline !important;
	border-bottom: none !important;
}

/* No underline on images that are links */
/* No border on img anchors */
.csc-textpic-image a,
.csc-textpic-image a:visited,
.csc-textpic-image a:hover {
	border: none;
}


/* ---------------------------------------------------------------------------
	BEGIN main layout section
--------------------------------------------------------------------------- */

#wrap {
	position: static;
	margin: 0;
	width: auto;

}

#logo {
	display: none;
}

#header {
	clear: both;
	position: relative;
	width: auto;
	overflow: hidden;
	border-top: 3px solid #9D8D64;
	background: url(img/bg-header-allen.jpg) left bottom no-repeat;
}

/* Change header on Johnston pages */
body.subsec-johnston #header {
	background: url(img/johnston_banner_08.jpg) left 50% no-repeat;
}

body.sec-makinghistory #header {
	background: url(img/header-makinghistory.jpg) left bottom no-repeat;
}

body.sec-makinghistory h1#headline {
	color: #000;
}

body.sec-films #header {
	background: url(img/bg-header-films.jpg) left bottom no-repeat;
}

/* About Clio */
body.sec-about #header {
	background: #000 url(img/header-clio.jpg) left 50% no-repeat;
}

/* Change header on Johnston pages */
body.subsec-palmquist #header {
	background: #000 url(img/palmquist-banner.jpg) left 50% no-repeat;
}

/* on the home page */
body#page-1 #header {
	background: url(img/bg-header-home.jpg) left top no-repeat;
	height: 187px;
}

h1#headline {
	clear: both;
	color: #FFF;
	font-size: 1.5em;
	line-height: 120%;
	padding: 0.8em 0 0.8em 36px;
	letter-spacing: 0.15em;
}

#main {
	clear: both;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	width: auto;
	background-color: #DDD6C5;
}

/* ---------------------------------------------------------------------------
	BEGIN navigation
--------------------------------------------------------------------------- */
#nav, #navcrumbs, #navpage, #navpagebot, #navfoot {
	display: none;
}
 
/* ---------------------------------------------------------------------------
	BEGIN main content formatting
--------------------------------------------------------------------------- */

#headline, #nav, #navcrumbs, #navpage, #navpagebot, #footer {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#content {
	width: auto;
	padding: 0;
}

#content h1 {
	margin: 0 0 0.5em 0;
	font-size: 1.8em;
	line-height: 120%;
	font-weight: normal;
	color: #574E37;
}

#content h2 {
	margin: 0 0 0.5em 0;
	font-size: 1.3em;
	line-height: 120%;
	font-weight: normal;
	border-bottom: 1px solid #9D8D64;
}

#content .csc-textpic-caption {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 130%;
}

#content .csc-frame-rulerBefore {
	clear: both;
	border-top: 1px dashed #9D8D64;
	padding-top: 1em;
}

#content .csc-frame-frame1 {
	border-top: 1px dashed #9D8D64;
	padding: 1em 0 0 0;
	border-bottom: 1px dashed #9D8D64;
	margin: 1em 0 1em 0;
}


/* #content .csc-frame-rulerBefore */

#content h3 {
	margin-top: 1em;
	line-height: 160%;
	font-weight: bold;
	color: #000;
}

#content h4 {
	margin-top: 1em;
	line-height: 160%;
	font-weight: bold;
	font-style: italic;
	color: #574E37;
}

#content p {
	margin: 0 0 1em 0;
	line-height: 160%;
	font-size: 1.2em;
}

#content blockquote {
	float: right;
	width: 170px;
	color: #574E37;
	border-top: 1px solid #9D8D64;
	border-bottom: 1px solid #9D8D64;
	margin: 0 0 1em 1em;
	padding: 0.5em 0;
	font-style: italic;
	font-weight: bold;
	line-height: 160%;
}

#content ul {
	list-style-type: square;
	padding-left: 18px;

}

#content ol {
	list-style-type: decimal;
	padding-left: 18px;
}

#content ul li, #content ol li {
	line-height: 160%;
	margin-bottom: 1em;
}


/* ---------------------------------------------------------------------------
	BEGIN footer block
--------------------------------------------------------------------------- */

#footer {
	float: left;
	clear: both;
	background-color: #3A3424;
	width: auto;
	color: #D6CEB9;
	margin-bottom: 18px;
	border-top: 3px solid #9D8D64;
}


/* FOOTER NAVIGATION */

/* FOOTER TEXT */

#footer-text {
	clear: both;
	padding: 10px 36px 18px 36px;
}

#footer-text p {
	line-height: 140%;
}

#footer-text a {
	color: #666;
	border-bottom: 1px solid #78715F;
}

#footer-text a:visited {
	border-bottom: 1px dashed #78715F;
}

#footer-text a:hover {
	color: #FFF;
	background-color: #2B271B;
}