/*

DEVELOPER: JASON HEGYESSY
QUESTIONS: jhegyessy@gmail.com

This was developed for Jennifer Mondfrans, a San Francisco Artis to showcase her art.


*/
body {
  margin:0 auto;
  text-align:center;
  font-size:12px;
  line-height:18px;
  font-family:"Helvetica","Lucida Grande",  "Verdana", "Arial";
  background-color:#fff;
  color:#444;
  background-image:url('../images/nav-divider.jpg');
  background-position:220px 0px;
  background-repeat:no-repeat;
  background-attachment:fixed;
}

h1 {
  font-size:18px;
  color:#888;
  margin-bottom:10px;
}

h2 {
  font-weight:bold;
  color:#222;
  display:block;
  font-size:14px;
  line-height:1.4em;
  margin-bottom:20px;
}

p {}


/* GENERAL HYPERLINKS */

a     { text-decoration:none;color:#000}
a:hover { color:red;}


/* GENERAL BUILDING BLOCKS:  WRAPPER, CONTENT AND NAVIGATION */

#wrapper {
  overflow: visible;
  margin:0 auto;
  text-align:center;
  width:840px;
  padding-bottom: 600px;
  margin-bottom: 600px;
  }
#content {
  position:absolute;
  left:260px;
  *left:0px;
  text-align:left;
  background-color:#fff;
  min-width:680px;
  color:#444;

  }



.heading {
  color:#202020;
  font-size:16px;
}

#navigation {
  width:200px;
  background-color:transparent;
  font-size:14px;
  z-index:0;
  text-align:left;
  position:fixed;
  top:50px;
  left:30px;
  color:#888;
  line-height:18px;
}

#navigation a {
  color:#aaa;
}

#navigation li {margin-left:15px;}
#navigation #gallery-items {color:#888;}
#navigation #fade-gallery { margin-top:10px;}

#navigation #gallery-items li {margin-top:2px;margin-left:10px;
  color:#888;font-size:12px;display:block;width:156px;}
#navigation #gallery-items li:hover {color:#222;}

.pages {
  margin:0 auto;
  background-color:#fff;
  clear:both;
  min-width:460px;
  max-width:760px;
  padding-top:50px;
  padding-bottom:650px;
  overflow: hidden;
  color:#444;
  padding-left:10px;
}


#home-news { overflow:auto;}
#home-news h2 {font-size:18px;margin:0 0 4px 0;font-weight:bold;}
#home-news h3 {font-size:14px;margin:0 0 4px 0;font-weight:bold;}
#home-news p {font-size:12px;}
#news-section {float:right;width:440px;margin-right:80px;}

.article {margin:0 0 20px 0;}
/* BIOGRAPHY SPECIFIC BLOCK FOR DIV ID BIGROPHAY */

#biography             { display:block;overflow:auto;}
#biography p           { margin-bottom:16px; clear:both;}
#biography .slideshow img   { float:left; margin:0 20px 40px 0;border:1px solid #dedede;
  padding:4px;background-color:#fff;}
blockquote { width:475px;font-family:"Cochin","Baskerville",  "Georgia", "Serif" ;font-style:italic; margin:20px 0 12px 0px;font-size:18px;line-height:20px;}
cite       { text-align:right;}


/* CSS RULES USED IN OILS AND MIXED-MEDIA GALLERIES */

.square div  {
  position:relative;
  display:block;
  float:left;
  background-color:#fff;
  color:#888;
  margin:10px 10px 0px 0;

}

.square h3 {
  margin-bottom:10px;
}

.square ul {
  margin:0 0 15px 10px;
}

p.first_letter {

}
.square ul {
  margin-top:10px;
}

.square div p { font-family:"Helvetica", "Futura", "Verdana", "sans-serif";
  display:none;}
.square div img {
  *z-index:0;
}
.square div:hover p {
  display:list-item;
  position:absolute;
  z-index:999;
  background-color:#000;
  color:#fff;
  padding:4px 10px;
  text-align:left;
  opacity:0.9;
  filter:alpha(opacity=90);
  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  -moz-border-radius: 5px;
  -webkit-border-radius:5px;
  -webkit-box-shadow:0 0 10px #222;
  -moz-box-shadow: 0 0 10px #222;
  font-weight:100;
  width:80px;
  overflow:visible;
  font-size:10px;
  margin-left:0px;
  }
#oils.square div:hover p {

  margin-left:0px;
  width:120px;
  }
.square div img {
  text-align:center;
  padding:4px;border:1px solid #dedede;
  background-color:#fff;
  -webkit-border-radius:3px;
  -moz-border-radius: 3px;
}
#petite a img {
  width:100px;
  height: 100px;
}
.square div img:hover {
  -webkit-box-shadow:0 0 20px #222;
  -moz-box-shadow:#222 0 0 20px;

}

.gallery-image-title     { color:#444; margin:4px 0 2px 0;}


/* WOMEN-SCIENTISTS ID BLOCK */

#women-scientist { display:block; overflow:auto;}

#women-scientist a:hover img { border:1px solid #000;
  -webkit-box-shadow:0 0 10px #000;-moz-box-shadow: 0 0 10px #000;}

  .scientist-block h3 { width:500px;font-size:18px; color:#000;
  font-family:"Helvetica", "Futura", "Verdana", "sans-serif";}

.scientist-block h4 { width:500px;font-size:14px; line-height:22px;
  color:#888; font-family:"Futura", "Verdana", "sans-serif";}

.scientist-block   { clear:both; margin:10px 0 0px 0px;
  background-color:#fff;width:580px;float:left;}
.scientist-block  img   { float:left; margin:0 20px 50px 0;
  border:1px solid #f7f7f7;}


/* NIGHTTIME STORIES ID BLOCK */

#nighttime-stories             { display:block;}
#nighttime-stories p           { width:480px; margin-bottom:16px;}




/* FOOTER ID BLOCK */
#footer   { height:70px;position:fixed;bottom:0;left:0;
  background-image:url('../images/bottom-fade.png');width:100%;}
#footer p { margin-top:50px;color:#dedede;text-align:center;}
#headshot {
  width:220px;float:left;
}

#bio_content {
  float:right;
  width:500px;
}

#bio_content blockquote {
  clear:left;
}

.first_letter:first-letter {
  font-size:48px;
  font-weight:bold;
  float:left;
  margin:14px 10px 10px 0;
}


/* root element for tabs  */


/* tab pane */


.Night-timeStories {position:relative;overflow:visible;width:550px!important; float:right;}
.Listen .scientist-block {width:500px;}
.Listen .scientist-block p {width:500px!important;line-height:1.2em;}
.elders_left {float:left;width:200px;}
.elders_left img {width:180px;padding:5px;border:1px solid #ccc;margin-bottom:12px;}
.elders_right {float:right;width:520px;}