/* --- 	Custom Layout: "Her Royal Sweetness"
	Written by Eden of http://designs.loveparody.org
	"Eden by Design"
	For Buruma of buruma.net and imaginary.nu
       	Do not remove this credit. --- */
       	
* { margin: 0; padding: 0; }

/* --- BASIC STYLES AND CUSTOMIZATION --- */
body { 
	font: 12pt "Average Sans", Arial, Helvetica, sans-serif;
	background: url(images/candy.png) center repeat;
	letter-spacing: 1px;
	color: #96637B;
	}

p { padding: 8px; }

h1 {
	font: 32pt Rochester, cursive;
	margin-left: -10px;
	color: #fff;
	text-shadow: 5px 2px 5px #DE0B5F;
	}

b,strong { color: #F5F1B8; text-shadow: 1px 2px 1px #F07FA1; }
i,em { font-weight: bold; color: #F5F1B8; text-shadow: 1px 2px 1px #F07FA1; }

a:link, a:visited { color: #19A8E6; text-decoration: none; font-variant: small-caps; }
a:hover { border-bottom: 1px solid; }

blockquote {
	background-color: #FFE8F1;
	border-radius: 15px;
	border: 0px solid;
	box-shadow: 3px 3px 3px #F07FA1;
	width: 420px;
	margin: 0 auto;
	text-align: center;
	padding: 10px;
	}
	
input, textarea, select, option {
	background-color: #FFE8F1;
	border-radius: 15px;
	border: 0px solid;
	padding: 8px;
	}

/* --- WIRE FRAME --- */
#banner, #container { display: block; margin: 0 auto; }

#container {
	position: relative;
	width: 920px;
	background: url(images/contentbg.png) 134px repeat-y;
	}

#container::after {
	background: url(images/contentbg.png) -2px repeat-y;
	content: '';
	border: 2px solid #ee738c;
	border-top: none;
	border-radius: 0 0 15px 15px;
	position: relative;
	left: 134px; top: 10px;
	display: block;
	width: 764px; height: 10px;
	}
	
/* --- NAVIGATION STRUCTURE --- */
/* Please note, this does NOT work in IE. Please Upgrade to a better browser
like Opera or Chrome that supports proper web standards. My fix will only
show the navigation in a yellow box, so it is readable. Not the scroll image.
Sad day. */

#navigation {
	border-image: url(images/scrollnav.png) 86 53 134 53 stretch stretch;
	-o-border-image: url(images/scrollnav.png) 86 53 134 53 stretch stretch;
	border-width: 86px 53px 134px 53px;
	border-style: solid; /* Firefox fix */
	border-color: #fbeacc; /* To look less terrible in IE */
	list-style-type: none;
	background-color: #fbeacc;
	background-clip: padding-box;
	position: absolute;
	left: 30px;
	width: 100px;
	padding: 0;
	}
	
#navigation li { padding-left: 20px; padding-bottom: 5px; }

/* correct for big blank bits of paper at the top/bottom */
#navigation li:first-child { margin-top: -40px; margin-left: -10px; }
#navigation li:last-child { margin-bottom: -70px; margin-right: -5px; }

#navigation::before {
	display: block;
	content: 'Navigation:';
	font-variant: small-caps;
	font-size: large;
	font-style: italic;
	color: #6b5b3d;
	position: relative;
	top: -50px; left: 5px;
	}

/* stagger the indentation */
#navigation li:nth-child(2n) { position: relative; left: 15px; }
#navigation li:nth-child(3n) { margin-left: -15px; }
#navigation li:nth-child(5n) { text-indent: -15px; }
#navigation li:nth-child(6n) { margin-left: 10px; }

/* navigation style links */
#navigation li a { 
	font: 18pt Rochester, cursive; 
	color: #C4316C; 
	text-decoration: none; 
	}

#navigation li a:hover {
	color: #A1134C;
	border-bottom: 1px solid;
	}

/* --- CONTINUE WIRE FRAME --- */

#content {
	position: relative;
	left: 260px; top: -200px;
	width: 620px;
	margin-bottom: -100px;
	line-height: 1.8em;
	text-align: justify;
	}

/* for some reason, Opera bugs out the positioning on this footer,
   but then fixes itself when you right click -> inspect element,
   or resize the window at all. */
   
#footer {
	background-color: #FFE8F1;
	position: absolute;
	left: 150px; bottom: 20px;
	width: 730px; height: 50px;
	border: 0px solid red;
	border-radius: 15px;
	text-align: center;
	padding-top: 10px;
	}