﻿/* COLOUR REFERENCES
White Platinum:			#e6e5de
Black Diamond:			#0a0403
Gunmetal Gray: 			#54534a
Brand Red:				#cb0900
Gold					#bfa667
Fool's Gold:			#eaa87c
Bronze:					#b08797
Darker Brand Red:		#dc1a11
Dark Red Background:	#820000

-------------------------------------------------------- */

/* MAIN STRUCTURE STYLES
+-------------------------------------------*/

/* this style was added for centering the page in firefox */
body, html 
{ 
    margin: 0; 
    padding: 0; 
    text-align:center;
    background-image:url(/Images/Slumberparties/personalwebsite/HeaderLaceBg.jpg);
    background-repeat:repeat-x;
}

a { color: #cb0900; text-decoration: none;}
a:hover{color: #eaa87c;  /*text-decoration: underline;border-bottom: 1px dotted #cb0900;*/}
a:active{color:#e6e5de; outline: none;}
*:focus {-moz-outline-style: none;}
.nodeco:hover { border:none; text-decoration: none; background:none}
.container_12 {	margin-bottom: 20px;}
a.White { color:#ffffff; text-decoration:none; }
a.White:hover{color: #eaa87c;  /*text-decoration: underline;border-bottom: 1px dotted #cb0900;*/}
a.White:active{color:#e6e5de; outline: none;}

/* TOP NAVIGATION
-------------------------------------------------------- */
#logo { border:none; background: url(/Images/Slumberparties/splogo.gif) no-repeat top right; text-align:right;}
#top_tab_nav {
	background: url(/Images/Slumberparties/top-bar.gif) no-repeat;
	height:2em;
	padding-left:5px;
	}
	#top_tab_nav a { color: #fff}
	#top_tab_nav a:hover { color: #eaa87c}
	#top_tab_nav #nav li a { margin-left:-.5em;}

#nav ul, #nav li { list-style: none; display:inline;}
	#nav li a{ margin-left:.75em;}
	#nav li a:hover{ border:none}
	
#mainnav ul, #mainnav li { list-style:none; display:inline; height:60px !important; vertical-align:sub; clear:both;}
	#mainnav li a{ margin:2em 1.5em; text-align:left;line-height:2em;}
	#mainnav li a:hover{ border:none}
	

/* PAGE SPECIFIC
-------------------------------------------------------- */
/*HOMEPAGE*/
#home #sub {
	background: url(/Images/Slumberparties/bg-home-base-lace.jpg) repeat-x;
	height: 298px;
	}
	#home #sub div div { margin-top:2em; width:100%; color: #fff}
	.txt {
		text-transform:uppercase;
		font-size:80%;
		float:left;
		text-align:left;
		display:block;
		width:275px;
		padding-left:25px;
		background: url(/Images/Slumberparties/bullet_arr_bling.jpg) no-repeat left;
		}
	#home #sub h1, #home #sub h2 {color:#d3bf90; text-align:left; text-transform:uppercase; margin: .25em 0; padding: .25em 0;}

#oppknocks { background: url(/Images/Slumberparties/bg_oppknocks.jpg) no-repeat; height:217px;}
	#oppknocks p { padding: 154px 0 2px 0; margin:0; line-height:1em;}
	#oppknocks a { color:#d3bf90; display:inline-block; float:right;}
	#oppknocks a:hover { color: #fff}
	#oppknocks .city { border: 1px solid #54534a; background-color:#000}
	#oppknocks #comingsoon { margin: 0 auto auto 2px;}
#latestnews {	background: url(/Images/Slumberparties/bg_latestnews.jpg) no-repeat; height:120px; padding-top:8em;}
#romancetips {	background: url(/Images/Slumberparties/bg_romancetips.jpg) no-repeat; height:120px; padding-top:8em;}

/*INTERIOR PAGES*/
#banner { width:100%; height:210px; text-align:center; margin: 0 auto; }
#sidebar { width:210px;}
#main { background: #fff; width:610px; padding:30px; overflow:auto; }
#main, #main p { font-family: Constantia, Georgia,'Times New Roman',Times,serif !important; }


/*FOOTER NAVIGATION
-------------------------------------------------------- */
#footer {
	word-spacing: 0.3em;
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	color: #d3bf90;
	background: url(/Images/Slumberparties/bg-hometopred.jpg) repeat-x center #820000;
	border-top: 1px solid #fb0000;
	padding: 0 0 0 0;
	width:100%;
	}
	#footer a {color:#e6e5de;}
	#footer a:hover {color:#bfa667;}
	#footer table{text-align:center;width:960px;margin:0 auto}
	#footer table tr td {vertical-align:middle;}
	
/*-------------------------------------------+
|                FONT STYLES                 |
+-------------------------------------------*/
/*PARAGRAPHS
-------------------------------------------------------- */
p.intro:first-line {
	font-variant:small-caps; font-size:1.2em;
	}
p.drop:first-letter {
	float:left;
	font-size:3em;
	margin-top:-0.05em;
	margin-right:0.1em;
	margin-bottom:-0.5em;
	}
/*HEADINGS
-------------------------------------------------------- */
h1,h2,h3,h4,h5,h6{color:#000;font-weight:normal;}
/*LINKS
-------------------------------------------------------- */
p a, li a{ color:#cb0900;}
h1 a{ color:#dc1a11;}
/*ALL THE TRIMMINGS
-------------------------------------------------------- */
strong,b{font-weight:bold}
em,i{font-style:italic}
blockquote p{
	font:1.5em/1.6 Constantia, Georgia,'Times New Roman', Times, serif !important;
	margin:1em !important;
	font-style:italic;
	letter-spacing:.1em;
	}
blockquote p cite{ font-style:normal;}
.amp{ /* Give those ampersands a right sexy look */
	font-family:Baskerville,'Goudy Old Style','Palatino','Book Antiqua', serif;
	font-style:italic;
	font-weight:normal;
	line-height:inherit;
	}
abbr{
	border-bottom:1px dotted #54534a;
	border-color:inherit;
	cursor:help;
	}
.alert {
	font-weight:bold;
	font-style:italic;
	color: #f4d66f;
	display:block;
	padding-left:20px;
	background: url(/Images/Slumberparties/icons/alertframed16.gif) no-repeat top left;
	}
#videoplayer {
	background: url(/Images/Slumberparties/bg_videoplayer.jpg) no-repeat center #000;
	width: 370px;
	height: 460px;
	}
#close {
	float: right;
	margin: 0 .5em -24px auto;
	text-transform:uppercase;
	font-size: 80%;
	vertical-align:bottom;
	}
#video {
	text-align:center;
	margin: auto;
	border: 1px solid #54534a;
	clear: both;
	
	}
	
.clear{ clear:both;}
.right{ /*float to the right*/
	float:right;
	margin-left:2em;
	margin-right:0;
	}
.left{ /*float to the left*/
	float:left;
	margin-right:2em;
	margin-left:0;
	}
.code{ font-family: Consolas, Courier, "Courier New", monospace;}
/*IMAGE STYLE
+------------------------------------------ */
img{border:none}
/*FORM STYLES
------------------------------------------- */
#contact-form{}
#contact-form label{
	width:10em;
	float:left;
	margin-top:0.6em;
	}
#name, #form-email, #url, #location{
	width:42.7em;
	height:2em;
	padding:.25em;
	padding-top:5px;
	border:2px solid #666;
	margin-bottom:1.8em;
	background:#e6e5de !important;
	}
#comments{
	width:43.8em;
	height:10em;
	padding:.25em;
	border:1px solid #cb0900;
	margin-bottom:1.8em;
	overflow:auto;
	background:#e6e5de !important;
	}
#name:active, #form-email:active, #url:active, #location:active, #comments:active, #submit:active, #name:focus, #form-email:focus, #url:focus, #location:focus, #comments:focus, #submit:focus{ border:1px solid #eaa87c; background:#fff !important;}
#submit{
	clear:both;
	padding:.5em;
	border: 1px solid #cb0900;
	background:#e6e5de !important;
	cursor:pointer;
	margin-left:9em;
	}
#reset{
	clear:both;
	padding:0;
	border:none;
	background:none !important;
	cursor:pointer;
	float:left;
	margin-top:-28px;
	}
/*-------------------------------------------+
|                LIST STYLES                 |
+-------------------------------------------*/
ul li{
	font-size:1.2em;
	line-height:1.5em;
	}
li > ul, li > ol{
	margin-bottom:0;
	margin-left:2.5em;
	}
li > ul li, li > ol li{ font-size:1em;}
ol{
	margin-bottom:1.8em;
	list-style:decimal inside;
	}
ol li{
	font-size:1.1em;
	line-height:1.5em;
	}
/*-------------------------------------------+
|               MISC                 		 |
+-------------------------------------------*/
.sml{ font-size:80%}	.med{ font-size:95%}	.lrg{ font-size: 110%}
.sc{ font-variant:small-caps}	.uc{ text-transform:uppercase}	.lc{ text-transform:lowercase}

.gold{	color:#eaa87c}
.white{	color:#e6e5de}
.red{	color:#cb0900}


/*EOF*/

.GiftRegistry_Fulfilled
{
    color:#960000;
    font-size:20px;
    font-style:italic;
    padding:10px;
}
.GiftRegistry_Fulfilled_Seperator
{
    background-color:#960000;
    height:3px;
    width:90%;
}


/* VIDEO STYLING FOR HOMEPAGE */
.VideoList
{
    background:#000;
    color:#FFF;
    width:252px;
}

.VideoHeader
{
    background:url('/Images/Slumberparties/vidListHead.png') no-repeat center;
    width:252px;
    height:30px;
    font-style:italic;
    font-size:10px;
    vertical-align:middle;
}
.VideoHeader a{text-decoration:underline;font-style:normal;color:#fff;}
.VideoHeader a:hover{text-decoration:none;}

.VideoRow
{
    background:url('/Images/Slumberparties/vidListItem.png');
    width:252px;
    height:30px;
    color:#000;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
}
.VideoRow:hover
{
    background:url('/Images/Slumberparties/vidListItemActive.png');
    color:#fff;
    cursor:hand;
}
/* END VIDEO STYLING FOR HOMEPAGE */