/* reset styles */
/* Thanks eric! \o/ */
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: normal; 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;}

blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

a img{border: none;}
cite{font-style: normal;}

.clear{clear:both; height:1px; display:block; width:100%; overflow: hidden;}


/* z'd*/
.portfolio p{z-index: 300;}
.portfolio p a{z-index: 400;}
.portfolio p span{z-index: 500;}
.resizers{z-index: 1000;}

/* CSS Document */
body { padding:4px; margin:0; background-color:#111111; min-height:100%; z-index:100; position:relative; }
html{overflow-y: scroll;}
html, body{min-height: 100%;}
.portfolio {position: relative; padding: 0 0;}
.portfolio p{width: 190px; height: 190px; padding: 4px; float: left; display: block; position: relative;}
.portfolio p span, .portfolio p .lightview, .portfolio p.catName a{display: block; position: absolute; height: 190px; width: 190px; position: absolute; top:0; left: 0; padding: 4px;}

.portfolio p span{background: url(../images/transparency/black-72.png); text-align: center; line-height: 190px; font-size: 10px; color: #666;}

.category img { filter:alpha(opacity=25); opacity:0.30; }
.category a:hover img { filter:alpha(opacity=100); opacity:100;}

/* cat hovers */
.activeCat p img {background: #000; filter:alpha(opacity=50); opacity:0.50;}
.activeCat p {background: #000;}
.activeCat p.catName{background: #666;}
.activeCat p.catName img{ filter:alpha(opacity=100); opacity:1;}

body,td,th { font-family:Geneva, Arial, sans-serif; font-size:10px; color:#333; }
a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }

h1 {font-size:96px;}

.imageCover{display: block; position: absolute; top:0; left: 0; width: 100%; height: 100%;}

.colophon{color: #ccc; line-height: 120%; height: auto;}
.colophon a{color: #fff;}
.colophon strong{font-weight: bold; display: block; color: #fff;}
.text strong{font-weight: bold;}

.portfolio .catIllusration p .lightbox img{border:1px solid #fff;}

/* resize */
.resizers{display: none; position: fixed;top:0; right:0; padding: 4px; width: 36px; filter:alpha(opacity=90); opacity:0.90; }
* html .resizers{position: absolute;}
.resizers:hover{filter:alpha(opacity=100); opacity:1;}
.resizers a{display: block; height: 36px; width: 36px ;margin: 0 0 2px 0; background: #fff no-repeat 50% 10px; text-indent: -999em;}
.resizers a.upsize{background-image: url(../images/icons/plus.gif);}
.resizers a.downsize{background-image: url(../images/icons/minus.gif);}
.resizers a:hover{background-position: 50% -34px}

.activeRezise{display: block;}

#logo p img, #logo p a:hover img {filter:alpha(opacity=100) !important; opacity:1 !important;}