/* public styles
------------------------------------------------------------------*/

body {
	color: #555;               
	background-color: #fff;
	font: 75%/1.5em "lucida grande", "lucida sans", verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6 {     
	color: #333;
}

p, ul, dl {
	margin: 0px 0px 18px 0px;
}

a:link, a:visited {     
    color: #555;               
    text-decoration: none;
    border-bottom: 1px solid #ccc;
}

a:hover {
	color: #000;
	border-bottom: 1px solid #aaa;                                                   
}    

h1 {  
	font-size: 1.667em;
	line-height: 1.8em;  
	margin-left: 10px;    
	margin-bottom: 18px;  
	width: 620px;
	
}   

h3 {                 
	font-size: 1.17em;
	line-height: 1.29em; 
}               

h5 {
	text-transform: uppercase;
	letter-spacing: 0.1em;   
	line-height: 3em;        
}                           

a img {
/*	padding: 9px;
	border: 1px solid #ccc;
*/
	padding: 10px;
	background-color: #e9e9e9;

}                         

a img:hover {
/*	border: 1px solid #aaa;*/
	background-color: #dfdfdf;
}   

/* structure
------------------------------------------------------------------*/

#wrapper {       
	width: 960px;     
	margin: 0px auto;
	height: auto;
	min-height: 540px;
}                

#header {        
	width: 960px;
	height: 144px;
	position: relative;
}                   

#content {      
	width: 960px;     
	float: left;
	min-height: 360px;   
	height: auto;  
	padding: 18px 0px 36px 0px;    
	position:relative;
}       

#footer {      
	height: 36px;
	padding: 18px 10px;
	width: 940px;                       
	clear: both;                     
	text-transform: uppercase;
	font-size: 0.92em;
	line-height: 1.64em;       
	letter-spacing: 0.1em;
}                   

/* ir
------------------------------------------------------------------*/

#logo {
	width: 150px;
	height: 36px;
	position: absolute;
	top: 36px;
	left: 10px;
	text-indent: -19999px;
	display: block;       
	background: transparent url("/graphics/logo.gif") no-repeat left center;   
	border-bottom: none;
}                

/* nav
------------------------------------------------------------------*/

#nav {
	height: 3em;
	width: auto;
	min-width: 180px;
	top: 90px;                                
	left: 0px;
	position: absolute;
}                      

#nav li {
	float: left;
}       

#nav li a:link, #nav li a:visited {
	display: block;
	height: 3em;
	line-height: 3em;
	padding: 0px 10px;
	margin-right: 20px;
	border-bottom: none;       
	text-transform: uppercase;       
	letter-spacing: 0.2em;
}         
                 
#home li#homenav a, #projects li#projectsnav a, #articles li#articlesnav a, #bio li#infonav a, #bio #bionav a,  #links li#infonav a, #contact li#contactnav a, #contact li#contactsidenav a, #upcoming li#upcomingnav a {
	border-bottom: 1px solid #ccc;
}       

#nav_move {
	position: absolute;
	background: #eee;
	display: block;
	z-index: 1;
	left: 0;
}         

/* footer
------------------------------------------------------------------*/

#footer a:link, #footer a:visited {
	border-bottom: none;  
}              

/* global
------------------------------------------------------------------*/

.right {
	float: right;
}

/* index
------------------------------------------------------------------*/

.project_grid_capsule {
	width: 172px;
	height: 126px;
	margin: 0px 10px 18px 10px;
	float: left;         
	position:relative;
}       

.project_grid_capsule a:link, .project_grid_capsule a:visited {
	border-bottom: none;
}          

.project_grid_capsule a.project_info {
	opacity: 0;
	background-color: #131313;                         
	height: 86px;
	width: 132px;  
	padding: 10px;
	position: absolute;
	top: 10px;
	left: 10px;  
	text-align: center;
	color: #aaa;            
}              

.project_info strong {
	color: #fff;
}

.project_grid_capsule a img {
	width: 152px;
	height: 106px;         
}                           

.project_grid_capsule:hover {  
}
    

/* projects
------------------------------------------------------------------*/

.project_list_capsule {
	width: 460px;       
	height: 126px;
	padding: 0px 10px;
	margin-bottom: 36px;     
	float: left;
}                       

.project_list_capsule a img, .project_list_capsule p {
	float: left;
}              

.project_list_capsule img {
	margin-right: 20px;    
	opacity: 0.95;     
	width: 152px;
	height: 106px;          
}       

.project_list_capsule a {
	border-bottom: none;
}                            

.project_list_capsule a:hover img {
	  
}              
 
#projects .pagination {
	margin-left: 10px;
	float: left;      
	clear: both;
}               

#projects #older_projects, #articles #older_articles {
	float: right;
}     

#project_post_content {
	width: 400px;
	padding: 0px 10px;
	float: left;
	min-height: 180px;
	height: auto;
	margin-right: 60px;
}               

#project_post_info {
	font-size: 1.17em;
	line-height: 1.714em;   
}        

#media_wrapper {
	width: 460px;              
	position: relative; 
	min-height: 180px; 
	padding: 36px 10px 0px 10px;
	height: auto;
	float: left;
}            
               
ul#media_nav {
	position:absolute;
	top: 0px;
	left: 10px;         
	float: right;
	margin-top: 0px;
}

#media_nav li {
	float: left;    
	margin-right: 10px;   
	line-height: 2em;
}                   

#media_nav a#show_slideshow {
	border-bottom: none;
}

#slideshow {                   
	float: left;      
	height: auto;
	min-height: 324px;
	width: 460px;      
}         

#slideshow img {
	background: #e9e9e9;
	padding: 10px;     
	height: 304px;
	width: auto;
	max-width: 440px;
}           
          

#slideshow_prevnext {
	width: 32px;     
	height: 36px;
	position:absolute;
	top: 0px;
	right: 10px;  
}                          

#slideshow_prevnext a {    
	font-size: 1em;
	line-height: 1em;  
	display: block;
	height: 12px;
	width: 6px;
	border-bottom: none;   
	float: left;       
	margin: 6px 0px 6px 10px; 
	text-indent: -19999px;
}       

#prev_image {           
	background: transparent url("/graphics/prev_image.gif") no-repeat left top;
}                                                                              

#next_image {           
	background: transparent url("/graphics/next_image.gif") no-repeat left top;
}         

#prev_image:hover, #next_image:hover {
	background-position: left -12px;
}

#pager {
	width: 480px;                
	height: auto;
	min-height: 72px;
	float: left;       
	padding-top: 18px;        
	display: none;
}          
                               
.slide img.thumb {
	display: none;
}    

#pager a:link, #pager a:visited {
	float: left;
	margin-right: 20px;
	margin-bottom: 18px; 
	border-bottom: none; 
	opacity: 0.85;      
	line-height: 0.9em;     
	width: 80px;
	display: block;  
	height: 63px;
	text-align: center;
	background-color: #e4e4e4;
	padding: 10px;
}                              

#pager a:hover {   
	background-color: #dfdfdf;
}


#pager a.activeSlide {
	opacity: 1!important;   
	background-color: #dfdfdf;
}     

#pager a img {  
	padding: 0px;
	border: none;
	max-width: 80px;
	max-height: 63px;    
}                
             
#video_container {    
	margin: 0px 0px 18px 0px;     
	padding: 10px;
	width: 440px;
	min-height: 180px;   
	float: left;      
	height: auto;  
	position: relative;
	background: #e9e9e9 url("/graphics/ajax-loader.gif") no-repeat 222px 157px;    
}        

#video_container img {
	width: 440px;
	height: auto;    
	padding: 0px; 
	background-color: transparent;
}         

#video_container a {
	border-bottom: none; 
	height: auto;
	float: left;  
	line-height: 0em;
}              

#video_caption {
	display: none;
}                

#video_container object {   
	background-color: #e9e9e9;    
	display: block;
	float: left;      
}

#click_to_play {
	width: 440px;
	height: 28px;
	padding: 10px 0px 0px 0px;
	text-align: center;
	position: absolute;
	bottom: 10px;
	left: 10px;  
	background-color: #0f0f0f;
	opacity: 0.5;     
	color: #fff;            
	margin-bottom: 0px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

#exhibition_history li, #article_list li {
	margin-bottom: 18px;
}                      

#exhibition_history li:before, #article_list li:before {
	content: "· ";
	margin-left: -0.6em;
}   

#prevnext {
	position: absolute;
	top: 27px;                                                                 
	right: 10px;
}                

#prevnext a {
	margin-left: 10px;       
}                    

.audioplayer_capsule {
	padding: 10px;     
	background-color: #e9e9e9;
	position: relative;      
	height: auto;
	min-height: 24px; 
	margin-bottom: 18px;     
	float: left;     
	width: 440px;
}              

.audioplayer_capsule h4 {
	margin-bottom: 18px;
}

.audioplayer_capsule p {
	float: left; 
	margin: 0px 10px 0px 0px;
	line-height: 24px;       
}                 

.audioplayer_capsule object {
	z-index: 2!important;
}     
 

/* Articles
------------------------------------------------------------------*/

#article_list_content {
	float: left;
	width: 520px;
	padding: 0px 10px;
	margin-right: 60px;
	min-height: 180px;
	height: auto;          
}       

#article_images_content {
	float: left;
	width: 360px;               
	min-height: 180px;
	height: auto;           
	
}             

#article_images {
	width: 360px;
	margin: 0px;     
	height: auto;
	min-height: 18px;   
	line-height: 0.9em;
}                      

#article_images li {
	margin: 0px 10px 18px 10px;   
	height: auto;
	min-height: 18px;  
	float: left;
}

#article_images li a {
	border-bottom: none;  
	display: block;  
	height: auto;
	min-height: 18px;   
}    

#article_images li img {
	width: 140px;
	height: 178px;                  
	padding: 10px;
	background-color: #e9e9e9;
}                       

#article_images li a img:hover {
	background-color: #dfdfdf;
}
                        

#article_post_content {
	width: 800px;
	padding: 0px 10px;
	min-height: 180px;
	height: auto;
}

#article_post_content p {
	width: 640px;       
}    

#article_post_content p#article_post_info {
	width: 460px;                    
	font-size: 1.17em;
	line-height: 1.714em;
}            

#article_post_content img {     
	margin: 0px 0px 18px 0px; 
	padding: 10px;
	background-color: #e9e9e9;   
	width: 360px;
	height: auto;   
}                    

#article_post_content img.right {
	margin-left: 20px;
}           

#article_list {
	margin-bottom: 18px;
}
                      

/* info
------------------------------------------------------------------*/

                 

#info_content {
	float: left;
	width: 520px;
	padding: 0px 10px;
	margin-right: 60px;
	min-height: 180px;
	height: auto;	
}                

#info_sidebar_content {
	width: 340px;
	padding: 0px 10px;
	float: left;
	min-height: 180px;
	height: auto;       
}    

#info_sidebar_nav li  {
	margin-bottom: 18px;
}           

#info_sidebar_nav li a {
	border-bottom: none;
	text-transform: uppercase;     
	letter-spacing: 0.1em;
	font-size: 0.92em;
	line-height: 1.63em;
}            

#info #bionav a, #links #linksnav a {
	border-bottom: 1px solid #ddd;
}                          

/* links
------------------------------------------------------------------*/
                       
#links #info_content {
	width: 580px;
	margin-right: 0px;
}

#links #info_content ul {
	width: 230px;
	height: auto;
	min-height: 18px;
	float: left;
	margin-right: 60px;
}                             

#links #info_content ul li {
	margin-bottom: 18px;
}  

/* bio
------------------------------------------------------------------*/

#info_content img {
	float: right;
	margin: 0px 0px 18px 20px;
	background: #e9e9e9;
	padding: 10px; 
	height: 250px;
	width: 200px;
}              

/* upcoming
------------------------------------------------------------------*/

#upcoming_content {
	float: left;
	width: 520px;
	padding: 0px 10px;
	margin-right: 60px;
	min-height: 180px;
	height: auto;
}               

#upcoming_exhibitions li, #upcoming_exhibitions li {
	margin-bottom: 18px;
}                      

#upcoming_exhibitions li:before, #upcoming_exhibitions li:before {
	content: "· ";
	margin-left: -0.6em;
}