/* Copyright Kevin Finlayson 2007
------------------------------------------------------------------*/

/* reset reloaded 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
------------------------------------------------------------------*/          

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: #808284;
	background-color: #fff;  
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}      

strong {
	font-weight: bold;
}

/* basic styles
------------------------------------------------------------------*/

body {               
	font:100%/0.95em "lucida grande", "lucida sans", verdana, sans-serif; 
}

hr {
	clear:both;          
	margin: 0px;
	height: 0px;
	visibility: hidden;  
	
}

.clear {
	clear:both;
}

.centered {
	text-align:center;
}

.right {
	text-align:right;
}		

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

h1 {
	font-size: 2.6em;    
}

h2 {
	font-size: 1.8em;     
}

h3 {
	font-size: 1.6em; 
	float: left;                 
	line-height: 1.3em;
}

h4 {                  
	clear: left;
	font-size: 1.2em;       
}

h5 {
	font-size: 1em;
	font-weight: bold;            
}

h6 {
	font-size: 0.9em;        
}


p, ul {
	margin: 10px 0px;
	
}

a, a:visited {
	color: #788FB6;      
	text-decoration: none;            
}

a:hover {                      
	color: #788FB6;
	text-decoration: underline;           
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {            
}                            

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {   
}

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

#wrapper {
	width: 955px;
	height:auto;
	min-height: 500px;             
}
                       
#header {
	width: 780px;
	height: 73px;             	     
}

#content {           
	position: relative;             
	width: 780px; 
	float: left;        
	height: auto;
	min-height: 400px;         
	margin: 0px 15px 0px 155px;
	font-size: 0.625em;     
	line-height: 1.6em;             
	
}

#footer {
	clear: both;
	float: left;
	position: static;     
	width: 100%;
	text-align: center;     
	height: 40px;
	padding-top: 15px;
	text-transform: lowercase;  
	font-size: 0.625em;
	padding-left: 100px;        
}             

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

a#logo {
	width: 303px;
	height: 32px;  
	display:block;
	margin-top: 15px;        
	text-indent: -19999px;
	background: transparent url("/graphics/logo.gif") no-repeat top left; 
	float: left;
}                          

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

ul#nav {
	font-size: 1.45em;
	width: 100%;
	height: 16px;    	 
	float: left;       
	clear: left;  
	margin-bottom: 0px;
	color: #9D9FA1;     
	
}                

ul#nav li {
	width: auto;
	height: 16px;
	float: left;                     
	margin-left: 0px;
}            

ul#nav.admin-nav > li:first-child {
	margin-right: 7px;
}

ul#nav li a {
	color: #9D9FA1;   
	font-weight: normal;     
	margin: 0px 7px;
}                

ul#nav > li:first-child a {
	margin-left: 0px;
}        

ul#nav li a img, ul#nav li a:visited img {
	border-bottom: 1px solid white;
}

ul#nav li a:hover img {
	border-bottom: 1px solid #9D9FA1;
}           


/* scaffold imported rules
------------------------------------------------------------------*/


.fieldWithErrors {
  padding: 2px;
  background-color: #FFE5E2;     
  float:left;                
  display:inline;
}      

#errorExplanation {
  float: left;
  width: 760px;
  border: 2px solid #FF707F;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #FFE5E2;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #FF707F;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
	color: #CF5B67;
	margin-left: 7px;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid gray;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}      

/* splash
------------------------------------------------------------------*/

#splash #wrapper {
	width: 600px;    
	height: 100px;
	margin:200px auto 0px auto; 
	text-align: center; 
	position: relative;
}                     

h1#splash-logo {  
	width: 551px;
	height: 61px;
	background: #fff url('/graphics/splash-logo.gif') no-repeat top left;       
	text-indent: -19999px;                                                            
}              

#splash ul#nav {
	margin: 30px auto 0px auto;
	float: none;     
	width: 330px; 
	font-size: 1em;  
	height: 50px;
}   

/* subnav
------------------------------------------------------------------*/

ul#subnav, ul#admin-subnav, ul#admin-current-user {  
	width: 100%; 
	font-size: 1em;  
	margin-bottom: 55px;    
	float: left;
}             
 

ul#subnav li, ul#admin-subnav li {
	float: left;    
}               

ul#subnav li, ul#admin-subnav li {
	padding: 0px 5px; 
}   

ul#subnav > li:first-child, ul#admin-subnav > li:first-child {
	padding-left: 0px;
}

ul#subnav li a, ul#admin-subnav li a {
    color: #9D9FA1;         
	text-transform: lowercase;
}            

ul#subnav li.subnav-active a, ul#subnav li.subnav-active a:visited, , ul#admin-subnav li.subnav-active a:visited {
	text-decoration: underline;
}                     

#posts #admin-current-user {
	margin-bottom: 0px;
}                    


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

#slideshow {      
	height: 540px;
	z-index: 1;        
}              

#slideshow img {   
	z-index:2;
}       

#info-includer { 
	height: 540px;
	position:relative;  
	margin-left: -15px;	
	clear:left;   
	margin-top: 25px;
	float: left;
}      

#info {
	position: absolute;
	top: 30px;
	left: 0px;         
	background: transparent url("/graphics/infobg.png") repeat; 
	z-index:3;
	width: 300px;
	height: auto;
	min-height:100px;
	color: #555;
	padding: 10px 15px 5px 15px;
}

#project-info-close {
	position: absolute;
	bottom: 8px;
	right: 20px; 
	display:block;
	height: 10px;
	line-height: 1em;
}     


#pager {
	position:absolute;
	top: 5px;
	left: 11px;
	z-index: 4; 
	width: 200px;
}     

#pager a { 
	color: #fff;  
	float: left;
	border-left: 1px solid #fff;
	line-height: 1em;
	padding: 0px 5px;
}

#pager a.activeSlide { 
	color: #788FB6; 
}     

#pager a:hover {
	color: #788FB6;
}      

#pager > a:first-child {
	border-left: none;
}       

#project-nav {
	margin: 55px 0px 0px;
	width: auto;
	min-width: 200px;
	color: #9D9FA1;        
}     

#project-nav a, #project-nav a:visited {
	color: #9D9FA1;           
}

#project-nav #prev, #project-nav #show/*, #project-nav #project-*/ {      
	margin-left: 50px;       
}                            

#project-nav #prev, #project-nav #show, #project-nav #next  {
	line-height: 2em;
}

ul#projects-list {
	font-size: 1.1em;
	width: 600px;
	height: auto;
	min-height: 100px;
	float: left;            
	position:relative;
}               

ul#projects-list li {
	width: 155px;
	float: none;  
	margin: 10px 0px;      
	height: 15px;         
}            

ul#projects-list > li:first-child {
	margin-top: 0px;
}                      

ul#projects-list li a, ul#projects-list li a:visited, ul#projects-list li a:hover {
	display: block;
	height: 15px;
	width: auto;
	min-width: 100px;   
}                      

.project-thumb {
	position: absolute;
	top: 170px;
	left :155px;
	width: 303px;    
	float: right;
}



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

#footer a, #footer a:visited {
	color: #9D9FA1;     
}                       
                       


/* Sessions
------------------------------------------------------------------*/

#sessions-wrapper {
	margin-top: 55px;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	padding: 20px;     
	height: auto;
	float: left;
	width: 100%;
}     
          
/* edit
------------------------------------------------------------------*/

#project-admin-wrapper, #publication-edit-wrapper, #category-edit-wrapper, #practice-edit-wrapper, #award-edit-wrapper, #exhibition-edit-wrapper, #posts-edit-wrapper {
	float: left;      
	width: 780px;
	height: auto;
	min-height: 500px;
}                   

#project-admin-wrapper h3, #category-edit-wrapper h3, #practice-edit-wrapper h3, #award-edit-wrapper h3, #exhibition-edit-wrapper h3, #posts-edit-wrapper h3 {
	width: 100%;   
	margin-bottom: 20px;
}

label {
	font-size: 1.2em;           
	float: left;
	clear: left;
}
 
textarea, input, select, #link-out {
	float: left;
	clear: left;      
	margin: 5px 0px 15px 0px;  
	font-family: "lucida grande", verdana, sans-serif;          
	font-size: 1em;
}      

textarea#project_info, textarea#post_body {
	width: 510px;
	height: 160px;
}                      

textarea#practice_page_body {
	width: 510px;
	height: 140px;
}

textarea#project_images, textarea#practice_page_image, textarea#publication_image, textarea#post_image {
	width: 508px;
	height: 90px;  
	background-color: #ebf6fb;   
	border: 1px solid #aecad6;   	
}                         

textarea#practice_page_image, textarea#post_image, textarea#publication_image {   
	height: 50px;
}

textarea#project_thumbnail {
	width: 508px;
	height: 50px;      
	background-color: #ebf6fb;     
	border: 1px solid #aecad6;   	
}                

textarea {
   	background-color: #f5f5f5;
	border: 1px solid #ccc;  
	padding: 4px 1px;
}     

textarea#practice_page_image_caption {
	width: 510px;
	height: 20px;
}

#category-edit-wrapper p.edit-third-width, #award-edit-wrapper p.edit-third-width, #exhibition-edit-wrapper p.edit-third-width, #posts-edit-wrapper p.edit-third-width {
	clear: left;
}                   

#category-edit-wrapper h3 {
	width: 100%;   
	margin-bottom: 20px;
}

#image-list-wrapper {
	width: 240px;
	float: right;
	height: 400px;             

}

#image-list {
	width: 240px;
	float: left;
	height: 400px;            
	overflow: auto;           
	border: 1px solid #aecad6;   
}      

#practice-edit-wrapper #image-list {
	height: 310px;
}                                 

#posts-edit-wrapper #image-list {
	height: 265px;
}
                       

.image-list-capsule {
	width: 195px;
	padding: 15px;
	height: 60px;
	background-color: #e3eef3;  
	float: left;
}              

.image-list-capsule img {
	float: left;
}              

#image-list-wrapper label {       
	margin: 10px 0px 5px 0px;
	
}    

p.edit-third-width {
	float: left;  
	margin-bottom: 0px;   
	margin-right: 30px;      
	height: 58px;
}               

p.edit-third-width input, input#project_photo_credit {
	width: 238px;   
   	background-color: #f5f5f5;
	border: 1px solid #ccc;    
	padding: 4px 1px;
}              

input#project_name {
/*	margin-right: 28px;   */
}                  

#image-list-wrapper .even {
	background-color: #ebf6fb;
}   

.image-list-capsule .image-name {
   font-size: 1.2em;
   display: block;
   float: left;
   padding: 25px 10px;   
}     

#submit-wrapper {
	width: 300px;
	height: 32px;      
	float: left;
	clear: left; 
	font-size: 1.2em; 
	position:relative;
}                    

#progress {
	position: absolute;
	bottom: 3px;
	right: 200px;
	width: 32px;
	height: 32px; 
}

#submit-wrapper input {
	margin-right:10px;
}            

.submit-linkout {       
	padding-top: 6px;
   float: left;   
}          

.title-linkout {
	margin-left: 10px;
}

#help {
	width: 500px;
	padding: 20px;
	font-size: 1.2em;
	height: auto;
	min-height: 100px;
	background: transparent url("/graphics/helpbg.png") repeat;  
	border: 1px solid #d4b359;
	position: absolute;
	top: 120px;
	left: -45px;
	color: #333;
	z-index: 10;
}               

#help h5 {
	color: #000;  
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 0px;
}           

#help a, #help a:visited, #help a:hover {
	color: #4e8f01;
}

#help p {
	margin-top: 5px;
	margin-bottom: 10px;
}

.help-subtitle {
	margin: 15px 0px;
	color: #0181ab; 
	font-size: 1.2em;   
	font-weight: bold;
	line-height: 2em;     
}                      

.hilite {
    background-color: #fcf259; 
	padding: 5px 10px; 
}   

.help-subtitle .hilite {
	margin-left: -15px;
}                    
/* status
------------------------------------------------------------------*/

#status {
	width: 100%;
	height: 30px;
	float: left;
}       

/* flash/notice
------------------------------------------------------------------*/

#notice, #flash, #error_message {             
	width: 100%;
	height: auto;
	min-height: 20px;
	position:absolute;
	top: 105px;
	left: 0px;                                            
	font-weight: bold;
/*	padding: 4px 5px 1px 5px;        */
/*	background-color: #d6f9ae;     */
/*	border: 1px solid #afe96b;*/
/*	color: #1d3500;	 */
	color: #2f9901;
	font-style: italic;   
	font-size: 1em;        
}                              
            
#flash {
	top: 0px;
}         

#images-body #flash {
	top: 105px;
}

#error_message {
	color: red;  
	top: 110px;
}

#splash #notice {
	position: absolute;
	top: 135px;              
	padding: 3px 0px;         
}          

/* admin
------------------------------------------------------------------*/

#admin-wrapper {
	width: 780px;
	height: auto;
	min-height: 600px;
}   

#admin-main-wrapper {
	width: 510px;
	height: auto;
	min-height: 300px;
	float: left;
}              

#admin-sidebar-wrapper {
	width: 240px;
	height: auto;
	min-height: 300px;
	float: right;
	margin-left: 30px;
}

#admin-wrapper h3 {        
	margin-top: 20px;
}         

#admin-main-wrapper h3 {
	width: 510px;
}                

#admin-sidebar-wrapper h3 {
	width: 240px;
}

#admin-main-wrapper > h3:first-child, #admin-sidebar-wrapper > h3:first-child {
	margin-top: 0px;
}

ul#admin-project-list, ul#admin-publication-list, ul#admin-posts-list {
	width: 510px;
	clear: left;
	float: left;
}   
                                                  
ul#admin-category-list, ul#admin-practice-list, ul#admin-award-list, ul#admin-exhibition-list  {
	width: 240px;
	clear: left;
	float: left;
}         
                                               
#admin-wrapper ul li span {
	display: block;
	float: left;
}

li .p-name, li .pub-title, li .po-title {
	width: 248px;    
}
          
li .p-cat, li .pub-publication, li .po-date {
	width: 168px;    
}             

li .class-actions {
	width: 72px;     
}    

li .c-name, li .aw-name, li .exh-name {
	width: 153px;    
}               

#admin-wrapper ul li span {
	padding-left: 7px;
}  

#admin-wrapper ul li.column-header {
	font-size: 1em;
	padding-bottom: 10px;      
    background-color: #f5f5f5;  
    border-bottom: 1px solid #ccc;   ;
}                    

#admin-wrapper ul li {
	height: 1em;
	display:block;
	padding: 10px 0px 10px 0px;      
	font-size: 1em;     
	line-height: 1.3em;  
	float: left;
}       

#admin-wrapper .even {
    background-color: #e9e9e9;   
}       
              
#admin-wrapper .odd {
    background-color: #f5f5f5;   
}     
    
li .list-actions {    
	width: 72px;
}

li .list-actions a {
	margin-right: 7px;
}     


/* images
------------------------------------------------------------------*/

#images-edit-wrapper form {
	background-color: #ebf6fb;   
	border: 1px solid #aecad6;
	float: left;
	width: 740px;
	padding: 10px 20px 0px 10px;
	clear: left;
	margin-top: 20px;
}            

ul#images {
	clear: left;
}                             

ul#images li {
	background-color: #ebf6fb;
	width: 80px;
	height: 112px;
	padding: 15px;
	margin: 20px 20px 0px 0px;
	float: left;
	display: block;
	position: relative;  
	text-align: center;  
	line-height: 1.3em;
}            

ul#images li a.delete {
	position: absolute;
	right: 5px;
	bottom: 5px;         
	text-indent: -19999px;     
	display: block;
	width: 17px;
	height: 17px;
	background: transparent url("/graphics/delete.gif") no-repeat right bottom;
}        

ul#images li img {
	margin-bottom: 10px;    
	border: 6px solid #d2e3eb;
}          

.image-thumb-wrapper {
	height: 160px;
	width: auto;
	min-width: 200px;
	float: left;      
	margin: 10px 30px 20px 0px;
}                      

p.filename {
	float: left;   
	clear: left;
	font-size: 1em;
	margin-top: 20px;
}
    

#images-edit-wrapper #help ol {
	list-style-type: decimal;
	list-style-position: inside;
}                               

#help ol li, #help ul li {
	margin: 7px 0px;
} 

/* practice & static
------------------------------------------------------------------*/
    
#practice-wrapper, #static-wrapper {
	width: 780px;
	height: auto;
	min-height: 500px;
}                

#static-wrapper {
	padding-top: 81px;
}           

#practice-wrapper h3, #static-wrapper h3 {
	margin-bottom: 15px;
	width: 320px;      
	float: left;
}

#practice-wrapper img, #static-wrapper img {
	float: right           
}

#practice-info, #static-info {
	float:left;
	width: 320px;           
	clear: left;
}       

#practice-wrapper p, #static-wrapper p {
	width: 320px;
	float: left;    
	clear: left;
}                   

#practice-wrapper p {
	margin-top: 0px;
}

#practice-wrapper #image-caption, #static-wrapper #image-caption {
	clear: right;
	float: right;
	text-align: right;
}                       

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

#publications #publicationsnav a, #exhibitions #exhibitionsnav a, #awards #awardsnav a {
	text-decoration: underline;
}     

/* publication
------------------------------------------------------------------*/

ul.publications-list, ul.awards-list, ul.exhibitions-list {
  margin-top: 0px;  
}   

#recognition-wrapper h5 {
	margin-bottom: 0px; 
	clear: left;
}     
                         

#publication-edit-wrapper .edit-third-width {
 	width: 238px;
}

#recognition-wrapper h3, #publication-edit-wrapper h3 {
	width: 100%;
	margin-bottom: 20px;
}           

ul#featured-publications-list {
	width: 600px;  
	margin-bottom: 20px;
}

ul#featured-publications-list li {
	float: left;
	margin: 0px 20px 30px 0px;   
	width: 140px;
}               

ul#featured-publications-list li img {
	margin-bottom: 20px;
	float: left;
}            

textarea#publication_blurb {
	width: 510px;
	height: 100px;
}                                           

#is_featured_wrapper input {
	clear:none;       
	margin-left: 10px;
	margin-top: 2px;
}

/* awards & exhibitions
------------------------------------------------------------------*/

#exhibitions-h3 {
	margin-top:30px;
}                 

/* posts
------------------------------------------------------------------*/

#posts-wrapper {
	width: 715px;
	height: auto;
	min-height: 500px;
	padding-top: 55px;   
	float: left;
}     

#posts-main {
	width: 445px;
	height:auto;
	min-height: 500px;
	float: left;
}                     

#posts-main p {
	width: 303px;
}             

#posts-main img {
	width: 303px;                 
	float: left;
}               

.post-capsule {
	float: left;
	height: auto;
	width: 300px;
	min-height: 30px;
	margin-bottom: 30px;
}


#posts-wrapper h3 {
	margin-bottom: 35px;
	width: 600px;
}

#posts-sidebar {
	width: 240px;
	height: auto;
	min-height: 500px;
	margin-left: 30px;
	float: right;
}         

.post-capsule h4 a, .post-capsule h4 a:visited {
	text-decoration:underline;
}                             

.post-capsule h4 {
	margin-bottom: 10px;
}

.post-capsule img {
	margin-bottom: 15px;    
}

.post-capsule p {
	margin-top: 0px;
	margin-bottom: 20px;
}                

/* misc
------------------------------------------------------------------*/

h3 a.header-link, h3 a.header-link:visited {   
	color: #788FB6;      
	text-decoration: none;     
}          

h3 a.header-link:hover {             
	color: #788FB6;
	text-decoration: underline;    
}

#project-nav a.header-link, #project-nav a.header-link:visited {   
	color: #788FB6;      
	text-decoration: none;     
}                             

#project-nav a.header-link:hover {             
	color: #788FB6;
	text-decoration: underline;    
}