
/* body -------------------------------------------------------------------- */

body
{
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: small;
	color: #383d44;
	background: #f3f1e9 url(images/bg-top.gif) repeat-x top left;
}

/* links ------------------------------------------------------------------- */

a:link, a:visited
{
	padding-bottom: 1px;
	color: #326ea1;
	text-decoration: none;
	border-bottom: 1px solid #dbd5c5;
}
a:hover
{
	padding-bottom: 0px;
	color: #383d44;
	border-bottom: 2px solid #dbd5c5;
}
a.more
{
	padding-bottom: 0px;
	padding-right: 7px;
	background: url(images/morearrow.gif) no-repeat 100% 5px;
}

/* pages ------------------------------------------------------------------- */

#main-body
{
	width: 80em;
	margin: 30px auto;
	padding: 0;
	font-size: 95%;
	line-height: 1.6em;
	background: url(images/bg-main.gif) repeat-y 55em 0;
}
#content
{
	width: 53em;
	float: left;
}
#sidepanel
{
	width: 20em;
	float: right;
	margin-left: 2em;
	font-size: 90%;
	font-family: Verdana, sans-serif;
	line-height: 1.5em;
	color: #777;
}

/* header ------------------------------------------------------------------ */

#header
{
	padding: 0;
	font-size: 95%;
	border-top: 1px solid #464a52;
	background: url(images/banner.jpg) repeat top left;
}

/* logo -------------------------------------------------------------------- */

#logo
{
	width: 100%;
	margin: 0 auto;
}
#logo h1
{
	margin: 12px 0 0 0;
	font-family: Georgia, serif;
	text-align: center;
	color: white;
}
#logo h2
{
	margin: 0;
	font-family: Georgia, serif;
	font-size: small;
	text-align: center;
	color: white;
}
#logo span
{
	display: block;
	height: 55px;
	padding: 0;
	border-style: none;
	margin-left: -20px;
}
#logo img
{
	float: left;
	display: inline;
	margin: 4px;
}

/* navigation -------------------------------------------------------------- */

#nav
{
	width: 100%;
	margin: 20px 0 0 0;
	padding: 10;
	background: black;
}
#nav ul
{
	margin: 0;
	list-style: none;
	border-top: 1px solid #464a52;
	background: #383d44;
}
#nav li
{
	float: left;
	margin: 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 80%;
	letter-spacing: 2px;
	text-transform: uppercase;
}
#nav li a
{
	float: left;
	padding: 10px 12px;
	text-decoration: none;
	color: #e7e3d9;
	border: none;
	background: url(images/bg-nav.gif) no-repeat bottom right;
}
#nav li a:hover
{
	color: #fff;
	background: #464a52;
}
#nav li a.active
{
	font-weight: bold;
	color: #fff;
	background: #292d34 url(images/bg-nav-active.gif) repeat-x top left;
}

/* content ----------------------------------------------------------------- */

blockquote
{
	font-family: Georgia, serif;
	font-size: 100%;
	line-height: 1.5em;
	color: #666b75;
	padding-left: 23px;
	background: url(images/quotes.gif) no-repeat 0 3px;
}
code
{
	color: #963;
	font-family: Monaco, monospace;
	font-size: 120%;
	text-align: left;
}
code strong
{
	color: #630;
}
abbr, acronym, .popup
{
	font-style: normal;
	border-bottom: 1px dotted #dbd5c5;
	cursor: help;
}
a abbr
{
	border: none;
}
em
{
	font-style: italic;
}
strong
{
	font-weight: bold;
}
del
{
	text-decoration: line-through;
	color: #777;
}
ins
{
	text-decoration: none;
	font-style: italic;
}
address
{
	margin: 0;
	padding: 0;
	font-style: normal;
}

/* title box --------------------------------------------------------------- */

#title
{
	margin: 0 0 20px 0;
	padding: 0 0 6px 0;
	border-bottom: 2px solid #dbd5c5;
}
#title h1
{
	margin: 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 170%;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0;
	color: #383d44;
	border: none;
}
#title h1 span
{
	color: #666b75;
}
#title h2
{
	margin: 6px 0 0 0;
	padding: 0;
	font-size: 90%;
	font-weight: normal;
	font-style: italic;
	line-height: 1.6em;
	color: #777;
}

/* content styles */

#content h3
{
	margin: 0 0 10px 0;
	padding: 0;
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 140%;
	line-height: 1.5em;
	color: #693;
	border-bottom: 1px solid #dbd5c5;
	}
#content h3 a {
	border: none;
	}
#content h2
{
	margin: 6px 0 0 0;
	padding: 0;
	font-size: 110%;
	font-weight: normal;
	font-style: italic;
	line-height: 1.6em;
	color: #777;
}
#content p {
	margin: 0 0 20px 0;
	}
span.amp {
	font-size: 110%;
	font-family: "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-style: italic;
	}

#content h2.date {
	margin: 0 0 15px 0;
	padding: 0;
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 80%;
	line-height: 1em;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	color: #666b75;
	}

/* figures */

#content img.thumb
{
	float: right;
	margin-left: 12px;
	margin-bottom: 6px;
	margin-top: .5em;
	padding: 2px;
	border: 3px solid #dbd5c5;
	background: #fffefa;
}
#content img.thumbleft
{
	float: left;
	margin-left: 0px;
	margin-bottom: 6px;
	margin-top: .5em;
	padding: 2px;
	border: 3px solid #dbd5c5;
	background: #fffefa;
}
#content img.alt
{
	float: left;
	margin: .5em 12px 6px 0;
}
#content img.plain
{
	border: none !important;
	background: none;
}
#content img.sm
{
	margin-top: .2em;
	margin-bottom: 4px;
}
#content a img.thumb:hover
{
	border-color: #fff;
	background: #fff;
}
#content img.alone, #content .block
{
	float: none;
	margin-left: 0;
}
#content p.fig
{
	text-align: center;
}

/* lists */

#content ul, #content ol, #content dl {
	margin: 0 0 1.5em 0;
	padding: 0;
	}
#content ul, #content ol {
	margin-left: 20px;
	}
#content ol {
	padding-left: 20px;
	}
#content ul {
	list-style: none;
	}
#content ul li {
	padding: 0 0 4px 14px;
	line-height: 1.4em;
	background: url(images/bullet.gif) no-repeat 0 4px;
	}
#content dl dt {
	font-weight: bold;
	}
#content dl dd {
	margin: 0 0 15px 0;
	padding: 0;
	}

/* alert notes */

#content .note {
	font-size: 90%;
	font-style: italic;
	line-height: 1.6em;
	color: #888;
	padding: 6px 0 0 0;
	border-top: 1px solid #dbd5c5;
	}
#content .note strong {
	color: #383d44;
	}
#content .note code {
	color: #444;
	}
#home #content .note, #content .plain {
	padding: 0;
	border: none;
	}
#content p.filed {
	padding-left: 16px;
	color: #929C87;
	background: url(images/folder.gif) no-repeat 0 8px;
	}

/* comments */

#comments {
	font-size: 90%;
	margin-bottom: 10px;
	border-top: 1px solid #dbd5c5;
	border-bottom: 1px solid #dbd5c5;
	}
#comments h3 {
	margin: 30px 0 20px 0;
	padding: 0 0 3px 0;
	border-bottom: 2px solid #dbd5c5;
	}
#comments h3#add-com {
	margin-bottom: 0;
	border-bottom: none;
	}
#comments code {
	font-size: 118%;
	}
#comments span {
	color: #999;
	}

/* home page specific */

/*
body#home #title
{
	padding: 23px 130px 12px 12px;
	border-bottom: none;
	background: #e6e3d7 url(images/logo.gif) no-repeat 98% 50%;
}
body#home #title h2
{
	font-size: 100%;
	font-style: normal;
	color: #464a52;
}
*/
#content h3.green
{
	margin: 0 0 20px 0;
	padding: 0 0 3px 0;
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 100%;
	line-height: 1.5em;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #693;
}

/* sidepanel ----------------------------------------------------------------- */

#sidepanel h3
{
	margin: 25px 0 12px 0;
	padding: 0 0 5px 0;
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 100%;
	line-height: 1em;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #693;
	border-bottom: 1px solid #dbd5c5;
}
#sidepanel h3.first
{
	margin-top: 0;
}
#sidepanel h3.featured
{
	margin-bottom: 0;
	border-bottom: 0;
}
#sidepanel p
{
	margin: 0;
	padding: 0;
}
#sidepanel ul, #sidepanel dl
{
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	list-style: none;
}
#sidepanel li
{
	margin: 0 0 .5em 0;
	padding: 0 0 0 14px;
	background: url(images/bullet.gif) no-repeat 0 4px;
}
#sidepanel ul li.last
{
	margin-bottom: 0;
}
#sidepanel p.banner a
{
	padding: 0;
	border: none;
}
#sidepanel ul.sub li.active a:link, #sidepanel ul.sub li.active a:visited
{
	color: #383d44;
	font-weight: bold;
	text-decoration: none;
	border-bottom: none;
}
#sidepanel ul.sub li.active
{
	background: url(images/act-sel.gif) no-repeat 1px 4px;
}
#sidepanel img.thumb
{
	float: left;
	margin: 0 8px 2px 0;
	padding: 2px;
	border: 3px solid #dbd5c5;
	background: #fffefa;
}
#sidepanel a img.thumb:hover
{
	border-color: #fff;
	background: #fff;
}

/* slideshows -------------------------------------------------------------- */

#photonav
{
	width: 522px;
	margin: 1em 0;
	padding: 0;
	font-size: 85%;
	line-height: 1.5em;
	text-align: center;
	color: #ccc;
}
#photonav a
{
	margin-left: 1em;
	margin-right: 1em;
}
#clearPhoto
{
	clear: both;
	margin: 20px 0 0 0;
}
img#photo
{
	width: 36em;
	margin: 0 0 1em 0;
	padding: 10px;
	border: 3px solid #dbd5c5;
	background: #fffefa;
}


/* footer ------------------------------------------------------------------ */

#footer
{
	width: 80em;
	margin: 0 auto;
	padding: 5px 0 30px 0;
	font-size: 95%;
	line-height: 1.5em;
	border-top: 1px solid #dbd5c5;
}
#footer-inner
{
	padding-top: 10px;
	padding-left: 40px;
	padding-bottom: 10px;
	background: url(images/logo-footer.gif) no-repeat -50px -50px;
}
#footer p
{
	margin: 0;
	margin-left: 4px;
	padding: 0;
	font-size: 90%;
}

/* misc. ------------------------------------------------------------------- */

hr, .hide
{
	display: none;
}
a img
{
	border: none;
}

/* self-clearing floats */

#nav ul:after, 
#main-body:after,
#footer:after,
#port:after, 
dl.teaser:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }
