body {
	color: #aaa;
	font-family: 'helvetica neue',helvetica, arial;
	font-size: 10px;
	background: #111 url(images/bg2.jpg);
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
}

/* Just some basics styling webkit scrollbars */
::-webkit-scrollbar { width: 10px; height: 10px;}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment { display: block; height: 0px; }
::-webkit-scrollbar-button:vertical:increment {  background-color: #eee; }
::-webkit-scrollbar-track-piece { background-color: #eee; }
::-webkit-scrollbar-thumb:vertical { height: 50px; background-color: #222; }
::-webkit-scrollbar-thumb:horizontal { width: 8px; background-color: #222; }

/* top navigation /////////////////////// */
#header { color: #fff;filter: alpha(opacity=95); -moz-opacity: .95; opacity: .95; font-size:12px; font-weight:bold; margin: 0 auto; }
#header-wrap { background: #000;  margin: 0px auto 20px auto; width: 100%; position:fixed; top:0; z-index: 888; filter: alpha(opacity=90); -moz-opacity: .90; opacity: .90; -moz-box-shadow:0 0 15px #000; -webkit-box-shadow:0 0 15px #000; -moz-user-select: none; -webkit-user-select: none; }
#header h1                       { float: left; display: inline-block; }
#header h1 a, #header h1 a:hover { display: inline-block; background: url(images/logo.png) no-repeat; margin: 5px 10px 0 20px; width: 100px; text-indent: -999em; float: left; }
#brdmenu                         { margin: 0 5px; padding: 0; float: right; display: block; text-shadow: rgba(0,0,0,0.01) 0 0 0; }
#brdmenu li                      { margin: 0; padding: 0 10px 5px 15px; display: block; float: left; font-weight: normal; }
#brdmenu a                       { font: bold 11px 'helvetica neue',arial; text-decoration: none; color: #ccc; text-transform: uppercase; display: block; }
#brdmenu a:hover                 { color: #69f; background: transparent; text-shadow: 0 0 30px #69f; }
#brdmenu a span                  { font-size: 10px; color: #666; font-weight: normal; font-family: georgia, helvetica, arial; text-transform: uppercase; }


div#title {
	
	position: relative;
}

div#title em {
	position: absolute;
	left: 0.5em;
	top: 3.0em;
	font-style: normal;
}

h1 {
	margin: 0;
	padding: 0.2em 0;
	font-size: 2.0em;
	font-weight:bold;
	font-family:helvetica,arial;
}

h1 a { 
	   letter-spacing:-1px; 
	   color:#333;
		
}

a {
	/* color: #00adef; */
	color:#666;
	text-decoration: none;
	border:none;
}

a:hover {
	color: #666;
}

div.clear {
	clear: both;
}

p {
	margin: 1em 10px;
	padding: 0 1em;
	font-family:helvetica, arial;

}



div.post {
	float: left;
	width: 256px;
	height: 215px;
	overflow: hidden;
	margin: 10px;
	margin-left: 10px; 
	position: relative;
	display: inline; /* JESUS FUCKING IE */
	-webkit-box-shadow: 0 0 20px #000; -moz-box-shadow: 0 0 20px #000;
	
}

div.post:hover {
	-moz-box-shadow: inset 0 0 10px #c30;
}
	
	div.post img {
		border: 0;
	}

	div.post p {

		font-size: 11px;
		font-weight: normal;
		color: #ccc;
	}
	
	div.postInfo {
		padding: 0.8em;
		background: #212121 url(images/dtm.png) repeat-x; 		
		display:block;
		width:256px;
		height:22px;
		position: absolute;
		-webkit-font-smoothing: antialiased;
		font-size: 11px;
		bottom: 0;
		left: 0;
		color: #999;
		text-shadow: 0 -1px 1px rgba(0,0,0,0.99); opacity: .99; 
	}
	div.postInfo span { color:#555; display:block;font-size:10px;text-shadow: 0 -1px 1px rgba(0,0,0,0.99); opacity: .99;  }
	
div#pages {
	margin: 0;
	background: #050505;
    width: 100%; 
	display: block; 
	position: fixed; z-index: 9999;bottom: 0; overflow: visible;
	filter: alpha(opacity=90); -moz-opacity: .90; opacity: .90;
}

	div.pageInfo {
		float: right;
		padding: 10px;
		display: inline;
	}
	div.pageLinks {
		float: right;
		padding:  10px;
	}
	
	
#whitebox {
	top: 0;
	left: 0;
	display: none;
	position: absolute;
	padding: 10px;
	margin: -12px 0 0 -12px;
	background: #fff url(loading.gif) no-repeat scroll center center;
	border: 1px solid #eee;
}
	#whitebox img {
		border: 1px solid #eee;
		cursor: pointer;
	}