@charset "iso-8859-1";

/*******************************************************************************
*  shoden_theme.css : 2006.07.06
* -----------------------------------------------------------------------------
*	 Actual layout is in skidoo_too_layout.css, as well as a 
*  default theme.
*
*  This file contains a custom theme (obviously based on the default skidoo_too
*  them, as well as additional non-skidoo_too CSS.
*******************************************************************************/

#pageWrapper, #masthead, #innerColumnContainer, #footer, .vnav ul, .vnav ul li, .hnav, .hnav ul li a
{
	border-color: #000;
}
html, body
{
	/* note that both html and body elements are in the selector.
	 * this is because we have margins applied to the body element
	 * and the HTML's background property will show through if
	 * it is ever set. _DO_NOT_ apply a font-size value to the
	 * html or body elements, set it in #pageWrapper.
	 */
	background-color: #eee;
	color: #000;
	font-family: arial, helvetica, sans-serif;
}
#pageWrapper
{
	font-size: 100%;	/* set your default font size here. */
}
#masthead
{
	background-color: #000;
	color: #000;
	font-size: 1px;
}
.hnav
{
	background-color: #aba;
	color: #fff;
}
#outerColumnContainer
{
	border-left-color: #369; /* left column background color */
	border-right-color: #F5F5F5;	/* right column background color */
	background-color: #fff;		/* set the background color for the
					   middle column here */
}
.vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active
{
	text-decoration: none;
	background-color: #cdc;
	color: #000;
}
#rightColumn .vnav ul li a:link, #rightColumn .vnav ul li a:visited, #rightColumn .vnav ul li a:active
{
	background-color: #ded; /*#ded*/
}
.vnav ul li a:hover, #rightColumn .vnav ul li a:hover
{
	text-decoration: none;
	background-color: #898;
	color: #fff;
}
.hnav ul li a:link, .hnav ul li a:visited
{
	background-color: #bcb;
	color: #000;
}
.hnav ul li a:hover
{
	background-color: #787;
	color: #fff;
}
#rightColumn .inside
{
	/* if you apply a font size to just #rightColumn, then its width,
	 * which is specified in EMs, will also be affected. you don't want
	 * that. so apply font size changes to the .inside element which exists
	 * inside underneath all three columns
	 */
	font-size: 90%;
}
#rightColumn .inside .vnav
{
	font-size: 110%;
}
#footer
{
	background-color: #036;
	color: #fff;
	text-align: center;
	font-size: .8em;
}

/******************************************************************************/

#rightColumn
{
	border-top: 1px solid #000;
}

#leftColumn
{
	border-top: 1px solid #000;
}

#middleColumn
{
	border-top: 1px solid #000;
}

#sitelogo{
	display: block;
	position: relative;
	background: #036;
	border-bottom: 1px solid #fff;
}

#sitelogotext
{
	display: block;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.4em;
	color: #fff;
	/* background: #fff; */
}

.dropcap
{
float: left;
display: block;
border: .025em solid #036;
padding: .01em;
margin-right: .05em;
margin-top: .05em;
/*width: .9em;*/
font-size: 4em;
line-height: 83%;
color: white;
background: #369;
}

ul#navlist
{
padding: 0;
margin: 0;
list-style-type: none;
color: #fff;
background-color: #036;
}
	
ul#navlist li a
{
display: block;
width: 9.95em;
color: #fff;
background-color: #036;
padding-left: 0em;
padding-right: 0em;
margin: 0em;
text-decoration: none;
border-bottom: 1px solid #fff;
}
	
ul#navlist li a:hover				
{														
background-color: #369;		
color: #fff;							
}		

#leftColumn
{
	right-border: 1px solid black;
}

#login
{
	display: block;
	text-align: center;
}

#whatsnew
{
	display: block;
	border: 1px solid black;
	padding: 0em;
	font-size: .9em;
}

#whatsnewHeader
{
	display: block;
	position: relative;
	border-bottom: 1px solid black;
	background: #369;
	color: #eee;
	padding: .5em;
	z-index: 10;
}

#whatsnewContent
{
	display: block;
	padding: .5em;
	border-bottom: 1px solid black;
}

.photoboxwrapper
{
	float: left;
	display: block;
	width: 100%;
	margin: 0 -1px;
}

.photobox
{
	display: block;
	position: relative;
	float: left;
	border: 1px solid black;
	width: 180px;
	height: 165px;
	padding: .25em;
	text-align: center;
	margin: .25em;
}

.thumbnail{
	display:block;
	height: 135px;
	width:	180px;
	border: 0px;
}

.bboard{
	float: left;
	display: block;
	width: 100%;
	margin: 0 -1px;
	border: 1px solid green;
}

.message
{
	display: block;
	width: 100%;
	margin: 0 -1px;
	border: 1px solid purple;
}

.messageSubject
{
	font-weight: bold;
	background: #ddd;
	border-bottom: 1px solid black;
	padding: .25em;
}

.messageAuthor
{
	display: block;
	float: left;
	background: red;
	border-right: 1px solid black;
	width: 6em;
}

.messageBody
{
	display: block;
	margin-left: 6em;
	border-left: 1px solid black;
	padding: .25em;
	background: #eee;
}