/*
This is the stylesheet for lucina.manchestergoddesses.co.uk.  The styles are grouped in order of generality.

First come styles which apply to all pages or elements within all pages.  These typically set the general themes
for the website but can be overridden by more specific styles if appropriate.

Secondly come styles which apply to specific templates, which may includes elements which don't appear on
other templates or which need to be styled differently.

Thirdly styles which apply to specific content on individual pages.  This might include styles for elements
which don't appear anywhere else or an override to the styles that are already defined.
*/

/*
SECTION 1 - GLOBAL STYLES
*/

/*
NOTE - The body element is assigned an Id equal to the screen name of the current page and a class equal to the name of the
region (Realm) of the current page.  This is done automatically via the Active Element Architecture (AEA).  Many styles
employ this to create themes and colours associated with specific Realms or pages.
*/

body
{
	background-color: black; /* #f0f0f0; */
	color: #c1c1c1;
	font-family: "Verdana", sans-serif;
	font-size: 13px;
	padding: 0;
	margin: 0;
}

h1, h2, h2 a, h3, h4, h5
{
	margin: 0;
	padding: 0;
	/*font-family: "Monotype Corsiva" cursive; */
	font-family: "Trebuchet", sans-serif;
	color: #590c07;
}

h1 { font-size: 230%; }
h2 { font-size: 180%; }

p{
	margin: 0;
	padding: 0;
}

div
{
	background: none;
	padding: 0;
	margin: 0;
}

em, em a
{
	font-style: normal;
	font-family: cursive;
	color: #590c07;
}

em { font-size: 1.2em; }
em a { font-size: 1em; }

a
{
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-family: "Verdana", sans-serif;
	text-decoration: none;
	font-style: normal;
	overflow: hidden;
	color: #c1c1c1; /* #590c07 */
}

a:hover, a:focus
{
	color: white;
}

blockquote
{
	font-style: italic;
}

/*
Although allcontent is included within each template, all templates should include this so the styles are set on
a global level
*/

div#allcontent
{
	width: 800px;
	background: transparent;
	margin-left: auto;
	margin-right: auto;
}

/* SECTION 2 - STYLES SHARED ACROSS TEMPLATES */

/*
The following styles are applicable to both the main template (index.php) and the gallery template (gallery.php), as the
layouts of the pages are very similar and include many elements in common.
*/

div#headerBackground
{
	position: relative;
	height: 218px;
}

/*
The following styles are used to pull in a different background image depending upon which Realm the current page is in.
This is an example of the way in which the Realms are themed individually.  For ease of use, the colour codes for each of
the colours used in the Realms is included below:

Original: black;
Pain: #590c07 (Red)
Humiliation: #044e07 (Green)
Domination: #520a50 (Purple)
Bondage: #0c09b3 (Blue)
*/

body.Original div#headerBackground
{
	background: black url('./images/CastleBackgroundOriginal01v02.png') top left no-repeat;
}

body.Pain div#headerBackground
{
	background: black url('./images/CastleBackgroundPain01v02.png') top left no-repeat;
}
body.Humiliation div#headerBackground
{
	background: black url('./images/CastleBackgroundHumiliation01v02.png') top left no-repeat;
}
body.Domination div#headerBackground
{
	background: black url('./images/CastleBackgroundDomination01v02.png') top left no-repeat;
}
body.Bondage div#headerBackground
{
	background: black url('./images/CastleBackgroundBondage01v02.png') top left no-repeat;
}

div#mainHeader
{
	position: relative;
	background: url('./images/CastleAssembled01v02.png') top left no-repeat;
	height: 218px;
}

div#pageHeader
{
	display: none;
	position: absolute;
	top: 43px;
	left: 390px;
	width: 190px;
}

div#pageHeader h1
{
	margin: 0px;
	position: relative;
	font-family: "Monotype Corsiva" cursive; 
	font-size: 100%;
	color: #590c07;
}

div.torch
{
	position: absolute;
	width: 26px;
	height: 54px;
	top: 27px;
}

body.Original div.torch		{ background: url('./images/CastleTorchOriginal02v02.gif'); }
body.Pain div.torch		{ background: url('./images/CastleTorchPain02v02.gif');}
body.Humiliation div.torch	{ background: url('./images/CastleTorchHumiliation02v02.gif');}
body.Domination div.torch	{ background: url('./images/CastleTorchDomination02v02.gif');}
body.Bondage div.torch		{ background: url('./images/CastleTorchBondage02v02.gif');}

div#torch01 { left: 65px; }
div#torch02 { left: 715px; }

div.window
{
	position: absolute;
	top: 82px;
	width: 64px;
	height: 120px;
	background: transparent;
}

div#window01 { left: 42px; }
div#window02 { left: 694px; }

/*
body.Pain div#window01		{ background: url('./images/WindowImageLeftPain01v01.gif');}
body.Pain div#window02		{ background: url('./images/WindowImageRightPain01v01.gif');}

body.Humiliation div#window02	{ background: url('./images/WindowImageRightHumiliation01v05.gif');}
body.Humiliation div#window01	{ background: url('./images/WindowImageLeftHumiliation01v05.gif');}

body.Bondage div#window02	{ background: url('./images/WindowImageRightBondage01v01.gif');}
body.Bondage div#window01	{ background: url('./images/WindowImageLeftBondage01v01.gif');}

body.Domination div#window02	{ background: url('./images/WindowImageRightDomination01v01.gif');}
body.Domination div#window01	{ background: url('./images/WindowImageLeftDomination01v01.gif');}

body.Original div#window02	{ background: url('./images/WindowImageRightOriginal01v01.gif');}
body.Original div#window01	{ background: url('./images/WindowImageLeftOriginal01v01.gif');}
*/

div#realmGateways
{
	position: relative;
	top: 132px;
	left: 164px;
	width: 500px;
	height: 76px;
}

div#realmWindows
{
	width: 500px;
	height: 63px;
	float: left;
}

div#regionLink
{
	width: 500px;
	height: 20px;
	float: left;
}

div#regionLink ul
{
	display: block;
	padding: 0;
	margin: 0;
	height: 20px;
	text-align: center;
}


div#realmWindows div
{
	width: 74px;
	height: 56px;
	margin-right: 26px;
	background: url("./images/CastleWindowDefault01v01.gif") no-repeat;
	float: left;
}

div#regionLink li
{
	display: block;
	width: 74px;
	height: 20px;
	margin-right: 26px;
	text-align: center;
	float: left;
}

div#regionLink li a
{
	width: 74px;
	font-size: 105%;
	font-family: "Monotype Corsiva" cursive;
	font-variant: small-caps;
	color: #b1b1b1;
}

div#regionLink li a:hover, div#regionLink li a:focus
{
	color: white;
}

div#regionLink li.this a:hover, div#regionLink li.this a:focus
{
	color: #b1b1b1;
}



body.Original div#realmWindows div.Original         { background: url("./images/CastleWindowOriginal01v01.gif")    no-repeat;}
body.Pain div#realmWindows div.Pain                 { background: url("./images/CastleWindowPain01v01.gif")        no-repeat;}
body.Domination div#realmWindows div.Domination     { background: url("./images/CastleWindowDomination01v01.gif")  no-repeat;}
body.Humiliation div#realmWindows div.Humiliation   { background: url("./images/CastleWindowHumiliation01v01.gif") no-repeat;}
body.Bondage div#realmWindows div.Bondage           { background: url("./images/CastleWindowBondage01v01.gif")     no-repeat;}

div#content04
{
	background: url("./images/CastleMainRepeat01v01.gif");
	height: 40px;
	width: 538px;
	float: left;
}

div#secondLevelLink
{
	padding-top: 11px;
	float: left;
	width: 538px;
	height: 30px;
	overflow: hidden;
	background: url("./images/SecondLinksBackground02v01.png") no-repeat;
}

div#secondLevelLink ul
{
	padding: 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	height: 30px;
	display: block;
	text-align: center;
}

div#secondLevelLink ul li
{
	margin-top: 0;
	display: block;
	float: left;
	margin-right: 8px;
}

div#secondLevelLink ul a
{
	display: inline;
	font-size: 120%;
	font-family: "Monotype Corsiva" cursive; 
	color: #b1b1b1;
}

/*
 div#secondLevelLink ul a:visited
{
	color: #400a05;
}
*/

div#secondLevelLink ul a:hover, div#secondLevelLink ul a:focus
{
	color: red;
}

div#secondLevelLink ul li.this a:hover, div#secondLevelLink ul li.this a:focus
{
	color: #b1b1b1;
}

div#secondLevelLink ul li.this a
{
	text-decoration: underline;
}

div#prevNextLink
{
	width: 538px;
	float: left;
	margin: 5px 0;
	height: 60px;
	overflow: visible
}

div#prevNextLink ul
{
	padding: 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	width: 538px;
	height: 60px;
	display: block;
	text-align: center;
}

div#prevNextLink ul li
{
    padding: 0;
	margin: 0;
	display: block;
	float: left;
}

div#prevNextLink ul a
{
	padding: 0;
	margin: 0;
	padding-top: 21px;
	width: 178px;
	height: 39px;
	display: block;
	font-size: 100%;
	font-family: "Verdana" sans-serif; 
	color: #590c07;
	vertical-align: middle;
	background: url("./images/PrevNextCurrent01v01.gif");
}



div#prevNextLink ul li.first
{
}

div#prevNextLink ul li.last
{
}

div#prevNextLink ul li.first a, div#prevNextLink ul li.last a
{
	background-color: transparent;
	width: 150px;
}

div#prevNextLink ul li.first a
{
	text-align: left;
	padding-left: 30px;
	background: url("./images/PrevArrow01v02.gif") no-repeat;
}

div#prevNextLink ul li.last a
{
	text-align: right;
	padding-right: 30px;
	background: url("./images/NextArrow01v02.gif") no-repeat;
}

div#prevNextLink ul li.first a:hover, div#prevNextLink ul li.first a:focus
{
	background: url("./images/PrevArrowHover01v02.gif") no-repeat;
	color: red;
}

div#prevNextLink ul li.last a:hover, div#prevNextLink ul li.last a:focus
{
	background: url("./images/NextArrowHover01v02.gif") no-repeat;
	color: red;
}

div#prevNextLink ul li.first.inactive a
{
	background: url("./images/PrevArrowInactive01v02.gif") no-repeat;
	color: red;
}

div#prevNextLink ul li.last.inactive a
{
	background: url("./images/NextArrowInactive01v02.gif") no-repeat;
	color: red;
}


div#topBar
{
	float: left;
	width: 538px;
	height: 50px;
	background: red;
	overflow: hidden;
}

div#telNum
{
	position: absolute;
	top: 94px;
	left: 140px;
	margin-left: auto;
	margin-right: auto;
	width: 250px;
}

div#telNum p
{
	font-size: 70%;
}

div#telNum p em
{
	color: red;
}

div#email
{
	position: absolute;
	top: 94px;
	right: 140px;
	width: 250px;
}

div#email p
{
	text-align: right;
	font-size: 70%;
}

div#email a
{
	color: red;/* #590c07; */
	font-variant: normal;
	font-size: 120%;
}

div#homeUpLink
{
	width: 116px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	padding-top: 5px;
	/* background: url('./images/HomeBackground01v01.gif') no-repeat; */
}

div#homeUpLink ul
{
	margin: 0;
	padding: 0;
	display: block;
}

div#homeUpLink ul li
{
	display: block;
	list-style-type: none;
	font-size: 120%;
}

div#homeUpLink ul li a
{
	color: #590c07;
	text-align: center;
	font-size: 150%;
	font-weight: normal;
	font-style: italic;
	font-family: "Monotype Corsiva" cursive; 
	text-decoration: none;
	display: block;
	overflow: hidden;	display: block;
}

div#content01

{
	width: 131px;
	height: 500px;
	background: url("./images/CastleTowerRepeatLeft01v01.gif") repeat-y;
	background-position: 0 -2px;
	float: left;
}

div#content01 .clear
{
	clear: both;
}

div#content03
{
	width: 131px;
	height: 500px;
	background: url("./images/CastleTowerRepeatRight01v01.gif") repeat-y;
	background-position: 0 -7px;
	float: right;
}

div.spanking img
{
	width: 96px;
	margin-left: 10px;
}

div.spanking2 img
{
	width: 96px;
	margin-left: 10px;
}

.scrollTop
{
	height: 15px;
	background: url('./images/ScrollTop01v01.png') bottom left no-repeat;
	display: block;
	margin-left: auto;
	margin-right: auto;
	list-style-type: none;
	display: block;
}

.scrollBottom
{
	height: 15px;
	background: url('./images/ScrollBottom01v01.png') bottom left no-repeat;
	width: 116px;
	display: block;
}

div#leftNavBar
{
	width: 116px;
	margin-left: 15px;
	margin-top: 5px;
	padding-top: 5px;
}

div#leftNavBar .scrollTop
{
}

div#leftNavBar ul
{
	padding: 0;
	margin: 0;
	display: block;
}

div#leftNavBar ul li
{
	display: block;
	list-style-type: none;
}

div#leftNavBar ul li a

{
	color: #590c07;
	text-align: center;
	font-size: 110%;
	font-weight: normal;
	font-style: italic;
	font-family: "Monotype Corsiva" cursive; 
	text-decoration: none;
	display: block;
	overflow: hidden;
}

div#leftNavBar ul a:hover, div#leftNavBar ul a:focus
{
	color: red;
}


div#leftNavBar .scrollBottom
{

}

div#zaraLink
{
	width: 116px;
	margin-left: 15px;
	margin-top: 5px;
	padding-top: 5px;
}

div#zaraLink .scrollTop
{
}

div#zaraLink ul
{
	padding: 0;
	margin: 0;
	display: block;
}

div#zaraLink ul li
{
	display: block;
	list-style-type: none;
}

div#zaraLink ul li a

{
	color: #590c07;
	text-align: center;
	font-size: 110%;
	font-weight: normal;
	font-style: italic;
	font-family: "Monotype Corsiva" cursive; 
	text-decoration: none;
	display: block;
	overflow: hidden;
}

div#zaraLink ul a:hover, div#zaraLink ul a:focus
{
	color: red;
}


div#zaraLink .scrollBottom
{

}
div.quote
{
	margin-top: 10px;
	background: transparent;
	width: 116px;
}

div#content01 div.quote
{
	margin-left: 15px;
}		

div.quote h1
{
	height: 20px;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	/* background: url('./images/ScrollTop01v01.gif') no-repeat; */
	font-family: "Verdana", sans-serif;
	font-size: 80%;
	text-decoration: none;
	color: #f64d1a;
	/*color: #590c07;*/
}

div.quote p
{
	font-family: "Verdana", sans-serif;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 70%;
	color: #e0bd91;
	/*color: #c1c1c1;*/
}

div.scrollMiddle
{
	background: url('./images/ScrollMiddle01v01.png') repeat-y;
}

div.quote p.submissive
{
	height: 10px;
	/* color: #590c07; */
	color: #f64d1a;
	padding-left: 30px;
	padding-right: 15px;
	padding-bottom: 10px;
	/* background: url('./images/ScrollBottom01v01.gif') no-repeat; */
}

div.smallBanner
{
	margin-top: 10px;
}

div#smallBanner01
{
	margin-left: 15px;
}

div#smallBanner02
{
	margin-right: 15px;
}

div.smallBanner a
{
	margin-top: 10px;
	display: block;
}

div.smallBanner a.text
{
	display: block;
	width: 106px;
	margin-left: auto;
	margin-right: auto;
}

div.smallBanner a img
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

div.smallBanner a.text
{
	border: solid 1px white;
	background-color: black;
	text-align: center;
}

/*
content02 is the Id of the main content area within each page in the index and gallery templates.
*/

div#content02
{
	float: left;
	width: 538px;
	background: url('./images/CastleMainRepeat01v01.gif');
}

div#content02 p
{
	color: #c1c1c1;
	font-size: 95%;
	margin-bottom: 0.5em;
	line-height: 1.3em;
}

div#content02 p.Original
{
	clear: left;
}

div#content02 h2.Original a	{ color: #505050; }
div#content02 h2.Domination a	{ color: #520a50; }
div#content02 h2.Humiliation a	{ color: #044e07; }
div#content02 h2.Pain	a	{ color: #590c07; }
div#content02 h2.Bondage a	{ color: #0c09b3;}

div.blockFormat
{
	background: #303030;
	padding: 10px;
	margin-bottom: 5px;
}

div.blockFormat h2
{

}

div.blockFormat p
{
	margin: 0;
	padding: 0;
}

div.blockFormat01
{
	background: #202020;
}

div.blockFormat01 img
{
	width: 140px;
	float: left;
	margin-right: 10px;
	background: transparent;
}

div.blockFormat01 h2
{
	background: #303030;
	margin-left: 150px;
	margin-right: 0;
}

div.blockFormat01 p
{
	margin-left: 150px;
}

div.blockFormat02 img
{
	width: 140px;
	float: right;
}

div.blockFormat02 h2
{
	background: #202020;
	margin-right: 150px;
	margin-left: 0;
}

div.blockFormat02 p
{
	margin-right: 150px;
}

/*
textVariable01 is the Active Element which is used to populate the text of the main content area for each page in the index
and gallery templates.  The page is populated from a text file calculated using the screen name of that page.
*/

div#textVariable01
{
        width: 528px;
        margin: 5px 5px;
        background: transparent;
}

div#textVariable01 ul
{
	padding: 0;
	margin: 0;
        padding-left: 30px;
        display: block;
}

div#textVariable01 ul li
{
	background: transparent;
	list-style-type: square;
}

div#textVariable01 ul li a
{
	margin: 0;
	font-size: 90%;
	font-weight: normal;
	display: block;
	overflow: hidden;
	color: #c1c1c1;
}

div#textVariable01 ul li a:hover, div#textVariable01 ul li a:focus
{
	font-size: 90%;
	color: white;
}

div#textVariable01 ul.nolink li a
{
	display: inline;
	font-size: 100%;
}

div#textVariable01 a /* Just a normal inline link within text. */
{
	font-size: 100%;
	text-decoration: underline;
}

div#textVariable01 a:hover, div#textVariable01 a:focus /* Just a normal inline link within text. */
{
	color: white;
	font-size: 100%;
	text-decoration: underline;
}

div#textVariable01 a.Original { color: #505050; }
div#textVariable01 a.Domination { color: #520a50; }
div#textVariable01 a.Humiliation { color: #044e07; }
div#textVariable01 a.Pain { color: #590c07; }
div#textVariable01 a.Bondage { color: #0c09b3;}
	
div#textVariable01 a.Original:hover { color: white; }
div#textVariable01 a.Domination:hover { color: purple; }
div#textVariable01 a.Humiliation:hover { color: green; }
div#textVariable01 a.Pain:hover { color: red; }
div#textVariable01 a.Bondage:hover { color: blue;}

/*
SECTION 3 - GALLERY TEMPLATE ONLY STYLES
*/

div.gallery-image
{
	border: solid white 1px;
	background: black;
	margin-left: 5px;
	margin-bottom: 5px;
	width: 96px; /* at the moment, this allows the fixed size images to be nicely spaced, but ultimately needs to be more flexible than this */
	height: 200px; /* at the moment, this allows the fixed size images to be nicely spaced, but ultimately needs to be more flexible than this */
	float:left;
}

body.Original div.gallery-image {background: black}
body.Pain div.gallery-image {background: #590c07}
body.Domination div.gallery-image {background: #520a50}
body.Humiliation div.gallery-image {background: #044e07}
body.Bondage div.gallery-image {background: #0c09b3}

div.gallery-image a
{
        background: black;
        display: block;
        height: 139px;
        width: 79px;
        margin-left: auto;
        margin-right: auto;
}

div.gallery-image img
{
    border: solid gray 1px;
	display: block;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}

div#gallery div.gallery-image p
{
	font-family:Eurostile,Sans-serif;
	font-size:0.8em;
	background-color: white;
    color: black;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
    overflow: hidden;
    height: 48px;
}

/*
SECTION 4 - INDEX TEMPLATE ONLY STYLES
*/

img.pageImage01
{
	width: 150px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* SECTION 5 - STYLING FOR SPECIFIC PAGES */

div.testimonial
{
    background: #c1c1c1;
    margin: 5px 5px;
    padding: 5px 5px;
}

div#textVariable01
{
	float: left;
}


div#textVariable01 div.testimonial p,
div#textVariable01 div.testimonial h3,
div#textVariable01 div.testimonial ul a
{
    color: black;
}

div#textVariable01 div.testimonial ul a:hover, div#textVariable01 div.testimonial ul a:focus
{
    color: white;
}

div#textVariable01 div.testimonial em
{
    color: #590c07;
}
div#textVariable01 div.testimonial ul a
{
    font-size: 0.8em;
}

div.siteMap ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 100%;
}

div.siteMap ul a
{
	font-size: 100%;
	font-weight: bold;
	color: white;
	font-stretch: condensed;
}

div.siteMap ul ul
{
	padding-left: 5px;
	list-style-type: none;
}

div.siteMap ul ul a
{
	font-size: 90%;
	font-weight: bold;
	color: white;
	text-decoration: underline;
}

div.siteMap ul li
{
	margin: 0;
	padding: 0;
	height: 10px;	
}
div.siteMap ul ul ul
{
	list-style-type: none;
}

div.siteMap ul ul ul a
{
	font-weight: normal;
	color: #c1c1c1;
	font-size: 80%;
	line-height: 0.8em;
	text-decoration: none;
}

div.separator01
{
	padding-top: 0;
	float: left;
	width: 538px;
	height: 16px;
	overflow: hidden;
	background: transparent url("./images/Separator01v01.png") no-repeat;
}

div#links a
{
	display: block;
	margin-bottom: 10px;
}

div#links a img
{
	border: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
}