/* Princess Charming 1.0 - 11/2009 */
body {
	background: #0f0107 url(img/maskBack.jpg) repeat-x fixed;
	color: white;
	font-family: Tahoma;
	font-size: 90%;
}
img {
	border: none;
}

#Header {
	background: transparent url(img/logo.jpg) no-repeat;
	text-indent: -9999px;
	width: 442px;
	height: 136px;
}

/* START nav */
#Navigation {
	display: block;
	float: right;
	width: 570px;
	height: 45px;
	margin: -70px 0 0;
	padding: 0;
	list-style: none;
}
#Navigation li {
	display: block;
	height: 42px;
	float: left;
	margin: 0;
	padding: 0;
	background-image: url(img/bg-nav.gif);
}
#Navigation li a {
	display: block;
	height: 42px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none;
}
#Navigation li#Home { width: 130px; background-position: 0 0; }
#Navigation li#Home a:hover { background-position: 0 -40px; background-image: url(img/bg-nav.gif); }
#Navigation li#Home a:active, #Navigation li#Home a.highlight  { background-position: 0 -40px; background-image: url(img/bg-nav.gif); }
#Navigation li#Staff { width: 130px; background-position: -136px 0; }
#Navigation li#Staff a:hover { background-position: -136px -40px; background-image: url(img/bg-nav.gif); }
#Navigation li#Staff a:active, #Navigation li#Staff a.highlight  { background-position: -136px -40px; background-image: url(img/bg-nav.gif);}
#Navigation li#Events { width: 130px; background-position: -274px 0; }
#Navigation li#Events a:hover { background-position: -274px -40px; background-image: url(img/bg-nav.gif); }
#Navigation li#Events a:active, #Navigation li#Events a.highlight  { background-position: -274px -40px; background-image: url(img/bg-nav.gif);}
#Navigation li#Contact { width: 130px; background-position: -959px 0; }
#Navigation li#Contact a:hover { background-position: -959px -40px; background-image: url(img/bg-nav.gif); }
#Navigation li#Contact a:active, #Navigation li#Contact a.highlight  { background-position: -959px -40px; background-image: url(img/bg-nav.gif);}
/* END nav */

/* START social media */
#SocialMediaBar {
	display: block;
	width: 972px;
	height: 44px;
	margin: 0 0 0 3px;
	padding: 0;
	list-style: none;
	background-image: url(img/bg-socialMediaNav.png);
}
#SocialMediaBar li {
	display: block;
	height: 44px;
	float: left;
	margin: 0 24px 0 0;
	padding: 0;
	
}
#SocialMediaBar li a {
	display: block;
	height: 44px;
	width: 44px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none;
}
#SocialMediaBar li#FacebookIcon { background: transparent url(img/facebookIconOff.png) no-repeat; }
#SocialMediaBar li#FacebookIcon a:hover {background-image: url(img/facebookIcon.png);}
#SocialMediaBar li#Myspace { background: transparent url(img/myspaceIconOff.png) no-repeat; }
#SocialMediaBar li#Myspace a:hover {background-image: url(img/myspaceIcon.png);}
#SocialMediaBar li#Twitter { background: transparent url(img/twitterIconOff.png) no-repeat; }
#SocialMediaBar li#Twitter a:hover {background-image: url(img/twitterIcon.png);}
#SocialMediaBar li#Flickr { background: transparent url(img/flickrIconOff.png) no-repeat; }
#SocialMediaBar li#Flickr a:hover {background-image: url(img/flickrIcon.png);}

/* tooltips */
a.tt{
    position:relative;
    z-index:24;
}
a.tt span{ display: none; }

a.tt:hover{ z-index:25; background:;}
a.tt:hover span.tooltip {
    display:block;
    position:absolute;
    top:25px; left:-20px;
	padding: 15px 0 0 0;
	width:200px;
	color: #FFF;
	font-weight: bold;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	text-indent:0;
}
a.tt:hover span.toolTop {
	display: block;
	padding: 35px 8px 0;
    background: url(img/bubble.gif) no-repeat top;
}
a.tt:hover span.toolMiddle {
	display: block;
	padding: 0 8px; 
	background: url(img/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.toolBottom {
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(img/bubble.gif) no-repeat bottom;
}
/* END social media */

#Contents {
	margin: 40px 0 0 70px;
}

#LeftModule {
	width: 68%;
}

/* photos module */
#RightModule {
	float: right;
	width: 200px;
	margin-top: -87px;
}
#RightModule img {
	border: solid 1px;
}
#PhotosModuleTop {
	background: transparent url(img/photosModuleTop.png) no-repeat;
	height: 39px;
	width: 145px;
}
#PhotosModuleCenter {
	background: transparent url(img/photosModuleCenter.png) repeat-y;
	width: 145px;
}
#PhotosModuleBottom {
	background: transparent url(img/photosModuleBottom.png) no-repeat;
	width: 145px;
	height: 13px;
}
.flickr_badge_image {
	padding: 0 0 14px 22px;
}

.flickr_badge_image a,
.flickr_badge_image a:visited {
	color: red;
}

.flickr_badge_image a:hover {
	color: white;
}
/* end photos module */


#Contents table {
	border: none;
	width: 500px;
	padding: 5px;
}
#Contents td {
	text-align:center;
	font-weight: bold;
}
#Contents form td {
	text-align: left;
}

a {
	color:#9900FF;
}
a:hover {
	color:yellow;
}

#Contents ul {
	line-height: 25px;
	margin-bottom: 20px;
	margin-left: -25px;
}

/* FACEBOOK */
#Facebook {
	background: #E9E9E9;
	padding: 8px;
	width: 550px;
	margin-bottom: 20px;
}

.facebookFloat {
	float: right;
	width: 385px;
}
iframe {
	float: left;
}

#Facebook iframe {
	float: none;
}

/* START Contact page */
#ContactForm {
	width: 600px;
}
#FormTop {
	background: url(img/formBackTop.png) no-repeat;
	width: 606px;
	height: 10px;
}
#FormModule {
	background: url(img/formBack.png) repeat-y;
	width: 606px;
}
#FormBottom {
	background: url(img/formBackBottom.png) no-repeat;
	width: 606px;
	height: 10px;
}
#ContactForm input,
#ContactForm textarea {
	border: none;
	font-size: 15pt;
	padding: 5px 0 0 10px;
}
#ContactForm input {
	background: url(img/bg-InputTextBox.png) no-repeat;
	width: 200px;
	height: 34px;
}
#ContactForm textarea {
	background: url(img/bg-TextArea.png) no-repeat;
	width: 321px
	height: 169px
}
#ContactForm .submit {
	background: url(img/formSubmitBtn.png) no-repeat 150px 0;
	width: 325px;
	height: 42px;
	cursor:pointer;
	text-align: -9999px;
	font-size: 1px;
}
/* END Contact page */

/* START Bio page */
#Bios {
	margin: 0 0 0 80px;
}
/* END Bio page */

/* Start Lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#lightbox a {font-size:130%; font-weight:bold;}
#lightbox a:hover {color:red;}

#outerImageContainer{ position: relative; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* End Lightbox */

.siteBy {
	margin: 300px 68px 0 0;
	text-align:right;
	font-size: 75%;
	clear: both;
}
.siteBy p {
	height: 12px
}
.siteBy a {
	color: #3333CC;
}
.siteBy a:hover {
	color: red;
}

#Footer {
	width: 100%;
	font-size: 80%;
	text-align: center;
}

/* events */
#AuditionDetails {
	font-weight: bold;
}