/*  
Theme Name: Exploratorium ArtNano
Theme URI: http://www.exploratorium.edu
Description: Exploratorium Nanoscience Template
Version: 1.0
Author: Geraldine Sarmiento & Stamen Design
Author URI: http://stamen.com
*/

/* CSS Document */

body {
	font: 11px/15px Arial, Verdana, Helvetica, sans-serif;
	background: #fff;
	color: #000;
	margin: 0;
	padding: 0;
	border: 0;
}

body#home {
	background: url('images/bg_home.jpg');
}

/*type*/

h1, h2, h3 {
	font: bold 12px/18px Arial, Verdana, Helvetica, sans-serif;
	color: #000;
}

small {
	font: 9px/10px Arial, Verdana, Helvetica, sans-serif;
	color: #666;
}

/* give the page breathing room at the bottom */
.entry {
  margin: 0 0 50px 0;
}

/*logo container*/
#logocontainer {
	position:absolute;
	width: 816px; /*Width of main container*/
	height: 55px;
	margin-top: 30px;
	margin-left:37px;
}
#logosection {
	float:left;
}
h1#logo {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
h1#logo a {
	width:527px;
	height:55px;
	margin-top: 0px;
	border: 0px;
	display: block;
	background: url(images/artnano.gif) no-repeat top left;
}
h1#logo span {
	display: none;
}	
#niselogo {
	height:55px;
	float:right;
}
#explogo {
	height:55px;
	float:right;
}
	
/*home content container*/	
#home_content {
	position:absolute;
	width: 250px; /* could be wider? TC */
	margin-top: 120px;
	margin-left: 37px;
}
#home_content p {
	margin-top: 0px;
}

#nsf_credit {
	margin: 25px 0 40px 0;
}
#nsf_credit img {
	float: left;
	padding: 0 10px 5px 0;
}
	
#footer{
	position:absolute;
	width:840px;
	margin-top: 800px;
	margin-left: 37px;
}

#footer img {
	float: left;
	padding: 0 10px 5px 0;
}

#footer_content{
	padding: 10px 20px 10px 0;
}



/*home navigation*/
#navcontainer { 
	float:left;
}
#navcontainer ul {
	font-size: 14px;
	margin-bottom:12px;
	margin-top:12px;
	margin-left:0px;
	padding: 0;
	list-style-type: none;
}
#navcontainer li {
	margin: 0;
}
#navcontainer li.current_page_item a {
	color: #000;
}
#navcontainer a {
	font-size: 14px;
	display: block;
	color: #94ab0f;
	width: 180px;
	padding: 3px 0px;
	text-decoration: none;
}
#navcontainer a:hover, #navcontainer a:active {
	color: #000;
	padding: 3px 1px 3px 0px;
}
#navcontainer ul ul {
	margin-left: 15px;
	padding: 0;
	list-style-type: none;
}
#navcontainer li li a,
#navcontainer li.current_page_item li a {
	font-size: 12px;
	font-weight:bold;
	display: block;
	color: #94ab0f;
	width: 200px;
	padding: 3px 0px;
	margin: 0;
	border-top: none;
	border-bottom: none;
	text-decoration: none;
}




/*left navigation*/
#leftnav_container { 
	position:absolute; 
	margin-left: 37px; 
	margin-top: 120px; 
}
#leftnav_container ul {
	margin:0;
	padding: 0;
	list-style-type: none;
	font-size: 11px;
}
#leftnav_container li { 
	margin: 0; 
}
#leftnav_container li#subactive a,
#leftnav_container li.current_page_ancestor a,
#leftnav_container li.current_page_ancestor li.current_page_item a,
#leftnav_container li.current_page_ancestor li.current_page_ancestor a {
	color: #000;
}
#leftnav_container a,
#leftnav_container li.current_page_ancestor li a {
	display: block;
	color: #94ab0f;
	width: 180px;
	padding: 2px 0px;
	text-decoration: none;
	font-size: 11px;
}
#leftnav_container a:hover {
	color: #000;
	padding: 2px 1px 2px 0px;
}
#leftnav_container ul ul {
	margin-left: 12px;
	padding: 0;
	list-style-type: none;
}
#leftnav_container li li a {
	display: block;
	color: #94ab0f;
	width: 200px;
	padding: 2px 0px;
	margin: 0;
	border-top: none;
	border-bottom: none;
	text-decoration: none;
	font-size: 11px;
	font-weight:bold;
}
#leftnav_container a:hover {
	color: #000;
}




/*artist navigation*/
#artistnav_container { 
	position:absolute; 
	margin-left: 163px; 
	margin-top: 190px; 
	width: 160px;
	/*border:solid #000; */
}
#artistnav_container ul {
	margin:0;
	padding: 0;
	width: 160px;
	list-style-type: none;
	font-size: 11px;
	font-weight:bold;
}
#artistnav_container li { 
	width: 160px;
	margin:0;
}
#artistnav_container li#active a:link, #artistnav_container li.current_page_item a:link,
#artistnav_container li#active a:visited, #artistnav_container li.current_page_item a:visited {
	color: #000;
}
#artistnav_container a {
	color: #72abb6;
	width: 160px;
	text-decoration: none;
	font-weight:bold;
	line-height:16px;
}
#artistnav_container h3 a {
	line-height: 18px;
	font-weight: bold;
	color: #000;
}
#artistnav_container a:hover {
color: #000;
}
#artistnav_container a:active {
	color: #000;
}



/* main artist page */
#projectimg_container{
	border: 20px solid #000;
	position:absolute; 
	margin-left: 360px; 
	margin-top: 145px;
	width: 320px;
	height: 250px;	
}
#projectext_container{
	position:absolute; 
	margin-left: 360px; 
	margin-top: 443px;  /*set location*/
	width: 380px; /*Width of black frame video container*/
	/*height: 600px; Height of black frame video container*/	
}
#projectext_container p{
	color: #000;
	margin-bottom:2px;
}
#projectext_container a{
	color: #94ab0f;	
}
#projectext_container a:hover {
	color: #000;
}




/* artist images page */
#photo_container{
	border: 20px solid #000;
	position:absolute; 
	margin-left: 360px; 
	margin-top: 145px;
	width: 378px;
	height: 306px;
	
}
#thumb_container{
	position:absolute; 
	margin-left: 360px; 
	margin-top: 515px;
	width: 600px;
	height: 55px;
	
}
#phototext_container{
	position:absolute; 
	margin-left: 362px; 
	margin-top: 586px;  /*set location*/
	width: 380px; /*Width of black frame video container*/
}
#phototext_container p{
	color: #000;
	margin-bottom:2px;
}
#phototext_container a{
	color: #94ab0f;	
}
#phototext_container a:hover {
	color: #000;
}

#thumb_container .thumbnail {
	float: left;
	width: 55px;
	margin: 0 18px 18px 0;
}
#thumb_container .noborder {border: 5px solid #FFFFFF;}
#thumb_container .th_active {border: 5px solid #000;}


/* artist bio page */
#portrait_container{
	position:absolute; 
	margin-left: 620px; 
	margin-top: 145px;
	width: 360px; 
	height: 360px;
	
}
#biotext_container{
	position:absolute; 
	margin-left: 360px; 
	margin-top: 245px;  /*set location*/
	width: 216px;
}
#biotext_container p{
	color: #000;
	margin-bottom:2px;
}
#biotext_container a{
	color: #94ab0f;	
}
#biotext_container a:hover {
	color: #000;
}
	



/* artist artworks page */
#artworks_text_container {
	position:absolute; 
	margin-left: 360px; 
	margin-top: 145px;
}
#artworks_text_container p,
#artworks_text_container h3,
#artworks_text_container small {
	width: 360px; /*Width of black frame video container*/
	margin: 15px 0px 10px 0px;
	display: block;
}
#artworks_text_container p {
	color: #000;
	margin: 0 0 20px 0;
}
#artworks_text_container a{
	color: #94ab0f;	
}
#artworks_text_container a:hover {
	color: #000;
}
#artworks_img_container, #artworks_text_container img, .flashmovie {
	border: 20px solid #000;
}

/* flash page */
#flash_container {
	border:0px none;
	left:37px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:110px;
}
#flash_container p,
#flash_container h3,
#flash_container small {
	width: 360px; /*Width of black frame video container*/
	display: block;
}
#flash_container p {
	color: #000;
	margin: 0 0 20px 0;
}
#flash_container a{
	color: #94ab0f;	
}
#flash_container a:hover {
	color: #000;
}
#flash_container .flashmovie {
	border: 20px solid #000;
	margin: 0px 0px 20px 0px;
}



/* about and perspectives (!!!also uses portrait container from artist bio) */
#text_container{
	position:absolute; 
	margin-left: 163px; 
	margin-top: 245px;
	width: 426px;
}
#text_container p{
	margin-bottom:2px;	
}
#text_container a{
	color: #94ab0f;	
}
#text_container a:hover {
	color: #000;
}