/* css document for lisa yasmeen : belly dancer */
/* www.lisayasmeen.com */

/* created by LookatLao Studio */
/* www.lookatlao.com */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	font-size: 11px;
	background: #2b004a url(../image/bg-main.gif) repeat-x left top;
    }

#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 772px;
    }
	
div#logo { position:absolute; left:566px; top:46px; }
body#home div#logo { position:absolute; left:147px; top:170px; }
body#photo div#logo { position:absolute; left:611px; top:41px; }
	
body#home div#wrapper, body#photo div#wrapper, body#video div#wrapper { height: 550px; }
body#home div#wrapper { background: #2b004a url(../image/base-home.jpg) no-repeat left top; }
body#photo div#wrapper { background: #2b004a url(../image/base-photo.jpg) no-repeat left top; }
body#video div#wrapper { background: #2b004a url(../image/base-video.jpg) no-repeat left top; }

/* VARIABLE HEIGHT LAYOUTS - Hat Tip to Mr. Mealy for trouble-shootin' */

#outerwrap {
    position: relative;
	background: #3C3362 url(../image/bg-repeat.gif) top center repeat-y;
	text-align: left;
	margin: 0 auto;
	width: 772px;
	}
body#bio #container {
	background-image: url(../image/base-bio.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	}
body#schedule #container, body#video #container {
	background-image: url(../image/base-schedule.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	}
body#contact #container {
	background-image: url(../image/base-contact.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	}
#bodycopy {
	background-image: url(../image/base-footer.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	padding: 250px 225px 40px 175px;
	}

#video-list {position:relative; left:-5px; top:0px; width:380px;}
#sidebar { position:absolute; left:570px; top:289px; width:174px; }
#calendar { position:absolute; left:570px; top:289px; width:174px; }

div.clip { 
    background: #fff;
	margin: 20px 0;
	padding: 10px;
	/*height: 108px; */
	}


/*---===LINKAGE===---*/
a:link, a:visited { color: #f69; text-decoration: none; border-bottom: 1px dotted #f69; }
a:hover { color: #000; text-decoration: none; background: #f69; }	

div#footer a:link, div#footer a:visited { color: #695FB6; border-bottom: 1px dotted #695FB6; }
div#footer a:hover { color: #000; text-decoration: none; background: #f69; }	
	
/*---===IMAGE===---*/ 
img a { border: none; background: none; }
div#pull-quote { margin: 0 0 0 -150px; }  
div.clip img { float: left; margin: 0 10px 0 0; }

/*---===NAVIGATION==---*/ 
ul li span { display: none; }
ul#navigation { margin: 0; padding: 0; list-style-type: none; } 

ul#navigation li#nav-home a { position: absolute; top: 28px; left: 0px; width: 151px; height: 30px; background: url(../image/nav-home.gif) no-repeat 0px 0px; display: block; border: none;  }
ul#navigation li#nav-bio a { position: absolute; top: 58px; left: 0px;  width: 151px; height: 30px; background: url(../image/nav-bio.gif) no-repeat 0px 0px; display: block; border: none;  }
ul#navigation li#nav-schedule a { position: absolute; top: 89px; left: 0px; width: 151px; height: 30px; background: url(../image/nav-schedule.gif) no-repeat 0px 0px; display: block; border: none;  }
ul#navigation li#nav-photo a { position: absolute; top: 120px; left: 0px; width: 151px; height: 30px; background: url(../image/nav-photo.gif) no-repeat 0px 0px; display: block; border: none;  }
ul#navigation li#nav-video a { position: absolute; top: 151px; left: 0px; width: 151px; height: 30px; background: url(../image/nav-video.gif) no-repeat 0px 0px; display: block; border: none;  }
ul#navigation li#nav-contact a { position: absolute; top: 182px; left: 0px; width: 151px; height: 30px; background: url(../image/nav-contact.gif) no-repeat 0px 0px; display: block; border: none;  }

ul#navigation li#nav-home a:hover,
ul#navigation li#nav-bio a:hover,
ul#navigation li#nav-schedule a:hover,
ul#navigation li#nav-photo a:hover,
ul#navigation li#nav-video a:hover,
ul#navigation li#nav-contact a:hover
{ background-position: 0px -30px; }

ul#navigation li#nav-home-here a { position: absolute; top: 28px; left: 0px; width: 151px; height: 30px; background: url(../image/nav-home.gif) no-repeat 0px -30px; display: block; border: none;  }
ul#navigation li#nav-bio-here a { position: absolute; top: 58px; left: 0px;  width: 151px; height: 30px; background: url(../image/nav-bio.gif) no-repeat 0px -30px; display: block; border: none;  }
ul#navigation li#nav-schedule-here a { position: absolute; top: 89px; left: 0px; width: 151px; height: 30px; background: url(../image/nav-schedule.gif) no-repeat 0px -30px; display: block; border: none;  }
ul#navigation li#nav-photo-here a { position: absolute; top: 120px; left: 0px; width: 151px; height: 30px; background: url(../image/nav-photo.gif) no-repeat 0px -30px; display: block; border: none;  }
ul#navigation li#nav-video-here a { position: absolute; top: 151px; left: 0px; width: 151px; height: 30px; background: url(../image/nav-video.gif) no-repeat 0px -30px; display: block; border: none;  }
ul#navigation li#nav-contact-here a { position: absolute; top: 182px; left: 0px; width: 151px; height: 30px; background: url(../image/nav-contact.gif) no-repeat 0px -30px; display: block; border: none;  }

/* ---===ABSOLUTE PHOTOS===--- */	
div#photo {
	position:absolute;
	left:172px;
	top:43px;
	width:267px;
    }
	
body#home div#photo {
	position:absolute;
	left:466px;
	top:43px;
	width:267px;
    }
	
div#gallery-frame {
	position:absolute;
	left:178px;
	top:44px;
	width: 419px;
	height: 314px;
	}

/* ---===BASIC TEXT FORMATTING===--- */	 
p {
    margin: .5em 0 .75em 0;
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
    }
	
h1 {
	font-size: 24px;
	line-height: 26px;
	color: #9487FF;
	font-weight: normal;
	margin: 0 0 .5em 0;
	padding: 0;
	 }
	 
h2 {
	font-size: 18px;
	line-height: 20px;
	color: #fff;
	font-weight: normal;
	margin: 0 0 .15em 0;
	 }
	 
h3 {
	font-size: 16px;
	line-height: 19px;
	color: #E6B65E;
	font-weight: normal;
	margin: 1.5em 0 0 0;
	 }
	 
h4 {
	font-size: 15px;
	line-height: 17px;
	color: #fff;
	font-weight: normal;
	margin: 0 0 .25em 0;
	 }

/* CALENDAR ONLY */
h5 { 
     font-size: 12px;
	 margin: 1em 0 0 0;
	 color: #E29FD3;
	 font-weight: bold;
	 text-transform: uppercase;
	 }
	 
h6 { 
     font-size: 12px;
	 margin: 0 0 0 0;
	 color: #9487FF;
	 font-weight: normal;
	 }

/* ---===SPECIAL FORMATTING===--- */	 
body#home h1, body#photo h1 { display: none; }
h3.thanks { margin: 45px 0 5px 0; }
p.thanks { margin: 0 0 10px 0; font-size: 11px; }
div.clip h2 { color: #333; margin: 0 0 5px; }
div.clip p { color: #555; margin: 0 0 5px 0; line-height: 15px; }
h3.duet { margin: 0 0 8px 0; color: #f69; }
p.duet { font-size: 11px; line-height: 26px; color: #f69; margin: 0 0 10px 0; }
h3.contact { margin: 0 0 8px 0; }
div#calendar p { margin: 0 0 5px 0; color: #fff; font-size: 11px; }



/* ---===FOOTER===--- */	 
p.footer { margin: 35px 0 0 0; font-size: 10px; color: #695FB6; }