@charset "utf-8";
/* Clerk Comics */

/* Reset */
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: #000; }

.wrapper { width: 800px; height: auto; margin: 20px auto 0 auto; }
 
.logo { float: left; padding-left: 10px; }

.clerks { float: left; clear: left; } 

.gallery {clear: left; margin: 20px auto 0 auto; width: 820px; padding-top: 10px; }

.thumb { width: 85px; height: 85px; padding: 20px; float: left; }

.thumb a { border: none; }

.thumb img { border-right: 2px solid #666; border-bottom: 2px solid #666; }

.thumb:hover img{ padding: 1px 0 0 1px; }

.footer { color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 10px; margin: 0 auto 0 auto; height: 30px; padding-top: 10px; clear: left; text-align: center;}