/* CSS Document */

body {background: white; color: black; margin: 0px; padding: 0px; font: small verdana; background-image:url(images/serendipity-bg.gif); background-position:top left; background-repeat:no-repeat }

div#main {margin: 0 8em 0 10px; padding: 1em 0px 0px 0px; width: 870px; border-right: 1px solid silver; border-left: 1px solid silver; border-top:6px solid #643958; float:left; background-color:#E8B9CC;}

#midbox { background-image: url(images/mainbox-bg.gif); background-repeat:repeat-y; margin:0px;}

#header { background-color:#E8B9CC; }

/* header nav */
#header ul#topmenu {width: 9em;}
#header ul#topmenu > li:hover > ul {width: 9em; top: 1.5em; left: 0px;}
#header ul#topmenu li {border-bottom:1px solid silver }

#header ul {padding: 0; margin: 0; }
#header ul li {list-style-type: none; border: 0px; border-width: 0px; position: relative; margin: 0; padding: 0;}
#header ul ul {display: none; width: 10em;}
#header ul li:hover > ul {display: block; position: absolute; top: -1px; left: 100%;}
#header li a {display: block; padding: 3px 5px; text-decoration: none; font-weight: normal; background-image:url(images/85p_white.png); color:#643958;}
#header ul#topmenu li a:hover {background-image:url(images/70p_white.png); text-decoration:underline;}
#header li.sub > a {font-weight: bold;}
#header li.top > a {margin-top:1px; border-top:1px solid silver; font-weight:normal}

/* side nav */
#sidenav {width:190px; float:left; color:#643958;}
#sidenav p {
	margin: 10px 18px 8px 10px;
}
#sidenav ul {
	margin:0px;
	padding:0;
	list-style:none;
	font:normal small/32px Verdana, Arial, sans-serif;
}
#sidenav li  {
	margin:0;
	padding:0;
	display:inline;
}
#sidenav li a {
	width:190px;
	display:block;
	background:  url("images/sidenav_arrow_white.gif") 180px 50% no-repeat;
	border-bottom:1px solid #92748A;
	text-decoration:none;
	font-weight:bold;
	color:#643958;
}
#sidenav li a span {
	display:block;
	padding:0 8px;
}
#sidenav li a:hover {
	background:#F9C8DC url("images/sidenav_arrow_white.gif") 180px 50% no-repeat;
	color:#643958;
}

/* text area formatting */
#text {  margin: 0px 0px 0px 195px; padding: 5px; background-color:#FFFFFF	}
#text p { margin: 0px 0px 10px 0px; }

img#serendipity { float:left;  }

h1 { font-size: medium; color:#643958; margin-top:3px; margin-bottom:12px; }
h2 { font-size: small; color:#643958; margin-top:3px; margin-bottom:12px; }

/* galleries formatting */
#designs {
	width: 210px;
	margin-left:4px;
	margin-right:5px;
	margin-bottom:9px;
	border: 1px solid #643958;
	background-color: #E8B9CC;
	font-size: small;
	text-align: center;
	height:auto;
	float: left;
}
#designs img {
	border: 2px solid #643958;
}
#designs a {
	color: #643958;
	text-decoration:none;
	font-weight:bold;
}

a {
	color: #643958;
	text-decoration:none;
	font-weight:bold;
}