/* CSS Document */

                                            /* Rebekka Lynne: High Class Fetish Diva Stylesheet */
											             /* Copyright 2007 GL */

									/* These pages are designed to display nicely with or without images */


/* Basic Page Design and Layout */

body, html, span, img, div {
	margin: 0;
	padding: 0;
	border: 0;
	}

body {
	background: url(../images/PageBackgrounds/RebekkaLynneBodyBackground.jpg) repeat-x #84839F;
	font-family: "Century Gothic","Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #B7B8D0;
	min-height: 745px;
	}
		
#logo {
	position:absolute;
	left:25px;
	top:25px;
	background-color: #2b2d40;
	text-align: right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: -4px;
	width: 293px;
	height: 153px;
	border-bottom: #7F82AF 1px solid;
	padding-right: 20px;
	font-size: 55px;
	line-height:52px;
	}

#logo p {
	padding: 0;
	margin: 23px 0 0 0;
	}
		
#namepic {
	position:absolute;
	left:25px;
	top:179px;
	width:313px;
	height:567px;
	background-color: #4a4a6b;
	min-width: 350px;
	}

#namepic img {
	z-index: 600;
	position: absolute;
	left: 0;
	top: 0px;
	}
		
#nametitle {
	position: absolute;
	left: auto;
	top: 100px;
	height: 306px;
	width: 202px;
	margin-left: 62px;
	padding-top: 50px;
	background-color: #7b7a9b;
	border: #4F4F77 5px ridge;
	color: #1f2035;
	text-align: right;
	padding-right: 20px;
	font-size: 45px;
	font-weight: bold;
	font-style: italic;
	font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
	}	
	
#menu {
	position:absolute;
	left:337px;
	top:25px;
	width:590px;
	height:40px;
	font-size: 19.2px;
	font-weight: 100;
	background-color: #2b2d40;
	color: /*#8285A7*/ /*#e891b4*/ #9EA0C4;
	padding-top: 6.5px;
	font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
	text-align: center;
	}
	
#content {
	position:relative;
	left:337px;
	top:65px;
	width:570px;
	height:651px;
	background: url(../images/PageBackgrounds/RebekkaLynneContent.jpg) no-repeat #393954;
	padding: 20px 10px 10px;
	font-size: 1em;
/*	overflow: visible;
*/	}

#content-header {
	z-index: 10;
	width: 440px;
	height: 37px;
	} 

#content-blurb {
	font-weight: bold;
/*	letter-spacing: .25px;
*/	width: 565px;
	padding-left: 5px;
	font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
	font-size: 1.05em;
	color: #aeb0cc;
	}
	
#content-blurb p {
	margin-bottom: 12px;
	}

#submenu {
	text-align: center;
	}
		
#content-text {
	position: relative;
	padding: 0 35px 0 0;
	width: 580px;
	height: 450px;
	overflow: auto;
	}

#content-text.nosubmenu {
	height: 515px;
	}
	
#content-text p {
	margin: 0 0 10px 0;
	}
	
#rightedge-top {
	position:absolute;
	left:927px;
	top:25px;
	width:59px;
	height:153px;
	border-bottom: #7F82AF 1px solid;
	background-color: #2b2d40;
	}
	
#rightedge-bottom {
	position: absolute;
	left: 927px;
	top:179px;
	background: url(../images/PageBackgrounds/RebekkaLynneRightEdgeBottom.jpg) no-repeat #4a4a6c;
	width: 59px;
	height: 567px;
	}

#next-page {
	position: absolute;
	bottom: 10px;
	height: 35px;
	width: 570px;
	font-size: .85em;
	font-style: italic;
	color: #8285a7;
	}
	
#next-page p {
	margin-top: -4px;
	padding: 0;
	}
		
#footer {
	position:absolute;
	left:25px;
	top:746px;
	width:941px;
	height:23px;
	font-size: 9.75px;
	white-space: pre;
	text-align: center;
	color: #8285a7;
	background: #25263b;
	border: #4a4a6b solid 1px;
	border-width: 5px 10px 10px 10px;
	}
	
#footer p {
	margin: 0;
	padding: 0;
	line-height: 1px;
	}
	
	

/*  Navigation Menus */	
	
#menu h2 {
	width: 100%;
	margin: 0;
	font-size: .87em; 
	background-color: #2B2D40;
	}
	
#menu a {
	text-decoration: none;
	padding: 0 .37em;
/*	border-right: #8285a7 2px solid;
*/	font-weight: 100;
	}

#menu a.firstitem {
	padding-left: 0;
	margin-left: 0;
	}
		
#menu a.lastitem {
	text-decoration: none;
	border: none;
	padding-right: 0;
	}
	
#menu a.current {
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
	color: /*#C9B4CE pinkish*/ #BAB0DA  /*#b7add7lighter purple*/ /* first purple #B1A6D0 */;
	border-color: #8285a7;
	}
	
#menu a:hover {
	text-decoration: underline;
	font-weight: 100;
/*	padding: 0;
	margin: 0 .5em;
	border-bottom: 2px #C4C7E8#C9B4CE solid;
*/	color: #C4C7E8 /* lighter blue*/ /*#B1B4D4*/ /* light blue*/;
	}	
	
#menu a.current:hover {
	text-decoration: none;
	color: #bab0da;
	cursor: default;
	font-size: 1.1em;
	font-style: normal;
	font-weight: bold;
	}
	
#submenu a {
	font-size: 1.1em;
	font-weight: 100;
	padding: 0 5px 1px;
	margin: 0 3px;
	color: /*b7add7B1B4D4#c4c7e8 #1e2031*/#262735;
	background: url(../images/Lines/newgrad.jpg) repeat-x #6c6c8e;
	}

/* Margin & Padding Resets */	
	 
img {
	margin: 0;
	padding: 0;
	border: 0;
	}

/* Links & Link-like Elements */
	
a {
	text-decoration: none;
	font-weight: bold;
	color: #B7B8D0;
	}

a:focus {
	outline: none;
	}
	
a:visited {
/*	font-weight: normal;
*/	color: #8989AD;
	}
		
a:hover {
	text-decoration: underline;
	font-style: italic;
	} 
	
a.external:after {
	content: url(../images/Bullets/ExternalLinkBoxedFinal.png);
	vertical-align: -2px;
	}	
	
button, .submit-button
	{
	font-family: /*"Century Gothic", */"trebuchet ms", tahoma, verdana, arial, sans-serif;
	font-style: italic;
	white-space: pre;
	padding: 0;
	margin: 0 10px;
	color: #B7B8D0;
	background-color: #2c2d40;
/*	border-color: #b0b2c6 #212230 #212230 #b0b2c6;
*/	}

button:hover, .submit-button:hover
	{
	font-variant: small-caps;
	font-size: 1.10em;
	font-weight: normal;
	}	
	
acronym, abbr
	{
    cursor: help;
    border-bottom: 1px dashed;
	}
	
	
/* Headings */

h1, h2, h3 {
	background-color: #303047;
	color: #9699B7;
	padding: 0;
	margin: 0 ;
	overflow: hidden;
	height: 1.35em;
	white-space: pre;
	}
	
h1 { 
	font-size: 24px; 
	font-variant: small-caps;
	width: 200px;
	}
	
h2 {
	margin: 15px 0;
	font-size: 20px;
	width: 155px;
	}

h3 { 
	font-size: 16px; 
	font-style: italic; 
	margin: 17px 0 10px 5px;
	width: 88px;
	}

h1 span, h2 span, h3 span {
	position: absolute;
	z-index: 200;
	}

p.h3para  {
	font-size: .95em;
	margin-left: 10px;
	}

.dropper {
	margin-bottom: 25px;
	}	

.first {
	margin-top: 30px;
	}	

.firstindiv {
	margin-top: 0;
	}

/* Lists */

ul.checklist, ul.xmarklist
	{
	margin: 0 15px 0 25px;
	padding: 0 0 0 7px;
	}
	
ul.checklist li, ul.xmarklist li
	{
	padding-bottom: 6px;
	font-size: .93em;
	}

ul.checklist
	{
	list-style: url(../images/Bullets/Checkmark.png) outside;
	}

ul.xmarklist
	{
	list-style: url(../images/Bullets/Xmark.png) outside;
	}

dl.arrow, dl.arrowthin {
	margin: 0;
	}
	
dl.arrow dt {
	background: url(../images/Bullets/FatArrow.png) no-repeat left center;
	padding-left: 22px;
	padding-bottom: 1px;
	} 

dl.arrowthin dt {
	background: url(../images/Bullets/ThinArrow.png) no-repeat left center;
	padding-left: 22px;
	padding-bottom: 1px;
	} 
	
dl.arrow dt a, dl.arrowthin dt a {
	font-weight: 100;
	}

/* Elements and Effects */


hr
	{
	background-color: #2f314b;
	color: #2f314b;
	background: url(../images/Lines/HR.png) center no-repeat;
	height: 10px;
	width: 70%;
	border: none;
	}
	
hr#divider {
	position: absolute;
	top: 12.5em;
	left: 15%;
	}

b {
	font-weight: bold;
	font-size: 1.1em;
	}

dfn {
	font-style: normal;
    cursor: help;
	padding-bottom: 0;
    border-bottom: 1px dashed #8285a7;
	}

.bold {
	font-weight: bold;
	}

.italic {
	font-style: italic;
	}
	
.point-ninefive {
	font-size: .96em;
	}

.point-five {
	font-size: .5em;
	}

.nomargin {
	margin: 0;
	}
	
.resetsize {
	font-size: 13px;
	}

.center {
	text-align: center;
	}

.forward {
	text-align: right;
	font-family: "trebuchet ms", tahoma, verdana, arial, helvetica, sans-serif;
	padding-top: 10px;
	}
	
.forward a {
	background: #27293b;
	color: #9194b7;
	padding: 1px 3px;
	margin-left: 1px;
	font-weight: 100;
	white-space: pre;
		}
		
.forward a img {
	vertical-align: text-bottom;
	}
					
.important-comment {
	text-align: center;
	font-family: "Century Gothic", "trebuchet ms", tahoma, verdana, arial, helvetica, sans-serif; 
	line-height: .98em;
	font-weight: bold;
	font-variant: small-caps;
	border-top: solid 2px;
	border-bottom: solid 2px;
	padding: 2px 0;
	margin: 2px 0 0;
	background: #303047 url(../images/Lines/horizontalgradiant4.jpg) center repeat-x;
	}
	
/* Main Layout Divs Image Replacements */

#logo span {
	z-index: 5000;
	background-image: url(../images/PageBackgrounds/LDLogo.gif);
	width: 313px;
	height: 154px;
	position: absolute;
	left: 0;
	top: 0;
	}	
	
	
/* Header Image Replacements */	
	 
/* H1 */

#kinkfriendly span {
	background: url(../images/Headings/KinkFriendly.jpg) no-repeat;
	height: 46px;
	width: 311px;
	}
	
#inaugural span {
	background: url(../images/Headings/InauguralEssentials.jpg) no-repeat;
	height: 47px;
	width: 246px;
	}
	
#evocative span {
	background: url(../images/Headings/EvocativeInsights.jpg) no-repeat;
	height: 47px;
	width: 216px;
	}
		
#parentcontrol span {
	background: url(../images/Headings/ParentalControl.jpg) no-repeat;
	height: 37px;
	width: 410px;
	}

#whatdo span {
	background: url(../images/Headings/WhatDo.jpg) no-repeat;
	height: 38px;
	width: 271px;
	}
	
#whoops span {
	background: url(../images/Headings/Whoops.jpg) no-repeat;
	height: 45px;
	width: 273px;
	}

/* H2 */	

/* Parent Resources */

#directories2 span {
	background: url(../images/Headings/SubHeadings/Directories2.jpg) no-repeat;
	height: 27px;
	width: 155px;
	}
	
#organizationsguides span {
	background: url(../images/Headings/SubHeadings/Organizations&Guides2.jpg) no-repeat;
	height: 34px;
	width: 208px;
	}
	
#softwarereviews span {
	background: url(../images/Headings/SubHeadings/SoftwareReviews2.jpg) no-repeat;
	height: 27px;
	width: 155px;
	}
	
#teensex span {
	background: url(../images/Headings/SubHeadings/TeenSex.jpg) no-repeat;
	height: 34px;
	width: 238px;
	}

/* Induct */
	
#approach span {
	background: url(../images/Headings/SubHeadings/Approach.jpg) no-repeat;
	height: 33px;
	width: 155px;
	}
	
#ethics span {
	background: url(../images/Headings/SubHeadings/Ethics.jpg) no-repeat;
	height: 27px;
	width: 155px;
	}
	
#ideology span {
	background: url(../images/Headings/SubHeadings/Ideology.jpg) no-repeat;
	height: 33px;
	width: 155px;
	}
	
#values span {
	background: url(../images/Headings/SubHeadings/Values.jpg) no-repeat;
	height: 27px;
	width: 155px;
	}
	
#principles span {
	background: url(../images/Headings/SubHeadings/Principles.jpg) no-repeat;
	height: 33px;
	width: 155px;
	}
	
/* Reveal */
	
#embodiment span {
	background: url(../images/Headings/SubHeadings/Embodiment.jpg) no-repeat;
	height: 27px;
	width: 155px;
	}
	
#trousseau span {
	background: url(../images/Headings/SubHeadings/Trousseau.jpg) no-repeat;
	height: 27px;
	width: 155px;
	}
	
#podophilia span {
	background: url(../images/Headings/SubHeadings/Podophilia.jpg) no-repeat;
	height: 33px;
	width: 155px;
	}
	
#retifism span {
	background: url(../images/Headings/SubHeadings/Retifism.jpg) no-repeat;
	height: 33px;
	width: 155px;
	}
	
#passions span {
	background: url(../images/Headings/SubHeadings/Passions.jpg) no-repeat;
	height: 27px;
	width: 155px;
	}
	
	
	
	
/* H3 */

/* Parent Resources */

#educationprogs span {
	background: url(../images/Headings/SubHeadings/SubSubHeadings/EducationProgs.jpg) no-repeat;
	height: 28px;
	width: 155px;
	}
	
#sexparent span {
	background: url(../images/Headings/SubHeadings/SubSubHeadings/SexParent.jpg) no-repeat;
	height: 30px;
	width: 197px;
	}
	
#siteyouth span {
	background: url(../images/Headings/SubHeadings/SubSubHeadings/SiteYouth.jpg) no-repeat;
	height: 24px;
	width: 112px;
	}
	
#subdirectories span {
	background: url(../images/Headings/SubHeadings/SubSubHeadings/SubDirectories.jpg) no-repeat;
	height: 22px;
	width: 88px;
	}

/* Reveal */

#vanillawear span {
	background: url(../images/Headings/SubHeadings/SubSubHeadings/Vanillawear.jpg) no-repeat;
	height: 23px;
	width: 101px;
	}
	
#fetish span {
	background: url(../images/Headings/SubHeadings/SubSubHeadings/FetishEnsembles.jpg) no-repeat;
	height: 23px;
	width: 132px;
	}
	
#personaplay span {
	background: url(../images/Headings/SubHeadings/SubSubHeadings/PersonalPlay.jpg) no-repeat;
	height: 29px;
	width: 109px;
	}
	
/* Prospectus */

#fantasypersona span {
	background: url(../images/Headings/SubHeadings/FantasyPersona.jpg) no-repeat;
	height: 33px;
	width: 243px;
	}
	
#medicalnurse span {
	background: url(../images/Headings/SubHeadings/SubSubHeadings/MedicalNurse.jpg) no-repeat;
	height: 23px;
	width: 118px;
	}
	
#ageregression span {
	background: url(../images/Headings/SubHeadings/SubSubHeadings/AgeRegression.jpg) no-repeat;
	height: 29px;
	width: 121px;
	}
	
#medievalchain span {
	background: url(../images/Headings/SubHeadings/SubSubHeadings/MedievalChain.jpg) no-repeat;
	height: 23px;
	width: 158px;
	}
	
#businessexec span {
	background: url(../images/Headings/SubHeadings/SubSubHeadings/BusinessExecutive.jpg) no-repeat;
	height: 23px;
	width: 136px;
	}
	
#officeadmin span {
	background: url(../images/Headings/SubHeadings/SubSubHeadings/OfficeAdministrator.jpg) no-repeat;
	height: 23px;
	width: 162px;
	}
	
#animaltamer span {
	background: url(../images/Headings/SubHeadings/SubSubHeadings/AnimalTrainer.jpg) no-repeat;
	height: 23px;
	width: 121px;
	}
	
#bachelorette span {
	background: url(../images/Headings/SubHeadings/SubSubHeadings/Bachelorette.jpg) no-repeat;
	height: 23px;
	width: 108px;
	}
	
#militaryuniform span {
	background: url(../images/Headings/SubHeadings/SubSubHeadings/MilitaryUniform.jpg) no-repeat;
	height: 29px;
	width: 129px;
	}
	
#prisonguard span {
	background: url(../images/Headings/SubHeadings/SubSubHeadings/PrisonGuard.jpg) no-repeat;
	height: 23px;
	width: 162px;
	}
	
#schoolmarm span {
	background: url(../images/Headings/SubHeadings/SubSubHeadings/Schoolmarm.jpg) no-repeat;
	height: 23px;
	width: 207px;
	}


/*_______________________________________________________
*/
#content-section-areas 
	{
	position: relative;
	text-align: center;  /*This will centre the tabs*/
	width:540px;
	margin: 0 auto;
/*	height: 450px;
*/	padding: 2px 0 .2em;
	z-index:1; /* make sure that this area is always below subsequent components */
	/*border-bottom: 10px solid;*/ /* create bottom border of album titles area/top border of album viewing area */
	}

/* 	Position and style the "front page" introduction or instructions */

#content-section-areas div.content-section-introduction 
	{
	position: fixed;
	bottom:11em;
	top: 23em;
	width:462px;
	margin: 0 41px;
	overflow: auto;
	text-align: left;
	z-index: 20;
	background: url(../images/PageBackgrounds/RebekkaLynneCuffs3.jpg) no-repeat center;
	color: #9ea0c4;
	}

#content-section-areas div.content-section-introduction p {
	padding: 5px 60px;
	font-size: 1.05em;
		}

#content-section-areas div.content-section-introduction p.first {
	padding-top: 25px;
	}
	
/* 	Remove the bullets and set the margin and padding to zero for all <ul> within the gallery */

#content-section-areas ul#hover-content
	{
	padding: 0; 
	margin: 0;
	list-style-type: none;
/*	display: inline;
*/	}

/* 	Place the first/outer list items <li> ~ the album titles ~ so that they are in a line */

#content-section-areas ul#hover-content li 
	{
	display: inline;
	padding: 0 5px;
	}

#content-section-areas ul#hover-content li:hover a
	{
	color: #2A0D3D;
	font-style: italic;
	}


/* 	Style the links/area titles, allowing the width to be set by the word length and using padding to expand its size and place 
	the title centrally within its space, adding left and right borders to enhance the tab effect. Set the background color to its 
	initial state. Fixed width could be used to fill the width of the viewing space (by specifying a % division as a function of the 
	number of areas, but that will require re-coding this section when new areas are added to each content section. */
	
#content-section-areas ul#hover-content li a
	{
	text-decoration: none;
	font-family: "trebuchet ms", tahoma, verdana, arial, sans-serif; 
	color: #262735;
	background: url(../images/Lines/newgrad.jpg) repeat-x #6c6c8e;
	font-size: 1.15em;
	font-weight: 100;
	padding: 0 5px 2px;
	}

/* 	Set the background and foreground color of the Content Area Title links on :hover identifying which album is being viewed ~ for non IE browsers */

#content-section-areas ul#hover-content li a:hover
	{
	cursor: default;
	color: #2A0D3D;
	}

/* 	Make the dropdown <div> ~ the Content Area viewing space ~ invisible */

#content-section-areas ul#hover-content li div.area-content
	{
	display: none;
	}

/* 	Make the content area viewing space visible on :hover over Content Area Title and position it beneath the first list item */

#content-section-areas ul#hover-content li:hover div.area-content
	{
	display: block;
	position:fixed; 
	width:470px;
	top: 19.25em; 
	bottom: 8.28em;
	cursor:auto;
	text-align:left;
	margin-left: 15px;
/*	margin-top: 2em;
*/	padding: 2em 20px 0;
/*	border-top:10px solid;
*/	overflow: auto;
	z-index: 100;
	background: url(../images/Lines/contentareasbkg.jpg) fixed repeat-x center bottom;
	}
	
/*ul.area-content-list-checklist li
	{
	display: list-item;
	list-style:  url(../images/Bullets/Checkmark.png) outside;
	margin-left: 20px;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	}
*/
#content-section-areas ul#hover-content li:hover div.area-content ul.area-content-list-checklist li
	{
	display: list-item;
	list-style: url(../images/Bullets/Checkmark.png) outside;
	margin-left: 20px;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	}



/* <dl> with clickable "more" for hidden text */


#content-section-areas ul#hover-content li:hover div.area-content dd a.hidden {
	background: none;
	font-style: normal;
	color: #b7b8d0;
	font-size: 13px;
/*	outline-style: none;*/
	}

dd {
	font-size: .95em;
	margin: 0 0 0 6px;
	}

a.hidden em, a.hidden i {
	font-family: "Times New Roman", Times, serif;
	color: #262735;
	}
	
a.hidden span, a.hidden i {
	display: none;
	}
	
a.hidden:active i, a.hidden:focus i {
	display: inline;
	}
	
a.hidden:active em, a.hidden:focus em {
	display: none;
	}

	
a.hidden:active span, a.hidden:focus span {
	display: block;
	cursor: default;
	font-family: "Century Gothic", "Trebuchet MS", Arial, Tahoma, sans-serif;
	font-size: .95em;
	}

a.hidden strong {
	font-style: italic;
	font-weight: 100;
	font-size: .85em;
	}