html, body{ margin:0; background:url("images/gplaypattern.png?v=6"); font-family:Verdana; }
a, img{ border:0; text-decoration:none; }
p{ margin:5px 0; padding:0; }
h3{ margin:10px 0 5px 0; font-size:12pt; color:#4A8BC5; }
h2.pageTitle{ margin:0; color:#4a8BC6; text-align:center; margin-bottom:10px; }
div#container{ width:1000px; margin:0 auto; }
header{ margin:0; }
header h1.logo{ display:inline-block; vertical-align:top; margin-left:0; margin-top:0; margin-bottom:0; }
header div.topBanner{ display:inline-block; margin: 5px 0 5px 5px; height:90px; vertical-align:top; }
header h1.logo img{ margin-top:5px; }

section#main{ margin-top:5px; }
section#leftBody{ position:relative; vertical-align:top; display:inline-block; width:665px; border:1px solid #FFF; background:url("images/gplaypattern_inner.png") #FBE8F7; border-radius:3px; padding:10px; box-shadow:0 0 1px 0 #666; }

/* Games overview */
section#leftBody img.corner_crown{ position:absolute; left:0; top:0; margin-left:-15px; margin-top:-23px; }
section#leftBody div.gameContainer{ margin-left:1px; }
section#leftBody div.sepGame{ position:relative; ertical-align:top; display:inline-block; margin-bottom:5px; margin-right:9px; }
section#leftBody div.sepGame a.gfsDownload{ text-align:center; background:#4C8FCC; padding:3px; color:#FFF; font-weight:bold; border:1px solid #FFF; box-shadow:0 0 1px 2px #EEE; margin-top:5px; width:100px; margin-left:10px; margin-bottom:10px; }
section#leftBody div.sepGame a.gfsDownload:hover{ color:#EEF; }
section#leftBody div.gameContainer div.sepGame:nth-child(5n){ margin-right:0; }
section#leftBody div.gameContainer div.sepGamep1:first-of-type{ margin-right:4px; }
section#leftBody div.gameContainer div.sepGamep1:nth-child(5n){ margin-right:9px; }
section#leftBody div.gameContainer div.sepGamep1:nth-child(5n+1){ margin-right:0; }
section#leftBody div.relatedGames div.sepGame:nth-child(6n){ margin-right:0; }
section#leftBody div.sepGame img{ width:125px; height:90px; transition:0.3s; box-shadow:0 0 3px 1px #CCC; border:1px solid #FFF; border-radius:3px; }
section#leftBody div.sepGame div.infoBox{ background:#FFF; padding:5px; opacity:0; position:absolute; top:0; z-index:1000; transition:0.2s; height:82px; width:117px; border-radius:3px; }
section#leftBody div.sepGame h3{ color:#A421A5; font-weight:bold; margin:1px 1px 0 0 !important; font-size:8pt !important; text-overflow:ellipsis; overflow:hidden; width:120px; white-space:nowrap; }
section#leftBody div.sepGame p { font-size:8pt; margin:0; padding:0; }
section#leftBody div.sepGame:hover div.infoBox{ display:block; opacity:0.8; }
section#leftBody div.sepGame a{ color:#666; display:block; width:125px; }
section#leftBody div.sepGame a:hover{ color:#333; }
section#leftBody div.sepGame a:hover > img{ border:1px solid #C78CC8; }

/* View game - game page */
section#leftBody div.gameInfoHead{ margin-bottom:10px; }

section#leftBody div.gameInfoHead div.topSection{ position:relative; display:block; text-align:center; }
section#leftBody div.gameInfoHead div.topSection span.playingText{ display:inline-block; font-size:16pt; color:#4A8AC4; margin-right:10px; font-weight:bold; }
section#leftBody div.gameInfoHead div.topSection h2.gameTitle{ display:inline-block; margin:0; color:#D378C3; font-size:16pt; }

section#leftBody div.gameInfoHead div.topSection a.report{ position:absolute; top:0; right:0; color:red; font-size:8pt; }

section#leftBody div.gameInfoHead div.topSection div.adminOptions{ position:absolute; top:18px; right:0; font-size:8pt; }
section#leftBody div.gameInfoHead div.topSection div.adminOptions a{ color:#0F9D58; display:inline-block; margin-right:10px; text-align:right; }
section#leftBody div.gameInfoHead div.topSection div.adminOptions a:last-of-type{ margin-right:0; }

section#leftBody div.gameInfoHead div.socialBar{ border:1px solid #FFF; background:url("images/60_trans.png"); border-radius:3px; box-shadow:0 0 1px 0 #888; height:30px; margin-top:10px; margin-bottom:10px; padding:3px; }
section#leftBody div.gameInfoHead div.socialBar input{ float:right; margin:4px; width:250px; color:#888; font-family:verdana; height:17px; font-size:8pt; }
section#leftBody div.gameInfoHead div.socialBar img{ margin:4px; }

section#leftBody div.gameInfo{ margin:5px; }
section#leftBody div.flashGameContainer{ overflow:hidden; font-size:0; }
section#leftBody div.flashGameContainer embed{ z-index:1000; }
section#leftBody div.flashGameContainer iframe{ z-index:1000; border:0; }

section#leftBody div.gameInfo div.tagContainer{ display:inline-block; font-size:8pt; color:#222; width:70%; vertical-align:top; }
section#leftBody div.gameInfo div.tagContainer span.tags{ font-weight:bold; margin-right:5px; }
section#leftBody div.gameInfo div.tagContainer span.tagList a.tagLink{ color:#0067B2; }
section#leftBody div.gameInfo div.tagContainer span.tagList a.tagLink:hover{ color:#0044A0; }
section#leftBody div.playAmount{ display:inline-block; width:25%; float:right; text-align:right; font-size:8pt; color:#333; }

section#leftBody div.gameRating{ margin-top:5px; background:url("images/60_trans.png"); padding:10px; text-align:center; border:1px solid #FFF; border-radius:3px; box-shadow:0 0 1px 0 #888; }
section#leftBody div.gameRating span.rate{ color:#4A8CC8; font-weight:bold; margin-right:10px; }
section#leftBody div.gameRating a.positive{ margin-right:10px; color:green; }
section#leftBody div.gameRating a.negative{ color:red; }
section#leftBody div.gameRating a{ cursor:pointer; }

section#leftBody div.gameInfoUnder { margin-top:10px; border:1px solid #FFF; border-radius:3px; box-shadow:0 0 1px 0 #888; background:url("images/60_trans.png"); }
section#leftBody div.gameInfoUnder img.thumbnail{ height:135px; width:180px; display:inline-block; vertical-align:middle; border-radius:3px; margin-left:5px; margin-top:5px; margin-bottom:5px; }
section#leftBody div.gameInfoUnder div.infoContainer{ display:inline-block; vertical-align:middle; overflow:hidden; margin-left:20px; width:450px; padding-bottom:10px; }
section#leftBody div.gameInfoUnder h3.smallTitle{ color:#4989CA; font-size:10pt; margin:0; display:block; line-height:1.5; margin-bottom:5px; }
section#leftBody div.gameInfoUnder p.description{ display:block; font-size:8pt; color:#333; margin:0 5px; }

section#leftBody div.iframeLink textarea.websiteLink{ border:1px solid #FFF; border-radius:3px; box-shadow:0 0 1px 0 #888; width:100%; height:70px; color:#333; }


section#leftBody nav.pageNumbers ul.pageNum{ list-style-type:none; margin:0; padding:0; margin-bottom:10px; text-align:center; }
section#leftBody nav.pageNumbers ul.pageNum li{ display:inline-block; color:#555; }
section#leftBody nav.pageNumbers ul.pageNum li a{ color:#4889C4; }
section#leftBody nav.pageNumbers ul.pageNum li a.current{ color:#2C5671; font-weight:bold; border-bottom:1px dashed #000; }

section#rightBody{ width:300px; vertical-align:top; display:inline-block; margin-left:10px; background:url("images/gplaypattern_inner.png") #FBE8F7; border:1px solid #FFF; border-radius:3px; box-shadow:0 0 1px 0 #666; }
section#rightBody div.socialContainer{ height:25px; width:300px; overflow:hidden; margin:2px 0 0 0; text-align:center; display:block; }
section#rightBody div.socialContainer img.diamond{ float:left; margin:3px 5px; }
section#rightBody div.socialContainer img.diamond_2{ float:right; margin:3px 5px; }

section#rightBody div.squareBox{ width:300px; background:#FBE8F7; margin-bottom:5px; letter-spacing:0; overflow:hidden; }
section#rightBody div.squareBox:last-of-type{ margin-bottom:0; }
section#rightBody div.squareBox h2.boxTitle{ display:block; margin:0; font-size:10pt; padding:4px 25px 5px 25px; font-weight:normal; }
section#rightBody div.squareBox h2.tags{ background:url("images/tag_pink.png") no-repeat 5px center #FAEFF8; color:#D378B4; border-bottom:1px dashed #D378B4; }

section#rightBody div.squareBox ul.boxContent{ font-size:8pt; list-style-type:none; margin:0; padding:0; margin-top:5px; margin-bottom:5px; }
section#rightBody div.squareBox ul.boxContent li{ display:block; font-size:10pt; }
section#rightBody div.squareBox ul.boxContent li a{ display:block; width:290px; height:30px; color:#444; background-color:#FFF; border-radius:3px; margin-left:5px; margin-bottom:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.1; }
section#rightBody div.squareBox ul.tags li a div.category_image{ width:inherit; height:inherit; position:relative; text-align:center; }
section#rightBody div.squareBox ul.tags li a div.category_image div.hoverDarken{ opacity:0; transition:0.2s; display:block; background:#CAA; position:absolute; left:0; top:0; width:290px; height:30px; }
section#rightBody div.squareBox ul.tags li a div.category_image span.hoverText{ position:absolute; left:50%; top:0; width:300px; margin-left:-150px; display:block; z-index:1000; color:#FFF; opacity:0; transition:0.2s; margin-top:4px; font-size:14pt; }
section#rightBody div.squareBox ul.tags li:hover a div.category_image div.hoverDarken{ opacity:0.8; }
section#rightBody div.squareBox ul.tags li:hover a div.category_image span.hoverText{ opacity:1; }
section#rightBody div.squareBox ul.latest li a:hover{ background-color:#FBF5F5 !important; }
section#rightBody div.squareBox ul.latest li a{ padding-left:5px; padding-right:5px; width:133px; font-size:8pt; }

footer{ background:url("images/gplaypattern_inner.png") #FBE8F7; margin:0; margin-top:10px; border:1px solid #FFF; box-shadow:0 0 1px 0 #888; font-size:8pt; border-radius:3px; }
footer ul.footLinks{ vertical-align:top; list-style-type:none; width:200px; display:inline-block; padding:0; margin-left:50px; margin-right:100px; }
footer ul.partnerLinks{ vertical-align:top; list-style-type:none; width:200px; display:inline-block; padding:0; }
footer ul{ margin-bottom:0; }
footer ul a{ font-size:10pt; color:#404952; }
footer ul a:hover{ text-decoration:underline; }
footer p.footNotice{ font-size:8pt; margin:0; margin-top:10px; color:#333; display:block; padding:10px; text-align:center; }
footer p.footNotice a{ color:#333; }
footer p.footNotice a:hover{ text-decoration:underline; }
