/* CSS Document */
* { margin: 0; padding: 0;}

h2, h3, h4, h5, p, ul { margin: 0; padding: .5em;}
p {padding-left: 0;}

html, body {font: 76%/160% Helvetica, Arial, Verdana, sans-serrif; font-size: 16px; line-height: 120%; color: #000000;}

html, body {
  height: 100%;
  margin: 0 0 1px;
  padding: 0;
}

body { background: url(images/bgGradient.jpg) top left repeat-x #FFFFFF;}

a {text-decoration: none; color: #91631a; font-weight: bold;}
a:hover {color: #474b02;}

img {border: 1px solid #000000;}

/* -------------------------- STRUCTURE ------------------------------- */

#frame { width: 700px; margin: auto; position: relative;}

#branding { width: 700px; height: 80px; margin: auto; padding: 0; text-align: left;}

h1#logo { width: 700px; height: 80px; text-indent: -9999px; background: url(images/logo.gif) top center no-repeat;}

#main { width: 700px;margin: 0; padding: 0; font-size: .9em;}


/* -------------------------- NAVIGATION ------------------------------- */

#nav {margin-top: 10px; margin-bottom: 15px; width: 698px; border: 1px solid #000000; /*background: url(images/navGradient.jpg) top left repeat-x #ffffff;*/}
ul#navList { list-style: none; margin: auto; height: auto;  text-align: center; font-size: 20px; overflow: hidden;}
ul#navList li { display:inline; padding: 5px 15px 5px 15px;}
ul#navList a {text-decoration: none; color: #000000;}
ul#navList a:hover {color:#474b02;}

.urhere {color:#91631a; font-weight: bold;}


/* -------------------------- HOME ------------------------------- */

#anneHome { float: right; position: relative; right: 0; width: 297px; margin-top: 15px;}

.leftText {padding-right: 20px; width: 700px; font-size: 1.4em; line-height: 28px;}


/* -------------------------- RESUME ------------------------------- */

#picture { float: right;}
.resumeHeading {padding: 0; margin: 0; color: #91631a; font-size: 1.2em;}
.resumeList {list-style: none; padding: .5em; margin-bottom: 1em; font-size: .9em;}
.showTitle {font-style: italic;}

/* -------------------------- HISTORY ------------------------------- */

.historyLeft {float: left; margin-right: 10px; margin-top: .5em;}
.historyRight {float: right; margin-left: 5px; margin-top: .5em;}
.historyP {display: block; clear: both; padding: .5em; overflow: auto;}

/* -------------------------- PAINTINGS ------------------------------- */

#yearWrapper { margin: auto; width: 300px; text-align: center;}
#yearList {list-style: none;}
#yearList li { margin: 10px 0; font-size: 1.2em; font-weight: bold;}


#thumbWrapper {text-align: center; width: 600px; margin: auto;}
#year {padding: 0; margin-bottom: 15px; text-align: center;}
#thumbnailList {width: 600px; height: 500px; list-style: none; margin: auto; padding-left: 20px;}
.thumb {float: left; margin: 5px 20px 15px 20px; width: 100px; height: 145px;}

.singlePainting {text-align: center; margin-bottom: 10px; padding-bottom: 10px; height: auto;}
.singlePainting h2 {padding: 0; font-size: 16px;}
#thumbBack {float: left;}


#paintingNavList  { list-style: none; margin: auto; text-align: center; font-size: 1.1em;}
#paintingNavList li  { display:inline; padding: 20px;}
#paintingNavList a  {text-decoration: none; color: #91631a;}
#paintingNavList a:hover {color:#474b02;}

.singlePainting h2 { text-transform: uppercase; margin-top: 5px;}
.size {margin-left: 2em;}

.subHeading {font-size: .9em; font-weight:lighter; text-transform: none;}
/* -------------------------- CONTACT ------------------------------- */

#contactLeading {text-align: center; margin-bottom: 15px;}
#contactList {list-style: none; padding: 0; width: 600px; position: absolute; left: 90px;}
.contactEntry { padding: 20px 40px; width: 200px; float: left;}