/* 
Version: July 2009
Author: Amanda Penrose
Contents: 	Basic styles
			Page layout
			Black pages
			Footer
			Navigation
			Tables 
			Misc
			Sitemap
			Gallery
			Lytebox
Colours: 	#666	Text default grey
			#6a844e	Green
			#b78691	Pink
*/

/* ------------------------------------------------------------------- */
/* Basic styles */

html {
	margin: 0;
	padding: 0;
}

body {
	color: #666;	
	font: 76%/140% Helvetica, Verdana, Arial, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	background: #6a844e url("bg-head.gif") top right repeat-x;
}

h1 { 
	color: #6a844e;
	font-size: 1.3em;
}

h2 { 
	color: #b78691;
	font-size: 1.1em;	
}

h3 { 
	font-size: 1.1em;
	color: #b78691;
}

a:link, a:visited  { 
	color: #6a844e;
}

a:hover, a:active, a:focus { 
	color: #b78691;
}

b { 
	color: #6a844e;
}

/* ------------------------------------------------------------------- */
/* Page layout */

#page {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	width: 100%;
}

#header { 	
	margin: 0;
	color: #dbd;
	height: 105px;
	padding: 10px 0 0 10px;
	background: url("butterflies.gif") top left no-repeat;
}

#header p { 	
	margin: 2px 0 0 20px;
	color: #b78691;
}

#header a img { 	
	border: none;
}

#content { 	
	padding: 4px 10px 10px 10px; 
	margin: 0;
	background: #f4e8e6 url("bg-content.gif") bottom right repeat-x;
	min-width: 920px;
}

#subcontent ul, ul.plain { 	 
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}

#maincontent { 	
	padding: 0 20px 10px 20px; 
	margin: 0 180px 20px 0;
	background: #fff;
	border: 4px solid #f9f1f0;
}
 
#subcontent { 	
	float: right;
	width: 150px;
	padding: 0;
	margin: 50px 10px 100px 0;
	z-index: 20;
}	

#subcontent h1 { 
	color: #b78691;
	font-size: 1.1em;	
	margin-top: 0;
}

#artist { 		
	position: absolute;
	top: 0;
	right: 0; 	
	width: 346px;
	height: 158px;
	padding: 0;  
	margin: 0;
	background: url("artist-corner.gif") top left no-repeat; 
	z-index: 10;
}

#butterflies { 		
	position: absolute;
	top: 0;
	left: 0; 	
	width: 360px;
	height: 90px;
	padding: 0;  
	margin: 0;
	background: url("butterflies.gif") top left no-repeat; 
	z-index: 10;
}				

#skip { 		
	position: absolute;
	top: 4px;
	left: 340px; 	
	font-size: 0.8em;
	z-index: 1;
}	

#skip a { 		 
	text-decoration: none;
}

.homemap {
	width: 28%; 
	margin: 5px 5% 5px 0;
	float: left;
	padding: 0;
}

.homemap img, .homemap2 img { 
	margin: 0 0 2px 4px;
	float: right;
	border: 2px solid #b78691;
}

.slice img { 
	margin-bottom: 10px;
}

.homemap p, .homemap h2, .homemap2 p, .homeintro p { 
	margin: 0;
	padding: 0;
}

.homemap2 h2, .homeintro h2 { 
	margin: 0 0 5px 0;
	padding: 0;
}

.homemap2 {
	margin: 0 0 0 430px;
	padding: 0 0 10px 20px;
	max-width: 480px;
	min-height: 70px;
}

.homeintro { 
	margin: 0;
	width: 420px;
	float: left;
	padding: 0;
}

/* ------------------------------------------------------------------- */
/* Black pages */

#maincontentblack { 	
	padding: 0 20px 10px 20px; 
	margin: 0 180px 20px 0;
	background: #000;
	border: 4px solid #dec5c8;
	color: #ccc;
}

#maincontentblack ul { 	 
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}

#maincontentblack li { 	 
	margin-left: 0;
	padding-left: 12px;
	background: url("bullet.gif") top left no-repeat;
}

#maincontentblack h1 { 
	color: #a4b37e;
}

#maincontentblack h2 { 
	color: #c0979e;
}

#maincontentblack h3 { 
	color: #a4b37e;
}

#maincontentblack a:link, #maincontentblack a:link a:visited  { 
	color: #a4b37e;
}

#maincontentblack a:hover, #maincontentblack a:link a:active, #maincontentblack a:link a:focus { 
	color: #c0979e;
}

#maincontentblack b { 
	color: #a4b37e;
}

/* ------------------------------------------------------------------- */
/* Footer */

#footer { 	
	padding: 4px 10px;  
	margin: 0;
	text-align: right;
}

#footer ul  {  
	margin: 0;
}

#footer li  {
	display: inline;
	list-style: none;
}

#footer a {
	padding: 0 4px 0 12px;
	margin: 0;
	background: url("bg-star.gif") center left no-repeat;
	text-decoration: none;
}

#footer a:hover, #footer a:focus, #footer a:active {
	background: url("bg-star-over.gif") center left no-repeat;
}

#footer a:link, #footer a:visited  { 
	color: #d5e0bf;
}

#footer a:hover, #footer a:active, #footer a:focus { 
	color: #fff;
}

/* ------------------------------------------------------------------- */
/* Navigation */

#nav { 	
	position: absolute;
	top: 54px;
	left: 0;
	padding: 0;  
	margin: 0;
	height: 3em; 
	z-index: 20;
}

#nav ul {
	float: left;
	list-style: none;
	line-height: 1;
	font-weight: bold;
	padding: 0;
	margin: 0 0 1em 1em;
}

#nav a {
	display: block;
	width: 3.2em;
	text-decoration: none;
	padding: 0.25em 1em;
}

#nav a:link, #nav a:visited  { 
	color: #6a844e;
}

#nav a:hover, #nav a:active, #nav a:focus { 
	color: #6a844e;
}

#nav li {
	float: left;
	padding: 0;
	width: 3.2em;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 10em;
	font-weight: normal;
	margin: 0;
	background: white;
	border: solid #b78691 2px;
}

#nav li {
	padding: 12px 20px 6px 20px;
}

#nav li li {
	padding: 0 1em 0 0;
	width: 9em
}

#nav li ul a {
	width: 9em;
	w\idth: 7.5em;
}

#nav li ul ul {
	margin: -1.75em 0 0 10em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, 
#nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav ul ul li:hover, #nav ul ul li.sfhover {
	background: #f4e8e6;
}

#nav a.daddy {
	background: url(rightarrow.gif) center right no-repeat;
}

#nav ul ul a:link, #nav ul ul a:visited  { 
	color: #b87080;
}

#nav ul ul a:hover, #nav ul ul a:active, #nav ul ul a:focus { 
	color: #b87080;
}


/* ------------------------------------------------------------------- */
/* Tables */

table.data {
	width: 98%;
	margin-bottom: 20px;
}

table.data td {
	padding: 2px 6px;
	vertical-align: top;
}

table.data th { 
	font-weight: bold;
	color: #666699;
	text-align: left;
	vertical-align: top;
}

table.data td p  { 
	margin-top: 0;
}

table.data tr { 
	background: #F7F8FD;
}

table.data tr.odd { 
	background: #E1E8F8;
}

.heroines table {
	margin-bottom: 12px;
	width: 520px;
}

.heroines table th {
	text-align: left;
	padding-left: 4px;
	color: #fff;
	background: #b78691;
	margin: 1px;
	vertical-align: top;
	width: 50%;
}

.heroines table td {
	padding-right: 10px;
	padding-left: 4px;
	background: #f4e8e6;
	margin: 1px;
	vertical-align: top;
	width: 50%;
}


/* ------------------------------------------------------------------- */
/* Misc */

.box { 
	background: #F7F8FD;
	padding: 0 10px;
	border: 1px solid #E1E8F8;
	margin: 6px 0;
}

.clear {
	clear: both;
}

.indent { 
	margin-left: 40px; 
}

.small { 
	font-size: 0.9em; 
}

caption { 
	text-align: left;
	font-weight: bold;
	color: #666699; 
}

.wedding img { 
	float: left;
	margin: 6px 10px; 
}

.photocaption { 
	float: left;
	margin: 6px 10px;
	text-align: center; 
}

.center { 
	text-align: center;
}

.center table { 
	margin-right: auto;
	margin-left: auto;
}

.black-box {
	background: #000000;
	color: #cccccc;
	padding: 10px;
}

.tedbox li { 
	display: inline;
	line-height: 2em;
	list-style: none;
	font-weight: bold;
}

.tedbox li a { 
	padding: 2px 4px;
	background: #F7F8FD;
	border: 1px solid #E1E8F8;
}

p.slice {
	text-align: center;
}

.slice img {
	border: 2px solid;
}

/* ------------------------------------------------------------------- */
/* Sitemap */

.sitemap {
	width: 15em; 
	margin: 5px 10px 5px 0;
	float: left;
	border: 1px solid #dfa4b1;
	padding: 0;
}

.sitesearch {
	width: 35em; 
	margin: 5px 10px 5px 0;
	border: 1px solid #dfa4b1;
	padding: 0;
}

.sitemap h2, .sitesearch h2 { 
	margin: 0;
	border: none;
	padding: 6px 10px 0 10px;
	color: #b87080;
	font-size: 1.1em;
	background: url("sitemap-h2.gif") top left repeat-x;
	min-height: 26px;
	height: auto !important;
	height: 26px;
}

.sitemap ul { 
	margin: 0;
	padding: 0;
	list-style: none;
}

.sitemap li { 
	margin-bottom: 0.8em;
	padding: 0 0 0 1.2em;
}

.sitemap li li { 
	margin: 0;
}

.sitemap p  { 
	margin: 4px 10px;
	text-align: center;
}

.sitesearch p  { 
	margin: 4px 10px;
}

.sitemap a { 
	text-decoration: none;
}

.sitemap a:link img, .sitemap a:visited img { 
	border: 3px solid #666699;
	text-decoration: none;
}

.sitemap a:hover img, .sitemap a:active img, .sitemap a:focus img { 
	border: 3px solid #dfa4b1;
}

/* ------------------------------------------------------------------- */
/* Gallery */

.gallery img { 
	float: left;
	margin: 10px; 
}

.gallery a:link img, .gallery a:visited img { 
	border: 4px solid #ccccff;
}

.gallery a:hover img, .gallery a:active img, .gallery a:focus img { 
	border: 4px solid #dfa4b1;
} 

/* ------------------------------------------------------------------- */
/* Lytebox */

.lytephoto img {
	border: none;
	margin: 6px;
} 

#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.blue { background-color: #6a844e; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.blue { border: 3px solid #b78691; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.blue { border: 3px solid #b78691; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(lyte-back.gif) left 50% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(lyte-next.gif) right 50% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #333366; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #ccccff; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.blue { color: #666; }

#lbDetails { width: 80%; float: left; text-align: left; }
#lbCaption { display: block; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.blue { background: url(close.gif) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.blue { background: url(play_blue.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.blue { background: url(pause_blue.png) no-repeat; }