/*
-----------------------------------------------------------------------------------
DEFAULT SCREEN STYLESHEET FOR: WWW.SACREDHEADWATERS.COM
-----------------------------------------------------------------------------------
CSS Document Author: Terry Evans - BC DESIGN WORKS
XHTML Document Author: Terry Evans - WWW.BCDESIGNWORKS.COM
-----------------------------------------------------------------------------------
Feel free to poke, prod, and ponder the code. But if you intend to use it, please 
ask for permission before doing so. CONTACT: info [AT] bcdesignworks dot com.
-----------------------------------------------------------------------------------
*/


/*  Globals
--------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}

body {
    text-align: center;
    font: 12px/1.4em Arial, Helvetica, Sans-Serif;
    background:#404040 url(/gfx/bg-main.gif) repeat-y 50%;
    color:#000;
    margin:0; padding:0;
}
hr {display:none;}

/* Links 
--------------------------------------------------------------------------------------------------- */
a {
	color:#404040;
	text-decoration:underline;
}
a:hover {
	color:#B90C28;
}
body#home #content a {
	color:#999;
	text-decoration:underline;
}
body#home #content a:hover {
	color:#B90C28;
}
/* Helpers 
--------------------------------------------------------------------------------------------------- */
#access {
	display:none;
}

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

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


/* Layout Divisions



--------------------------------------------------------------------------------------------------- */
#container {
	margin:0 auto; padding:0;
    text-align:left;
    width: 700px;  
}
#header {
	position:relative;
	margin:0;
	padding:0;
	height:263px;
	width:700px;
	background: url(/gfx/header/1.jpg) 0 0 no-repeat;
}
body#home #header {
	height:224px;
	background: url(/gfx/header/home/1.jpg) 0 0 no-repeat;
}
#logo {
	height:148px;
	margin:0; padding:0;
	position:relative;
}
#logo a {
	position:absolute;
	top:148px;
	left:0;
	width:150px;
	height:115px;
	display:block;
	text-indent:-999px;
}
#header blockquote {
	display:block;
	height:115px;
	width:700px;
	margin:0; padding:0;
	background: url(/gfx/logo-quote.gif) no-repeat 0 0;
}
#header blockquote p,
#header blockquote cite {
	display:none;
}
#contentarea {
	margin:0; 
	padding:0;
	text-align: left;
	background: #fff url(/gfx/sidebar/bg.gif) repeat-y 0 0;
}
body#home #contentarea {
	background: #fff url(/images/12.gif) repeat-y 0 0;    
}
#content {
	float: right; position:relative;
	width: 467px;
       padding:0 0 10px 0;
}
body#home #content {
	color:#000;
	padding:22px 0 0 0;
}
#sidebar {
	float: left; position:relative;
	width: 233px;
	padding:0;
}

#footer {
	clear: both; 
	margin:0; padding: 0; 
	height: 49px;
	background: url(/gfx/foot.jpg) no-repeat -2px -2px;
}
body#home #footer {
	height:51px;
	background: url(/gfx/foot-home.jpg) no-repeat 1px 0px;
}
#footer p {
	display:none;
}

/* Content  */

#home #content p {
margin-left:15px;
}

#content h1 {
	display:block;
	padding:6px 25px;
	margin:0 0 20px 0;
	background:#B90C28;
	color:#C8C8C8;
	font-size:12px;
	text-transform:uppercase;
}
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content p,
#content ul,
#content ol,
#content dl {
	margin:0 30px 15px;
	padding:0;
}

#content li {
margin-left:20px;
}

#content ul.file_download_list {
	list-style: none;
}
#content ul.file_download_list li {
	border-bottom: 1px solid #ccc;
	line-height: 1.6em;
	padding: 0 0 8px 0;
	margin: 0 0 5px 0;
}
#content p.more {
	border-bottom: 1px solid #ccc;
	padding-bottom:8px;
	margin-bottom: 5px;
	text-align: right;
}
#content ul li span.date,
#content ul li span.size {
	color:#999;
}
#content h2 {
	color:#B90C28;
	font-size:22px;
	margin-bottom:10px;
        margin-top:10px;
       font-weight:normal;
       line-height:1.3em;
}
#content h2.subnav {
	color:#B90C28;
	font-size:12px;
	margin-bottom:5px;
       font-weight:bold;
}
#content ul.newslist li {
        margin-bottom:9px;
        list-style:none;
        color:#999;
}
#content dl.archive dt {
        font-weight:bold;
        margin:10px 0 5px 0;
}
#content dl.archive dd {
        margin:0 0 11px 0;
        color:#999;
}
/* ---| NEWS AREA |--- */
#content #newsarea {
	margin:25px 30px 15px;
}
#content #newsarea h2 {
	text-transform:uppercase;
	display:block; float:left;
	font-size:20px;
	width:60px;
	margin:0; padding:0;
	font-weight:normal;
}

#content #newsarea ul {
	margin:0; padding:0;
	float:right; width:325px;
	list-style:none;
}
#content #newsarea ul li {
	margin:0; padding:0;
}
#content #newsarea ul li p {
	margin:0 0 10px 0;
}
#content #newsarea ul li p.date {
	margin-bottom:5px;
	border-bottom: 1px dashed #999;
}
#content #newsarea ul li p.more {
	text-align:right;
}
#content ul#subnav li {
	list-style:none;
}
#content ul#subnav li {
	margin:0 0 4px 0;
}
#content ul#subnav li a {
	padding:0 0 0 20px;
	background: url(/gfx/arrow.gif) no-repeat 0 50%;
}
#content ul#subnav li a:hover {
	background-position:-288px 50%;
}
#content ul#subnav li.active a {
       color:#ccc;
       background-position:-288px 50%;
}
/* Sidebar  */
#sidebar dl {
	margin:0; padding:0;
}
#sidebar img {
	margin:0; padding:0;
}

#sidebar img.poster {
margin:26px;
}

#sidebar dt {
	display:block;
	background:url(/gfx/sidebar/find-btn.gif) no-repeat;
	height:18px;
	width:233px;
	margin:0 0 9px 0; padding:0;
	line-height:18px;
	text-indent:-999px;
}
body#home #sidebar {
	background: #000 url(/gfx/headings/logo.gif) no-repeat;
}
body#home #sidebar dl {
	margin-top:153px;
}
body#home #sidebar dt  {
	display:none;
}
#sidebar p.caption {
	color:#fff;
	font-size:10px;
	font-style:italic;
	text-align:right;
	line-height:1.1em;
	border-top:1px solid #fff;
	padding:3px 0 5px 0;
	margin:10px 13px 0 11px;
}
/* ---| NAVIGATION |--- */
#navigation dd {
	text-align:right;
	margin:2px 12px 0 0;
}
#navigation dd a {
	color:#888;
	text-decoration:none;
	display:block;
}
#navigation dd a:hover {
	color:#fff;
}
#navigation dd.active a {
	color:#fff;
	font-weight:normal;
}
#sidebar ul {
	list-style:none;
	margin:0 0 0 20px;
}
#sidebar dd.active ul li {
	margin:0; padding:0;
	border-bottom: 1px solid #666;
}
#sidebar dd.active ul li a {
	font-weight:normal;
        font-style:italic;
        font-size:11px;
	line-height:1.4em;
	margin:0; padding:0;
        text-align:right;
}
#sidebar dd.active ul li a:hover {
	color:#999;
}
#sidebar dd.active ul li.active a {
 	text-align:right;
       color:#666;
}

/* Photo Gallery
---------------------------------------------------------------------- */
div#photos {padding: 0 5px 10px 20px;}
div#photos div.album {float:left; padding: 5px; position:relative;}
#content div#photos ul li {list-style:none; display:inline; margin:0 15px 0 0; padding:0;}
#content div#photos ul li img {padding: 0; margin: 0; border: 2px solid #ccc;}
div#photos div.album_preview {float: left; position:relative; width: 120px; text-align: center;}
#content div.single h3 {color: #999999; margin-left: 0; padding-left: 0;}
div#photos div.album_preview div.title h4 {text-align: center;}
div#photos div.album_nav {float:right; width: 15%; position: relative;}
div#photos div.single div.image {margin:10px 0 0 0;}

#photos .single img { border: 5px solid #ccc; }

#photos ul.albumlist,
#photos ul.photolist {
	margin: 0; padding: 0;
}
#photos ul.albumlist li {
	float: left;
	width: 120px;
	height: 160px;
	text-align: center;
	font-size: 11px;
}
#photos ul.photolist li {
	float: left;
	width: 120px;
	height: 130px;
	text-align: center;
	font-size: 11px;
}
#photos ul.albumlist li p,
#photos ul.photolist li p {
	margin: 0;
	padding: 5px 0 0 0;
	text-align: center;
}
#photos .caption { padding: 10px 0; }

#photos p,
#photos h1,
#photos h2 {
	margin-left: 0;
}

/* WITNESS */

form #witness {
margin-left:60px;
width:250px;
}