@charset "UTF-8";
/* 

Cynthia Nixon Art
Author: Michael A. Tribone

Table of Contents:
	1. Main Elements
	2. Header
	3. Navigation Bar
	4. Home Page
	5. Secondary Page
	6. Middle Content Area
	7. Footer

 */

/* Main Elements
--------------------------------------------- */ 
body {
   font-family: Palatino, Times, "Times New Roman", serif; /* Sets the font family for the whole page. */
   font-size: 0.85em; /* Set to cut down the 16pt standard OS font. */
   background-color: #FFF;
   color: #000;
   margin: 0;
   padding: 0;
   }
   
#container {
   width: 950px;
   margin: 0 auto;
   }   

#skipNav {
   position: absolute;
   top: 0;
   left: -1000px;
   } 
   
h1 {
   color: #125A94;
   background-color: #FFF;
   font-size: 3.5em;
   font-weight: normal;
   font-variant: small-caps;
   letter-spacing: .025em;
   text-align: center;
   margin: .15em 0;
   padding: 0;
   }
   
h2 {
   font-size: 1.75em;
   margin: 0;
   padding: 0;
   color: #125A94;
   background-color: #FFF;
   font-weight: normal;
   font-variant: small-caps;
   text-align: center;
   }

h3 {
   font-size: 1.25em;
   font-weight: normal;
   font-variant: small-caps;
   letter-spacing: .025em;
   color: #125A94;
   background-color: #FFF;
   margin: .15em 0;
   padding: 0;
   }
   
h4 {
   font-size: 1.1em;
   }    
   
h5 {
   font-size: 1em;
   }    
   
h6 {
   font-size: .90em;
   }   
   
a:link, a:visited {
   color: #000;
   background-color: #FFF;
   text-decoration: none;
   }
   
a:hover {
   color: #125A94;
   background-color: #FFF;
   }  

a.highlightSection {
   color: #FFF;
   background-color: #000;
   }            

font, basefont {
    color: inherit; /* Standard browsers */
    color: expression(this.parentNode.currentStyle['color']); /* IE */
    font: inherit; /* Standard browsers. Font instead of font-size for Opera */
    font-family: expression(this.parentNode.currentStyle['fontFamily']); /* IE */
    font-size: 100%; /* All browsers. Sizes are inherited */
  } 
  
center {
    text-align: inherit; /* Standard browsers */
    text-align: expression(this.parentNode.currentStyle['textAlign']); /* IE */
  }  
  
.clearLeft {
   clear: left;
   }  
  
   
/* Header
--------------------------------------------- */    


   
/* Navigation
--------------------------------------------- */   

#navHome, #navHome ul, #navSecondary, #navSecondary ul {
   display: block;
   margin: 0 auto;
   padding: 0 0 .5em 0;
   text-align: center;
   }

#workNav, #bioNav {
   display: block;
   margin: 0 auto;
   padding: 0;
   text-align: center;
   }
   
#workDetails #workNav {
   text-align: left;
   }   
      
#navHome li, #navSecondary li, #workNav li, #bioNav li, #resumeNav li {
   display: inline;
   }

#navHome li a, #navSecondary li a, #workNav li a, #bioNav li a {
   font-size: 1.25em;
   font-weight: normal;
   font-variant: small-caps;
   text-decoration: none;
   }          

body.mirrors #workNav #mirrors, body.mirrors #workNav #mirrors a,
body.land #workNav #land, body.land #workNav #land a,
body.sea #workNav #sea, body.sea #workNav #sea a,
body.shells #workNav #shells, body.shells #workNav #shells a,
body.early #workNav #early, body.early #workNav #early a,
body.biography #bioNav #biography, body.biography #bioNav #biography a,
body.studio #bioNav #studio, body.studio #bioNav #studio a,
body.press #bioNav #press, body.press #bioNav #press a {
   color: #125A94;
   background-color: #FFF;
   border-bottom: 2px solid #125A94;
   }

body.work #navSecondary #work, body.work #navSecondary #work a,
body.contact #navSecondary #contact, body.contact #navSecondary #contact a,
body.home #navHome #home, body.home #navHome #home a,
body.resume #navSecondary #resume, body.resume #navSecondary #resume a,
body.artist #navSecondary #artist, body.artist #navSecondary #artist a {
   color: #125A94;
   background-color: #FFF;
   }
        
   
/* Home Page Content
--------------------------------------------- */   

#contentHome {
   width: 100%;
   color: #000;
   background-color: #FFF;
   } 
  
#contentHome img {
   display: block;
   margin: 0 auto;
   padding: 0 0 2em 0;
   }
   

/* Secondary Page Content
--------------------------------------------- */    

#contentSecondary {
   clear: both;
   color: #000;
   background-color: #FFF;
   min-height: 17em;
   }  
   
#contentSecondary ul.resumeList {
   list-style-type: none;
   }
   
#contentSecondary ul.resumeList li {
   line-height: 1.5em;
   }      
   
#paintingList {
   display: block;
   width: 50em;
   margin: .5em auto;
   padding: 0;
   list-style-type: none;
   }   

#biographyList {
   display: block;
   width: 30em;
   margin: .5em auto;
   padding: 0;
   list-style-type: none;
   }
   
#bioPaintings {
   float: right;
   width: 6em;
   margin: 0;
   padding: 0 0 1em 1em;
   }   
   
#paintingList li, #biographyList li {
   float: left;
   width: 8.25em;
   padding-right: 1.5em;
   }   
   
#paintingList a, #biographyList a {
   display: block;
   width: 6.25em;
   text-align: center;
   text-decoration: none;
   font-size: 1.5em;
   padding: .5em;
   }   
   
#thumbnailGroup {
   display: block;
   width: 320px;
   margin: 15px auto;
   padding: 0;
   } 
   
#thumbnailGroup2 {
   display: block;
   width: 420px;
   margin: 20px auto;
   padding: 0;
   }    

#thumbnailGroup li, #thumbnailGroup2 li {
   display: inline;
   }   
   
img.mainImage  {
   float: left;
   padding: 0 25px 40px 25px;
   }  

#studioPictures {
   width: 635px;
   display: block;
   margin: 1.5em auto;
   }

img.studio {
   float: left;
   padding: 0 25px 25px 0;
   }
   
.lostSouls {
   margin-left: 120px;
   }   
   
h2.workTitle {
   margin: 0;
   padding: 25px 0 0 0;
   text-align: left;
   font-size: 1.35em;
   color: #000;
   background-color: #FFF;
   }   

p.contactInstruction {
   margin: .5em 15%;
   padding-bottom: 25px;
   text-align: center;
   font-size: 1.15em;
   }

p.contactDescription {
   margin-top: 0;
   }
   
div.contactGrouping {
   clear: left;
   display: block;
   width: 50%;
   margin: 0 auto;
   } 
   
div.contactGrouping h2 {
   margin-top: 0;
   padding-top: 5px;
   }     
   
p.selectSeries {
   clear: left;
   text-align: center;
   font-size: 1.15em;
   font-weight: bold;
   }
      
p.workDescription {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1em;
   margin-top: -.05em;
   }

#contentBlock {
   display: block;
   width: 800px;
   margin: 0 auto;
   }
   
div.resumeYear {
   float: left;
   width: 4.5em;
   color: #125A94;
   background-color: #FFF;
   font-weight: bold;
   margin: 0;
   padding: 0;
   }
   
span.resumeText {
   display: block;
   margin-left: 4.5em;
   }
   
span.pubTitle {
   font-style: italic;
   text-decoration: underline;
   }
   
span.galleryTitle {
   font-weight: bold;
   display: inline;
   }
   
span.exhibitionTitle {
   font-style: italic;
   }            

span.jurorCurator {
   margin-left: 1em;
   }  
   
span.bioTitles a:link, span.bioTitles a:visited {
   font-style: italic;
   font-weight: bold;
   text-decoration: underline;
   color: #125A94;
   background-color: #FFF;
   }            
   
/* Footer
--------------------------------------------- */    

#footer {
   clear: left;
   border-top: 1px solid #999;
   text-align: center;
   margin: 0 3em 0 3em;
   padding: 1em 0 0 0;
   }
   
#mtribone {
   color: #AAA;
   background-color: #FFF;
   }
   
#mtribone a {
   color: #AAA;
   background-color: #FFF;
   }