/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : A Random Game.com Stylesheet
Author : Darren Lynch / darren.lynch@mediarock.co.uk / Mediarock Ltd

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#404040; color:#ffffff; text-align:center; }
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }
body { height: 100%;}
html { height: 100%;}

/* ----- IDS ----- */
#outterContainer { min-height: 100%;}
#container { width:950px; margin:0 auto; text-align:left; font-size:110%; }  
#container .padding { padding:10px 0px 20px 0px;}
#headerBg { width:100%; height:119px; background:url(../images/layup/bg.gif) top left repeat; border-bottom:1px solid #999999;} 
#header { width:950px; height:119px; margin:0 auto; position:relative;}
#header #chooseCategory { position:absolute; top:45px; left:15px;}
#header #logo { position:absolute; top:16px; left:250px;}
#header #topNav { position:absolute; top:94px; left:10px;}
#header #topNav ul { margin:0; padding:0; list-style:none;}
#header #topNav li { display:block; float:left; margin-right:10px;}
#header #topNav a { color:#FFFFFF; text-transform:uppercadse; text-decoration:none; font-size:130%; display:block; float:left; background:#404040; padding:2px 10px;}
#header #topNav a:hover { background:#565656; color:#ffcc00;}
#header #topNav .active a { background:#565656; color:#ffcc00;}
#header #gbn { width:100px; height:100px; position:absolute; top:10px; left:840px;}

/* ----- ADVERTS ----- */
#leftAdvert { float:left; width:120px; height:650px; display:block;}
#rightAdvert {  float:left; width:120px; height:650px; display:block;}

/* ----- GAME AREA ----- */
#gameArea { float:left; width:710px;}
#gameArea .padding { padding: 0 5px;}
#gameArea #gameTitle { width:700px; font-size:130%; font-weight:bold; text-align:center; background:url(../images/layup/bg.gif) top left repeat; margin-bottom:5px; color:#ffcc00; position:relative;}
#gameArea #gameTitle .padding { padding:3px 20px;}
#gameArea #gameTitle #addThis { position:absolute; top:7px; left:570px; width:125px; height:16px; z-index:0; font-size:10px;}
#gameArea #game { background:url(../images/layup/bg.gif) top left repeat; margin-bottom:5px; padding:10px 0px;}
#gameArea #game #bookmarkShare { text-align:center; padding-top:10px; line-height:20px;}
#gameArea #game #bookmarkShare input { width:280px; border:none; background:#FFFFFF; padding:1px 3px;}
#gameArea #gameDetails { background:url(../images/layup/bg.gif) top left repeat;}
#gameArea #gameDetails .padding { padding:10px;}
#gameArea #gameDetails #left { float:left; width:536px; line-height:140%;}
#gameArea #gameDetails #left span { color:#ffcc00; font-weight:bold;}
#gameArea #gameDetails #left #description { background:#404040; padding:8px 8px; margin-bottom:10px;}
#gameArea #gameDetails #left #instructions { background:#404040; padding:8px 8px;}
#gameArea #gameDetails #right { float:left; width:134px; margin-left:10px}
#gameArea #gameDetails #right #playAnotherGame { display:block; background:url(../images/layup/btnPlayAgain.gif) 0px -103px no-repeat; width:134px; height:103px;}
#gameArea #gameDetails #right #playAnotherGame:hover { background:url(../images/layup/btnPlayAgain.gif) 0px 0px no-repeat; }

/* ----- OTHER GAMES ----- */
#otherGames { background:url(../images/layup/bg.gif) top left repeat; width:950px; height:115px; margin:0 0 5px 0; position:relative;}
#otherGamesTitle { position:absolute; top:4px; left:405px; font-size:100%; font-weight:bold; color:#ffcc00; line-height:20px;}
#otherGames .padding { padding:30px 0 10px 19px;}
#otherGames .thumb { width:72px; height:72px; border:1px solid #ffffff; float:left; display:inline; margin-right:19px;}

/* ----- ADMIN AREA ----- */
#adminArea { }
#adminArea .padding { padding: 0 5px 20px 5px; margin-bottom:20px;}
#adminArea #pageTitle { font-size:140%; text-align:center; background:url(../images/layup/bg.gif) top left repeat; margin-bottom:10px; color:#ffcc00;}
#adminArea #pageTitle .padding { padding:3px 20px;}
.adminButtons { position:relative; left:15px; top:0px; width:70px; height:20px; display:block; outline:none;}
#adminForm select { width:200px; float:left;}
#adminForm div { clear:both; padding-bottom:10px;}
#adminForm .noFloat { float:none;}

/* ----- CONTENT ----- */
#content { background:url(../images/layup/bg.gif) top left repeat;}
#content .padding { padding:15px 20px;} 

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;}

/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0; padding:0;}
#sitemap li { display:inline; float:left; text-align:left; width:220px;}
#sitemap a { text-decoration:none;}
#sitemap a:hover { color:#ffcc00;}

/* ----- FOOTER ----- */
#footer { height:75px; position:relative; margin-top:-76px; width:100%; text-align:center; background:url(../images/layup/bg.gif) top left repeat; font-weight:bold;  border-top:1px solid #999999;}
#footer .padding { padding:11px 20px;}
#footer span { color:#ffcc00; padding:0 15px;}
#footer a { font-weight:normal; text-decoration:none; color:#ffcc00; }
#footer a:hover { text-decoration:underline;}
#footerClear { height:75px; clear:both;}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 15px 0; margin:0; }
address { font-style:normal;}

/* ----- LINKS ----- */
a { color:#ffffff; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
input, textarea { width:200px; font-size:11px !important; background:#FFFFFF !important; color:#000000 !important;}
.required { color:#ffcc00;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#submit { width:70px; height:20px; border:none;}

/* ----- FORM VALIDATION ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #404040; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #404040; color : #FFF; font-weight: bold; }

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }