/*********************
* Body               *
*********************/

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for compliant browsers */
	color: #fff;
	background: #71828a url(../images/design/bg_grad.jpg) repeat-x fixed;
}

html>body { /* for Opera */
	font-size: small;
}

/*********************
* Wrapper Container  *
*********************/

#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 793px;
	font-size: 100%;
	background: #232323;
	border-left: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
}

/*********************
* Header             *
*********************/

#header {
	float: left;
	width: 100%;
	background: #232323;
	border-bottom: 1px solid #b3b3b3;
}

#header h1 {
	margin: 0;
	padding: 0;
	font-size: 110%;
}

#logo {
	height: 100px;
	background: url("../images/design/az.gif") no-repeat #5d5d5d;
}

#login {
	margin: 0;
	height: 90px;
	float: right;
	font-family: Verdana;
	font-size: 11px;
	align: middle
	background-color: #232323;
	color: #fff;
	text-align: right;
	padding: 2px;
	width: 225px;
}

#login .substyle {
	font-size: 10px;
	background-color: #434343;
	color: #f5f5f5;
	margin: 5px;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	border-right: 1px solid #979797;
	border-bottom: 1px solid #979797;
}

#login a {
	color: #dae4ff;
	text-decoration: none;
}
#login a:hover {
	color: #80a2ff;
	text-decoration: underline;
}
#logtxt {
	margin-right: 5px;
}

#headerad {
	padding: 5px 0;
	margin-top: 2px;
	background: #000;
	border-bottom: 1px solid #b3b3b3;
	border-top: 1px solid #b3b3b3;
}

#nav ul {
	float: left;
	margin: 0 auto;
	padding:0;
	border-left: 5px solid #EDF2F2;
	border-right: 5px solid #EDF2F2;
	list-style: none;
	display: inline;
	text-align: center;
	font: 10px/20px Verdana, Helvetica, Arial, sans-serif;
	background: url("../images/design/navBar.gif") repeat-x 20px;
}

#nav li {
	float: left;
	margin: 0;
	padding:0;
	list-style: none;
	display: block;
	text-align: center;
	font: 10px/20px Verdana, Helvetica, Arial, sans-serif;
	background: url("../images/design/navBar.gif") repeat-x 20px;
}

#nav li.first {
	float: left;
	margin: 0;
	padding:0;
	list-style: none;
	display: block;
	text-align: center;
	font: 10px/20px Verdana, Helvetica, Arial, sans-serif;
	border-left: 1px solid #848484;
	background: url("../images/design/navBar.gif") repeat-x 20px;
}

#nav li.active {
	background: url("../images/design/navBarHover.gif") repeat-x 20px;
	color: #fff;
	font-weight: 900;
	display: block;
	width: 64px;
	border-right: 1px solid #848484;
}

#nav li.active a {
	color:#f5f5f5;
	background: url("../images/design/navBarHover.gif") repeat-x 20px;
	text-decoration: underline;
}

#nav li.active a:hover {
	color:#f5f5f5;
	background: url("../images/design/navBarHover.gif") repeat-x 20px;
	text-decoration: underline;
}


#nav a {
	color: #000;
	text-decoration: none;
	font-weight: 900;
	display: block;
	width: 64px;
	border-right: 1px solid #848484;
}

#nav a:hover {
	color:#f5f5f5;
	background: url("../images/design/navBarHover.gif") repeat-x 20px;
	text-decoration: underline;
}

#nav p {
	color=#fff;
}

#txtnav {
	text-align: center;
	margin-left: 0px;
	padding: 0 0 2px 0;
	color: #f5f5f5;
}

#txtnav a {
	font-size: 85%;
	color: #dae4ff;
	text-decoration: none;
	line-height: 10px;

}

#txtnav a:hover {
	font-size: 85%;
	color: #80a2ff;
	text-decoration: underline;
}

#txtnav p {
	padding:0;
	margin:0;
	text-align: center;
}

#platheader {
	float: left;
	width: 100%;
	background: #232323 url(../images/design/xlogo.gif) repeat-x top left;
	text-align: center;
	border-bottom: 1px solid #b3b3b3;
	padding: 5px 0;
}

#platheader p {
	font-size:80%;
	margin:0;
	padding:0;
}

#platheader p a {
	color: #80a2ff;
}
#platheader p a:hover {
	color: #dae4ff;
}

#platheader h1 {
	margin: 0;
	padding: 5px;
	padding-bottom: 5px;
	font-size: 120%;
}

/***********************
* Main Column          *
***********************/

#main-col {
	float: left;
	background: #434343;
	width: 500px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #b3b3b3;
	clear: both;
}

#main-story {
	float: left;
	padding: 0px 5px 5px 5px;
	margin: 0;
}

#main-feature {
	padding: 0px;
	margin: 0px;
}

#main-flash {
	padding: 0px;
	margin: 5px;
	margin-bottom: 0;
	border: 1px solid #b3b3b3;
}

#main-feature img {
	padding: 0px;
	margin: 5px;
	margin-bottom: 0;
	border: 1px solid #b3b3b3;
}

#main-story h2 {
	font-size: 110%;
	margin: 0;
	padding: 0;
}


/*********************
* Featured Box       *
*********************/

.main-box1 {
	float: left;
	width: 490px;
	margin-top: 5px;
	background: url(../images/design/box1bg.gif) no-repeat bottom left;
	overflow: hidden;
}

.main-box1 ul {
	margin: 0;
	padding: 14px 10px 14px 10px;
	list-style: bullet;
	clear: both;
}

.main-box1 ul li {
	margin 0 0 6px;
	padding: 0;
}

.main-box1 h3 {
	padding: 2px 0px 2px 10px;
	margin: 0px;
	color: #f5f5f5;
	font-size: 90%;
	border:none;
	border-bottom: 1px solid #95979d;
	background: url(../images/design/h3b1_top.gif) no-repeat top left;
}

#imgdiv {
	padding-left: 10px;
	width:9999px;
}

#arrows {
	clear: both;
	width: 100%;
}

.rightimg {
	float: right;
	margin-right: 170px;
	padding-bottom: 5px;
	width: 25px;
	height: 25px;
	background: url(../images/design/next.gif) no-repeat;
}

.leftimg {
	float: left;
	margin-left: 170px;
	padding-bottom: 5px;
	width: 25px;
	height: 25px;
	background: url(../images/design/prev.gif) no-repeat;
}

.rightimg:hover {
	background: url(../images/design/nexthvr.gif) no-repeat;
}


.leftimg:hover {
	background: url(../images/design/prevhvr.gif) no-repeat;
}

.img-box1 {
	float: left;
	width: 150px;
	margin-right: 10px;
	margin-top: 10px;
	display: inline;

}

.img-box1 img {
	border: 1px solid #b3b3b3;

}

.img-box1 p {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	font-size: 80%;
	text-align: center;
}
.img-box1 p a {
	color: #A5CCF0;
	text-decoration: none;
}

.img-box1 p a:hover {
	color: #fff;
	text-decoration: underline;
}

/*********************
* Update/Reviews Boxes*
*********************/

.box2cont {
	margin-top: 5px;
	float: left;
	width: 242px;
}
.main-box2 {
	margin-top: 0px;
	float: left;
	width: 242px;
	background:url(../images/design/box2bg.gif) bottom left;
}
.box2cont h3 {
	padding: 2px 0px 2px 10px;
	margin: 0px;
	color: #f5f5f5;
	font-size: 90%;
	border: none;
	border-bottom: 1px solid #81886d;
	background: url(../images/design/h3bg2_a.gif) no-repeat top left;
}

.main-box2 ul {
	margin: 0;
	color: #a1a1a1;
	list-style: none;
	padding: 5px 5px 5px 5px;
	font-size: 85%;
}

.main-box2 li {
	padding-bottom: 5px;
	color: #fff;
}

.main-box2 li a {
	color: #d2d40a;
	text-decoration: none;
}

.main-box2 li a:hover {
	color: #f1ffcd;
	text-decoration: underline;
}
.box3cont {
	margin-top: 5px;
	float: right;
	width: 242px;
}

.main-box3 {
	margin-top: 0px;
	width: 242px;
	background:url(../images/design/box2bg.gif) bottom left;
}

.box3cont h3 {
	padding: 2px 0px 2px 10px;
	margin: 0px;
	color: #f5f5f5;
	font-size: 90%;
	border: none;
	border-bottom: 1px solid #81886d;
	background: url(../images/design/h3bg2_a.gif) no-repeat top left;
}

.main-box3 ul {
	margin: 0;
	color: #a1a1a1;
	list-style: none;
	padding: 5px 5px 5px 5px;
	font-size: 85%;
}

.main-box3 li {
	padding-bottom: 5px;
	color: #fff;
}

.main-box3 li a {
	color: #d2d40a;
	text-decoration: none;
}

.main-box3 li a:hover {
	color: #f1ffcd;
	text-decoration: underline;
}

.sidead {
	clear: both;
	margin-top: 10px;
}

.main-ad {
	clear: both;
	margin: auto;
	height: 60px;
	padding-top: 5px;
}
.subbox {
	font-size: 85%;
	text-align: center;
	padding: 2px;
	padding-left: 5px;
	color: #fffeae;
	border-top: 1px solid #81886d;
}

.subbox a {
	padding: 0px;
	margin: 0;
	text-decoration: none;
	color: #fffeae;
}

.subbox a:hover {
	padding: 0px;
	margin: 0;
	text-decoration: underline;
	color: #ededd9;
}
.subboxr {
	font-size: 85%;
	text-align: center;
	padding: 2px;
	padding-left: 5px;
	color: #FFCCCC;
}

.subboxr a {
	padding: 0px;
	margin: 0;
	text-decoration: none;
	color: #FFCCCC;
}

.subboxr a:hover {
	padding: 0px;
	margin: 0;
	text-decoration: underline;
	color: #ffeded;
}

/*********************
* New Releases Box   *
*********************/

.main-box4 {
	float: left;
	margin-top: 0;
	width: 100%;
	padding-bottom: 10px;
	background: #27271a url(../images/design/box4_btm.gif) no-repeat bottom left;
}

.main-box4 h3 {
	padding: 2px 0px 2px 10px;
	margin: 0px;
	color: #f5f5f5;
	font-size: 90%;
	border-bottom: 1px solid #8b916f;
	background: url(../images/design/h3bg2.gif) no-repeat top left;
}


.reviews {
	float: left;
	margin-top: 5px;
	width: 490px;
	padding-bottom: 10px;
	background: #3c4355 url(../images/design/box1_btm.gif) no-repeat bottom left;
}

.reviews h3 {
	padding: 2px 0px 2px 10px;
	margin: 0px;
	color: #f5f5f5;
	font-size: 85%;
	background: url(../images/design/h3b1_top.gif) no-repeat top left;
}

#newrel {
	float: left;
	width: 483px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 1px solid #8b916f;
	border-bottom: 1px solid #8b916f;
	border-top: none;
}

#newrel.alt {
	float: left;
	width: 488px;
	padding-bottom: 10px;
	border: 1px solid #7c808a;
	border-bottom: none;
	border-top: #7c808a;
}

#newrel dl {
	float: left;
	width: 470px;
	margin: 0;
	margin-top: 5px;
	padding: 0;
	display: inline;
}

.dlcont {
	float: left;
	width: 480px;
	display: inline
	margin: 0px 5px;
	padding: 0;
	padding-bottom: 5px;
	background: url(../images/design/dots.gif) repeat-x bottom left;
}

.dllast {
	float: left;
	width: 480px;
	display: inline
	margin: 0px 5px;
	padding: 0;
}

#newrel dt {
	float: right;
	width: 325px;
	margin: 0px 0 0 0;
	padding: 0;
	font-size: 80%;
	font-weight: bold;
	letter-spacing: 1px;
}

#newrel dt a {
	color: #d2d40a;
	text-decoration: underline;
}

#newrel dt a:hover {
	color: #FFFFE6;
	text-decoration: underline;
}

#newrel dd {
	margin: 0;
	padding: 0;
	font-size: 80%;
	color: #FFFFE6;
}

#newrel dd.date {
	margin: 0;
	padding: 0;
	font-size: 80%;
	font-weight: normal;
	color: #bebe7f;
}

#newrel dd.watch a {
	margin: 0;
	padding: 0;
	font-size: 80%;
	font-weight: bold;
	color: #FFD5AB;
}

#newrel dd.watch a:hover {
	margin: 0;
	padding: 0;
	font-size: 80%;
	font-weight: bold;
	text-decoration: underline;
	color: #FFEAD5;
}

#newrel dd.specs {
	margin: 0;
	padding: 0;
	font-size: 80%;
	display: inline; !important
}

#newrel dd a {
	color: #9BCC8F;
	text-decoration: none;
}

#newrel dd a:hover {
	color: #cccccc;
	text-decoration: underline;
}

#newrel dd.img img {
	float: left;
	margin: 0px 8px 0 5px;
	padding: 2px;
	border: 1px solid #8c8c8c;
	border-bottom-color: #232323;
	border-right-color: #232323;
	background: #acac73;
}

#newrel dd.img img:hover {
	background:#f4f4a3;
}

.more {
	width: 486px;
	font-size: 80%;
	text-align: center;
	padding: 2px;
	margin-top: 0px;
	margin-bottom: -8px;
	color: #fffeae;
}

.more a {
	padding: 0px;
	margin: 0;
	text-decoration: none;
	color: #d2d40a;
}

.more a:hover {
	padding: 0px;
	margin: 0;
	text-decoration: underline;
	color: #ededd9;
}


#relmenu {
	float: left;
	width: 490px;
	padding: 10px 0 0 0;
	margin-left: 0;
	margin-top: 0px;
	font-size: 80%;
	font-weight: bold;
	background: url(../images/design/bb2.gif) repeat-x bottom left;
}

#relmenu ul {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0px 4px 0;
	list-style: none;
}
#relmenu li {
	display: inline;
	margin: 0;
	padding: 0;
}

#relmenu a {
	float:left;
	background:url("http://www.allgamesatoz.com/images/design/reltableft.gif") no-repeat left top;
	margin:0;
	padding:0 2px 0 4px;
	border-bottom:1px solid #8b916f;
	text-decoration:none;
}
#relmenu a span {
	float:left;
	display:block;
	background:url("http://www.allgamesatoz.com/images/design/reltabright.gif") no-repeat right top;
	padding:5px 6px 4px 2px;
	font-weight:bold;
	color:#b5bd91;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#relmenu a span {float:none;}
/* End IE5-Mac hack */
#relmenu a:hover span {
	color:#b5bd91;
}
#relmenu .on a {
	background-position:0 -42px;
	border-width:0;
}
#relmenu .on a span {
	background-position:100% -42px;
	padding-bottom:5px;
	color:#f3fdc2;
}
#relmenu a:hover {
	background-position:0% -42px;
	text-decoration:none;
}
#relmenu a:hover span {
	background-position:100% -42px;
	text-decoration:none;
}

.main-box5 {
	float: left;
	margin-top: 5px;
	width: 490px;
	background: url(../images/design/box5bg_new.gif) no-repeat bottom left;
}

.main-box5 h3 {
	padding: 2px 0px 2px 10px;
	margin: 0px;
	color: #f5f5f5;
	font-size: 90%;
	border:none;
	border-bottom: 1px solid #95979d;
	background: url(../images/design/h3bg1_new.gif) no-repeat top left;
}

/*********************
* Top 10 Games Lists    *
*********************/

#topgames {
	width: 490px;
	margin: 0px;
	padding: 0;
}

#topgames ul {
	display: inline;
}

#topgames table {
	clear: both;
	color: #fff;
	width: 100%;
	background: #fff;
	border-left:1px solid #95979d;
	border-right:1px solid #95979d;
}
#topgames table th {
	text-align: left;
	padding: 0 5px;
	color: #434343;
	background: #CFC9C9;
}

#topgames table td {
	margin: 0;
	padding: 5px 10px;
	text-align: center;
	border-bottom: 1px solid #95979d;
}

#topgames table td.num {
	margin: 0;
	padding: 5px 0px 5px 10px;
	text-align: center;
	border-bottom: 1px solid #95979d;
}

#topgames table td.first {
	margin: 0;
	padding: 5px 10px;
	text-align: center;
	border-bottom: 1px solid #95979d;
	font-size: 150%;
	font-weight: bold;
}

#topgames p {
	font-size: 80%;
	color: #D7ECFF;
	margin: 0;
	margin-left: 5px;
	padding: 2px;
	text-align: center;
}

.first {
	background: #2d3855;

}

p.first {
	color: #A5CCF0;
	font-weight: bold;
}

.name {
	text-align: left;
	color: #c5c5c5;
}

.name a {
	color: #A5CCF0;
	font-weight: bold;
	text-decoration: none;
}

.name a:hover {
	color: #fff;
	text-decoration: underline;
}

table tr {
	background: #2d3855;
	border-left:1px solid #95979d;
	border-right:1px solid #95979d;
}

table tr.alt {
	background: #20273B;

}

table td a {
	display: block;
}

.gameinfo {
	text-align: left;
	color: #EBF6FF;
	font-size: 70%;
}
.gameinfo a {
	display: inline;
	text-decoration: none;
	color: #f0a758;
}

.gameinfo a:hover {
	text-decoration: underline;
	color: #f0a758;
}

img.box  {
	margin: 0 0 0 0;
	padding: 2px;
	border: 1px solid #95979d;
	background: #748FA8;
}

img.box:hover {
	background:#D7ECFF;
}

img.smbox  {
	margin: 0 0 0 0;
	padding: 1px;
	border: 1px solid #95979d;
	background: #748FA8;
}

img.smbox:hover {
	background:#D7ECFF;
}

#tgmenu {
	float: left;
	width: 100%;
	padding: 10px 0 0 0;
	margin-left: 0;
	font-size: 80%;
	font-weight: bold;
	background: url(../images/design/bb.gif) repeat-x bottom left;
}

#tgmenu ul {
	float: left;
	margin: 0;
	margin-left; 5px !important;
	padding: 0px 4px 0;
	list-style: none;
}
#tgmenu li {
	display: inline;
	margin: 0;
	padding: 0;
}

#tgmenu a {
	float:left;
	background:url("http://www.allgamesatoz.com/images/design/toptableft.gif") no-repeat left top;
	margin:0;
	padding:0 2px 0 4px;
	border-bottom:1px solid #b3b3b3;
	text-decoration:none;
}
#tgmenu a span {
	float:left;
	display:block;
	background:url("http://www.allgamesatoz.com/images/design/toptabright.gif") no-repeat right top;
	padding:5px 6px 4px 2px;
	font-weight:bold;
	color:#ECF1FF;
}


/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tgmenu a span {float:none;}
/* End IE5-Mac hack */
#tgmenu a:hover span {
	color:#ECF1FF;
}
#tgmenu .on a {
	background-position:0 -42px;
	border-width:0;
}
#tgmenu .on a span {
	background-position:100% -42px;
	padding-bottom:5px;
	color:#D7ECFF;
}
#tgmenu a:hover {
	background-position:0% -42px;
	text-decoration:none;
}
#tgmenu a:hover span {
	background-position:100% -42px;
	text-decoration:none;
}

/*********************
* Main Sidebar       *
*********************/

#main-sidebar {
	float: right;
	background: #232323;
	width: 292px;

}

#main-sidebar h3.vid {
	clear: both;
	padding: 2px 0px 2px 10px;
	margin: 0px 5px;
	color: #000;
	font-size: 90%;
	border-bottom: 1px solid #232323;
	background-color: #fff;
	background:url(../images/design/navBar_a.gif) top left no-repeat;
}

/*************************
Sidebar Lists
*************************/

.sidesearch {
	margin: 10px 0 4px 5px;
	padding: 0 0 7px 0;
	width: 282px;
	background: #3c4355 url(../images/design/searchb.gif) no-repeat bottom left;
}

.sidesearch h3 {
	padding: 2px 0px 2px 10px;
	margin: 0px;
	color: #f5f5f5;
	font-size: 90%;
	border: none;
	border-bottom: 1px solid #81886d;
	background: url(../images/design/searchtop.gif) no-repeat top left;
}


.sidesearch a {
	margin: 0px;
	padding: 0px;
	color: #A5CCF0;
	text-decoration: none;
}

.sidesearch a:hover {
	margin: 0px;
	padding: 0px;
	color: #DAE4FF;
	text-decoration: underline;
}

.sidesearch p {
	width: 280px;
	margin: 2px 0 0 0;
	color: #A5CCF0;
	font-size: 85%;
	text-align: center;
}

.formclass {
	margin: 0;
	padding: 7px 0 0 0;
	font-size: 90%;
	width: 280px;
	text-align: center;
	border: 1px solid #8c8c8c;
	border-top: none;
	border-bottom: none;
}

.sidelist {
	margin: 10px 0 0 5px;
	width: 282px;
	background: #27271a url(../images/design/soonbtm.gif) no-repeat bottom left;
}

.sidelist h3 {
	padding: 2px 0px 2px 10px;
	margin: 0px;
	color: #f5f5f5;
	font-size: 90%;
	border: none;
	border-bottom: 1px solid #81886d;
	background: url(../images/design/soontop.gif) no-repeat top left;
}


.sidelist ul {
	margin: 0;
	color: #a1a1a1;
	list-style: none;
	border: 1px solid #8b916f;
	border-top: none;
	border-bottom: none;
	padding: 5px 5px 5px 5px;
	font-size: 85%;
}

.sidelist li {
	padding-bottom: 5px;
	color: #fff;
}

.sidelist li a {
	color: #d2d40a;
	text-decoration: none;
}

.sidelist li a:hover {
	color: #f1ffcd;
	text-decoration: underline;
}


.sublist {
	font-size: 85%;
	text-align: center;
	padding: 2px;
	padding-left: 5px;
	color: #fffeae;
	border-top: 1px solid #81886d;
}

.sublist a {
	padding: 0px;
	margin: 0;
	text-decoration: none;
	color: #fffeae;
}

.sublist a:hover {
	padding: 0px;
	margin: 0;
	text-decoration: underline;
	color: #ededd9;
}

.toplistcont {
	margin: 0 5px;
}

.toplistcont h3 {
	clear: both;
	padding: 2px 0px 2px 10px;
	margin: 0px;
	color: #000;
	font-size: 90%;
	border-bottom: 1px solid #232323;
	background-color: #fff;
	background:url(../images/design/navBar_a.gif) top left no-repeat;
}

#toplist a {
	color: #232323;
	text-decoration: none;
}

#toplist a:hover {
	color: #810000;
	text-decoration: underline;
}


#toplist {
	margin-bottom: 5px;

}

#toplist ul {
	margin: 0;
	list-style: none;
	padding: 0;
	font-size: 85%;
}

#toplist li {
	padding: 2px;
	padding-left: 5px;
	color: #232323;
	background: #d1d1d1;
}

#toplist li.alt {
	padding: 2px;
	padding-left: 5px;
	background: #b7b7b7;
}

#toplist li.last {
	padding: 2px 2px 2px 5px;
	background: #b7b7b7 url(../images/design/tbbtm.gif) bottom left no-repeat;
}

#toplist li.lasta {
	padding: 2px 2px 2px 5px;
	background: #d1d1d1 url(../images/design/tbbtma.gif) bottom left no-repeat;
}


/*********************
* Footer       *
*********************/

#footer {
	clear: both;
	background: #232323;
	width: 793px;
	margin: 0px auto 0 auto;
	border-top: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
}

#footer p {
	text-align: center;
	margin: 0;
	padding: 0;
	font-size:85%;
	color: #e9e9e9;
}

#footer a {
	color: #80a2ff;
	text-decoration: none;
}

#footer a:hover {
	color: #dae4ff;
	text-decoration: underline;
}