html {
    width: 100%; height: 100%;
}

body {
    width: 100%; height: 100%;
    margin: 0; padding: 0;
    border: 0 none;
}

body, table {
    color: #999;
    font: normal 1em/1em Verdana, Arial, sans;
}

p {
    margin: 0; padding: 0;
}

a {
    text-decoration: none;
}

#wrapper {
    position: relative;
    font-size: .625em;
    min-height: 100%;
}

#header {
    position: fixed; top: 0; left: 0;
    width: 100%;
    padding: 32px 0 0;
    font-size: 1.2em;
    background: #fff;
    z-index: 2;
}

#header p {
    margin: 0 1em 1em 0;
    float: left;
}

#header a:link, #header a:visited {
    color: #333;
    line-height: 2em; letter-spacing: .05em;
    padding: 0 1.25em 0 .5em;
    background: #d2d2d2;
    display: block;
}
#header a:hover {
    color: #fff;
    background: #333;
}

#header a.selected:link, #header a.selected:visited {
    color: #fff;
    background: #333;
}
#header a.selected:hover {
    color: #333;
    background: #d2d2d2;
}

#header img {
    width: 160px; height: 80px;
    margin: -32px 24px 0 0;
    float: left;
}

#contact {
    position: absolute; bottom: 0; left: 0;
    width: 100%;
    color: #d3d3d3;
    font: normal 1em/2.4em Verdana, Arial, sans-serif;
    letter-spacing: .15em;
    cursor: default;
    clear: both;
    background: #333;
}

#contact span {
    margin: 0 0 0 16px;
}

#content {
    font-size: 1.2em;
    padding: 0 16px 4em;
    clear: both;
}

#wrapper > #content {
    padding-top: 10em;
}


div.preview {
    position: relative;
    width: 100%;
    margin: 0 0 2.5em;
}

div.preview a:link img, div.preview a:visited img {
    width: 140px;
    padding: 1px;
    border: 1px solid #ccc;
}
div.preview a:hover img {
    border: 1px solid #333;
}

div.preview table {
    width: 100%;
}

div.preview td {
    vertical-align: bottom;
}

div.preview h1 {
    font: bold 1.5em/1.2em Verdana, Arial, sans;
    margin: 0 0 1em;
}

td.aux {
    padding-left: 48px;
}

td.caption {
    padding-left: 24px;
}

td.caption a:link, td.caption a:visited {
    color: #999;
    white-space: nowrap;
}
td.caption a:hover {
    color: #fff;
    background: #333;
}

a.title:link, a.title:visited {
    padding: 0 .5em 0 0;
}

a.caption:link, a.caption:visited {
    font: normal 1em/1.5em Verdana, Arial, sans;
}



div.detail {
    position: relative;
    width: 100%;
    margin: 0 0 2.5em;
}

div.detail a.gallery:link,
div.detail a.gallery:visited {
    position: relative;
    padding: 1px;
    border: 1px solid #ccc;
    display: inline-block;
}
div.detail a.gallery:hover {
    border: 1px solid #333;
}
div.detail a.gallery:focus {
    outline:none;
}
div.detail a.gallery::-moz-focus-inner {
    border:0;
}



img.medium {
    border: 0 none;
}

div.detail table {
    width: 100%;
    table-layout: fixed;
    overflow: hidden;
}

div.detail td {
    vertical-align: bottom;    
}

div.detail h1 {
    font: bold 2em/1.2em Verdana, Arial, sans;
    margin: 0 0 1em;
}

div.detail p {
    font: normal 1em/1.4em Verdana, Arial, sans;
}

div.vert_scroll {
    position: relative;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
}

div.vert_scroll table {
    width: auto;
    table-layout: auto;
    margin-bottom: 16px;
}

div.vert_scroll td {
    position: relative;
    padding-right: 3em;
    font: normal 1em/1.4em Verdana, Arial, sans;
    vertical-align: bottom;
}

div.vert_scroll p {
   /* white-space: nowrap;*/
}

.spacing {
    padding-bottom: 1em;
}

.column {
    width: 26em;
}

a.goto:link, a.goto:visited {
    height: 23px;
    font: normal 10px/21px Verdana, Arial, sans;
    color: #999;
    text-align: center;
    margin: 5px 6px 0 0; padding: 0 5px;
    border: 1px solid #ccc;
    display: block;
    float: left;
}
a.goto:hover {
    color: #fff;
    border: 1px solid #333;
    background: #333;
}

a.total:link, a.total:visited {
    font: normal 1em/2.7em Verdana, Arial, sans;
    color: #999;
    text-align: center;
    margin: 0 1em 0 0; padding: 0 .6em;
    border: 1px solid #ccc;
    display: block;
    float: left;
}
a.total:hover {
    color: #fff;
    border: 1px solid #333;
    background: #333;
}

table.vita {    
    margin: 2em 0 0; padding: 0;
    line-height: 1.4em;
}

table.vita td {
    vertical-align: top;
}


table.vita p {
    padding: 0 0 .5em;
    line-height: 1.5em;
    clear: both;
}


#dump {
    position: absolute;
    top: -2048px; left: -2048px;
}

div.large_image {
    color: #fff;
    display: inline-block;
}

div.large_image img {
    border: 4px solid #fff;
}

div.large_image_info {
    position: absolute;
    top: 5%; right: 0;
    color: #999;
}
div.large_image_info h1 {
    font: bold 1.125em Verdana, Arial, sans;
    margin: 0;
}
div.large_image_info h2 {
    font: normal .75em/1.333em Verdana, Arial, sans;
    margin: 0;
}
div.large_image_info .center {
    padding: .5em 1em;
    background: #fff;
}
div.large_image_info .top {
    height: 4px;
    background: url(/img/wimpy.right.top.png);
}
div.large_image_info .bottom {
    height: 4px;
    background: url(/img/wimpy.right.bottom.png);
}

.zoom_hint {
    position: absolute;
    top: 1.5em; left: 0;
    color: #999;
    opacity: 0;
}
.zoom_hint .center {
    padding: .5em 1em;
    background: #fff;
}
.zoom_hint .top {
    height: 4px;
     background: url(/img/wimpy.left.top.png) top right;
}
.zoom_hint .bottom {
    height: 4px;
    background: url(/img/wimpy.left.bottom.png) bottom right;
}

.clear {
    clear: both;
}

#wimpy_exit {
    position: absolute;
    top: 5%; left: 0;
    cursor: pointer;
    display: none;
    z-index: 1003;
}
#wimpy_exit .top {
    height: 4px;
    background: url(/img/wimpy.left.top.png) top right;
}
#wimpy_exit .bottom {
    height: 4px;
    background: url(/img/wimpy.left.bottom.png) bottom right;
}
#wimpy_exit .center {
    padding: 0 1em;
    background: #fff;
    line-height: 3em;
    font-size: .6875em;
    white-space: nowrap;
}