/* ------------------------------------------------
Fit-Well CSS stylesheet copyright 2007
Developed by: Detour Design
http://www.detourdesign.com
rick@detourdesign.com
juna@detourdesign.com
801-680-8844
---------------------------------------------------- */

/* =global */
html {
	background: #fff url(assets/sitebg.gif) repeat-x;
	color: #666; 
	font: small/120% Georgia, "Times New Roman", serif;
	text-align: center;
}

* {
	margin: 0;
	padding: 0;
}

/* =typography */
h1#nameplate {
	background: transparent url(assets/nameplate.jpg) no-repeat center top;
	height: 225px;
	margin: 0 auto;
	text-indent: -9000px;
}

h1#innernameplate {
	background: transparent url(assets/innernameplate.gif) no-repeat center top;
	height: 109px;
	margin: 0 auto;
	text-indent: -9000px;
}

h2 {
	color: #000;
	font-size: 250%;
	line-height: 120%;
	margin-bottom: 4px;
}

h3, dt {
	color: #a0214a;
	font-size: 150%;
	line-height: 120%;
}

h4 {
	color: #666;
	font-size: 120%;
	font-weight: bold;
	line-height: 120%;
}

#content h3 { font-size: 140%; margin-top: 12px; }

p, #content ul, #content ol, dd { line-height: 150%; }

h2, h3, h4, p, ul, ol, dt, dd {	width: 475px; }

h2, h3, h4, #navcontainer, #footer, dt { font-family: Helvetica, Arial, sans-serif; }
dt { font-weight: bold; }

#footer p {
	font-size: 85%;
	margin-left: 5px;
	width: 800px;
}

#content ul, #content ol { text-align: left; }
#content ul { list-style: none; margin-top: 8px; }
#content ul li {
	background: transparent url(assets/bullet.gif) no-repeat 0 .5em;
	padding-left: 12px;
}

#content ul#affiliates li { background: none; margin-top: 12px; padding-left: 24px; }

#content ol { margin-left: 40px; }

#sidebar-content ul { list-style-type: none; }

/* =classes */
.bold-italic { font-style: italic; font-weight: bold; }
.clear { clear: both; }
.italic { font-style: italic; }
.next-p { margin-top: 12px;	}
.no-border { border: none; }
.upcase { text-transform: uppercase; }


.date-header {
	border-bottom: 1px solid #ccc;
	margin: 12px 0 16px 0;
	width: 500px;
}

.post-date {
	background-color: #ddd;
	color: #000;	
	font-weight: bold;
	padding: 5px;
	width: 7.5em;
}

#content div.byline {
	border-top: 1px solid #ccc;
	color: #999;
	font-size: 85%;
	font-style: italic;
	margin-top: 16px;
	padding-top: 4px;
	width: 500px;
}

.inlineimageleft {
	float: left;
	margin: 4px 16px 16px 0;
}

.inlineimageright {
	float: right;
	margin: 4px 0 16px 16px;
}

.sidebar-title { margin-top: 10px; }

/* =layout */
body {
	background: url(assets/wrapperbg.jpg) no-repeat center top;
	margin: 0 auto;
	text-align: left;
	width: 850px;
}

#sidebar {
	float: left;
	margin: 0 -600px 0 0;
	width: 200px;
}

#sidebar-content { margin: 0 0 25px 48px; }
ul#affiliates {
	float: right;
	padding-right: 16px;
	width: 200px;
}

#content {
	float: right;
	margin-bottom: 32px;
	padding-top: 12px;
	width: 600px;
}

#footer {
	border-top: 1px solid #000;
	clear: both;
	margin: 0 auto;
	padding: 12px 0;
	width: 800px;
}

/* =links */
a, a:visited {
	color: #06c;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: underline;
}



/* =navigation */
#navcontainer { margin-bottom: 32px; width: 175px; }
#navcontainer ul {
	font-size: 100%;
	list-style-type: none;
	margin-left: 25px;
	text-align: left;
}

#navcontainer a {
	background-color: #eee;
	border-bottom: 1px solid #ccc;
	display: block;
	padding: 8px 0 8px 24px;
	text-decoration: none;
	width: 175px;
}

#navcontainer a:link, #navcontainer a:visited {
	color: #666;
	text-decoration: none;
}

#navcontainer a:hover {
	background: url(assets/navrollbg.gif) repeat-x;
	color: #fff;
}

#navcontainer a#active, body#home #navcontainer li.n-home a, body#services #navcontainer li.n-services a, body#staff #navcontainer li.n-staff a, body#info #navcontainer li.n-info a, body#news #navcontainer li.n-news a, body#profiles #navcontainer li.n-profiles a, body#links #navcontainer li.n-links a, body#contact #navcontainer li.n-contact a {
	background: #000;
	color: #fff;
	cursor: default;
}

#navcontainer ul ul {
	font-size: 85%;
	list-style-type: none;
	margin: 0;
	text-align: left;
}

#navcontainer ul ul a {
	background-color: #ccc;
	border-bottom: 1px solid #aaa;
	display: block;
	padding: 5px 5px 5px 32px;
	text-decoration: none;
	width: 162px;
}

#navcontainer ul ul a:link, #navcontainer ul ul a:visited {
	color: #666;
	text-decoration: none;
}

#navcontainer ul ul a:hover {
	background: url(assets/navrollbg.gif) repeat-x;
	color: #fff;
}

#navcontainer a#subactive {
	background: #888;
	color: #fff;
	cursor: default;
}

.debug { border: 1px solid #f00; }