/* CSS Document */

* { border: none; padding: 0; margin: 0; }

/* Colors */

body { background: #f4e9df url(background_texture.jpg) repeat; }

/* Layout */

body { text-align: center; }

#wrapper { margin: 30px auto; text-align: center; width: 970px; }

#header { text-align: left; width: 350px; height: 440px; float: left; margin-bottom: 30px; overflow: hidden; position: relative; }

#accessibility_links { width: 9em; position: absolute; left: -9999em; }

#thumbnails { float: left; margin-left: 20px; margin-top: 12px; }

#thumbnails li { float: left; list-style-type: none; padding-top: 11px; }

#thumbnails li.portrait { padding-top: 0; }

#thumbnails li img { border: 1px solid #8b0015; margin-left: 8px; margin-right: 7px; }

#primary_content, #secondary_content { text-align: left; }

#navigation { width: 176px; background: transparent url(navigation_top.png) center top no-repeat; padding-top: 28px; text-align: center; border-bottom: 1px solid #eadcd2; margin: 0 auto; overflow: visible; position: absolute; bottom: 0; left: 86px; }

#footer { font-size: 0.85em; margin: 0 auto; padding: 30px 20px; }

/* Navigation */

#navigation ul { background: transparent url(navigation_middle.png) center repeat-y; margin: 0 auto; padding-bottom: 1px; }

#navigation li { list-style-type: none; padding: 0.2em; }

#navigation a, #navigation a:link, #navigation a:visited { text-decoration: none; border-bottom: none; color: #620006; font: 0.8em/1 Helvetica, Arial, Verdana, sans-serif; }

#navigation #nav_work { position: relative; }
 #navigation #nav_work div { 	display: none; 	left: 126px; 	top: -2em; 	width: 8em; 	position: absolute; 	background: #f4e9df url(navigation_middle.png) center repeat-y; 	border: 1px solid #eadcd2; }

 #navigation #nav_work:hover div { 	display: block; }  #navigation #nav_work a { 	padding-right: 20px; 	background: url(navigation_arrow.png) right center no-repeat; 	position: relative; 	left: 10px; }  #navigation #nav_work div a { 	background: none; 	padding-right: 0; 	left: 0; }
 #navigation #nav_work ul { }

/* Footer */

#footer { font: 0.75em/1 Helvetica, Arial, Verdana, sans-serif; clear: both; }

#footer a, #footer a:link, #footer a:visited { text-decoration: none; border-bottom: none; color: #620006; }

/* Typography */

body { font: 1em/1.5 Georgia, "Times New Roman", Times, serif; color: #620006; }

h1 { font-size: 1.70em; margin-bottom: 0.5em; text-align: center; letter-spacing: 0.05em; font-weight: normal; clear: both; }

h2 { font-size: 1.3em; padding-top: 0.5em; letter-spacing: 0.05em; clear: both; }

p { margin-bottom: 1.5em; }

/* Links */

a, a:link { text-decoration: none; color: #767ac7; border-bottom: 1px solid #767ac7; }

a:visited { color: #575eba; }

a:hover, a:active { }

#header a, .gallery a, #lightbox a { border: none; }

/* Index page */

#surmon_index #primary_content img { position: relative; right: -29px; }

#secondary_content { padding: 20px 30px; background: url(white_background.png) repeat; border: 1px solid #e5d3ca; clear: both; }

/* Gallery-style pages */

#surmon_newwork #primary_content,
#surmon_wildwood #primary_content,
#surmon_lithographs #primary_content,
#surmon_soldwork #primary_content,
#surmon_work2007 #primary_content,
#surmon_work2008 #primary_content { width: 575px; padding: 0; float: right; border-left: 1px solid #e5d3ca; }

#surmon_newwork #primary_content p,
#surmon_wildwood #primary_content p,
#surmon_lithographs #primary_content p,
#surmon_soldwork #primary_content p,
#surmon_work2007 #primary_content p,
#surmon_work2008 #primary_content p { margin-left: 40px; margin-right: 40px; } 
#surmon_newwork #secondary_content,
#surmon_wildwood #secondary_content,
#surmon_lithographs #secondary_content,
#surmon_soldwork #secondary_content,
#surmon_work2007 #secondary_content,
#surmon_work2008 #secondary_content { float: left; width: 270px; clear: left; }

/* Gallery */

.gallery .gallery_row { float: left; margin-bottom: 40px; }

.gallery .piece { width: 202px; margin-left: 42px; padding: 10px; float: left; display: inline; /* IE double float margin bug fix */ text-align: center; }

.gallery img { border: 1px solid #8b0015; margin: 0 auto; }

.gallery .piece p { margin: 0; line-height: 1.1; }

.gallery .piece p.caption { font-size: 1.14em; font-style: italic; margin-bottom: 0.35em; margin-top: 0.35em; }

.gallery #piece p.notes { margin-bottom: 0.2em; }

.gallery p.notes, .gallery p.price { font-size: 0.80em; }

.secondary_gallery { list-style-type: none; text-align: center; }

.secondary_gallery img { border: 1px solid #8b0015; padding: 5px; margin-bottom: 2em; }

.secondary_gallery .last img { margin-bottom: 0; }

.secondary_gallery a { border: none; }


/* Non-gallery pages */

#surmon_resume #primary_content,
#surmon_links #primary_content,
#surmon_contact #primary_content,
#surmon_404 #primary_content { width: 495px; padding: 0 40px; float: right; border-left: 1px solid #e5d3ca; }

#surmon_resume #secondary_content,
#surmon_links #secondary_content,
#surmon_contact #secondary_content,
#surmon_404 #secondary_content { float: left; width: 270px; clear: left; }


/* Resume */

#surmon_resume #primary_content ul { list-style-type: none; margin-bottom: 1.5em; }

#surmon_resume #primary_content li { margin-bottom: 0.5em; line-height: 1.25; clear: right; }

#surmon_resume #primary_content li span.date { float: right; clear: right; text-align: right; margin-left: 2em; display: block; }

/* Contact Page */

input, textarea { display: block; margin-bottom: 1em; }

.notice { background: url(white_background.png) repeat; border: 1px solid #8b0015; margin-top: 1em; padding: 1em; }

/* Error page */

#surmon_404 #primary_content ul { margin: 0 2em; }