#wrapper {
   background:url(/images/site/layout/wrapper_bg.png) repeat-y 0 0;
   margin:0;
   overflow:hidden;
   text-align:left;
   width:990px;
}

#background {
   background-color:transparent;
   background-image:url(/images/site/layout/navigation_bg.jpg);
   background-position:0 0;
   background-repeat:no-repeat;
   height:100%;
   width:990px;
}

#subwrapper {
   float:left;
   font-size:1.1em;
   margin-left:230px;
   width:760px;
}


#header {
   background-color:#000;
   background-image:url(/pics/header_bg.png);
   background-position:0 0;
   background-repeat:no-repeat;
   color:#fff;
   float:left;
   padding-top:11px;
   position:relative;
   width:100%;
}

.container {
   float:left;
   margin-right:6px;
}


div.homepage #content-mod,
div.homepage #sidebar {
	background: none;
}

*/


/* =Modules
===========*/



.module {
   background-position:0 0;
   background-repeat:repeat-y;
   margin-bottom:6px;
}


.module .header {
   background-color:transparent;
   background-position:0 0;
   background-repeat:no-repeat;
}

.module .header div {
   background-color:transparent;
   background-position:100% 0;
   background-repeat:no-repeat;
   min-height:50px;
}


.module .header div h2 {
   font-size:1em;
   padding:25px 5px 10px 20px;
}

.module .header div h3 {
   font-size:1em;
   margin:0 4px;
   padding:12px 16px;
}

.module .content-mod {
   background-color:transparent;
   background-position:100% 0;
   background-repeat:repeat-y;
   padding:0 5px;
}

.module .content-mod p {
   padding-bottom:1em;
}

.module .footer {
   background-color:transparent;
   background-position:0 100%;
   background-repeat:no-repeat;
}

.module .footer div {
   background-color:transparent;
   background-position:100% 100%;
   background-repeat:no-repeat;
   height:35px;
   padding-top:10px;
   padding-right: 10px;
   position:relative;
   text-align:center;
}

.module .footer div div {
   background-position:-5000px -5000px;
   background-repeat:no-repeat;
}

/*
.module .content-mod dl {
   border-bottom-style:solid;
   border-bottom-width:1px;
   border-top-style:solid;
   border-top-width:1px;
   padding:12px 10px 12px 14px;
}

.module .content-mod h3 {
   border-bottom-style:solid;
   border-bottom-width:1px;
   padding:12px 10px 12px 14px;
}

.module .content-mod h4 {
   font-weight:700;
   padding:10px 0 0 14px;
}

.module .content-mod h3,.module .content-mod h4,.module .content-mod dl.first {
   background-color:transparent;
   background-position:0 0;
   background-repeat:repeat-x;
   border-top-width:0;
}

.module .content-mod dl.last {
   border-bottom:0;
}

.module .content-mod dl:after {
   clear:both;
   content-mod:".";
   display:block;
   height:0;
   visibility:hidden;
}

.module .content-mod dl dt {
   font-weight:700;
}
.module .content-mod ul li ul li a,
.module .content-mod dl dt a {
   background-position:0 2px;
   background-repeat:no-repeat;
   display:block;
   padding-left:18px;
}

.module .content-mod dl dt span img {
   border:1px solid #666;
}

.module .content-mod dl dd {
   margin-left:18px;
}

.module .content-mod dl.image dd {
   margin-left:112px;
}

.module .footer h4.button {
   right:15px;
   float: right;
   padding-bottom: 5px;
}



div.content-mod .module .content-mod .details {
   padding:0;
}

div.content-mod .module .content-mod .details dl dt {
   display:none;
}

div.content-mod .module .content-mod .details dl dd {
   clear:left;

}

div.content-mod .module .content-mod .details dl dd.position {
   float:left;
}

div.content-mod .module .content-mod .details dl dd.location {
   clear:none;
   float:right;
   text-align:right;
}
*/


/* =screenshotshots module
----------------------*/


.screenshots .content-mod {
   padding-left:5px;
   padding-top:10px;
   /*height:120px*/
}


.screenshots ul,.screenshots li {
   list-style-type:none;
   margin:0;
   padding:0;
}


.screenshots .horizontal {
   overflow:hidden;
   position:relative;
   width:920px;
}

.screenshots .content-mod .horizontal ul {
   left:0;
   padding:0;
   position:relative;
   top:0;
   width:20000px;
}

.screenshots .horizontal li {
   float:left;
   margin-right:3px;
   padding:3px;
}

.screenshots .vertical {
   height:401px;
   left:12px;
   overflow:hidden;
   position:relative;
   top:0;
}

.screenshots .vertical li {
   margin:0 0 3px;
   padding:3px;
   width:122px;
}

.screenshots .content-mod .vertical ul {
   padding:0;
}

.screenshots li.active {
   background-color:#e8e8e8;
   border:1px solid #b3b3b3;
   padding:2px;
}


.screenshots li img {
   border:1px solid #000;
   display:block;
}


.screenshots h3 {
/*   background-color:#ebebeb;*/
   border-bottom:1px solid #d6d6d6;
   border-top:1px solid #fff;
}
.screenshots .controls {
  	clear:both;
  	padding:5px 5px 5px 5px;
  	position: relative;
  	text-align:left;
}

#scrollLeft,#scrollRight,#scrollUp,#scrollDown {
   background-position:0 0;
   background-repeat:no-repeat;
   display:block;
   height:15px;
   width:15px;
   overflow:hidden;
   text-indent:-5000px;
}

#scrollLeft,#scrollUp {
   background-image:url(/pics/button_arrow_left.gif);
   left: 0;
   position: absolute;
   top: 5px;
}

#scrollLeft {
	left: 5px;
}

#scrollUp {
	left: 16px;
}

#scrollRight,#scrollDown {
   background-image:url(/pics/button_arrow_right.gif);
   position: absolute;
   right: 16px;
   top: 5px;
}



/* =Wallpapers module
---------------------*/

.wallpapers .content-mod ul {
	display: block;
	margin: 0 0 0 14px;
	padding: 10px 0;
}

.wallpapers .content-mod ul li {
	float: left;
	margin-right: 14px;
}

.row2-l .wallpapers .content-mod ul,
.row2-r .wallpapers .content-mod ul {
	margin-left: 10px;
}

.row2-l .wallpapers .content-mod ul li,
.row2-r .wallpapers .content-mod ul li {
	margin-right: 12px;
}

.row2-l .col2 .wallpapers .content-mod ul,
.row2-r .col1 .wallpapers .content-mod ul,
.row3 .wallpapers .content-mod ul {
	margin-left: 5px;
}

#content-mod .wallpapers .content-mod ul li ul {
	margin: 0;
	padding: 0;
}

#content-mod .wallpapers .content-mod ul li ul li {
	float: none;
	margin: 0;
}

.wallpapers .content-mod ul li ul li a {
	padding-left: 15px;
}

.wallpapers .content-mod ul li ul li img {
	border: 0;
}

.wallpapers .content-mod ul li img {
	border: 1px solid #333;
}

.row2-l .col2 .wallpapers .content-mod ul li.wallpaper2,
.row2-r .col1 .wallpapers .content-mod ul li.wallpaper2,
.row2-l .wallpapers .content-mod ul li.wallpaper3,
.row2-r .wallpapers .content-mod ul li.wallpaper3,
.row3 .wallpapers .content-mod ul li.wallpaper2,
.row3 .wallpapers .content-mod ul li.wallpaper3,
.row2-l .col2 .wallpapers .content-mod ul li ul,
.row2-r .col1 .wallpapers .content-mod ul li ul,
.row3 .wallpapers .content-mod ul li ul {
	display: none;
}

.row3 .wallpapers .content-mod ul li.wallpaper1,
.row2-l .col2 .wallpapers .content-mod ul li.wallpaper1,
.row2-r .col1 .wallpapers .content-mod ul li.wallpaper1,
.row2-l .col1 .wallpapers .content-mod ul li.wallpaper2,
.row2-r .col2 .wallpapers .content-mod ul li.wallpaper2,
.row1 .wallpapers .content-mod ul li.wallpaper3 {
	margin-right: 0;
}


/* =Pages
=========*/




/* =Lightbox
============*/

#overlay {
   -moz-opacity:0.6px;
   background-color:#000;
   filter:alpha(opacity=60);
   height:100%;
   left:0;
   opacity:0.6px;
   position:absolute;
   top:0;
   width:100%;
}

#lightbox-title {
	text-align:center;
}

#outerImageContainer {
   background:#2a2a28 url(/pics/lightbox/l.png) repeat-y 0 0;
   height:250px;
   margin:0 auto;
   position:relative;
   width:250px;
}

#imageContainer {
   margin:0px;
   background:#2a2a28 url(/pics/lightbox/r.png) repeat-y 100% 0;
   margin-left:40px;
   min-height:100%;
   padding:0 40px 0 0px;
}

#imageDetails {
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight:bold;
	font-size:11px;
	margin-top:3px;
}

#lightbox .header {
   background-image:url(/pics/lightbox/tl.png);
   height:57px;
   left:0;
   position:absolute;
   text-align:left;
   top:0;
   width:100%;
}

#lightbox .header div {
   background-image:url(/pics/lightbox/tr.png);
   height:57px;
}

#lightbox .header div h3 {
/*   background-color:#ebebeb;*/
   color:#666;
   margin:0 8px;
}

#lightbox .footer {
   background-image:url(/pics/lightbox/bl.png);
}

#lightbox .footer div {
   background-image:url(/pics/lightbox/br.png);
}

#lb-module h3 {
   border-bottom:1px solid #fff;
   border-top:1px solid #fff;
}

#lightbox {
   left:0;
   line-height:0;
   margin:0;
   position:absolute;
   text-align:center;
   top:40px;
   width:100%;
   z-index:100;
}

* html #imageContainer {
   height:100%;
}

#lightboxImage {
   margin-top:56px;
   padding:0px;

/*   border: 1px solid #fff;*/
}

#hoverNav {
   bottom:0px;
   height:100%;
   position:absolute;
   top:0px;
   right:0px;
   width:1101px;
   left: 0px;
}

#imageContainer>#hoverNav {
   left:0;
}

#hoverNav a {
   outline:none;
}

#prevLink,#nextLink {
   background:transparent url(/pics/empty.gif) no-repeat left center;
   display:block;
   height:100%;
   padding-bottom:55px;
   width:49%;
}

#prevLink {
   background: transparent url(/pics/button_arrow_left.gif) no-repeat 2% 50%;
   float:left;
   left:0;
   margin-top: 61px;
}

#nextLink {
   background: transparent url(/pics/button_arrow_right.gif) no-repeat 98% 50%;
   float:right;
   right:0px;
   margin-top: 61px;
}

#prevLink:hover,#prevLink:visited:hover {
   background: transparent url(/pics/button_arrow_left.gif) no-repeat 2% 50%;
}

#nextLink:hover,#nextLink:visited:hover {
   background: transparent url(/pics/button_arrow_right.gif) no-repeat 98% 50%;
}

#bottomNavClose {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 999;
}


/* =Clearfix
============*/

.content-mod .screenshots:after,
.wallpapers .content-mod ul:after,
div.description:after,div.events:after,.filter .content-mod:after,#loggedout form:after,#loggedout h4:after,div.game .buttons:after,#background:after,.feature .details:after,ul.tabs:after,.search .result:after,.clearfix:after {
   clear:both;
   content-mod:".";
   display:block;
   height:0;
   visibility:hidden;
}