/* Hi there! It's great to learn things from other's work, so go to it! Just don't steal too many ideas...like all those opacity filterings...god...what do you think about those anyway? Contact me. Thanks! Have a nice day.*/

/* By the way, this is the main stylesheet for all the site...the others are for special stuff such as the slider on the index...or the cool menu i got myself from some css library i forgot...fyi! */

* { padding: 0; margin: 0; }

#beta {position:fixed;right:5px;top:5px;display:block;background-color:#417d22;border:white;color:white; font-size:300%; padding:5px;opacity:0.8;filter:alpha(opacity=800)}
	#beta:hover {opacity:1;filter:alpha(opacity=100);cursor:crosshair;}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-image: url("/img/bgf3.gif");
 background-repeat: repeat-x;
 background-color: #171717;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#header {
 width: 900px;
 color: #333;
 border: none;
 height: 100px;
 margin: 0px 0px 0px -10px;
 opacity:0.8;
 filter:alpha(opacity=80)
}
	#header a {color:transparent;border:none;text-decoration:none;}
#navigation {
 width: 922px;
 color: #333;
 padding: 0px;
 border: none;
 margin: 0px 0px 5px 0px;
}
#content { 
 width: 898px;
 color: white;
 /*border: 2px solid #ccc;*/
 background: transparent;
 margin: 0px 0px 5px 0px;
 padding: 10px;
}
#footer { 
 width: 898px;
 color: #333;
 background: transparent;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

a {text-decoration:none;color:#417D22;}
	a:hover {text-decoration:underline;}
.searchbox {margin-top:0px;margin-left:10px;margin-bottom:10px;}
	.searchbox .label {font-size:200%; color:gray;}
	.searchbox .search {width:150px;background-color:#464646;border:2px solid gray;color:white;font-size:200%}
	.btn {font-size: 200%;background-color:#464646;border:2px solid #417D22;color:#417D22;padding-left:5px;padding-right:5px;}
	.btn:hover {color:white;}
	
p {text-indent: 1em; margin-top: 0.5em; }
.moee {margin-top:30px;width:100%;text-align:center;}
.llci {margin-top:30px;border:5px solid #417d22;width:728px;height:90px;margin-left:auto;margin-right:auto;} /*LargeLeaderBoardCentered on Index*/
/* Commence the part with glider, ad, at top below fold of index. */	
.ganad {margin-left:59px;margin-right:59px;}
.ubby {border:5px solid #417d22;height:163px;width:158px;float:left;margin-top:20px;margin-left:10px;padding:20px;}
.adbone {float:left; margin-left:10px;width:300px;height:250;border:5px solid #417d22;padding-bottom:0px;margin-top:20px;}
.remspa {clear:both;background:transparent;color:transparent;border:none;}
.ad125con {margin-top:15px;}
.ad125 {float:left;border:3px solid white;margin-left:10px;width:125px;height:125px;}

/* Commence the part of the huge recent game boxes (on the index) */
.ngc {border:none;width:898px;}
.ngb {background-image:url("/img/ngb.png");background-repeat:no-repeat; height:145px;width:449px;border:1px solid white;margin:0;vertical-align: top;padding:0 0 0 0;opacity:0.7;filter:alpha(opacity=70);overflow:hidden;}
	.ngb:hover {opacity:1;filter:alpha(opacity=100)}
.ngt {margin-left:4px;font-size:200%;height:28px;width:440px;overflow:hidden;}
.ngcon {overflow:hidden;margin-top:6px;height:105px;padding-left:4px;padding-right:10px;text-align:justify;position:relative;}
	.ngcon img {padding-right:10px;padding-top:2px;float:left;}
	.ngcon p {text-indent:0;margin-top:0;}
.ngrc {bottom:5px;position:absolute;left:205px;}
.ngsq {color:black;padding:3px 5px 3px 5px;background-color:white;margin-bottom:10px;margin-right:5px;border:5px black;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:inline;}

/* Commence the part of the categories on index */
.clc {border:none;width:898px;}
.clb {background-image:url("/img/catin.png");background-repeat:no-repeat; height:200px;width:449px;border:1px solid white;margin:0;vertical-align: top;padding:0 0 0 0;opacity:0.7;filter:alpha(opacity=70);overflow:hidden;}
.clt {margin-left:4px;font-size:200%;height:30px;width:440px;overflow:hidden;}
.clcon {overflow:hidden;margin-top:2px;}
.clr {height:33px;border-bottom:1px dashed #494949;background-color:transparent; position:relative;}
/*.clr:hover {background-color:#111111;}*/
.clim {float:left;position:absolute;left:2px;top:1px;border:none;}
.clgt {font-size:120%;position:absolute;top:8px;left:63px;width:225px;height:20px;overflow:hidden;color:white;} /* Game title */
.clic {position:absolute;right:0px;top:8px;color:#000000;} /*info container (in game row)*/
.clir {padding:1px 5px 1px 5px;background-color:white;margin-right:5px;color:#000000;border:5px black;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:inline;} /*info [rating]/[play count]*/

/*GAME PAGE */
.awlam {margin-top:10px;margin-bottom:50px;position:absolute;float:left;}
.awlam .al {vertical-align:middle;width:200px;}
	.awesomebutt {border:3px solid black;padding-bottom:2px;}
	.lamebutt {border:3px solid black;padding-bottom:2px;}
	.awesomebutt:hover {border:3px solid #417d22;}
	.lamebutt:hover {border:3px solid orange;}
.awlam .rp {padding-left:350px;background-color:aqua;}

/* SEARCH/BROWSE PAGES */
.navum {margin-top:30px;}
	.navum .link {padding:5px;border:1px solid white;margin-right:5px;}
	.navum .link:hover {text-decoration:underline;}
	.navum .curp {padding:5px;border:1px solid white;margin-right:5px;font-weight:bold;}
	
.bro {width:690px;} /*The table of results*/
	.bro .gbo {background:url("/img/gamebro.png");background-repeat:no-repeat;padding:4px;height:220px;width:200px;opacity:0.8;filter:alpha(opacity=80);float:left;margin-right:20px;margin-bottom:20px;position:relative;}
	.bro .gbo:hover {opacity:1;filter:alpha(opacity=100);}
	.bro .gt {height:25px;font-size:20px;overflow-x:hidden;overflow-y:hidden;margin-top:0px;margin-bottom:15px;width:100%;}

.rapand {position:absolute;top:148px;height:100px;left:10px;}
	.rapand .rapa {display:block;height:22px;margin-top:8px;background:white;float:left;color:black;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding-left:3px;padding-right:3px;margin-right:5px;font-size:larger;}
.clearboth {clear:both;background:transparent;color:#171717;border:none;width:100%;}

/*LOGO HOVER FADE */
.fade {
  position: absolute;
  top: 100px
  left: 100px
}

.fade div {
  position: absolute;
  top: 0;
  left: 0;
  display: none;


/*OTHER*/
#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: #181818;
color:white;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}