/* Gift layout for Dearest Angel Rosie
Love, Santa. */

body {
color: #4D5859;
font: 8.5pt trebuchet ms, tahoma, sans-serif;
letter-spacing: 0.5px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
background: #fbf4f0 url('images/bg.jpg') repeat-y top right;
}

/* The div that holds everything */
#page {
	width: 780px;
	margin-right: 0px;
	float: right;
	background: url('images/bg.jpg') repeat-y top right;
}

/* Header Image */
#header {
	background: #fbf4f0 url('images/header.jpg') no-repeat; 
	width: 650px;
	height: 448px;
	float: right;

}

/* Holds the top navigation, main div, and optional sidebar */

#pagebody {
	width: 780px;
	text-align: left;
	
}

/* Top navigation (dropdown lists) */
#top {
	width: 100%;
	text-align: center;
	padding: 0px;
	height: 30px;	
	font-family: "Times New Roman", Georgia, Serif;
	font-size: 25px;
	font-style: italic;
	text-transform: lowercase;
	clear: both;}

/* menu lists */
#top ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	background-color: #f9e6dd;

}

/* menu list items */
#top li { 
	float: right;
	position: relative;
	width: 7.5em;
	background-color: #f9e6dd;
}

/* second-level menu lists */
#top li ul { 
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
	font-weight: normal;
	background: url(images/menu.gif) bottom left no-repeat;
	padding: 0;
}

#top li>ul { /* to override bottom and right in browsers other than IE, which will position to the bottom left of the containing li, rather than top right */
	bottom: auto;
	right: auto;
}

/* lists nested under hovered list items */
#top li:hover ul, #top li.over ul { 
	display: block;
}

#top li li {
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
}


#top li li a:link 
{	padding: 1px;
	text-decoration: none;
	color: #932229;	
	text-transform: uppercase;
	letter-spacing: 1px;
	font: normal 7.5pt arial, sans-serif;
}

#top li li a:hover, #top li li a:visited, #top li li a:active {
                color: #306030;
	padding: 2px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font: normal 7.5pt arial, sans-serif;
	}

/* The content div */

#main {
	width: 540px;
	margin: 0px 10px;
	padding: 0px 5px;
	float: right;

}


/* Footer */


#footer {
	width: 550px;
	height: 40px;
	padding-top: 15px;
	text-align: center;
	float: right;
clear: both;}


hr {
	display: none;}

a, a:visited {
	color: #c76d62;
	text-decoration: none;
	font-family: Helvetica, Verdana, Tahoma, Sans-serif;
	text-transform: uppercase;
	font-weight: bold;}

a:hover, a:active {
	color: #481011;
	text-decoration: none;}

h1, .head {
	color: #c27184;
	background: url('images/h1.gif') no-repeat top left;
	margin-top: 0px;
	margin-bottom: -25px;
	text-transform: lowercase;
	padding: 20px 0 0 40px;
	height: 60px;
	font-family: 'Times New Roman', Georgia, Serif;
	font-size: 30px;
	font-style: italic;
	text-align: left;
	
}

h2 {
	color: #b6c695;
	margin-right: 0px;
	margin-left: 15px;
	margin-bottom: -15px;
	padding: 10px 30px 10px 10px;
	height: 60px;
	font-family: Georgia, 'Times New Roman', Serif;
	font-size: 20px;
	font-style: italic;
	text-align: right;
	background: url('images/h2.gif') no-repeat top right;}

h2:first-letter {
	color: #b6c695;
	font-family: 'Times New Roman', Georgia, Serif;
	font-size: 25px;
	}


b, u, strong {
	color: #306030;}

i, em {
	color: #944650;}

blockquote{
	background: #f7dfd3 url('images/blockquote.gif') no-repeat top left;
	color: #77555A;
	padding: 20px;
	padding-left: 110px;
	margin-right: 0px;
	border: 0px;
	height: 100px;
	width: 350px;}

input, textarea, select{
	background-color: #faede5;
	color: #C27184;
	padding: 2px;
	border: 1px dashed #f7dfd3;}


td {
	background-color: #faede5;
	color: #C27184;
	padding: 10px;
	border: 0px;}

img {
	border: 0px;}

img.a:link, img.a:hover, img.a:visited {
	border: 2px;}


.code 
	{ 	
	border: 4px solid #AD6173;
	backgroud: #AD6173;
	margin: 2px;
	}

.codesort li {
	display: inline;
	padding-right: 25px
}