/*

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:120px;}
#slideshow {float:left;}
.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  */
ul.tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;


}

/* single tab */
ul.tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;
	margin-right:40px;
	margin-left: -20px;
}
/* link inside the tab. uses a background image */
ul.tabs a { 
	display:block;
	padding:5px 10px;	
	text-decoration:none;

	border-bottom:0px;
	height:18px;
	background-color:#efefef;
	color:#777;
	margin-right:2px;
	-moz-border-radius: 8px;

	-webkit-border-radius:8px;
	position:relative;
	top:1px;	
}

ul.tabs a:hover {
	background-color:#F7F7F7;
	color:red;
}

/* selected tab */
ul.tabs a.current {
	background-color:#fff;
	border-bottom:2px solid #fff;	
	color:#000;	
	cursor:default;
}


/* tab pane */
div.panes ul {
  display:none;		
  padding:15px 10px;
  border-top:0;
  background-color:#fff;
}

div.panes li {
  position:relative;
  display:block;
}

.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;}