/* Basics */
body{background-color:#fff;margin:0;padding:0;color:#000;font-family:Verdana,sans-serif;min-width:320px;}
h1,h2,h3,h4,h5,h6{font-family:'Segoe UI',sans-serif;}
#content{padding:0 1rem;font-size:120%;max-width:1200px;margin:auto;}
a:link{color:#00f;text-decoration:underline;}
a:visited{color:#505abc;}
a:hover{color:#1d60ff;text-decoration: none;}
a:active{color:#12eb87;}
img{border:none;vertical-align:middle;max-width:100%;}
#header{margin:0;padding:0;border-bottom:solid 1px #000;background:linear-gradient(0deg, #ddd, #fff);}
#main{margin-bottom:30px;}
footer{clear:both;color:#ccc;padding:1rem;text-align:center;margin:2rem 0 0 0;font-size:.9em;background-color:#800;}
footer a:visited, footer a:link {color:#fff;}
#leaderboardad{display:none;}
#mobilebanner{display:inline-block;}
#logo{height:64px;padding:5px;}
.social-media{font-size:32px;}

/* Menu */
#menuicon {width:32px;height:32px;cursor:pointer;padding:21px;border-right:solid 1px #000;}
ul#menu {display:none;margin:0;padding:0;list-style:none;width:100%;height:100%;position:absolute;top:0;left:0;z-index:9999;background-color:#000;}
ul#menu li a {text-decoration:none;padding:11px;display:block;color:#fff;font-weight:bold;background-color:#000;}
ul#menu li a:visited {color:#fff;}
ul#menu li a:hover, .menu_simple ul li .current {color:#fff;background-color:#800;}
#menucloseicon {width:64px;height:64px;cursor:pointer;float:right;}

/* Identity */
#logon {display:inline;float:right;}
#logon ul {display:none;}
ul#logonmenu, ul#usermenu {display:none;margin:0;padding:0;list-style:none;width:100%;height:100%;position:absolute;top:0;right:0;z-index:9999;background-color:#000;}
ul#logonmenu li a , ul#usermenu li a {text-align:right;text-decoration:none;padding:11px;display:block;color:#fff;font-weight:bold;background-color:#000;}
ul#logonmenu li a:visited , ul#usermenu li a:visited {color:white;}
ul#logonmenu li a:hover , ul#usermenu li a:hover {color:white;background-color:#800;}

/* Search */
#searchicon {float:right;width:32px;height:32px;cursor:pointer;padding:21px;border-left:solid 1px #000;}
#searchbar{margin:4px 0px 4px 0px;display:none;float:right;}
#searchtext {display:inline;width:200px;}
#searchsubmit {display:inline;}

/* FORM LAYOUT ELEMENTS */
fieldset{margin:1em 0;border:solid 1px #CCC;}
label {display: block;}
legend {font-size: 1.4em;font-weight:bold;}
input[type="submit"]:hover {cursor:pointer;}
input[type="text"] {width:200px;}
input[type="password"] {width:200px;}
textarea#Body{width:100%;height:400px;}
textarea#Summary{width:100%;height:60px;}
textarea.description{width:100%;height:60px;}
#postBodyTextArea{width:100%;height:80px;}

/* TABLE */
table {border:solid 1px #c0c0c0;border-collapse:collapse;}
table td {padding: 5px;border:solid 1px #c0c0c0;}
table.gsc-search-box td {border:none !important;}
table th {padding:6px 5px;text-align:left;background-color:#e8eef4;border:solid 1px #c0c0c0;}
.noBorderTable{border:none;border-collapse:collapse;}
.noBorderTable td {border:none;padding: 5px;}

/* Badges */
.BadgeName{margin:0px 0px 0px 0px; padding:2px; background-color:#fc0; text-align:center;}
.BadgeName a {color:#000; text-decoration:none;}
.BadgeSecLevel{background-color:#fc0; width:100%; margin:0px; text-align:center; font-weight:bold;}
.BadgeBox{height:225px; width:30%; margin-right:2px; display:inline-block;}
.BadgeBorder{padding:0px; margin:0px; border: 1px solid #000; background-color:#fff;}

/* Graphical Story Summary */
.storySummaryItemG {padding: 0; display: block; background-repeat: no-repeat; background-size: cover; aspect-ratio: 16 / 9;}
.storySummaryItemG > div.inner {padding: 10px; position:relative;aspect-ratio: 16 / 9;}
div.innerText{position:absolute;bottom:0;padding:10px;right:0}
.innerText > h3 > a {color: #fff;text-shadow: 2px 2px 5px #000; text-decoration:none;}
.innerText > h3 > a:hover{text-decoration:underline;}
.innerText > p { text-align: right; margin:0; color:#eee; }

/* Catalog */
.catalogSummary{margin: 5px 0px 5px 0px;}
.catalogByLine{margin: 0px 0px 5px 0px;}
.catalogDivider{float:left;padding:4px;width:100%;}
.catalogTitle{margin-bottom:5px;}
.editorsChoiceBanner{background-color:#FC0; width:100%; border:solid 1px #FC0; margin-left:-4px; margin-bottom:5px;}
.catTd{vertical-align:bottom;width:33%}
.gameName {position: absolute;bottom: 0;font-size: 1.5rem;color: #fff;text-shadow: 2px 2px #000;padding: 5px;font-weight:bold;}
.gameName > a {color: #fff;text-decoration: none;}
.gameName > a:hover {text-decoration:underline;}

/* Ad Boxes */
.colBoxWrapper{display:block;}
.colBox{border:2px solid #800; margin:1rem 1px; padding:0;width:100%;}
.colBoxH{background-color:#fc0; font-weight:bold; padding:0.5rem 2px; text-align:center; font-family:'Segoe UI',sans-serif;}

/* Comments */
.threadPostItem{border: outset 1px #c0c0c0;padding:5px;margin-bottom: 10px;color:#000;}
.threadPostHeader{color:#666;text-align:right;}

/* MISC */
.clear{clear:both;}
.zero{margin:0;padding:0;}
.inline {display: inline;}
.right{float:right;}
.left{float:left;}
.error{color:Red;}
.center{text-align:center;}
.center-title{text-align:center;border-bottom:1px solid #000;border-top:1px solid #000;padding:0.25em 0.5em;margin:1rem 0;}
.swiper-button-next, .swiper-button-prev{color:#fff!important;}
.field-validation-error{color:Red;}
.input-validation-error{border: 1px solid #f00;background-color: #fee;}
.validation-summary-errors{font-weight: bold;color: #f00;}
.storyTitle{border-bottom:solid 1px #800; margin:0;}
a.tooltip {text-decoration:none;}
a.tooltip span {display:none; padding:2px 3px; margin-left:8px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffff99; border:1px solid #00f; color:#000;}
a.button{background-color:#CCC; color:#000; border-style:outset; border-width:1px; padding:0.5em 1em; font-weight:bold; text-decoration:none; line-height:3em;}
a.paginationLink{border:solid 1px #800; padding:4px 10px; text-decoration:none; line-height:2em; color:#800;}
.currentPage{border:solid 1px #800;padding:4px 10px;text-decoration:none;color:#fff;background-color:#800;}
a.currentPage {color:#fff;}
ul.userPostsList{margin-left:-30px;}
ul.userPostsList li{list-style:none;border-bottom:dotted 1px #c0c0c0;}
.featuredItem{display:inline-block; text-align:center; padding:0px 0px 0px 0px; background-color:#fff;border:1px solid #000; min-width:300px; margin-bottom:15px;}
.featuredItem p {margin:0px;}
.featuredItem #catalogLinks {background-color:#000; color:#fff; font-weight:bold;}
.featuredItem #catalogLinks a {color:#fff;}
.featuredTitle{font-weight:bold; margin:0px 0px 0px 0px; background-color:#fc0; padding:4px;border-bottom:1px solid #000;}
.featuredTitle a {color:#000; text-decoration:none;}
.featuredTitle a:hover {color:#000; text-decoration:underline;}
.ratingBox{border:1px solid #fc0; background-color:#fc0; padding:4px; margin:4px; float:left; text-align:center;}
.UserListBox{border:solid 1px #000;float:left;padding:0px 0px 0px 0px;margin:2px;width:235px;}
.sortLinkOn{color:#000 !important;text-decoration:none;font-weight:bold;}
.listbody { display: none; }
.awardBox{background-color:#fc0;float:left;font-weight:bold;font-size:1.1em;text-align:center;padding:5px 5px 5px 5px;margin: 5px 5px 5px 5px;border:solid 1px #000;}
.awardBox a {text-decoration:none;color:#000;}
#AmznIframeFooter { display: none; }
#comingsoonlist { width: 100%; }

/* ----- Responsive additions ----- */
/* 3-wide cols*/
.col-xs-3rds,
.col-sm-3rds,
.col-md-3rds,
.col-lg-3rds { position: relative; min-height: 1px; padding: 0; width: 100%; margin: 0; }

/* 5-wide cols */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths { position: relative; min-height: 1px; padding: 0; width: 100%; margin:0; }

@media (min-width: 576px) {
    .col-xs-3rds { width: 33.333333%; float: left;}
    .col-xs-5ths { width: 20%; float: left; }
}

@media (min-width: 768px) {
    .col-sm-3rds { width: 33.333333%; float: left;}
    .col-sm-5ths { width: 20%; float: left; }
}

@media (min-width: 992px) {
    .col-md-3rds { width: 33.333333%; float: left;}
    .col-md-5ths { width: 20%; float: left; }
}

@media (min-width: 1200px) {
    .col-lg-3rds { width: 33.333333%; float: left;}
    .col-lg-5ths { width: 20%; float: left; }
}

/* Large Tablet */
@media screen and (min-width:768px) {
    #AmznIframeFooter { display: block;width:732px;height:94px;margin:auto;text-align:center; }
    #searchbar { display: block;width:300px; }
    #searchicon { display: none; }
}

/* Full */
@media screen and (min-width:970px) {
    #leaderboardad {text-align:center; display:inline-block; margin:0 0 2px 0;width:728px;height:90px;}
    #mobilebanner {display: none;}
    .listbody {display: block; margin-left:108px;}
    #menuicon, #menucloseicon { display: none; }
    ul#menu {display:inline;float:none; position:relative;background:none;}
    ul#menu li{display:inline;}
    ul#menu li a{padding:4px 5px;text-decoration:none;line-height:2.0em;color:#800;display:inline-block;background:none;font-size:120%;}
    ul#menu li a:visited {color: #800;background:none;}
    ul#menu li a:hover{color:#800;text-decoration:underline;background:none;}
    /* Ad Boxes */
    .colBoxWrapper{display:flex;justify-content:space-evenly;flex-flow: row wrap;}
    .colBox{width:24%;}
}