/* CSS RESETS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, 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; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

body { background-color: #FFF; font-family: Monaco, Verdana; font-size: 9px; color: black; text-align: center; }

#wrapper { width: 788px; height: 450px; margin: 0 auto; overflow: hidden; position: relative; }
#header { overflow: hidden; }
#logo { width: 110px; height: 51px; outline: none; text-decoration: none; }
#credits { position: absolute; right: 10px; bottom: 10px; font-size: 10px; color: #333; text-decoration: none; }
#credits:hover { text-decoration: underline; }

/* GALLERY */
#gallery { clear: left; float: left; width: 788px; height: 262px; overflow: hidden; white-space: nowrap; position: absolute; top: 80px; left: 0; text-align: left; }
#gallery-list { position: absolute; }
#gallery-list a { margin: 0; padding: 0; }
#gallery-list img { margin-right: 1px; border: 0; }

#gallery-navigation { position: absolute; right: 0; top: 350px; width: 30px; }
#gallery-navigation li { float: left; }
#gallery-navigation li a { display: block; width: 9px; height: 10px; float: left; text-align: center; text-decoration: none; background-color: #CCC; color: #FFF; margin-left: 1px; }
#gallery-navigation li a:hover { background-color: transparent; color: #000; }
#gallery-navigation li a#gallery-previous { padding: 2px 3px 2px 2px; }
#gallery-navigation li a#gallery-next { padding: 2px 2px 2px 3px;  }
#gallery-navigation li a.disabled { visibility: hidden; }

#date-navigation { position : absolute; top: 350px; left: 0; width: auto; text-align: left; }
#date-navigation li { display: inline; float: left; margin: 0 2px; color: #DDD; }
#date-navigation li.next { padding-right: 5px; }
#date-navigation li.previous { padding: 0; }
#date-navigation li.year-month { width: 80px; text-align: center; color: #000; }
#date-navigation li a { color: #000; text-decoration: underline; }
#date-navigation li a:hover { text-decoration: none; }
#date-navigation li.previous a,
#date-navigation li.next a { padding: 0 5px; text-decoration: none; }
#date-navigation li.previous a:hover,
#date-navigation li.next a:hover { padding: 0 5px; text-decoration: underline; }

body#media_show #wrapper { width: 100%; height: 100%; text-align: center; }
body#media_show #wrapper img { margin-bottom: 7px; }
body#media_show #wrapper h1 { font-family: Verdana; font-size: 10px; font-weight: bold; margin-bottom: 2px; }
body#media_show #wrapper p { font-family: Verdana; font-size: 10px; line-height: 13px; }
body#media_show #nav { margin-top: 20px; }
body#media_show #nav li { display: inline; }

#content { margin-top: 70px; float: left; width: 788px; text-align: left; }
#content img { margin-right: 20px; vertical-align: top; float: left; }
body#Bio #content div.text { float: left; width: 574px; line-height: 14px; text-align: justify; }

.agent { width: 230px; text-align: left; float: left; }
.agent p { line-height: 13px; }
.agent p.address { height: 60px; margin-bottom: 15px; }
.agent p.phone { margin-bottom: 15px; }
.agent p.email a { color: #000; text-decoration: none; }
.agent p.email a:hover { text-decoration: underline; }
.agent p.vcard { margin-top: 15px; }
.agent p.vcard a { color: #000; }