/* Body */
body {color:#000; font:12px Arial, Helvetica, sans-serif; margin:0; padding:0; }

/* Links */
a:link, a:visited {color:#1b5d7d; font:12px Arial, Helvetica, sans-serif; }
a:hover, a:active {color:#1b5d7d; font:12px Arial, Helvetica, sans-serif; }

/* Headers */
h1 {color:#000; font:bold 24px Arial, sans-serif; margin:0; padding:0;}
h2 {color:#000; font:bold 20px Arial, sans-serif; margin:0; padding:0;}
h3 {color:#000; font:bold 18px Arial, sans-serif; margin:0; padding:0;}
h4 {color:#000; font:bold 16px Arial, sans-serif; margin:0; padding:0;}
h5 {color:#000; font:bold 14px Arial, sans-serif; margin:0; padding:0;}
h6 {color:#000; font:bold 12px Arial, sans-serif; margin:0; padding:0;}

.hd { display: none; }

/* Layout */
.main-wrapper { margin:0 auto; position:relative; width:756px; padding-left: 16px;}

.sub-wrapper {background:#fff; display:inline-block; margin:0; padding:6px 8px 0; width:756px;}
.content-wrapper {border:0px solid #17ABEB; display:inline-block; margin:0; padding:0 0 5px; width:754px;}
.content-padding {padding:5px 5px 0;}

#special-links {clear:both; padding:3px 0 5px;}
#special-links div {background-color: #2887B5; border:1px solid #599ab0; height:21px;text-align:center;}
#special-links div a:link, #special-links div a:visited {font:bold 16px Arial, Helvetica, sans-serif; text-decoration:none; color: white;}
#special-links div a:hover, #special-links div a:active {text-decoration: underline;}

#nav { background-color: #2887b5; direction:rtl; height:30px; padding-right: 0px; }
#nav ul {height:25px; list-style:none; margin:0; padding:5px 0 0; margin-right: 7px; }
#nav ul li {display:inline; height:25px; margin:0; padding:0;}
#nav ul li a:link, #nav ul li a:visited {color:white; font:bold 12px Arial, Helvetica, sans-serif; float:right; height:24px; margin:0; text-decoration:none; color: black; }
#nav ul li a:hover, #nav ul li a:active {background-color: white; color: black; height: 25px;}
#nav ul li a:link span, #nav ul li a:visited span {cursor:pointer; display:block; float:left; height:22px; padding:2px 10px 0; text-align:center; color: white; }
#nav ul li a:hover span {color: #2887B5;}
#nav ul li.current span {float:right; height:25px; margin:0;}
#nav ul li.current span span {background:white; color:#2887b5; display:block; float:left; font-weight:bold; height:23px; padding:2px 10px 0; text-align:center;}

#game-of-the-week {background:#6CF url(../images/bg_gameWeek.gif) no-repeat left top; height:240px; padding:6px 5px 8px 9px; width:730px; direction: ltr; }
#game-of-the-week div {background:white; border:1px solid #666767; direction:rtl; height:238px; float:right; width:355px; color: #1B5D7D; }
#game-of-the-week div a:link, #game-of-the-week div a:visited, #game-of-the-week div a:hover, #game-of-the-week div a:active {display:block; margin:0; padding:0; text-decoration:none; color: #1B5D7D;}
#game-of-the-week div a:link span, #game-of-the-week div a:visited span, #game-of-the-week div a:hover span, #game-of-the-week div a:active span {display:block; height:54px; padding:0 5px 3px; color: #1B5D7D;}
#game-of-the-week div a:link span strong, #game-of-the-week div a:visited span strong, #game-of-the-week div a:hover span strong, #game-of-the-week div a:active span strong {font:bold 18px Arial, Helvetica, sans-serif; color: #1B5D7D;}
#game-of-the-week ul {list-style:none; margin:0; padding:0; width:357px;}
#game-of-the-week ul li {direction:rtl; height:75px; padding:3px 0 2px 0;}
#game-of-the-week ul li a:link, #game-of-the-week ul li a:visited, #game-of-the-week ul li a:hover, #game-of-the-week ul li a:active {color:#1b5d7d; display:block; text-decoration:none;}
#game-of-the-week ul li a:link img, #game-of-the-week ul li a:visited img {border:2px solid #fff; float:right; margin-left:15px;}
#game-of-the-week ul li a:hover img, #game-of-the-week ul li a:active img {border:2px solid #039;}

.main-content {float:left; width:488px;}
.side-content {float:right; width:250px; margin-left: 6px; }

#online {background:#40C7FE url(../images/bg_specialLinks.gif) repeat-x right top; border:1px solid #03A4E9; height:21px;text-align:center; margin-bottom: 5px; color: #003399; padding-top: 4px; height: 20px; font-size: 14px; font-weight: bolder; }
#games-total {background:#40C7FE url(../images/bg_specialLinks.gif) repeat-x right top; border:1px solid #03A4E9; height:21px;text-align:center; margin-bottom: 5px; color: #003399; padding-top: 4px; height: 20px; font-size: 14px; font-weight: bolder; }

.box {direction:rtl;}
.box .top {background-color:#2887B5; height:21px; border: 1px solid #599ab0; }
.box .top div {background-color:#2887B5; color:white; font:bold 12px Arial, Helvetica, sans-serif; height:19px; margin:0; padding:2px 15px 0;}
.box .top h2 {background-color:#2887B5; color:white; font:bold 12px Arial, Helvetica, sans-serif; height:19px; margin:0; padding:2px 15px 0;}
.box .bottom {background-color:#2887B5; height:1px;}
.box .bottom div {background-color:#2887B5; height:1px;}
.box .body {border:1px solid #599ab0; border-width: 0 1px; display:inline-block;}

.box .body h3 a { color: white; text-decoration: none; font-size: 18px; display: block; height: 25px; padding-right: 10px; }

.online-games {float:right; width:488px;}
.online-games .body {padding:5px 12px 4px 0;}
.online-games .body h3 {color:white; font:bold 18px Arial, Helvetica, sans-serif; margin-bottom:10px; width: 180px; height: 25px; font-size: 18px; background: transparent url('../images/gfx_bg-titles-arrow.gif') repeat-x left top; margin-right: -12px; }
.online-games .body ul {height:180px; list-style:none; margin:0; padding:0;}
.online-games .body ul li {float:right; padding-right:18px; width:140px;}
.online-games .body ul li strong { color: #125872; display: block; line-height: 12px; height: 25px; width: 109px; }
.online-games .body ul li div {border:0px solid #335f7a; height:82px; margin:4px 0 0; width:110px;}
.online-games .body ul li div img {border:1px solid #335f7a;}
.online-games .body ul li div p {float:left; font:bold 12px Arial, Helvetica, sans-serif; margin:0; padding:0 0 0 2px; width:45px; text-align:center;}
.online-games .body ul li div p a:link, .online-games .body ul li div p a:visited {color:#000; font-weight:bold; text-decoration:underline;}
.online-games .body ul li div p a:hover, .online-games .body ul li div p a:active {text-decoration:none;}
.online-games .body ul li span { width: 110px; height: 16px; display: block; _margin-top: -3px; }
.online-games .body ul li.ad span { width: 468px; height: auto; }
.online-games .body ul li span span { float: right; border: 1px solid #1b5d7d; text-align: center; }
.online-games .body ul li span span.c_rank { border-width: 0 1px 1px 0; width: 44px; background: transparent url('../images/gfx_rank-bg-index.gif') repeat-x; font-weight: bold; color: #125872; height: 15px; padding-top: 1px; }
.online-games .body ul li span span.c_play { border-width: 0 1px 1px 1px; width: 58px; padding-left: 4px; text-align: left; font-weight: bold; }
.online-games .body .more {border-bottom:1px dotted #578cc2; clear:both; margin:0 0 10px 10px; padding:10px 5px; text-align:left;}
.online-games .body .more a:link, .online-games .body .more a:visited, .online-games .body .more a:hover, .online-games .body .more a:active {color:#125872;}
.online-games .body .all {text-align:center;}
.online-games .body .all a:link, .online-games .body .all a:visited, .online-games .body .all a:hover, .online-games .body .all a:active {color:#000; font-weight:bold;}
.online-games .body .noLine {border:none; margin-bottom:2px; padding-bottom:0;}
.online-games .body .line {padding:0;}

.game-category .body h3 { padding-right: 15px; }
.game-category .body ul { height: auto; }
.game-category .body ul li { height: 190px; }
.game-category .body ul li.ad {width: 440px; text-align: center; height: 80px; margin-right: -21px; }
.game-category .body ul li.ad span {display:block; padding-bottom: 5px;}


.surprise {margin-bottom:5px; position:relative;}
.surprise .rss {width:18px; height:17px; position:absolute; top:2px; left:2px;}
.surprise .body {padding:3px 20px 0 0; width:565px;}
.surprise .body h3 {color:#000; font:bold 16px Arial, Helvetica, sans-serif; margin-bottom:10px; text-decoration:underline;}
.surprise .body ul {list-style:none; margin:0; padding:0;}
.surprise .body ul li {float:right; padding-left:20px; width:167px; height: 155px;}
.surprise .body ul li div {border:1px solid #000; height:82px; margin:2px 0; width:163px;}
.surprise .body ul li div img {border-left:1px solid #000;}
.surprise .body ul li div p {float:left; font:bold 12px Arial, Helvetica, sans-serif; margin:0; padding:0 0 0 2px; width:45px; text-align:center;}
.surprise .body ul li div p a:link, .surprise .body ul li div p a:visited {color:#000; font-weight:bold; text-decoration:underline;}
.surprise .body ul li div p a:hover, .surprise .body ul li div p a:active {text-decoration:none;}
.surprise .body .refresh {padding:4px 0 4px 10px; text-align:left; height: 16px;}

.keywords {margin-bottom:5px;}
.keywords .body {padding:5px 0px 4px; width:248px; }
.keywords .body a { color: #2d88b7; text-decoration:none; }
.keywords .body a:hover { text-decoration:underline; }
.keywords .body .letter {background: white url('../images/gfx_bg-titles-arrow.gif') no-repeat 42px -31px; border: 1px solid #599ab0; border-width: 1px 0; margin: 10px 0; clear:both; color:#2984bb; padding:3px 19px;}
.keywords .body .pad { padding: 0 10px; }

.tags {margin-bottom:5px;}
.tags .body {padding:5px 1px 4px; }
.tags .body a { color: #003399; text-decoration:none; }
.tags .body a:hover { background-color: #003399; color: white; }
.tags .body .letter {background:#3EC6FE; clear:both; color:#039; padding:3px 14px; }
.tags .body .pad { padding: 0 10px; }

.tags .body #sort { text-align: left; margin-bottom: 7px; color: #003399; }
.tags .body #sort a:hover { background-color: white; color: #003399; text-decoration: underline; }
.tags .body #sort a.current { text-decoration: underline; font-weight: bolder; }

.forums { margin: 10px 0; }
.forums .body { width: 248px; }
.forums .body div { padding: 10px; }
.forums .body div ul { list-style:none; }
.forums .body div ul li { margin: 4px 0; }
.forums .body div ul li a { text-decoration: none; font-size: 14px; }
.forums .body div ul li a:hover { text-decoration: underline; }

.meme {margin-bottom:5px;}
.meme .body {padding:5px 1px 0;  width:386px;}
.meme .body ul {list-style:none; margin:0; padding:0 18px 0 0;}
.meme .body ul li {float:right; height:150px; margin-bottom:10px; padding-left:20px; width:162px;}
.meme .body ul li a:link, .meme .body ul li a:visited, .meme .body ul li a:hover, .meme .body ul li a:active {background-repeat:no-repeat; background-position:center center; border:1px solid #666; display:block; height:64px; margin:5px 0; padding:13px 0 0; width:128px; text-align:center;}

.paging {text-align: center; font-size: 14px; margin-top: -10px; padding-bottom: 10px; color: #3B93BB; margin-right: -15px; }
.paging a {text-decoration: underline ; color:#3B93BB;}
.paging a:hover {color:#3B93BB;}

#top-banner {height:68px; left:0; padding:7px; position:absolute; width:964px; top:0; text-align:center;}
#top-banner div {background:#fff; border:1px solid #000; height:60px; margin:0 auto; padding:3px; width:683px;}

/* Layout - Misc */
.clear {clear:both; height:0;}

#ad-box250 { margin-bottom: 5px; }

#error404 { margin: 0 auto 25px; width: 474px; text-align: center; color: #003399; }
#error404 h3 { text-align: center; color: #003399; }
#error404 h3 strong { text-decoration: underline; }
#error404 a { }
#error404 a:hover { text-decoration: none; }

#vgames-credit { text-align: right; border: 1px solid #17ABEB; margin-bottom: 5px; }
#vgames-credit span { display: block; margin-bottom: -15px; }
#vgames-credit h2 { font-size: 12px; text-align: center; }
#vgames-credit h2 img { display: block; width: 98px; height: 64px; margin: 0 auto; }
#vgames-credit h2 strong { font-size: 12px; }
#vgames-credit a { color: black; text-decoration: none; font-weight: bold; }