/* © HUMAN!
*************************/

html,
body {
    margin: 0;
    padding: 0;
}
body {
    background-color: #111;
    font-family: "Courier New", Courier, monospace;
    font-size: 11px;
    line-height: 12px;
    _font-family: helvetica, arial;
    _font-size: 12px;
    _line-height: 14px;
	color: #FFFFFF
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	body {
	    font-family: monaco;
	    font-size: 10px;
	}
}
a:link {
    color: #FFFFFF;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #FFFFFF;
}
a:active {
    text-decoration: none;     
	color: #FFFFFF;
}
a:hover {
    color: #666666;
    text-decoration: none;
}
.right {
    color: #FFFFFF;
    text-align: right;
}
.prevtext {
    color: #FFFFFF
}
.nexttext {
    color: #FFFFFF;
    text-indent: 32px;
}

/* LARGE IMGS
*************************/

#img-load {
    position: absolute;
    width: 16px;
    height: 16px;
    z-index: 0;
    left: 253px;
    top: 4px;
    background: url(../img/loading.gif) no-repeat;
}
#images-home {
    position: absolute;
    top: 0px;
    left: 253px;
	padding-bottom:4px;
}
#images {
    position: absolute;
    top: 0px;
    left: 253px;
	padding-bottom:4px;
}
#images img {
    float: left;
	margin: 4px 4px 0 0;
}

/* LEFT
*************************/

#blackbox {
    position: fixed;
    float: left;
    left: 4px;
    top: 4px;
    width: 245px;
    height: 600px;
    z-index: 111;
    background-color: #222;
    margin-right: 4px;
}
#logodiv a {
    position: absolute;
    top: 15px;	
    left: 15px;
    width: 128px;
    height: 33px;
    z-index: 4;
    background: url("../img/human.png") no-repeat #222222;
}
#content {
    position: absolute;
    float: left;
    left: 15px;
    top:85px;
    width: 215px;
    height: 520px;
    z-index: 111;
}
.information { 
	border-bottom: 1px dotted #fff; 
	padding-bottom:5px; 
	margin-bottom:20px; 
}

/* TWITTER + FACEBOOK
*************************/

#twitter a{
	width:27px;
	height:26px;
	background: url(../img/tweet.gif) no-repeat top;
	float:left;
	margin-right:10px;
}
#twitter a:hover{
	background-position: bottom;
}
#facebook a {
	width:27px;
	height:26px;
	background: url(../img/facebook.gif) no-repeat top;
	float:left;
}
#facebook a:hover{
	background-position: bottom;
}
/* HOME THUMBNAILS
*************************/

.wrapper {
    position: relative;
    float: left;
	margin: 4px 4px 0 0;
}
.overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 242px;
    width: 298px;
    display: none;
    background-image: url(../img/bg-dark-85.png);
}
.title {
    position: absolute;
    top: 0px;
    left : 0px;
    z-index: 5;
    padding: 15px;
    background-color: #000000;
	color:#fff;
}

/* SMALL THUMBNAILS
*************************/

.thumbs { margin-right:-15px;  }

.thumb a { float:left; margin-right:15px; width:100px; height:75px; }

.nyd a { background: url(../dubfire/img/miami.gif) no-repeat top; }
.bud a { background: url(../dubfire/img/budapest.gif) no-repeat top; }

.art1 a { background: url(../artimelt/img/mov.gif) no-repeat top; }
.art2 a { background: url(../artimelt/img/web.gif) no-repeat top; }

.row1 a { background: url(../roewe/img/designweek.gif) no-repeat top; }
.row2 a { background: url(../roewe/img/telegraph.gif) no-repeat top; }

.air1 a { background: url(../mfra/img/mfra.gif) no-repeat top; }
.air2 a { background: url(../mfra/img/article_apr.gif) no-repeat top; }

.mtv1 a { background: url(../mtv/img/mtv.gif) no-repeat top; }
.mtv2 a { background: url(../mtv/img/grfk_mar.gif) no-repeat top; }

.fit1 a { background: url(../fitriani/img/web.jpg) no-repeat top; }

.cha1 a { background: url(../chaos/img/web.gif) no-repeat top; }
.cha2 a { background: url(../chaos/img/mov.gif) no-repeat top; }

.kil1 a { background: url(../kilgour/img/web.jpg) no-repeat top; }

.su1 a { background: url(../su/img/mov.gif) no-repeat top; }

.mm1 a { background: url(../mm/img/ouch.gif) no-repeat top; }
.mm2 a { background: url(../mm/img/magnetized.gif) no-repeat top; }

.melt a { background: url(../melt/img/melt.gif) no-repeat top; }

.mh a { background: url(../mh/img/maghuman.gif) no-repeat top; }

.ph1 a { background: url(../parkhill/img/ph01.gif) no-repeat top; }
.ph2 a { background: url(../parkhill/img/ph02.gif) no-repeat top; }

.tbd a { background: url(../tbd/img/blackdog.gif) no-repeat top; }

.thumb a:hover { background-position: bottom; }

.thumb-txt { margin-top:75px; border-bottom:1px dotted white; padding-bottom:5px; }

/* NAV
*************************/

#nav {
    position: absolute;
    width: 215px;
    bottom: 0;
	left:0;
    margin-bottom: 23px;
}
#Prev {
    float: left;
    width: 100px;
    height: 10px;
}
#Next {
    float: right;
    width: 100px;
    height: 10px;
    text-align: right;
}