/*** subtle as a fish - www.subtleasafish.co.uk by L-J Lacey ***/
/*Last updated 24.6.05*/

                              /*** Structure ***/

/* set all elements to 0 - padding, border and margin */
* {
    margin: 0;
    padding: 0;
    border: 0;
    }

body {
    margin: 0;
    padding: 25px 0;
    border: 0;
    font: .7em verdana, arial, helvetica, sans-serif;
    text-align: center; /*IE centering hack*/
    background: #e7e0e0;
    }    
    
#wrapper {
    position: relative;
    margin: 0 auto; /*proper centering*/
    text-align: left; /*return to normalicy*/
    padding: 0;
    border: 1px dashed #999999;
    width: 799px;
    background: #fff;
    } 
       
#header {
    width: 799px;
    height: 120px;
    border-bottom: 1px solid #e3dbdb;
    }
    
#content {
    float: left;
    width: 537px;
    padding: 10px 60px 10px 40px;
    text-align: left;
    background: #fff;
    color: #666;  
    }
    
p {
    line-height: 1.5em;
    padding: 1em 0;   
    }     

#footer {
    clear: both;
    text-align: center;
    color: #999999;
    background: #fff;
    border-top: 1px dashed #999999;
    border-bottom: 1px dashed #999999;
    } 
    
#footer p {
    font-size: 1em;
    margin: 0;
    line-height: 1em;
    }   
    
/* CV pages layout */
#employment h3 {
    float: left;
    }
    
.cvlocation {
    clear: both;
    }                       
 
                              /*** Navigation ***/
/* General Rules */                                  
a, a:visited {
    text-decoration: none;
    }     
    
a:hover { 
    text-decoration: underline;
    } 
    
/* nav in the footer */
#footer a {
    color: #a89898;
    }     
    
/* main navigation */      
#leftnav {
    float: left;
    width: 138px;
    padding: 50px 23px 10px 0;
    text-align: right;
    font-weight: bold;
    background: #fff;    
    }
    
#leftnav a {
    color: #990000;
    } 
    
#leftnav a:hover { 
    color: #990000;
    text-decoration: none;
    padding-left: 5px;    
    }    

/* ul for the main navigation.  hence it is here and not in the list area of this page */    
ul {                               
    list-style-type: none;
    line-height: 3em;
    }
    
/* current page */   
body#index li#navhome a,
body#phil li#navphil a,
body#services li#navservices a,
body#use li#navuse a,
body#access li#navaccess a,
body#port li#navport a,
body#links li#navlinks a,
body#bio li#navbio a,
body#contact li#navcontact a
    {
    color: #999;
    cursor: default;
    border: none;
    }    
    
                              /*** Headings ***/
                              
h1, h2, h3, h4 {                          
    color: #a89898; 
    padding: 10px 0 0;
    font-weight: bold;
    }
    
h1 {
    font-size: 140%;
    text-transform: uppercase;
    }    
    
h2 {
    font-size: 120%;
    }  
    
h3 {
    font-size: 100%;
    color: #666;
    }        

/* adding arrow image to h2 in content */    
#content h2 {
    background: url(../img/arrow.gif) no-repeat 0 .75em;
    padding-left: 20px;
    }  
    
/* h1 on index page - it needs to be smaller */
#index h1 {
    font-size: 120%;
    }                                             
    
                              /*** Lists ***/
                              
#content ul {
    line-height: 1.5em;
    padding: 10px 30px;
    list-style-type: square;
    } 

/* address in Contact Page */
#contactdetails li {
    line-height: 1.5em;
    list-style-type: none;
    }                              

                              /**** Forms ***/

                              /*** Links ***/
                              
/* links to alternative stylesheets */
#textsize {
    float: right;
    display: inline;
    margin-right: 20px;
    color: #a89898;
    }  
    
#textsize a {
    font-weight: bold;
    }       
    
.default a {
    color: #a89898;
    text-decoration: none;
    cursor: default;
    } 
    
.large a, .contrast a {
    color: #990000;
    }                                         
                              
/* links in div#content on every page*/
#content a {                  
    color: #990000;
    font-weight: bold;
    }    
    
/* link to the top of the page */
#top a {                      
    color: #990000;
    font-weight: normal;
    }    

/* to hide the skip menu from css enabled browsers.  enables screen-readers to skip the navigation */   
.hide {
    display: none;
    }  
    
/* link to Portfolio Page from Index Page */
#fullportlink  {
    float: right;
    padding-top: 5px;
    }   
    
#fullportlink a {
    color: #a89898;
    }                                            

                              /*** Images ***/
                              
img {
    border: 0;
    display: block;
    }      
    
/* for Portfolio Page */
.screenshot {
     margin-bottom: 30px;
     } 
     
.screenshot {
    padding: 10px;
    border: 2px solid #a89898;
    } 
    
/* for Index Page */
.indexpic {
    display: inline;
    border: 2px solid #a89898;
    margin: 10px 0 5px 20px;
    padding: 5px;
    }       
                                  
                              /*** Misc ***/
                              
/*changes the cursor to the help pointer when mouse is over an acronym*/    
acronym {
    cursor: help;
    border-bottom: 1px dotted;
    } 

blockquote {
    font-style: italic;
    padding: 0 20px;
    }    
    
/* company name in div#content */
.subtle {                     
    color: #a89898;
    font-weight: bold;
    }    
    
/* to make things orange */
span.orange {                 
    color: #ff6600;
    font-weight: bold;
    }                

/* to center the buzz words on the Usability Page */    
#buzz {
    text-align: center;
    }