/*
	SmokeFade website
	created by Paul Novitski http://juniperwebcraft.com
	October 2007
*/


/*--------------------
general
--------------------*/
*
{
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-style: normal;
}
br,
.clear
{
	clear: both;
}
em
{
	font-style: italic;
}
ul
{
	list-style-type: none;
}
a
{
	border-bottom: 1px dotted #0074C7;
	color: #0074C7;
	text-decoration: none;
}
a:hover
{
	border-bottom: 1px solid #6B7F8A;
	color: #6B7F8A;
}
a:visited
{
	color: #6B7F8A;
}
blockquote.EPHI
{
	margin: 0 1em;
	text-indent: -1em;
}
blockquote.EPHI p
{
	font-style: italic;
}
span.EPHI
{
	font-weight: bold;
}
p
{
	line-height: 1.5;
	margin: .5em 0;
}
div.error
{
	margin: .25em;
	padding: .25em;
	font-size: 1em;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	border: 2px solid #FFF;
	text-align: left;
	background-color: #FFF;
	color: #F00;
}
p.error
{
	color: #F00;
}
.debug
{
	text-align: left;
}
p.error-debug
{
	xdisplay: none;
	font-weight: bold;
	font-family: Monospace;
	color: #F00;
}
span.identity
{
	font-weight: bold;
}
strong
{
	font-weight: bold;
}
span.title,
span.title a
{
	font-weight: bold;
	font-style: italic;
}
.debugInput table
{
	border-collapse: collapse;
}
.debugInput td
{
	text-align: left;
	border: 1px dotted #000;
}

/*--------------------
page structure
--------------------*/
body
{
	height: 100%;
	font-size: 100%;
	background: #DDEDF8 url("images/chrome-background-main.jpg") left top repeat-x;
	color: #4B3529;
	text-align: center;
}
#wrapOuter
{
	position: relative;
	width: 848px;
	margin: 0 auto;
	xmargin-left: 50%;
	xleft: -424px;
	text-align: left;
}
#wrapInner
{
	float: left;
	width: 848px;
	background: url("images/chrome-inner-background.jpg") left top repeat-y;
}
/*--------------------
head
--------------------*/
#head
{
	position: relative;
	width: 614px;
	height: 72px;
	top: 0;
}
#head #sitelogo a
{
	display: block;
	height: 72px;
	top: 0;
	border: none;
}
#head #sitelogo img
{
	display: block;
	height: 72px;
	top: 0;
	border: none;
}
#head p.login,
#head p.logout
{
	display: none;
	position: absolute;
	bottom: .25em;
	right: .25em;
	margin-bottom: 0;
	font-size: .8em;
	background-color: #FCFDFF;
}
body.logged-in #head p.logout
{
	display: block;
}
body.logged-out #head p.login
{
	display: block;
}
body#smokefade #head p.login
{
	display: none;
}
/*--------------------
content column
--------------------*/
#contentcol
{
	float: left;
	width: 614px;
	min-height: 490px;
	background: #B3DCFA url("images/chrome-content-background.jpg") left bottom repeat-x;
}
#contentcol div.inner,
#contentcol div.innerhead
{
	clear: left;
	margin: 14px;
	padding: .4em 14px;
	background-color: #E5F3FE;
}
#contentcol div.innerhead
{
	margin-left: 0;
	padding: 0;
	background-color: #B3DCFA;
}
#contentcol div.innerhead h2,
#contentcol div.innerhead p.dayno
{
	margin: 0;
	padding: 0;
	line-height: 2.3em;
	color: #291D16;
	xborder: 1px dotted red;
}
#contentcol div.innerhead p.dayno
{
	font-size: 1.2em;
}
#contentcol div.innerhead h2 span,
#contentcol div.innerhead p.dayno span
{
	padding: 14px 9px;
	background-color: #FAF8BE;
}
#contentcol div.innerhead h2 em
{
	font-style: normal;
	text-decoration: underline;
}
/*--------------------
nav menu column
--------------------*/
#sidebar h2
{
	margin-left: -9px;
	margin-bottom: .25em;
	font-size: .9em;
	color: #291d16;
}
#sidebar h2 span
{
	padding: .25em 9px;
	background-color: #FAF8BE;
}
/*--------------------
site menu
--------------------*/
div#sidebar
{
	float: left;
	width: 225px;
	margin-left: 9px;
}
ul#sitenav
{
	padding-top: 14px;
}
ul#sitenav li a
{
	display: block;
	margin: .5em 0;
	margin-left: -9px;
	border: none;
}
ul#sitenav li a span
{
	display: block;
	padding: .5em 9px;
	line-height: .15em;
	font-size: .9em;
	font-family: "Neo Sans", Verdana, sans-serif;
	color: #4b3529;
}
ul#sitenav li a:hover span
{
	display: block;
	text-decoration: underline;
	xborder-bottom: 1px solid #4b3529;
}
ul#sitenav li.selected a span
{
	color: #F1FBC9;
	background-color: #4b3529;
	text-decoration: none;
}
ul#sitenav li.selected a
{
	cursor: default;
}
/*--------------------
site menu - 2nd level
--------------------*/
ul#sitenav ul
{
	display: none;
}
ul#sitenav li.selected ul
{
	display: block;
}
ul#sitenav li ul li a
{
	margin: .1em 0;
	margin-left: -9px;
	cursor: hand;
}
ul#sitenav li.selected ul li a span
{
	display: block;
	font-size: .8em;
	padding: .5em 27px;
	color: #4b3529;
	background-color: transparent;
}
ul#sitenav li.selected ul li a:hover
{
	cursor: hand !important;
}
ul#sitenav li.selected ul li a:hover span
{
	text-decoration: underline;
}
ul#sitenav li.selected li.selected a
{
	cursor: default;
}
ul#sitenav li.selected ul li.selected a span
{
	color: #F1FBC9;
	background-color: #4b3529;
	text-decoration: none;
	xcursor: default;
}

/*--------------------
login form
--------------------*/
div#sidebar-login
{
	padding-top: 6em;
}
body#smokefade div#sidebar-login,
body#smokefade-enroll div#sidebar-login,
body.logged-in div#sidebar-login
{
	display: none;
}
div#sidebar-login
{
	padding-top: 6em;
}
div#sidebar-login label
{
	font-size: .8em;
}
div#sidebar-login input
{
	width: 225px;
	font-size: .8em;
	border: 1px solid #000;
	background-color: #CBD6DC;
}
div#sidebar-login li.submit
{
	margin-top: .25em;
	text-align: right;
}
div#sidebar-login li.submit input
{
	width: auto;
}
div#sidebar-login li.reminder
{
	margin-top: .25em;
	font-size: .7em;
	text-align: right;
}

/*--------------------
footer
--------------------*/
#footer
{
	clear: left;
	position: relative;
	width: 848px;
	margin-left: 50%;
	left: -424px;
}
#footer div.inner
{
	width: 614px;
	background-color: #cbd6dc;
}
#footer div.innerMost
{
	margin: 14px;
	padding: 14px;
}
#footer ul
{
	width: 24em;
	height: 2em;
	margin: 0 auto;
}
#footer ul li
{
	float: left;
	padding: 1.4em;
	font-size: .9em;
	xborder: 1px dotted red;
}
#footer p
{
	margin-top: 1em;
	margin-bottom: .5em;
	font-size: .8em;
}
#footer p.copyright
{
	clear: left;
	float: left;
	margin-left: 0px;
}
#footer p.credit
{
	float: right;
	margin-right: 0;
}