/*
CSS for Jeffrey Porter Photo
*/

body {
    font-family: georgia, cochin, serif;
    background-position:center;
    background-color: white;
    margin:auto;
    top: 0px;
}
div#container {
    width:90%;
    margin:auto;
}

h1  {
    font-family: cochin,"big caslon";
    font-size: 18pt;
    position: absolute;
    left: 127px;
    top:20px;
    margin-top:5px;
    padding-top:0px;
    
}

h1:hover{
    color: #bababa;

}
/*Portfolio Navigation*/
div#portfolio, {
    font-family:"big caslon";
    font-size: 11pt;
    font-style:none;
    color: black;
    position:absolute;
    left:270px;
    top:95px;
}
div#projects, #email {
    font-family:"big caslon";
    font-size: 13pt;
    font-style:none;
    color: black;
    position:absolute;
    left:270px;
    top:123px;
}




div#seasons {
    font-family:"big caslon";
    font-size: 11pt;
    font-style:none;
    color: black;
    position:absolute;
    left:270px;
    top:245px;
}

   
h2 {
    font-family:"big caslon";
    font-size: 13pt;
    font-style:none;
    color: black;
} 

div#colorport {
    position: absolute;
    left:320px;
    top: 130px;
}
div#bwport {
    position: absolute;
    left:320px;
    top: 150px;
}
div#family {
    position: absolute;
    left:320px;
    top: 173px;
}
div#jameslink {
    position: absolute;
    left:320px;
    top: 195px;
}
div#thefall {
    position:absolute;
    left: 320px;
    top: 217px;
}
div#lilacs {
    position:absolute;
    left: 320px;
    top: 239px;
}
div#falllink {
    position: absolute;
    left:320px;
    top: 340px;
}
div#winterlink {
    position: absolute;
    left:320px;
    top: 300px;
}
div#springlink {
    position:absolute;
    left:320px;
    top:320px;
}
p4 { 
   font-style:italic;
   color: black
}

p4:hover {
   color: #bababa;
}

h3 {
    font-family: "cambria", georgia;
    position: absolute;
    text-align:left;
    color: #3a3a3a;
    font-size:11pt;
    left:209px;
    top:564px;
    
} 

  


h4:hover{
    color:#bababa;
}
p  {
    font-size: 11pt;
    font-style: italic;
    color: black;
}
p2 {
    font-weight: bold;
    color: black;
}
p3 {
    color:#666565;
    font-size:10pt;
    text-align:left;
    font-style:italic;
    width: 400px;
    position: absolute;
    left:209px;
    top:600px;
    
}
.caption {
    color:red;
}


/* NAVIGATION */
li {
    display:block;
} 
ul {
    position:absolute;
    left:96px;
    top:66px;
    text-align:right;    
}
a {
    text-decoration: none;
    color: black;
    font-size:10pt;
    */font-style: italic;*/
    padding:4px;
    */text-transform:lowercase;*/
}
a:hover {
    text-decoration: none;
    color: #bababa;
    border-img:none;
}

/* END NAVIGATION */

img {
    position:absolute;
    left: 210px;
    top:70px;
}

div#next {
    position:absolute;
    width:10px;
    height:10px;
    left:-35px;
    top:145px;
    
}

div#previous {
    position:absolute;
    width:10px;
    height:10px;
    left:-49px;
    top:145px;
}
a img { border: 0; }
a:hover img {border: 0px }
a:visited img {border: 0; }
    
div#aboutinfo1 {
    color:black;
    letter-spacing:2px;
    line-height:110%;
    font-size:9pt;
    test-aligh:left;
    width:350px;
    position:absolute;
    left:270px;
    top:320px;
    font-style:none;
}
div#aboutinfo2 {
    color:black;
    letter-spacing:2px;
    line-height:110%;
    font-size:9pt;
    test-aligh:left;
    width:350px;
    position:absolute;
    left:270px;
    top:395px;
    font-style:none;
}
div#aboutinfo3 {
    color:black;
    letter-spacing:2px;
    line-height:110%;
    font-size:9pt;
    test-aligh:left;
    width:350px;
    position:absolute;
    left:270px;
    top:525px;
    font-style:none;
}
div#aboutimg {
    position:absolute;
    left:62px;
}
div#phonenumber {  
    font-family:cochin,"big caslon";
    font-size: 13pt;
    font-style:none;
    color: black;
    position:absolute;
    left:270px;
    top:95px;
}
div#jamesinfo1 {
       font-family:cochin,"big caslon";
    font-size: 13pt;
    font-style:none;
    color: black;
    width: 400px;
    position:absolute;
    left:270px;
    top:105px;
}
div#jamesinfo2 {
    font-family:cochin,"big caslon";
    font-size: 13pt;
    font-style:none;
    color: black;
    width: 400px;
    position:absolute;
    left:270px;
    top:230px;
}
div#jamesphotoslink {
    font-family:cochin,"big caslon";
    font-size: 10pt;
    font-style:none;
    color: black;
    position:absolute;
    left:270px;
    top:360px;
}