/* filename syntax:
v5 = incremented each time we change the file, to combat browser caching. After v9 comes v0 again */

/* BEGIN PURE HTML TAGS */

body
{
	/*background-image: url('bg.jpg');*/
	margin: 0px;
	padding: 0px;
	font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", sans-serif;
	/*color: #000;*/
	font-size: 11px;
	text-align: center; /* for IE <6 */
}

div
{
	text-align: left; /* to counter the above */
}

a img
{
	border: 0px none;
}

input
{
	font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", sans-serif;
	font-size: 11px;
}

select
{
	font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", sans-serif;
	font-size: 11px;
}

textarea
{
	font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", sans-serif;
	font-size: 11px;
}

/* END PURE HTML TAGS */


/* BEGIN MAIN LAYOUT ELEMENTS
These are the main divs used to position everything.
Roughly ordered from top to bottom of the HTML code (NOT the apparent top-to-bottom order when you render the page in a browser) */

#ads_top2 {
	height: 180px;
}

#wrap4portraitad {
	width: 1254px;
	margin: 0 auto;
	overflow: hidden;
}

#pagebody
{
	/* centering using auto margins, which means the browser makes both margins equal, in effect centering the div */
	margin-left: auto;
	margin-right: auto;

	width: 954px;

	position: relative;
	z-index: 10;
/*
	-webkit-transition: margin-top 1s ease-in-out;
	-moz-transition: margin-top 1s ease-in-out;
	-o-transition: margin-top 1s ease-in-out;
	-ms-transition: margin-top 1s ease-in-out;
	transition: margin-top 1s ease-in-out;
*/
}
/*
#pagebody.expanded {
	margin-top: 200px;
}
#pagebody.megaexpanded {
	margin-top: 600px;
}
*/

#pagebody2
{
	background-color: #434449;
	border-style: solid;
	border-color: #111;
	border-width: 8px 8px 0px 8px;
	/* width: 938px; */
}

#pagebody #mainfooter {
	margin-top: 0px;
}


#content_middle /* contains #content and #right_column */
{
	width: 938px;
	background-image: url('/lay/bg621.gif');
	background-repeat: repeat-y;
	overflow: hidden; /* this weird trick makes sure that this div gets the max height of #content and #right_column, even though they are floating. http://www.quirksmode.org/css/clearing.html */
}

#content
{
	background-color: #ffffff;
	border-right: 1px solid #000000;
	vertical-align: top;
	float: left;

	/* width: 585px; */
	/* width: 584px; */
	width: 622px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 621px;
}
html>body #content
{
	width: 621px;
}

#right_column
{
/* width: 352px; */
	width: 315px;
	float: right;
	vertical-align: top;
	text-align: center;
	padding-top:8px;
}

/* END MAIN LAYOUT ELEMENTS */




/* BEGIN MORE DETAILED LAYOUT ELEMENTS
Just like the "main" elements, these are used in the page "frame" that's the same on all pages. */

.grfmad
{
	position:absolute;
	left:50%;
	margin-left:-219px;
	top: 6px;
}
.reviews1500
{
	position:absolute;
	left:50%;
	margin-left:-239px;
	top:242px;
}
.biggestsite
{
	width:104px;
	height:91px;
	position:absolute;
	left:50%;
	margin-left:-222px;
	top:0px;
}
.welovegames
{
	width:180px;
	height:30px;
	position:absolute;
	left:50%;
	margin-left:-217px;
	top:25px;
}



#right_column object,#right_column iframe,#right_column embed
{
	margin-bottom: 8px;
}

div.latestgallerys
{
	margin-top: 5px;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	height: 225px;
}

div.latestgallerys img
{
	border: 1px solid #000000;
}

div.galleryimg1
{
	width: 96px;
	height: 68px;
	float: left;
	text-align: center;
	margin-top: 9px;
}

div.galleryimg2
{
	width: 96px;
	height: 68px;
	float: left;
	margin-right: 6px;
	margin-top: 9px;
	text-align: center;
}

div.latestgallerys a
{
	color: #ffffff;
	font-family: Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", FreeSans, sans-serif;
	font-size: 10px;
	text-decoration: none;
}

div.pollandmag
{
	margin-top: 26px;
	margin-left:17px;
	color: #dbdcde;
	font-family: Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", FreeSans, sans-serif;
	font-weight: bold;
	overflow: hidden;
}

div.pollandmag a
{
	text-decoration: none;
}

/* ul.poll
{
	margin: 0px 0px 6px 0px;
	padding: 0px;
	list-style: none;
	font-size:10px;
	font-family: Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", FreeSans, sans-serif;
	font-weight: normal;
}

ul.poll input
{
	width:12px;
	margin-left:0px;
	margin-right:5px;
} */

/* SHARED POLL CSS REDESIGNED */
/* This is here just meanwhile all other pages using polls are redesigned
   so they load the right main_contents and main_frame css files */
.pollandmag {
	display: table;
	margin-left: 20px;
	width: 300px;
}

.pollandmag ul {
	list-style: none;
	margin: 15px 0px;
}
/* END POLL CSS REDESIGNED */

.magcoverdiv
{
	width:130px;
	float:left;
	text-align:center;
	margin-right:19px;
}

.magcoverimg
{
	width:128px;
	height:169px;
	border:1px solid #000000;
	margin:0px;
}



 /* for people without javascript
#loginlink
{
	float: left;
	color: #000000;
	font-family: Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", FreeSans, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
#loginlink:hover
{
	text-decoration: underline;
}


#loginbox
{
	margin: 8px 0px 0px 0px;
	padding: 0px;
	width:212px;
	float:right;
	font-size:10px;
	font-family: Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", FreeSans, sans-serif;
}


#loginform
{
	margin: 0px;
}

#loginform label
{
	float: left;
	width: 79px;
	height:15px;
	margin-bottom: 2px;
}

#loginform br
{
	clear:both;
}

#username
{
	float: left;
	border:1px solid #000000;
	background-color:#efefef;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	margin:0px 0px 2px 0px;
	padding:0px;

	width:79px;
	height:15px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:77px;
	height:13px;
}
html>body #username
{
	width:77px;
	height:13px;
}

#password
{
	float: left;
	border:1px solid #000000;
	background-color:#efefef;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	margin:0px 0px 2px 0px;
	padding:0px;

	width:79px;
	height:15px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:77px;
	height:13px;
}
html>body #password
{
	width:77px;
	height:13px;
}


#loginbox span
{
	color:#0ae;
	font-weight:bold;
	font-size:11px;
}
#loginbox ul
{
	list-style-type: none;
	margin: 1px 0px 0px 0px;
	padding: 0px;
}
#loginbox li
{
	background-image: url('arrow.gif');
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 0px 0px 0px 6px;
	margin: 0px;
}
#loginbox a
{
	color:#000000;
	text-decoration:none;
}
#loginbox a:hover
{
	color:#0ae;
	text-decoration:underline;
}

#loginok
{
	width: 31px;
	height: 16px;
	margin-left:4px;
	float:left;
}
*/

.grtvad
{
	width:121px;
	height:72px;
	margin:6px 6px 0px 0px;
	float:right;
}
.selfad
{
	width:142px;
	height:71px;
	margin:10px 3px 3px 0px;
	float:right;
}
/* END MORE DETAILED LAYOUT ELEMENTS */



/* BEGIN SITE-WIDELY USED CLASSES */

.warn
{
	padding: 4px;
	border: 4px solid #ec008c;
}

.warn a
{
	color: #ec008c;
	font-weight: bold;
}

.unpublishedrow
{
	background-color:#ff0 !important;
}

.fatlink
{
	color: #f723a1;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", FreeSans, sans-serif;
	font-size:11px;
}

.fatlink:hover
{
	text-decoration: underline;
}


/* left and right columns:
(matches bg621_390.gif) */

.col390
{
	width:390px;
	overflow:hidden;
	float:left;
	word-wrap: break-word; /* microsoft extension. needs an explicit width */
}

.col230
{
	background-color:#efefef;
	float:right;
	margin-left:1px;
	width:230px;
	word-wrap: break-word;
	overflow: hidden;
}


/* another pair of left and right columns, with different width:
(matches bg621_416.gif) */

.col416
{
	width:416px;
	/*
	Removed so that share buttons (facebook) can show correctly.
	overflow:hidden;
	*/
	float:left;
	word-wrap: break-word;
}

.col204
{
	background-color:#efefef;
	float:left;
	margin-left:1px;
	width:204px;
	word-wrap: break-word;
	overflow: hidden;
}


/* zebra table */

.zebra
{
	font-family: Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", FreeSans, sans-serif;
	border: 1px solid #333333;
	font-size: 11px;
}

.zebra th
{
	color: #ffffff;
	background-color: #333333;
	text-align: left;
}
.zebra th a
{
	color: #ffffff;
	text-decoration: none;
}
.zebra th a:hover
{
	text-decoration: underline;
}

.zebra tr.odd
{
	background-color: #dbdcde;
}

.zebra td a
{
	text-decoration: none;
}
.zebra td a:hover
{
	text-decoration: underline;
}

.zebra td.b
{
	font-weight: bold;
}

.zebra td.b a
{
	color: #000000;
}
/*
.zebra td.b a:visited
{
	font-weight: normal;
}
*/
.zebra td.bn a
{
	color: #000000;
}

.zebra td.u a
{
	color: #09c;
}

table.padded .pad
{
	padding: 2px 0px 2px 4px;
}

/* end zebra table */


/* page flipper */

div.pageflipper
{
	clear: both;
	background-color:#000000;
	color:#ffffff;
	font-weight:bold;
	font-family: Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", FreeSans, sans-serif;
	padding:3px;
	text-align:center;
}

div.pageflipper ol
{
	margin:0px;
	padding:0px;
	list-style:none;
	display:inline;
}

div.pageflipper li
{
	display:inline;
	margin-right:2px;
}

div.pageflipper a
{
	color:#bdbdbd;
	text-decoration: none;
}

div.pageflipper a:hover
{
	text-decoration: underline;
}

/* end page flipper */

/* Possible friends START
.pfbelowads { width: 302px; margin: 0px auto 0px auto; }
.pfuser { background-color: #ffffff; margin: 0px auto 4px auto; border: 1px solid #000; width: 300px; height: 57px; }
.pfuser .avatar { float: left; width: 57px; height: 57px; margin: 0px 0px 0px 0px; }
.pfuser .info { width: 231px; height: 45px; float: right; margin: 6px; position: relative; }
.pfuser .info .pfusername { font-weight: bold; text-decoration: none; color: #0ae; }
.pfuser .info .left { float: left; }
.pfuser .info .right { float: right; margin: 0px 39px 0px 0px; text-align: left; }
.pfuser .info .showmore { font-size: 10px; font-family: verdana; z-index: 2; }
.pfuser .info .showmore .hover { padding: 4px; -webkit-border-radius: 7px; -moz-border-radius: 7px; background-color: #0ae; margin: 10px 0px 0px 0px; border: 2px solid #000; color: #FFF; font-family: arial; font-weight: bold; position: relative; left: 10px; display: none; z-index: 7; }
.pfuser .info .showmore .hover div { margin: 0px; padding: 0px; }
.pfuser .info .showmore .hover .first { margin-top: -11px; }
.pfuser .info .showmore .hover img { position: relative; left: 15px; top: -16px; }
.pfuser .info .flag { border: 1px solid #000000; display:block; position: absolute; top: 0px; right: 0px; }
.pfuser .info .addfriend { margin:0px; padding:0px; position: absolute; bottom: 0px; right: 0px; }
.pfuser .info .addfriend input[type="image"] { display: block; }
Possible friends END */

/* gamereactor nation box specific for old pages */
#grnation {
	border: 7px solid #000;
	margin-left: 8px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	text-align: left;
}
#grnation a {
	text-decoration: none;
	color: #000;
}
#grnation a:hover {
	text-decoration: underline;
}
#grnation .sortbar {
	background-color: #ddd;
	color: #666;
	font-size: 10px;
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
	line-height: 19px;
	min-height: 6px;
	padding: 0px 7px;
}
#grnation .sortbar span {
	color: #444;
	font-weight: bold;
	cursor: pointer;
}
#grnation .sortbar span:hover {
	/* ajax link = no underline */
	color: #09c; /* same hue and saturation as #0ae, but darker */
}

.tagcloud { margin-top:20px; color:#ffffff; border:1px solid #DBDCDE; }
.tagcloud span { color: #ffffff; text-decoration: none; }
.tagcloud span:hover { text-decoration: underline; }

#sliding_popup {
	position: fixed;
	left: 50px;
	display: block;
	width: 250px;
	padding: 0px;
	margin: 0px;
}

#overlayoversite {
	background-color: #000;
	height: 100%;
	left: 0px;
	opacity: 0.5;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 70;
}
.csgo-profile {
	display:inline-block;
	color:white;
	background:black;
	text-decoration: none;
	font-weight: 600;
	margin-left: 1px;
	padding:6px;
}

/* END SITE-WIDELY USED CLASSES */