/* @override http://dcavander.com/styles/base.css */

/* RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* BASE */
html { background: url(../images/background.gif); height: 100%; }
body { font: 12px/18px Georgia, Times, 'Times New Roman', serif; color: #696969; height: 100%; background: url(../images/contentframe.gif) 50% 0 repeat-y; text-shadow: 0 0 0 #fff; -moz-opacity: 0.99; }
strong { font-weight: bold; }
em { font-style: italic; }

/* TYPE */
h1, h2, h3, h4, h5 { margin: 1em 0; font-weight: normal; }
p, ul, ol, dl, pre { font-size: 1em; margin: 0 0 1em 0; }
ul, ol { margin-left: 1.2em; }
ul ul { margin-bottom: 0; }
h1 { margin-bottom: 1em; font-size: 18px; color: #4b4b4b; }
h2 { font-size: 16px; color: #666; margin-bottom: 0.5em; clear: both; }
h3 { font-size: 13px; font-weight: bold; margin-bottom: 0; }

/* LINKS */
a { color: #00aeee; text-decoration: none; }
a:hover { color: #FF3791; text-decoration: underline; }

/* CONTAINER */
#container { width: 776px; padding: 0 1px; position: absolute; left: 50%; margin-left: -389px; background: url(../images/contentframe.gif) 50% 0 repeat-y; }

/* HEADER */
#header { background: url(../images/doubleline.gif) 0 100% repeat-x; height: 46px; overflow: hidden; _zoom: 1; position: relative; }
#header #logo { margin: 0; position: absolute; width: 292px; height: 42px; text-indent: -9999px; overflow: hidden; _zoom: 1; background: url(../images/header-logo.gif) no-repeat; }
#header #logo a { display: block; height: 100%; }
#header #globalnav { position: absolute; right: 12px; bottom: 12px; margin: 0; }
#header #globalnav li { display: inline; }
#header #globalnav a { float: left; font-family: 'Trebuchet MS', sans-serif; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: #999; margin-left: 20px; }
#header #globalnav a:hover { color: #00AEEE; text-decoration: none; }

/* MAIN */
#main { padding: 60px 30px 60px 90px; overflow: hidden; _zoom: 1; }
#main.wide { padding-left: 160px; }

/* CONTENT */
#content { padding-right: 65px; width: 420px; float: left; border-right: 1px solid #d7dfdf; }
.wide #content { width: 500px; border: none; } /* Add .wide class to #main on pages with no sidebar */
#content p.last:after { content: url(../images/storycap.gif); }

/* SIDEBAR */
#sidebar { float: right; width: 140px; padding-left: 30px; border-left: 1px solid #d7dfdf; margin-left: -1px; position: relative; }
#sidebar h2 { font-family: 'Trebuchet MS', sans-serif; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 2px; background: url(../images/dottedline.gif) 0 100% repeat-x; }
#sidebar .linklist { list-style-type: none; margin-left: 0; }
#sidebar .linklist li { margin: 11px 0 15px 0; line-height: 15px; }
#sidebar .linklist a { color: #666; }
#sidebar .linklist a:hover { color: #FF3791; }
#sidebar .linklist a.current { color: #00aeee; }

/* FOOTER */
#footer { padding: 8px 12px; border-top: 1px solid #d7dfdf; color: #7C8C8B; }

/* NAV STATES - Add classes to body to highlight the current section's nav item */
.home #globalnav #gn-home a,
.gallery #globalnav #gn-gallery a,
.prices #globalnav #gn-prices a,
.press #globalnav #gn-press a,
.statements #globalnav #gn-statements a,
.resume #globalnav #gn-resume a,
.contact #globalnav #gn-contact a { color: #ff3791; }

/* ARTICLE LISTS - Used on the press page. */
.articlelist { list-style-type: none; margin: 0; }
.articlelist .article { overflow: hidden; _zoom: 1; margin-bottom: 3em; }
.articlelist .article a { color: #464646; }
.articlelist .article a:hover { color: #FF3791; }
.articlelist .article .title { margin: 0; }
.articlelist .article .thumbnail { float: left; margin-right: 30px; }
.articlelist .article .source { margin: 0; color: #aaa; font-family: 'Trebuchet MS', sans-serif; font-size: 10px; }
.articlelist .article .author { text-transform: uppercase; }
.articlelist .article .summary { margin: 0 0 0.2em; }
.articlelist .article .linklist { list-style-type: none; margin: 0; }
.articlelist .article .linklist li { display: inline; }
.articlelist .article .linklist li a { float: left; margin-right: 20px; }

/* HOME PAGE */
.home #main.wide { padding-left: 77px; padding-top: 75px; padding-bottom: 145px; }
.home .wide #content { width: 610px; }
.home #billboard { position: relative; }
.home #billboard .overlay { position: absolute; color: #333; padding: 6px 8px; font-family: 'Trebuchet MS', sans-serif; font-size: 10px; background: url(../images/overlaybg.png); _background: #fff; }
.home #billboard .overlay p { margin: 0; }
.home #billboard .overlay.intro { top: 10px; left: 10px; width: 145px; }
.home #billboard .overlay.enter { bottom: 5px; right: 5px; padding: 30px 10px 30px 35px; }
.home #billboard .overlay.enter .enterlink { text-transform: uppercase; text-decoration: underline; padding-right: 30px; background: url(../images/enterarrow.gif) 100% 50% no-repeat; }

/* GALLERY */
.gallery #main { padding: 115px 15px 210px; }
.gallery #gallerynav { float: left; width: 146px; }
.gallery #gallerynav h3 { font-size: 13px; }
.gallery #gallerynav h3.first { margin-top: 0; }
.gallery #gallerynav .galleryfilter { list-style-type: none; margin-left: 0; line-height: 14.5px; }
.gallery #gallerynav .galleryfilter a { font-size: 13px; color: #696969;  }
.gallery #gallerynav .galleryfilter a.active { color: #ff3791; }
.gallery #gallerynav .galleryfilter a:hover { color: #00aeee; text-decoration: underline; }
.gallery #gallerynav .galleryfilter a.nogo:hover { color: #696969; text-decoration: none; }
.gallery #galleryviewer { float: left; width: 462px; text-align: center; position: relative; }
.gallery #galleryviewer .thumbnails { overflow: hidden; _zoom: 1; width: 384px; margin: -10px 0 0 45px; }
.gallery #galleryviewer .thumbnails .thumbnail { float: left; padding: 13px 8px 4px 8px; }
.gallery #galleryviewer .thumbnails .thumbnail:hover { background: url(../images/thumboverlay.gif) 50% 100% no-repeat; }
.gallery #galleryviewer .zoombutton { display: block; position: absolute; top: -30px; left: 50%; margin-left: -25px; width: 50px; height: 12px; text-indent: -9999px; overflow: hidden; _zoom: 1; background: url(../images/zoombutton.gif) 50% 50% no-repeat; }
.gallery #galleryviewer .slideshownav { position: absolute; bottom: -4em; width: 100%; }
.gallerycard .sold { padding-left: 10px; background: url(../images/sold.gif) 0 50% no-repeat; }
.gallery #galleryviewer .gallerycard { width: 115px; position: absolute; bottom: 0; left: 486px; text-align: left; font-size: 12px; }
.gallery #galleryviewer .gallerycard p { margin-bottom: 0; }
.gallery #galleryviewer .gallerycard strong { display: block; font-size: 12px; margin: 0; font-weight: bold; }
.gallery #galleryviewer .gallerycard span { display: block; }
.gallery #galleryviewer .gallerycard span.title { line-height: 1.2em; }

/* GALLERY OVERLAY */
.gallery #overlaycontainer { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/overlaybg.png); _background: #fff; }
.gallery #galleryoverlay { width: 700px; margin: 60px auto; text-align: center; }
.gallery #galleryoverlay .overlayheader { display: block; padding: 14px 0 0; margin-bottom: 7px; border-bottom: 1px solid #acacac; overflow: hidden; _zoom: 1; }
.gallery #galleryoverlay .overlayheader a { font-family: 'Trebuchet MS', sans-serif; font-size: 10px; text-transform: uppercase; }
.gallery #galleryoverlay .overlayheader .back { float: right; padding-right: 15px; background: url(../images/closebutton.gif) 100% 50% no-repeat; }
.gallery #galleryoverlay .overlayheader .back:hover { background-image: url(../images/closebutton-hover.gif); }
.gallery #galleryoverlay .gallerycard { padding: 7px 0; margin: 0 auto; text-align:  left; }
.gallery #galleryoverlay .gallerycard strong,
.gallery #galleryoverlay .gallerycard span { float: left; margin-right: 1em; }
.gallery #galleryoverlay .gallerycard .title,
.gallery #galleryoverlay .gallerycard .date { clear:  left; }
.gallery #galleryoverlay .gallerycard .available,
.gallery #galleryoverlay .gallerycard .sold { float: right; margin-right: 0; position: relative; margin-top: -3em; }

/* RESUME */
.resume h2 { font-size: 14px; color: #99ab00; margin-top: 3em; margin-bottom: 1em; }
.resume h2.first { margin-top: 0; }
.resume .year { float: left; clear: left; width: 6em; text-align: right; font-weight: normal; font-size: 11px; margin: 0; }
.resume .worklist,
.resume .bibliography { font-size: 11px; line-height: 14px; list-style-type: none; position: relative; margin-left: 0; }
.resume .worklist { margin-left: 9em; }

/* PRICES */
.prices h2 { font-size: 14px; }
.prices .thumbnail { float: left; margin: 0.5em 20px 2em 0; }