@import url("style_basic.css");


/* ### MAIN LAYOUT ### */

body {
	text-align:center;
}
div.body {
  min-height:100%;
}


/* shadows */
div.blogheader, div.pagetitle .content, table.filegrid tr.title td, div.games a.title, div.sidebar .content a, div.sidebar .content span.selected, table.details td.dlbox  {
	text-shadow: 1.5px 1.5px #000;
}

/*div.layout_left {
  position:absolute;
	left:0px;top:0px;
	width:128px;min-height:100%;
}*/
/*div.layout_left2 {
  min-height:744px;
}*/
div.layout_lt {
  position:absolute;
	background:url(topbar.png) no-repeat;
	left:0px;top:0px;
	width:134px;height:142px;
}
div.layout_ct {
  position:absolute;
	background:url(topbar.png) no-repeat -134px 0;
	left:134px;top:0px;
	width:666px;height:82px;
}
div.layout_menu {
  position:absolute;
	background:url(topmenu.png) no-repeat;
	/*left:134px;*/top:87px;
	width:365px;height:61px;
	left:33%;
	margin-left:-165px; /* -218px for center */
}
div.layout_menu a {
  position:absolute;
	display:inline-block;
	height:61px;width:100px;
	left:0px;top:0px;
	margin:0;
	padding:0;
}

div.layout_menu a.home { left:30px; width:79px; }
div.layout_menu a.home:hover { background:url(topmenu.png) no-repeat -30px -61px; }

/*div.layout_menu a.games { left:96px; width:93px; }
div.layout_menu a.games:hover { background:url(topmenu.png) no-repeat -96px -61px; }*/

div.layout_menu a.files { left:109px; width:139px; }
div.layout_menu a.files:hover { background:url(topmenu.png) no-repeat -109px -61px; }

div.layout_menu a.forums { left:248px; width:86px; }
div.layout_menu a.forums:hover { background:url(topmenu.png) no-repeat -248px -61px; }

/*div.layout_menu a.blog { margin-left:28px; width:70px; }
div.layout_menu a.blog:hover { background-position:-28px -61px; }*/

/*div.layout_menu a.blog { margin-left:32px; width:62px; }
div.layout_menu a.blog:hover { background-position:-32px -61px; }*/

div.layout_menu a span.text {
	display:none;
}
div.layout_top {
  left:0px;top:0px;
  min-width:1034px;height:142px;
}
body {
  /*position:absolute;*/
	/*background:url(left_middle.jpg) repeat-y #000000;*/
	/*left:0px;top:288px;
	width:128px;height:100%;*/
}
/*div.layout_lm {	
	width:128px;
	margin-top:288px;
	margin-bottom:80px;
}
div.layout_lb {
  position:absolute;
	background:url(left_bottom.png) no-repeat;
	left:0px;bottom:0px;
	width:128px;height:96px;
}*/


div.twitterbox {
  position:absolute;
	right:0px;top:0px;
  width:224px;
}
div.twitterbox div.content {
  padding:3px;
}
@media screen and (max-width: 800px) {
  div.twitterbox { display:none; }
	div.layout_top { min-width:800px; }
	div.layout_menu { margin-left:-88px; } /* original: -288px */
}
/*@media screen and (max-width: 900px) {
  div.layout_menu { left:218px; margin-left:0; }
}*/

div.maincontent {
  /*padding-top:128px;*/
	margin-left:auto; /* 128px */
	margin-right:auto;
	padding-bottom:16px;
	max-width:1024px;
}

div.segment {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:16px;
	text-align:center;
}

/* ### HOME PAGE ### */

div.intro {
	margin:24px auto 16px auto;
	width:600px;
}
div.intro .title {
	font-weight:bold;
	margin-bottom:8px;
}
div.intro, div.intro p {
	font-size:14px;
	text-align:center;
}

/* ### FILES SIDEBAR ### */

div.sidebar {
	/*width:116px;
	margin-top:32px;*/
	width:736px;
	margin:0 auto 0 auto;
}
td.menu div.sidebar {
	width:134px;
	/*margin-top:86px;*/
}

div.sidebar .content {
	/*color:#ff0000;*/
	font-size:1.0em;
	text-align:center;
	padding:4px;
	overflow:hidden;
}

div.sidebar .content a, div.sidebar .content span.selected {
	display:inline-block;
	font-weight:bold;
	border:1px solid #f00;
	background-color:#440000;
	padding:2px;
	margin:3px 2px;
}
div.sidebar .content span.selected {
	border:1px solid #bbb;
	background-color:#222;
}

td.menu div.sidebar a, td.menu div.sidebar  span.selected {
	display:block;
	width:100%;
	padding:2px 0px;
	margin:3px 0px;
}


/* ### FILE GRID ### */

table.files {
  width:900px; /* 116 + 736 */
	margin:0px auto 16px auto;
}
table.files td.menu {
  /*width:568px;*/
}
table.files td.content {
  /*width:200px;*/
}

table.filegrid {
	margin-left:auto;
	margin-right:auto;
}

table.filegrid tr.title td {
	background-color:#440000;
	color:#FF0000;
	text-align:center;
	white-space:nowrap;
}

table.filegrid tr.content td {
	background-color:#222222;
	text-align:center;
	vertical-align:middle;
}

table.filegrid span.date {
	font-size:0.8em;
}

/* table.filegrid div.linksymbols {
	position:absolute;
	top:50%;
	right:0px;
   height:12px;
   margin-top:-6px;
}*/


table.filegrid table.fileentry {
  width:192px;
}
table.filegrid table.fileentry td.text {
  text-align:left;
}
table.filegrid table.fileentry td.linksymbols {
  text-align:right;
}

table.filegrid a.filelink, table.filegrid a.weblink, table.filegrid a.imglink, table.filegrid a.videolink {
	height:12px;
}

div.flattr_compact {
	width:100px;
	height:17px;
}


/* ### DETAILS PAGE ### */

p.detailstitle {
	width:768px;
	margin:32px auto 16px auto;
	font-weight:bold;
}

table.details {
	width:768px;
	/*border: 1px solid Red;*/
	margin:0px auto 16px auto;
}
table.details td.mediacol {
	width:512px;
}
table.details td.infocol {
	width:256px;
}
table.details td.infocol p.desc {
  padding-bottom:8px;
}
table.details td.infocol p.desc a {
  background:url(link.gif) no-repeat left center;
  padding-left:18px; 
}
table.details td {
	text-align:left;
	vertical-align:top;
  background-color:#222222;
	padding:4px;
}
table.detailinfo td {
	padding:0px;
}
table.detailinfo td.miniheader {
	padding-right:8px;
}
table.details td.mediacol {
	text-align:center;
	vertical-align:middle;
	padding-left:8px;
	padding-right:8px;
}
table.details td.mediasel {
	padding-left:0px;
	padding-right:0px;
  background-color:#440000;
}
div.mediasel {
	height:64px;
	padding-left:8px;
	/*padding-left:10px;
	padding-right:10px;*/
	white-space: nowrap;
	overflow:hidden;
}
table.details td.dlbox {
  background-color:#440000;
	text-align:center;
	vertical-align:middle;
	/*font-size:1.2em;
	line-height:100%;
	font-weight:bold;*/
}
table.details td.dlbox a {
	margin-right:14px;
}

table.details td.hugetitle {
	color:#ff0000;
	font-size:32px;
	font-weight:bold;
	text-align:center;
}
table.details p#media {
	width:480px;
	height:320px;
  background-color:#000000;
	padding:8px 16px 8px 16px;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}
table.details p#media img {
	max-width:480px;
	max-height:320px;
}
table.details div.imgthumb {
	width:96px;
	height:64px;
  background-color:#000000;
	text-align:center;
	vertical-align:middle;
  overflow:hidden;
}
table.details div.imgthumb img {
	max-width:96px;
	max-height:64px;
}
table.details td.mediasel a {
	position:relative;
  float:left;
	margin-right:8px;
	cursor:pointer;
}
table.details td.mediasel a.inactive {
	cursor:default;
}
table.details td.mediasel a div.vidoverlay {
	position:absolute;
	top:0px;
	left:0px;
	width:96px;
	height:64px;
	background:url(video_overlay.png);
	opacity: 0.25;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	filter:alpha(opacity=25);	
}
table.details td.mediasel a:hover div.vidoverlay {
	opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);	
}


table.moredetails {
	width:768px;
	margin:32px auto 0px auto;
}
table.moredetails td {
	text-align:left;
	vertical-align:top;
  background-color:#222222;
	padding:4px;
}
table.moredetails td.title {
  background-color:#440000;
	color:#FF0000;
	text-align:center;
}

/* ### BLOG PAGE ### */

table.blog {
  width:100%;
  max-width:900px;
	/*width:768px;*/
	/*border: 1px solid Red;*/
	margin:0px auto 16px auto;
}
table.blog td.blogcol {
  /*width:568px;*/
}
table.blog td.infocol {
  /*width:200px;*/
}

div.blogentry {
  width:512px;
	/*border: 1px solid Red;*/
	margin:0px auto 16px auto;
	text-align:left;
	vertical-align:top;
}
div.blogentry, div.blogentry div, div.blogentry p {
	line-height: 1.4;
}

div.blogcontent img {
  max-width:512px;
}
div.blogheader {
  background-color:#440000;
	padding:4px;
}
div.blogheader div.blogdate {
  position:absolute;
	bottom:3px;
	right:6px;
}
span.blogtitle {
	color:#ff0000;
	font-size:1.4em;
	font-weight:bold;
}

div.blogcontent {
  background-color:#222222;
	margin:2px 0px 2px 0px;
	padding:4px;
}
div.blogfooter {
  background-color:#222222;
	padding:4px;
}

dl.codebox {
  margin:4px;
}
dl.codebox dt {
  background-color:#440000;
  padding:4px;
 	text-transform: uppercase;
	font-size: 0.8em;
	/*font-weight: bold;*/
}
dl.codebox dd {
  /*color: #000;
	background-color: #BBB;*/
	color: #DDD;
	background-color: #000;
	padding:4px;
	margin:0px;
	white-space: normal;
	font: 1.0em Monaco, "Andale Mono","Courier New", Courier, mono;
	line-height: 1.2;
}
/*dl.codebox code {
	white-space: normal;
	font: 1.0em Monaco, "Andale Mono","Courier New", Courier, mono;
	line-height: 110%;
}*/

div.blogentry blockquote dl.codebox { 
	border: 2px solid #440000;
}

div.blogentry blockquote {
	background-color: #000000;
	/*border: 2px solid #440000;*/
	font-size: 0.95em;
	margin: 4px;
	padding: 5px;
}

div.blogentry blockquote blockquote { /* Nested quotes */
  /*border: 1px solid #737373;*/
	border: 2px solid #440000;
	font-size: 1em;
	margin-left: 15px;
	margin-right: 0px;
}
div.blogentry blockquote blockquote blockquote { /* Nested quotes */
	background-color: #000000;
}

div.blogentry blockquote cite { /* Username/source of quoter */
	/*font-style: normal;
	font-weight: bold;
	margin-left: 20px;*/
	padding:1px 4px 2px 4px;
	margin:-5px -5px 0px -5px;
	background-color:#440000;
	display: block;
	font-size: 0.9em;
}

div.blogentry div.imagebox {
	background:#fff;
	border: 2px solid #999; 
}
div.blogentry div.imagebox img {
	margin:0;
}
div.blogentry div.imagebox p.text {
	text-align:center;	
	color:#888;
	font-size:11px;
	font-weight:normal;
	margin:3px;
	padding:0;
	line-height:1;
	vertical-align:middle;
}

div.pagesel {
	margin-bottom:8px;
}

div.tweets {
	width:256px;
	/*background-color:#222222;
  padding:4px;*/
	margin:0px auto 16px auto;
}

/* ### GAMES PAGE ### */

div.games .entry {
  width:700px;
	/*height:204px;*/
	margin:0 auto;
	margin-bottom:24px;
	border-spacing:4px;
}
div.games .entry td, div.games div.entry {
	background-color:#222222;
	padding:4px;
	/*border-width:4px;*/
}
div.games .entry td.image {
	width:192px;
	padding-bottom:2px;
	/*min-height:192px;*/
}
div.games .entry a.image {
	display:block;
	z-index:10;
}
div.games .entry td.image img, div.games .entry a.image, div.games .entry a.image img {
	width:192px;
	height:192px;
}
div.games .even a.image {
	float:left;
	margin:-4px 4px 4px -4px;
	border-right:4px solid black;
	border-bottom:4px solid black;
}
div.games .uneven a.image {
	float:right;
	margin:-4px -4px 4px 4px;
	border-left:4px solid black;
	border-bottom:4px solid black;
}
div.games .entry .title {
	display:block;
	/*width:100%;*/
	/*height:24px;*/
	background-color:#440000;
	color:#FF0000;
	text-align:left;
	white-space:nowrap;
	font-size:14px;
	font-weight:bold;
	border-bottom:4px solid black;
	padding:4px 4px 5px 4px;
	margin:-4px -4px 3px -4px;
}
div.games .entry a.title:hover{
	color:#880000;
}
div.games .entry a.title span {
	color:#888;
	font-size:13px;
	font-weight:normal;
	text-shadow:none; /*  1.5px 1.5px #000 */
}
div.games .entry a.title:hover span {
	color:#666;
}
div.games .desc, div.games .desc div, div.games .desc p {
	line-height: 1.4;
}

/* ### GENERIC FORMATS ### */

.hidden {
	display:none;
}
.center {
	text-align:center;
}
.center2 {
	margin-left:auto;
	margin-right:auto;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.unfloat {
	clear:both;
	float:none;
}