/* CSS Document 1.0 for Handmaiden.org
Designed on October 1st, 2008 by: Adam Puplava
Previous Update: February 5, 2008
Most Recent Update: March 16, 2011
*/

/* Google Fonts API */
@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
@import url(http://fonts.googleapis.com/css?family=Dancing+Script);
@import url(http://fonts.googleapis.com/css?family=Amaranth);

body {background: #fff url(../images/clouds-lrg-grad.jpg) top left no-repeat; font-family: 'Droid Sans', Arial, Helvetica, sans-serif; font-size: 100%;} 

/* headers and links styling */
h1 a, h1 a:visited, h1 a:hover {font: 1.75em 'Dancing Script', Arial, sans-serif, cursive; letter-spacing: -3px; color: #fff; margin: 0; padding: 20px; margin: auto; }
h2 {font: 1.86em 'Droid Sans', Arial, sans-serif; letter-spacing: -1px; color: #333; text-shadow: 3px 3px 3px #eee; margin: 0;}
h3 {
	font: 1.3em Georgia, Papyrus, 'Droid Sans', Arial, sans-serif;
	letter-spacing: 1px;
	color: #550672;
	text-shadow: 1px 1px 1px #ccc;
	margin: 0;
	text-align: left;
}
h4 {font: 1em 'Droid Sans', Arial, sans-serif; color: #8878A8; margin: 7px 0; }
h5 {font: 1.2em 'Droid Sans', Arial, sans-serif; color: #666; margin: 0;}
h6 {font: 1.1em 'Amaranth','Droid Sans', Arial, sans-serif; color: #666; margin: 0; text-transform: capitalize;}
a:visited {color: #306; text-decoration: underline;}
a:link {color: #039; text-decoration: none;}
a:hover {color: #33c; text-decoration: underline;}

/* blocks */
#wrapper {margin: 0 auto; width: 1024px; overflow: hidden; }
#banner {width: 1024px; text-align:center; margin: auto;}
#content {
	background: #fff url(../images/watermark.gif) top right no-repeat;
	padding: 25px;
	border-left: 221px solid #3a1e4c;
	border-right: 1px solid #cfdce4;
	position:absolute;
	width: 765px;
	-moz-box-shadow: 5px 5px 5px #eee;
	-webkit-box-shadow: 5px 5px 5px #eee;
	box-shadow: 5px 5px 5px #eee;
	left: 162px;
	top: 97px;
}
#menu {
	background: #fbf5ff;
	margin-right: 765px;
	position:absolute;
	width: 219px;
	left: 162px;
	top: 97px;
}
/* #content {padding: 15px;} */

/* side nav */
#navlist {padding: 0 1px 1px; margin: 0; font: 0.85em sans-serif; background: #3a1e4c; color: #fff; width: 100%;}
#navlist li {list-style: none; margin: 0; border-top: 1px solid #3a1e4c; text-align: left;}
#navlist li a {display: block; padding: 0.75em 0.75em 0.75em 1em; border-left: 1em solid #AAB; background: #CCD; text-decoration: none;}
#navlist li li a {display: block; padding: 0.75em 0.75em 0.75em 1em; border-left: 1em solid #d6d6e2; background: #efeff6; text-decoration: none;}
#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }
#navlist li a:hover {border-color: #a1489e; color: #fff; background: #5c0f59;}
#navheader {font-weight: bold; padding: 5px; font-size: larger;}
#current {font-weight: bold;}
#menu form {border: 7px solid #3a1e4c; margin: 0; text-align:center;}

/* content styling */
img {
	border: 0;
	text-align: center;
}
p {font: 0.813em 'Droid Sans', Arial, Helvetica, sans-serif; color: #333; line-height: 1.75;}
.em {color: #1f5092; font-style: italic;}
.intro {font: 1.6em 'Dancing Script', Arial, Helvetica, sans-serif; color: #3e4de6; text-align:right; }
.addthis {text-align: right; margin: 0; padding: 0;}
.left {float: left; padding: 7px;}
.right {float: right; padding: 7px;}
.items {width: 250px; float: left;}
.items li {list-style: decimal-leading-zero;}
.sitemap {width: 250px; float: left;}
.sitemap li {list-style: square;}
#content li {font: 0.813em 'Droid Sans', Arial, Helvetica,sans-serif; line-height: 1.75;}
.breadcrumb {font: 0.8em 'Droid Sans', Arial, Helvetica, sans-serif; margin: 4px 0; padding: 0;}
.notice {color: #8c409f; font-style: italic;}
.drop {float: left; font: 3em 'Dancing Script', Georgia, "Times New Roman", Times, serif; line-height: .8em;margin-right: .1em; margin-bottom: .1em;}
.smaller {font: 0.75em 'Droid Sans', Arial, Helvetica, sans-serif; line-height: 1.75;}
blockquote {font: 0.813em 'Droid Sans', Arial, Helvetica,sans-serif; color: #333; background: #e9ecf3; padding: 15px; margin: 15px; -moz-border-radius: 15px;
border-radius: 15px; border: 1px solid #b1bbd3; width: 85%; line-height: 1.75;}
.top {margin: 0 auto; background: #8ba4b5; border: 3px solid #cfdce4; height: 25px; width: 30px; display:block; -moz-border-radius:30px; -webkit-border-radius: 30px; border-radius: 30px; padding: 13px;}
.top a {font: bold 0.85em Trebuchet MS, 'Droid Sans', Arial, Helvetica; color: #eff6ef;}
#contact {font: bold 15px 'Droid Sans', Arial, Helvetica, sans-serif; margin: 0; border-bottom: 1px solid #ccc; color: #666; text-transform: capitalize;}
#copyright {font: bold 0.7em Trebuchet MS, 'Droid Sans', Arial, Helvetica; text-align:center; background: #f8ebf8; color: #977196; border: 3px solid #fcc7fa; padding: 10px; -moz-border-radius: 15px; border-radius: 15px; clear: both;}