/* @group main structure */
body {background: #fff; color: #333; margin: 1em 0; padding: 0; text-align: center;}
#main_container {text-align: center; width: 800px; margin: 0 auto;
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; position: relative; padding-bottom: 60px;}

div#main_content, div#wider_content {text-align: right; padding: 2em 20px 2em 100px;}

#footer {position: absolute; bottom: 0; right: 0; font-size: 9px; font-weight: bolder; color: #333;}


/* @end */


#main_content img {margin-top: 50px;}
#main_content img.front_image {}


/* @group text and links */
div#main_content h1 {font-size: 15px; text-align: right; padding-bottom: 3px;}
div#main_content h2, div#wider_content h2 {font-size: 48px; margin: 0; padding: 0; font-weight: normal;}
div#main_content p {font-size: 13px; color: #333;}


body#home div#lizzie_header a#nav_home, body#exhibitions div#lizzie_header a#nav_exhibitions, body#about div#lizzie_header a#nav_about, body#cv div#lizzie_header  a#nav_cv, body#contact div#lizzie_header a#nav_contact, body#links div#lizzie_header a#nav_links, body#portfolio div#lizzie_header a#nav_portfolio {color: #000; text-decoration: none; font-weight: bolder;}


div#main_content a, body#artworks div#artworks_leftnav p a {color: #486199; text-decoration: none;} 
div#main_content a:link, div#main_content a:visited, body#artworks div#artworks_leftnav p a:link, body#artworks div#artworks_leftnav p a:visited {color: #486199; text-decoration: none;}
div#main_content a:hover, body#artworks div#artworks_leftnav p a:hover {color: #486199; text-decoration: underline;}
div#main_content a:active, body#artworks div#artworks_leftnav p a:active {color: #486199; text-decoration: none;}

/* @end */

body#exhibitions div#main_content {padding: 2em 50px 0 210px; text-align: left;}
body#exhibitions div#main_content h1, body#exhibitions div#main_content h2 {font-size: 17px; text-align: left; padding-bottom: 3px; letter-spacing: 2px; margin: 0;}
body#exhibitions div#main_content h2 {margin: 2em 0 0;}
body#exhibitions div#main_content dl {margin-top: 0; font-size: 12px;}
body#exhibitions div#main_content ul {list-style-type: none; font-size: 12px; line-height: 1.3em;}
body#exhibitions div#main_content ul li {margin: 1em 0;}

/* @group header */

div#lizzie_header {border-bottom: 1px solid #999; float: left; width: 800px; font-size: 14px; letter-spacing: 1px; position: relative;}
div#lizzie_header h2 {font-size: 40px; margin: 0; padding: 0; font-weight: normal; float: right;}
div#lizzie_header ul {list-style: none; margin: 0; padding: 0; float: left; position: absolute; left: 0; bottom: 0;}
div#lizzie_header li {float: left; margin: 0; padding: 0 12px 3px 0;}
div#lizzie_header a {color: #666666; text-decoration: none;}
div#lizzie_header a:link, div#lizzie_header a:visited {color: #666; text-decoration: none;}
div#lizzie_header a:hover {color: #000; text-decoration: none;}
div#lizzie_header a:active {color: #666; text-decoration: none;}
/* @end */



div#lhs_thumbnails {width: 150px; clear: left; float: left; text-align: left; margin-top:  7px; border-right: 1px solid #E1EBEB;}

/* @group thumbnails */
div#lhs_thumbnails img {border: 0;}
div#lhs_thumbnails h3 {font-size: 11px; clear: left; margin: 1em 0 0 0; padding-bottom: 3px; _margin-top: 0.5em;}
div#lhs_thumbnails dl {clear: left; margin: 0; padding: 0 0 20px 0; margin-bottom: 1em; width: 150px; _margin-bottom: 0; _padding-bottom: 0;}
div#lhs_thumbnails dt {float: left; width: 60px; margin: 0; padding: 0 0 20px 0;}
div#lhs_thumbnails dd {margin: 0; padding: 0; font-size: 14px;}

div#lhs_thumbnails dl a {color: #333; text-decoration: none; float: left; display: block; padding: 0 3px;}
div#lhs_thumbnails dl a:hover {color: #fff; text-decoration: none; background-color: #fb4227;}

/* exhibition box */
div#lhs_thumbnails div#lhs_exhibition_box {margin: 7px 0; padding: 3px 5px 3px 0; border-bottom: 1px solid #E1EBEB;} /* border: 1px solid #D2D9E9;  */
div#lhs_thumbnails div#lhs_exhibition_box h3 {margin-bottom: 0;}
div#lhs_exhibition_box p {margin-top: 0; font: 11px "Courier New", Courier, mono; color: #7c8bad;}
div#lhs_thumbnails div#lhs_exhibition_box a {color: #7c8bad; text-decoration: none;}
div#lhs_thumbnails div#lhs_exhibition_box a:link, div#lhs_exhibition_box a:visited {color: #7c8bad; text-decoration: none;}
div#lhs_thumbnails div#lhs_exhibition_box a:hover {color: #333; text-decoration: underline;}
div#lhs_thumbnails div#lhs_exhibition_box a:active {color: #7c8bad; text-decoration: none;}

/* @end */



/* @group biography / about */
body#about div#main_content {padding-top: 2em;}
body#about div#main_content p {font-size: 12px; line-height: 1.3em; letter-spacing: 1px;}
body#about div#biography_box {background: url(/images/backgrounds/biography_back.jpg) top right no-repeat; text-align: right; padding: 50px 10px 200px; margin-right: 100px; position: relative;}

/* @end */


/* @group links page */
body#links div#main_content {padding: 2em 50px 0 0;}
body#links div#main_content dl {margin: 2em 10px; font-size: 12px; line-height: 1.3em; letter-spacing: 1px;}
body#links div#main_content dl dt {font-weight: bolder; margin: 3em 0 7px; font-size: 14px;}
body#links div#main_content dl a {color: #4564B3; text-decoration: none;}
body#links div#main_content dl a:link, body#links dl a:visited {color: #4564B3; text-decoration: none;}
body#links div#main_content dl a:hover {color: #6084E0; text-decoration: underline;}
body#links div#main_content dl a:active {color: #4564B3; text-decoration: none;}
body#links div#main_content dl dd {margin-right: 10px;}
/* @end */


/* @group portfolio */
body#portfolio div#wider_content h3 {margin-bottom: 0; float: left; clear: left; width: 12em;}
body#portfolio div#wider_content ul {list-style: none; margin-top: 0; margin-bottom: 1.6em; width:  250px; float: left;}
body#portfolio div#wider_content ul li {float: left; margin-right: 7px;}
body#portfolio div#wider_content ul img {border: 1px solid #4E4C63;}

body#portfolio div#footer {clear: left;}

/* portfolio nav to left of each photo */
body#artworks div#artworks_leftnav h3 {font-size: 17px; letter-spacing: 2px; margin: 0 0 1em 0;}
body#artworks div#artworks_leftnav ul {list-style-type: none; margin: 0; padding: 0;}
body#artworks div#artworks_leftnav li {width: 60px; margin: 0 0 1em; padding: 0;}
body#artworks div#artworks_leftnav li a img  {border: 1px solid #4E4C63;}

body#artworks div#artworks_leftnav {width: 200px; float: left; padding: 3em 0; text-align: left;}
body#artworks div#artworks_leftnav p {font-size: 11px;}


/* @end */



/* @group cv */
div#cv_content {width: 500px; margin-left: 280px; text-align: left; font-size: 11px; line-height: 1.3em;}
div#cv_content p, div#cv_content dt {letter-spacing: 1px;}


div#cv_content h3 {margin: 2em 0 0; border-bottom: 1px solid #999; padding-bottom: 3px; letter-spacing: 1px; color: #000; font: bolder 16px "Lucida Grande", Lucida, Verdana, sans-serif;}

div#cv_content dl, div#cv_content ul {margin: 1em 5px 1em 20px;}
div#cv_content ul {list-style: none;}
div#cv_content dl dt, div#cv_content ul li {padding-right: 100px; position: relative; color: #333; font-weight: bolder;}
div#cv_content dl dt span, div#cv_content ul li span {display: block; position: absolute; top: 0; right: 0; font-weight: bolder; color: #333;}
div#cv_content dl dd {margin-bottom: 1em;}
/* @end */




/* @group contact */
body#contact div#main_content {padding: 2em 50px 0 0;}
body#contact div#main_content table {width: 300px; text-align: left; margin: 1em 0 1em 340px;}
body#contact div#main_content table tr td {vertical-align: top; padding-bottom: 0.6em;}
body#contact div#main_content table td.label_cell {text-align: right;}
body#contact div#main_content table label {font-size: 11px; text-align: right;}
body#contact div#main_content table td.button_cell {text-align: center;}
/* @end */

/* @group new welcome page thumbnails */
div#lhs_thumbnails {width: 200px;}
div#lhs_thumbnails ul {margin: 0 0 1em; padding: 0; float: left; clear: left; list-style-type: none;}
div#lhs_thumbnails ul li {margin: 3px; padding: 0; width: 50px; float: left;}
div#lhs_thumbnails ul li a img {border: 1px solid #4E4C63;}
div#lhs_thumbnails ul li a:hover img {border: 1px solid #fb4227;}


/* @end */