/* 
    Document   : StorySwap
    Created on : Sep 28, 2009, 11:09:17 AM
    Author     : mkennelly
    Description:
        Purpose of the stylesheet follows.
*/

a {font-family:"Kristen ITC"; font-size:28; font-weight:bold; color:#313894;}
	
a:hover {color:#ffed28; }

h2 {font-family:Kristen ITC}

p {font-family:"Kristen ITC"; font-size: 18px; font-weight:bold color:#FFF;}
li {font-family:"Kristen ITC"; font-size: 18px; font-weight:bold color:#000000;}

#fauxbackground { z-index:-1;  left:0em; top:0em; position:absolute; max-width:106.667em; max-height:85.334em; width:100%; height:auto;}
#container {}
#menubox  {background-color:transparent; font-family:Comic Sans MS; width:35%; height:auto; margin:10% 0% 0% 20%; float:left;}
#rightbox {background-color:transparent; width:35%; margin:10% 0% 0% 0%; float:left;}

#leftbox {background-color:transparent; width:35%; margin:0% 0% 0% 10%; float:left;}


.tabletop {background-image:url(../images/woodgrain.jpg);
           background-repeat:repeat;}

/* vertical menu bar */
ul.mbv {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 9em;
}
ul.mbv li {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #CC9966; /* fixes gap problem in IE */
	position: relative;
	z-index: 1;
}
ul.mbv ul {
	margin: 0 0 0 2px;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0; /* if using borders, -1 to align top borders */
	left: 8em;
	width: 8em;
	background: #CC9966;
	z-index: 2;
}
/* separator to mark end of menu group */
ul.mbv li.end {
	border-bottom: 1px dashed #FFFF99;
}

ul.mbv li a:link,
ul.mbv li a:visited,
ul.mbv li a:hover,
ul.mbv li a:active {
	display: block;
	padding: .2em .5em;
	width: 7em;
	text-decoration: none;
	background: #CC9966;
	color: #FFFF99;
}
ul.mbv li a:hover,
ul.mbv li a:active {
	background: #FFFF99;
	color: #000;
}

ul.mbv li a.hidden:link,
ul.mbv li a.hidden:visited {
	background: #FFCC66 url(../images/mb.gif) 100% -12px no-repeat;
}
ul.mbv li a.visible:link,
ul.mbv li a.visible:visited,
ul.mbv li a.visible:hover,
ul.mbv li a.visible:active {
	background: #FFFF99 url(../images/mb.gif) 100% -62px no-repeat;
	color: #000;
}