@font-face {
font-family:'BlackoutMidnight';
src:url('Blackout-Midnight-webfont.eot');
src:url('Blackout-Midnight-webfont.eot?#iefix') format('embedded-opentype'),
url('Blackout-Midnight-webfont.woff') format('woff'),
url('Blackout-Midnight-webfont.ttf') format('truetype'),
url('Blackout-Midnight-webfont.svg#BlackoutMidnight') format('svg');
font-weight:normal;
font-style:normal;
}
/* Reset */

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, hr {
margin:0;
padding:0;
}

h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th {
font-size:1em;
font-weight:normal;
font-style:normal;
}

ul, ol {
list-style:none;
}

fieldset, img, hr {
border:0;
}

caption, th {
text-align:left;
}

table {
border-collapse:collapse; 
border-spacing:0;
}

td {
vertical-align:top;
}
/* // */
body {
background:#222 url('images/pagebg.jpg');
color:#eee;
font:0.75em arial, helvetica, sans-serif;
line-height:1.5;
text-align:center;
}
div#container {
width:575px;
margin:0 auto;
}
h1 a {
background:url('images/me.png') center no-repeat;
width:300px;
height:300px;
display:block;
text-decoration:none;
margin:0 auto;
opacity:0.9;
}
h1 a:hover {
opacity:1;
}
p#tagline {
background:url('images/header.png') 24px 0 no-repeat;
height:133px;
margin:-50px 0 -160px;
padding:90px 0 0;
position:relative;
z-index:2;
letter-spacing:2px;
font:italic 1.1em georgia, times, serif;
text-transform:lowercase;
text-shadow:1px 1px 0 #170719;
}
span.disappear {
position:absolute;
left:-99999px;
}
div#content {
background:url('images/contentbg.png') top center repeat-y;
padding:70px 0 40px;
width:310px;
margin:0 auto;
}
h2 {
font:2.2em BlackoutMidnight;
text-shadow:1px 1px 0 #170719;
color:#fff;
}
div#works {
overflow:hidden;
margin:10px 0 0;
}
div.scrollable {
overflow:hidden;
position:relative;
width:270px;
float:left;
height:180px;
}
ul.items {
width:1890px;
left:0px;
position:absolute;
}
ul.items li {
float:left;
-webkit-box-shadow: 0px 0px 10px #000000;
-moz-box-shadow: 0px 0px 10px #000000;
box-shadow: 0px 0px 10px #000000;
}
p.previous {
width:20px;
margin:50px 0 0;
visibility:hidden;
float:left;
}
p.next {
width:20px;
margin:50px 0 0;
visibility:hidden;
float:right;
}
a.disabled {
opacity:0.5;
}
div.about {
margin:40px 0;
}
div.about p, div.contact p {
color:#222;
margin:0 25px;
font:1.25em georgia, times, serif;
letter-spacing:1px;
}
div.about p {
line-height:1.55;
}
strong.alert {
display:inline-block;
color:#222;
font:1.35em BlackoutMidnight;
margin:10px 0;
background:#fff;
padding:1px 10px;
}
p.hello {
color:#fff;
font:400 1.35em BlackoutMidnight;
margin:5px 0;
padding:1px 10px;
}
div.section a {
color:#222;
font-weight:700;
text-decoration:none;
}
div.section a:hover {
border-bottom:#222 1px dotted;
}
#fancybox-overlay {
background:url('images/pagebg.jpg') !important;
}
#fancybox-content {
background:url('images/contentbg.png') bottom;
}
#fancybox-title-over a, p.hello a {
color:#fff;
font-weight:700;
text-decoration:none;
}
p.hello a { text-decoration:underline; }
#fancybox-title-over a:hover {
border-bottom:#fff 1px dotted;
}