body {
background: #101D47; 
	border: 0;
	margin: 0; 
	padding: 0; 
}
h4{
margin: 0;
padding: 0;
}
#submitArt p{
	padding: 0 5px;
}
.hideDesk, .border25{
	display: none;
}
.cc_container{
background: #2A347D!important;
}
.cc_container a{
color: #ff9900!important;
}
.cc_container .cc_btn{
color: #ffffff!important;
background-color: #ff9900!important;
}
.mePic{
    float: left;
    border-radius: 5px;
    width: 90px;
    box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.65);
    height: 90px;
    background-image: url('../images/backgrounds/emily.png');
    background-size: cover;
    margin: 0 10px 0 0;
}


.gsc-control-cse{
background: transparent!important;
border:none!important;
height: 30px!important;
clear:none!important;
}
.gsc-results-wrapper-overlay
{
	background: rgb(3, 16, 51)!important;
	border-radius: 8px!important;  
	box-shadow: 0px 0px 5px 0px #000!important;
	-o-box-shadow: 0px 0px 5px 0px #000!important;
	-webkit-box-shadow: 0px 0px 5px 0px #000!important;
	-moz-box-shadow: 0px 0px 5px 0px #000!important;
}
.gsc-result-info, td.gsc-branding-text, td.gcsc-branding-text, .gsc-orderby-label{
color: white!important;
}
.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult{
border: none!important;
margin: 10px 0!important;
}


a{
	color: #ff9900;
	text-decoration: none;
}
a img{
	border: 0;
}
h1{
	color: #ff9900;
	text-shadow: 0px 0px 5px #000000;
}
.slideshow{
	background: rgb(3, 16, 51)!important;
	box-shadow: 0px 0px 5px 0px #000!important;
	-o-box-shadow: 0px 0px 5px 0px #000!important;
	-webkit-box-shadow: 0px 0px 5px 0px #000!important;
	-moz-box-shadow: 0px 0px 5px 0px #000!important;
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 3;
	overflow: hidden;
	height: auto;
	float: left;
	margin: 0;
}
.slideLink{
	display: block;
	height: 450px;
	position: absolute;
	width: 100%;
	z-index: 10;
}
.loadingBar{
	width: 0%;
	background: #ff9900;
	height: 3px;
	position: absolute;
	z-index: 3;
	bottom: 0px;
}
.slides{
	width: 100%;
	height: 450px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	position: relative;
}
.slide{
	background-position: 50%;
	background-size: cover;
	width: 100%;
	height: 450px;
	position: absolute;
	margin: 0;
	padding: 0;
	overflow: hidden;
	z-index: 1;
}
.slideSubTitle{
	position: absolute;
	left: -400px;
	padding: 15px 20px;
	background-image: url('../images/backgrounds/blackTrans.png');
	color: #ff9900;
	font-size: 110%;
	text-shadow: 0px 0px 5px #000000;
	font-family: 'Ribeye', Verdana, cursive; 
	font-weight: bold;
}
.slideTitle4, .slideTitle5, .slideTitle6, .slideTitle7{
	margin-top: 396px;
}
.slideBtnContainer{
	width: 100%;
	overflow: hidden;
}
.slideBtns{
	width: 75px;
	height: 15px;
	padding: 3px 0;
	margin: 0 auto;
}
.slideBtn{
	width: 15px;
	height: 15px;
	border-radius: 10px;
	background-color: black;
	margin: 0 5px;
	float: left;
}
.thirdCont{
	float: left;
	width: 33%;
}
#banner{
	background: url('../images/backgrounds/newbanner.WEBP');
	background-repeat: no-repeat;
	background-position: 50% 175px;
	height: 300px;
	margin: 0 auto;
	padding-top: 300px;
	width: 100%;
		max-width: 2500px;
}
#bannercontainer{
	background: none;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(8, 41, 95,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(8, 41, 95,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(8, 41, 95,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(8, 41, 95,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(8, 41, 95,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(8, 41, 95,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#07214a',GradientType=0 );
	border: 0;
	border-bottom: 1px dashed #ff9900;
	height: 475px; 
	margin: 0 auto; 
	padding: 0;
	width: 100%;
}

#mobMenu, #longerBanner4{
	display: none;
}
#menucontainer{
	height: 95px;
}
.navmenu{
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.65);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.65);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.65);
	height: 85px;
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
.navmenu li{
	color: #ff9900;
	cursor: pointer;
    display: block;
	float: left;
    font-family: 'Ribeye', Verdana, cursive; 
    font-size: 100%;
	height: 50px;
    line-height: 1.6;
    margin: 0;
	padding: 10px 0.5% 0;
	text-align: center;
	width: 9%;
}
.navmenu li ul{
	background-image: url(../images/backgrounds/diamondPattern.png);
	background-color: #101D47;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(255, 153, 4, 0.65);
    -moz-box-shadow: 0px 0px 5px 0px rgba(255, 153, 4, 0.65);
    box-shadow: 0px 0px 5px 0px rgba(255, 153, 4, 0.65);
	display: none;
	left: 0;
	margin: 0;
	padding: 0 0 5px 0;
	position: absolute;
	width: 100%;
	z-index: 9999;
}
.navmenu li ol{
	float: left;
	list-style-type: none;
	padding: 0 0.5% 0;
	width: 19%;
}
.navmenu li p{
    clear: both;
    float: left;
	font-family: 'Ribeye', Verdana, cursive; 
	font-size: 110%;
    margin: 10px 0 0;
	width: 100%;
}
.splitNavSct{
	float: left;
}
.hideNav{
	display: none!important;
}
/*.navmenu li:hover .mainOl, .navmenu li:hover ul{
	display: block;
}*/
.subList{
	font-size: 100%!important;
	line-height: 2.2;
	padding: 5px 0.5% 0;
}
.navmenu li ol li{
	color: #ff9900;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	float: left;
	font-size: 85%;
	height: auto;
	padding: 0;
	text-align: left;
	width: 100%;
}
.navmenu li ol li a{
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 120%;
	height: auto;
		min-height: 25px;
	margin: 0;
	line-height: 1.5;
}
.navmenu li ol li ol{
	background-image: url(../images/backgrounds/diamondPattern.png);
	background-color: #031b46;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(255, 153, 4, 0.65);
    -moz-box-shadow: 0px 0px 5px 0px rgba(255, 153, 4, 0.65);
    box-shadow: 0px 0px 5px 0px rgba(255, 153, 4, 0.65);
	display: none;
	margin: 0;
	position: absolute;
	width: auto;
	max-width: 15%;
}
.navmenu li ol li:hover ol li a{
	font-size: 120%;
}
.navmenu li:hover, .navmenu a:hover{
	color: white;
}
.subNavOl{
	box-shadow: none!important;
	max-width: 32%!important;
	position: relative!important;
}
.subNavOls{
	box-shadow: none!important;
	max-width: 49%!important;
	position: relative!important;
}
/* Firefox only. 1+ */
#veinticuatro,  x:-moz-any-link  {
	#menucontainer ul ul{
		margin-top: 0px;
	}
}
/* Firefox 3.0+ */
#veinticinco,  x:-moz-any-link, x:default  {
	#menucontainer ul ul{
		margin-top: 0px;
	}
}

#randomGen, #comicLink, #searchField, #navSearch{
	background-color: transparent;
	border: none;
	color: #ff9900;
	cursor:pointer;
	font-size: 110%;
	height: 40px;
	margin: 0;
	padding: 4px 0 0;
	width: 100%;
	text-shadow: 0px 0px 5px #000000;
}
#navContainer{
	background-color: #101D47;
	height: 85px;
	margin-top: -300px;
}
#navSearch{
	margin: 20px auto 0;
	padding: 0;
	position: relative;
	text-align: center;
	width: 250px;
	z-index: 999;
}
#navSearch .gsc-search-button input{
	color: #ff9900;
	padding: 6px 15px;
}
#navSearch .gsc-search-button{
    background-color: #0c1f4e;
}
#navSearch .gsc-control-cse{
	background-color: transparent!important;
	border: none!important;
	padding: 0;
}
#comicLink{
	font-family: verdana;
	text-align: center;
	font-size: 111%;
	margin: 10px 0 -10px;
}
#shareBtns{
	margin: 25px 0 0 0;
	padding: 4px 0 0;
	text-align: center;
	width: 100%;
}
#shareBtns h2, #shareGen p{
	color: #FF9900;
	font-family:'Ribeye', cursive;
	font-size: 115%;
	font-weight: bold;
	line-height: 0px;
	margin-right: 10px;
	text-align: center;
	text-shadow: 0px 0px 5px #000000;
}
#shareBtns h2{
	margin: 18px 15px 20px 5px;
	font-size: 115%;
}
#shareGenLarge p{
	color: #FF9900;
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	margin-right: 10px;
	text-align: center;
}
#shareGen, #shareGenLarge{
	background: rgb(7,33,77); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(7,33,77,1) 0%, rgba(3,16,51,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(7,33,77,1)), color-stop(100%,rgba(3,16,51,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(7,33,77,1) 0%,rgba(3,16,51,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(7,33,77,1) 0%,rgba(3,16,51,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(7,33,77,1) 0%,rgba(3,16,51,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(7,33,77,1) 0%,rgba(3,16,51,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07214d', endColorstr='#031033',GradientType=0 ); /* IE6-9 */
	border: 1px solid #FF9900;
	border-radius: 5px;
	float: right;
	padding: 0 0 5px 0;
	text-align: center;
	width: 336px;
}
#shareGen{
	font-size: 115%;
	margin: 20px 15px 0 0;
	display: none!important;
}
#shareGenLarge{
	float: left;
	margin: 0 0 10px;
	width: 100%;
		max-width: 2500px;
}
.shareGenLarge{
	float: left;
	font-size: 125%;
	margin-top: -15px;
	width: 50%;
}
#shareGen p, #shareGenLarge p{
	width: 100%;
}

#latestGen, #latestRoll{
	color: #FF9900;
	font-weight: bold;
	margin: 0;
	padding: 0 0 5px;
	width: 100%;
}
#latestGen a, #latestRoll a{
	color: #ffffff;
	font-weight: normal;
	margin: 0 5px;
}
#latestGen img, #latestRoll img{
	margin: 0 4px -2px 0;
}
#latestGen a:active, #latestGen a:visited, #latestRoll a:active, , #latestRoll a:visited{
	color: #ffffff;
}
#latestGen a:hover, #latestRoll a:hover{
	color: #FFFFFF;
}
.latestGen{
	font-size: 1.2em;
	margin: 5px 5px -2px;
	text-shadow: 0px 0px 5px #000000;
}

#sideimages{
	margin-right: 20px;
}
#sideimage{
	background: url('../images/backgrounds/noAdSquares.png');
	background-repeat: no-repeat;
	background-position: 50%;
	margin: 60px auto 0;
	padding: 0;
	position: relative;
	min-width: 300px;
	max-width: 405px;
	z-index: 1;
	height: 300px;
	min-height: 300px;
}
#sideimageLarge{
	background: url('../images/backgrounds/noAdSquares.png');
	background-repeat: no-repeat;
	background-position: 50%;
	box-shadow: 0px 0px 5px 0px #000;
	-o-box-shadow: 0px 0px 5px 0px #000;
	-webkit-box-shadow: 0px 0px 5px 0px #000;
	-moz-box-shadow: 0px 0px 5px 0px #000;
	height: 250px;
	float: right;
	margin: 10px 15px 0 0;
	padding: 0;
	position: relative;
	width: 300px;
	z-index: 1;
}

#fullcontent{
	background-image: url('../images/backgrounds/newStar.WEBP');
	background-position: 50% 85px;
	background-repeat: repeat-x;
	overflow: hidden;
	width: 100%;
}
#contentcontainer{
	border: 0;
	padding: 0;
	width: 100%;
}
#content{
	border: 0;
	font-size: 100%;
	margin: 0 auto;
	padding: 0;
	width: 100%;
		max-width: 2500px;
}
#maincontent{
	color: white;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	height: auto;
		min-height: 350px;
	float: left;
	margin: 0;
	padding: 0;
	width: 68%;
}
#rightContent{
	float: right;
	margin: 40px 0 0 0;
	min-height: 220px;
	padding: 0 2%;
	width: 96%;
}
#contentdiv{
	border-radius: 5px;
	color: white!important;
	float: left;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	height: auto;
	margin: 5px 0 15px;
	padding: 0;
	width: 100%;
	max-width: 2500px;
}
#contentdiv h2, #contentdiv h1{
	font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
	margin-left: 10px;
	color: #ff9900;
	text-shadow: 0px 0px 5px #000000;
}
#contentdiv p{
	color: white;
	margin-left: 10px;
	margin-right: 10px;
}
#contentdiv h1{
	font-size: 1.5em;
}
#holidays, #holidays2, #holidays3{
	color: white;
	float: left;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 150%;
	font-weight: bold;
	height: auto;
	margin: 0 0 0 2%;
	padding: 0;
	width: 96%;
}
#holidays{
	border-top: 1px dashed #ff9900;
	margin: 25px auto;
}
.holP{
	color: #ff9900;	
	font-family: 'Ribeye', Verdana, cursive; 
	font-size: 100%;
	margin: 10px;
	text-align: center;
	text-shadow: 0px 0px 5px #000000;
}

.wanted{
	border-radius: 5px;
	box-shadow: 0px 0px 5px 0px #000;
	-o-box-shadow: 0px 0px 5px 0px #000;
	-webkit-box-shadow: 0px 0px 5px 0px #000;
	-moz-box-shadow: 0px 0px 5px 0px #000;
	float: left;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	height: auto;
	margin: 15px 0 15px 20px;
	padding: 0 10px;
	width: 93%;
}

.divBorder{
	border-top: 7px solid #071a3a;
	float: left;
	margin: 0;
	width: 100%;
}
.divBorderShort{
	border-top: 1px dashed #ff9000;
	float: left;
	margin: 10px 0 0 2%;
	width: 96%;
}
.divBorderSmall{
	border-top: 1px dashed #ff9000;
	margin: 10px auto 5px;
	width: 85%;
}

#generators{
	border-top: 7px solid #071a3a;
	float: left;
	width: 100%;
		min-width: 970px;
}
#generators ul{
	float: left;
	list-style-type: none;
	margin: 10px 0;
	padding: 0;
	text-align: center;
	width: 20%!important;
}
#generators ul li{
	float: left;
	width: 100%!important;
	height: 35px;
}
.genTitle{
	color: #ff9000;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	margin: 0;
	width: 100%;
}
#generators a{
	color: #ffffff;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}
#generators a:hover, .gameRace a:hover, .gameRaceSw a:hover, .gameRaceSwNew a:hover, .gameRaceWow a:hover, .gameRaceGot a:hover,
.gameRacePet a:hover, .gameRaceGW a:hover, .gameRaceLotro a:hover, #submitArt a:hover, #submitArtLarge a:hover{
	color: #ff9000;
}
.genList{
	overflow: hidden;
	padding: 15px 0 5px;
	width: 100%;
}

.adds{
	float: left;
}
.add{
	border: 1px solid blue;
	float: left;
	height: 125px;
	margin: 0 2px;
	width: 125px;
}
.add2{
	border: 1px solid blue;
	height: 30px;
	margin: 2px 0;
	width: 117px;
}
#longBanner{
	background-image: url('../images/backgrounds/noAdLong.png');
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: 0px 0px 5px 0px #000;
	-o-box-shadow: 0px 0px 5px 0px #000;
	-webkit-box-shadow: 0px 0px 5px 0px #000;
	-moz-box-shadow: 0px 0px 5px 0px #000;
	clear: both;
	display: none;
	height: auto;
		max-height: 90px;
	margin: 20px auto;
}
#longerBanner, #longerBanner2, #longerBanner3, #longerBanner4, .responsive-long{
	background-image: url('../images/backgrounds/noAdLong.png');
	background-position: 50%;
	background-repeat: no-repeat;
	clear: both;
	height: auto;
	margin: 0 auto;
		max-height: 100px;
	position: relative;
	text-align: center;
	z-index: 1;
}
#longerBanner{
	margin: 0 auto 0px;
}

#longerBanner4{
	max-height: 300px;
}
#footercontainer{
	clear: both;
	margin: 0 auto;
	width: 100%;
}
#footer{
	float: left;
	margin: 0 auto;
	width: 100%;
}
#footerWidth{
	margin: 0 auto 10px;
	padding: 10px 0;
	width: 100%;
		max-width: 2500px;
}


#footer p{
	border: 0;
	color: white;
	font-size: 0.8em;
	font-weight: normal;
	margin: 0;
	padding: 5px;
	text-align: center;
}
#radioChoice{
	border: 1px solid #ff9900;
	border-radius: 5px;
	box-shadow: 0px 0px 5px 0px #000;
	-o-box-shadow: 0px 0px 5px 0px #000;
	-webkit-box-shadow: 0px 0px 5px 0px #000;
	-moz-box-shadow: 0px 0px 5px 0px #000;
	color: white;
	float: left;
	font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;
	margin: 0 0 20px 20px;
	padding: 10px 0;
	text-align: center;
	width: 65%;
}
#nameGen, #nameGenLarge{
	background-size: cover;
	border-radius: 5px;
	box-shadow: 0px 0px 5px 0px #000;
	-o-box-shadow: 0px 0px 5px 0px #000;
	-webkit-box-shadow: 0px 0px 5px 0px #000;
	-moz-box-shadow: 0px 0px 5px 0px #000;
	float: left;
	font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;
	font-size: 1.75em;
	font-weight: bold;
	margin: 10px 0 25px 20px;
	padding: 10px 0;
	text-align: center;
	width: 65%;
}
#nameGenLarge{
	font-size: 1.375em;
	margin: 10px 0 25px;
	padding: 20px 0;
	text-align: left;
	width: 100%;
		max-width: 2500px;
}
#nameGen input, #nameGenLarge input, #contactBtn{
	background: rgb(3,31,76);
	border: 1px solid #FF9900;
	border-radius: 4px;
	color: #FF9900;
	font-size: 1em;
	font-weight: normal;
	margin: 0 auto;
}
#placeholder{
	padding: 0 20px;
}

.red{
	color: #E0491B;
	font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;
}
.gameSection{
	background-color: #0a214b;
	background-size: cover;
	background-position: 50%;
	padding: 0 0 20px;
	min-height: 200px;
}
.gameSection a:hover{
	color: #ff9900;
}
.altBg{
	background-color: #141E3E;
}
.gameSectionMain{
	background: none;
	box-shadow: none;
	margin: 20px 0;

}
.genSection{
	margin-bottom: 20px;
	margin-top: 20px;
}
.genSection a, .genSection a:active{
	color: #FF9900;
}
.genSection a:hover{
	color: #7E98FF;
}
.gameInner{
	background-image: url('../images/backgrounds/transBlue.png');
	clear: both;
	display: none;
	float: left;
	height: auto;
	margin: 0 auto;
	margin-top:0 !important;
	width: 100%;
}
#pandarenBox{
	float: right !important;
	margin: 0 4%;
	margin-top: -300px!important;
	width: 100%;
}
.gameTitleContainer{
	margin: 0!important;
	width: 100%;
}
.titleGame{
	margin-top: 0!important;
}
.gameTitle{
	margin: 0 auto;
	text-align: center;
	width: 100%;
}
.gameTitle img{
	margin-bottom: -15px;
}
.titleGame{
	color: #ff9000;
	font-family: 'Ribeye', Verdana, cursive; 
	font-size: 1.6125em;
	font-weight: 100;
	margin: 0px 0 0 5px;
	padding: 15px 0 5px;
	text-shadow: 1px 1px 0px #292929, -1px 1px 0px #292929, 1px -1px 0px #292929, -1px -1px 0px #292929;
}
.expand, .expandPop{
	color: white;
	text-shadow: 1px 1px 5px #292929, -1px 1px 5px #292929, 1px -1px 5px #292929, -1px -1px 5px #292929;
}
.gameTitle a{
	color: #ff9000;
	font-family: 'Ribeye', Verdana, cursive; 
}
.gameIcon{
	background-color: #020526;
	box-shadow: 0px 0px 5px 0px #000;
	-o-box-shadow: 0px 0px 5px 0px #000;
	-webkit-box-shadow: 0px 0px 5px 0px #000;
	-moz-box-shadow: 0px 0px 5px 0px #000;
	float: left;
	margin: 0 3%;
	width: 4%;
}
.border1{
	margin-top: 20px;
}
.gameIconLarge{
	box-shadow: 0px 0px 5px 0px #000;
	-o-box-shadow: 0px 0px 5px 0px #000;
	-webkit-box-shadow: 0px 0px 5px 0px #000;
	-moz-box-shadow: 0px 0px 5px 0px #000;
	float: left;
	height: 90px;
	margin: 20px 2.5% 0;
	width: 19.5%;
}
.gameIconLarge img{
	height: 100%;
	width: 100%;
}
.gameInner img, .gameInnerSw img{
	display: block;
	height: 100%;
	width: 100%;
}
.gameRace{
	float: left;
	height: auto;
	margin: 2px 3% 20px;
	text-align: center;
	width: 4%;
}
.gameRaceLarge{
	float: left;
	margin: 2px 2.5% 10px;
	text-align: center;
	width: 19.5%;
}
.gameRace a, .gameRaceLarge a, .gameRaceHalo a, .gameRaceHalo span, .gameRaceStarTrek a, .gameRaceStarTrek span{
	color: #ffffff;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.gameRaceSw, .gameRaceSwNew{
	float: left;
	height: auto;
	margin: 2px 3% 10px;
	text-align: center;
	width: 5.1%;
}
.gameRaceSw a, .gameRaceSwNew a, .gameRaceGot a{
	color: #ffffff;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.gameInnerSw{
	background-image: url('../images/backgrounds/transBlue.png');
	display: none;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
}
.gameTitleSw{
	height: 50px;
	margin: 2px 0 4px 8px;
	width: 100%;
}
.gameIconSw, .gameIconSwNew, .gameIconGot, .gameIconHalo{
	background-color: #020526;
	box-shadow: 0px 0px 5px 0px #000;
	-o-box-shadow: 0px 0px 5px 0px #000;
	-webkit-box-shadow: 0px 0px 5px 0px #000;
	-moz-box-shadow: 0px 0px 5px 0px #000;
	float: left;
	margin: 0 3%;
	width: 5.1%;
}
.gameIconSwNew, .gameRaceSwNew{
	margin: 0 2.5%;
	width: 4%;
}
.gameRaceSwNew{
	margin: 2px 2.5% 10px;
}
.gameIconGot{
	margin: 0 3%;
	width: 6.5%;
}

.gameRaceGot{
	float: left;
	height: auto;
	margin: 2px 3% 10px;
	text-align: center;
	width: 6.5%;
}


.gameIconStarTrek{
	box-shadow: 0px 0px 5px 0px #000;
	-o-box-shadow: 0px 0px 5px 0px #000;
	-webkit-box-shadow: 0px 0px 5px 0px #000;
	-moz-box-shadow: 0px 0px 5px 0px #000;
	float: left;
	width: 6.2%;
	margin: 0 4%;
}


.gameRaceStarTrek{
	float: left;
	height: auto;
	margin: 2px 4% 10px;
	text-align: center;
	width: 6.2%;
}
.gameRaceHalo, .gameIconHalo{
	float: left;
	margin: 0 4%;
	text-align: center;
	width: 6.2%;
}
.gameRaceHalo{
	margin: 2px 4% 10px;
}
.gameIconRift{
	background-color: #020526;
	box-shadow: 0px 0px 5px 0px #000;
	-o-box-shadow: 0px 0px 5px 0px #000;
	-webkit-box-shadow: 0px 0px 5px 0px #000;
	-moz-box-shadow: 0px 0px 5px 0px #000;
	float: left;
	margin: 0 4%;
	width: 8.6%;
}
.gameRaceRift{
	float: left;
	height: auto;
	margin: 2px 4% 10px;
	text-align: center;
	width: 8.6%;
}
.gameIconWow{
	background-color: #020526;
	box-shadow: 0px 0px 5px 0px #000;
	-o-box-shadow: 0px 0px 5px 0px #000;
	-webkit-box-shadow: 0px 0px 5px 0px #000;
	-moz-box-shadow: 0px 0px 5px 0px #000;
	float: left;
	margin: 0 4%;
	width: 6.2%;
}
.gameRaceWow{
	float: left;
	height: auto;
	margin: 3px 4% 6px;
	text-align: center;
	width: 6.2%;
}
.gameRaceWow a, .gameRaceWow span, .gameRaceRift a, .gameRaceRift span{
	color: #ffffff;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}


.gameIconGW{
	background-color: #020526;
	box-shadow: 0px 0px 5px 0px #000;
	-o-box-shadow: 0px 0px 5px 0px #000;
	-webkit-box-shadow: 0px 0px 5px 0px #000;
	-moz-box-shadow: 0px 0px 5px 0px #000;
	float: left;
	margin: 0 5%;
	width: 10%;
}
.gameRaceGW{
	float: left;
	height: auto;
	margin: 2px 4% 10px;
	text-align: center;
	width: 12%;
}
.gameRaceGW a{
	color: #ffffff;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 105%;
}
.gameIconThree{
	background-color: #020526;
	box-shadow: 0px 0px 5px 0px #000;
	-o-box-shadow: 0px 0px 5px 0px #000;
	-webkit-box-shadow: 0px 0px 5px 0px #000;
	-moz-box-shadow: 0px 0px 5px 0px #000;
	float: left;
	margin: 0 9%;
	width: 15%;
}
.gameRaceThree{
	float: left;
	height: auto;
	margin: 2px 9% 10px;
	text-align: center;
	width: 15%;
}
.gameIconLotro{
	background-color: #020526;
	box-shadow: 0px 0px 5px 0px #000;
	-o-box-shadow: 0px 0px 5px 0px #000;
	-webkit-box-shadow: 0px 0px 5px 0px #000;
	-moz-box-shadow: 0px 0px 5px 0px #000;
	float: left;
	margin: 0 5.5%;
	width: 14%;
}
.gameRaceLotro{
	float: left;
	height: auto;
	margin: 2px 5.5% 10px;
	text-align: center;
	width: 14%;
}
.gameRaceLotro a, .gameRaceThree a{
	color: #ffffff;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 105%;
}

.comingsoon{
	color: #ff9000;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 2.8em;
	margin: 65px 0 0 325px;
	text-shadow: 0 0 0.2em #B54710, 0 0 0.2em #B54710, 0 0 0.2em #B54710;
}
#comingsoon{
	background-image: url('../images/backgrounds/trans.png');
	float: left;
}
.comingSoonSmall{
	background-image: url('../images/backgrounds/trans.png');
	color: #ff9000;
	float: left;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1.06em;
	height: 100px;
	margin: 0 8px;
	position: relative;
	text-align: center;
	text-shadow: 0 0 0.2em #B54710, 0 0 0.2em #B54710, 0 0 0.2em #B54710;
	width: 90px;
	z-index: 999;
}
.comingSoonSmall p{
	border: 0;
	margin: 0;
	padding: 30px 0 0;
}

#submitArt{
	clear: both;
	color: #FF9000;
	float: left;
	font-size: 110%;
	font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
	margin: -30px 0 -15px;
	text-align: center;
	width: 65%;
}
#submitArtLarge{
	float: left;
	font-size: 125%;
	height: 50px;
	padding: 0 3%;
	width: 44%;
}
#submitArtLarge a, #submitArt a{
	color: #FFFFFF;
}
#submitArt a:active{
	color: #FFFFFF;
}

#checklist{
	list-style-type: none;
}

.at300b{
	float: none !important;
}

.thxWide{
	list-style-type: none;
	padding: 0;
	text-align: center;
}
.thxWide li{
	float: left;
	width: 20%;
}
.thxTable{
	padding-left: 2%;
}
.thxTableSmall{
	float: left;
	padding-left: 2%;
	width: 50%;
}
.thxTable td:first-child{
	width: 15%;
}
.donators{
	text-align: center;
	width: 100%;
}
.donators td{
	width: 20%;
}
.thanksH{
	color: #FF9900;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 125%;
	line-height: 100%;
	margin: 10px 0;
	text-align: center;
	width: 100%;
}
.thanksH a{
	color: white;
}

@media (min-width: 1700px) { 
	#longerBanner4{
		display: none;
	}
}

@media (max-width: 464px){
	.gameSectionMain{
		margin-top: 35px !important;
	}
}
@media (min-width: 990px) and (max-width: 1100px) {
	.navmenu li{
		font-size: 90%;
	}
}
@media (max-width: 480px) {
	body{
		overflow-x: hidden;
	}
	.hideDesk{
		display: block;
	}
	#pandarenBox{
		margin: 0!important;
	}
	.thirdCont{
		width: 100%;
	}
	.hideMob{
		display: none;
	}
	#longerBanner4, .borderLong{
		display: block !important;
	}
	.gameSection{
		background-image: none!important;
	}
	#navSearch .gsc-search-button input{
		padding: 6px 5px;
	}
	#radioChoice{
		margin-left: 0;
	}
	.gameSection img, .gameIconWep, .gameIconWow, .gameIcon, .gameIconLarge, .gameIconSw, .gameIconSwNew, .gameIconLotro, .shortBorderOne, .shortBorderTwo, .divBorderSmall, .gameIconPet, .gameIconGW, #latestGen, #latestRoll, .latestRoll, #sideimage, #holidays, #holidays2, .red, #sideimageLarge, #longerBanner3, .gameIconRift, .gameIconGot, .gameIconHalo, #navmenus, .gameIconStarTrek, .slideshow, .border25{
		display: none;
	}
	#fullcontent, #longerBanner, #longerBanner2, #banner, #longerBanner4{
		background: none;
	}
	#content, #contentdiv, .genSection, .gameSection, .gameSectionMain, #banner, .genList, #footercontainer, #footerWidth, #generators, #longerBanner, #longerBanner2, #mobMenu, #maincontent, #nameGen, #submitArt, #nameGenLarge, #shareGenLarge, #longBanner, #radioChoice, #longerBanner4, #rightContent{
		width: 100%;
			max-width: 465px;
			min-width: 320px;
	}
	#submitArtLarge{
		height: auto;
	}
	#shareGenLarge{
		margin-top: 0;
	}
	#navContainer{
		margin-top: 0px;
	}
	.langFlag img{
		margin-top: 35px;
	}
	#rightContent{
		margin: 0;
		margin-top: 30px;
	}
	#mobMenu{
		border-bottom: 1px solid black;
		clear: both;
		display: block;
		float: left;
		font-size: 1em;
		margin: 0 auto;
		position: relative;
		text-align: center;
		width: 99%;
		z-index: 999;
	}
	#mobMenu a{
		color: #ff9900;
	}
	#mobMenu td{
		height: 30px;
		width: 50%;
		font-size: 120%;
		padding: 0;
		float: left;
	}
	#shareBtns, #shareGen{
		float: left;
		margin: 20px 0 0!important;
		text-align: center;
	}
	#shareBtns h2{
		float: none;
	}
	#searchField, #comicLink, #randomGen{
		width: 100%;
	}
	table.gsc-search-box{
		margin-left: 15%!important;
		width: 80%!important;
	}
	#nameGen{
		font-size: 1.2em;
		margin: 10px 0 25px;
	}
	#banner, #bannercontainer{
		height: 0px;
		margin: 0px;
		padding: 0px;
	}
	.navmenu{
		margin: 0 auto;
		display: none !important;
	}
	#maincontent{
		box-shadow: none;
		-webkit-box-shadow: none;
		margin: 0 0 15px;
		min-height: 0;
		padding: 0;
	}
	#maincontent p, #maincontent h1{
		margin: 15px 15px 15px 10px;
	}
	.gameSectionMain{
		margin-bottom: 15px;
		margin-top: 10px;
		padding: 0;
	}
	.titleGame{
		font-size: 1.3em;
		margin: 0;
	}
	.gameTitleContainer{
		height: auto;
		margin-bottom: 5px !important;
		padding: 5px 0 0;
	}
	.gameInner, .gameInnerSw{
		font-size: 0.8em;
		margin: 0 !important;
		width: 100% !important;
	}
	.gameRaceWow{
		margin: 0 !important;
		width: 33%;
		padding: 10px 0;
		font-size: 160%;
	}
	#pandaren{
		width: 100%;
	}
	.gameRacePet{
		width: 45%;
	}
	.gameRaceWep{
		min-height: 60px;
		width: 22%;
	}
	.gameRaceGot{
		min-height: 35px;
		width: 19%;
	}
	.gameRaceGW, .gameRace{
		margin: 2px 0 !important;
		min-height: 35px;
		width: 20%;
	}
	.gameRaceStarTrek{
		min-height: 40px;
		width: 17%;
	}
	.gameRaceSw, .gameRaceSwNew{
		min-height: 35px;
		width: 27%;
	}
	.gameRaceRift{
		min-height: 35px;
		width: 25%;
	}
	.gameRaceHalo{
		width: 42%;
	}
	.gameRaceLotro{
		margin: 0 !important;
		width: 25%;
	}
	#weaponNames .gameRaceWow{ 
		margin: 0 !important;
		width: 14%;
	}
	#generators ul li{
		float: left;
		font-size: 0.9em;
		min-height: 55px;
		width: 19%;
	}
	.navmenu li ul{
		display: none !important;
	}
}
@media (min-width: 481px) and (max-width: 730px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
	body{
		overflow-x: hidden;
	}
	#longerBanner4, .borderLong{
		display: block !important;
	}
	#radioChoice{
		margin-left: 0;
	}
	.gameSection{
		min-height: 160px;
	}
	.hideDesk{
		display: block;
	}
	.hideMob{
		display: none;
	}
	.thirdCont{
		width: 100%;
	}
	#longBanner{
		background: none;
		box-shadow: none;
		-webkit-box-shadow: none;
		display: block;
	}
	#holidays, #holidays2{
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#holidays2{
		border: 1px dashed #ff9900;
	}
	#maincontent{
		min-height: 0px;
		margin: 0;
	}
	#sideimage, .red, #sideimageLarge, #longerBanner3, .divBorderSmall, .shortBorderOne, .shortBorderTwo, #navmenus, .slideshow, .border25, #latestRoll, .latestRoll{
		display: none;
	}
	#longerBanner, #longerBanner2, #longerBanner4{
		background: none;
	}
	#content, #contentdiv, .genSection, .gameSection, .gameSectionMain, #banner, .genList, #footercontainer, #footerWidth, #generators, 
	#longerBanner, #longerBanner2, #mobMenu, #maincontent, #nameGen, #submitArt, #nameGenLarge, #shareGenLarge, #longBanner, #radioChoice, #longerBanner4, #rightContent{
		width: 100%;
			max-width: 730px;
			min-width: 455px;
	}
	#submitArtLarge{
		height: auto;
	}
	#shareGenLarge{
		margin-top: 0;
	}
	#mobMenu{
		border-bototm: 1px solid black;
		clear: both;
		display: block;
		float: left;
		font-size: 1em;
		font-weight: bold;
		margin: 0 auto 0;
		text-align: center;
		width: 100%;
	}
	#mobMenu td{
		width: 15.3%;
		height: 38px;
	}
	#mobMenu a{
		color: #ff9900;
	}
	#shareBtns, #shareGen{
		float: left;
	}
	#shareBtns, #comicLink, #randomGen, #latestGen, #searchField{
		width: 100%;
	}
	.latestGen{
		margin: 15px 10px 5px!important;
	}
	#comicLink, #randomGen, #latestGen{
		display: none;
	}
	#shareBtns{
		margin: 10px 0 15px 0;
		text-align: center;
	}
	#shareBtns h2{
		float: none;
	}
	#nameGen{
		font-size: 1.5em;
		margin: 10px 0 25px;
	}
	.gsc-control-cse{
		margin-top: 60px;
	}
	#banner, #bannercontainer{
		height: 500px;
	}
	#banner{
		background-position: 50% 200px;
	}
	#navContainer{
		height: auto;
		overflow: hidden;
	}
	.navmenu{
		margin: 0 auto;
		display: none !important;
	}
	#maincontent{
		box-shadow: none;
		-webkit-box-shadow: none;
		margin: 0 0 15px;
		padding: 0;
	}
	#maincontent p, #maincontent h1{
		margin: 15px 10px;
	}
	.gameSectionMain{
		margin-bottom: 15px;
		margin-top: 10px;
		padding: 0;
	}
	.titleGame{
		font-size: 1.3em;
		margin: 0;
	}
	.gameTitleContainer{
		height: auto;
	}
	.gameTitle{
		margin: 0 auto;
		width: 100%;
	}
	.gameInner{
		font-size: 0.9em;
		margin: 0 !important;
		padding: 4px 0;
		width: 100% !important;
	}
	.gameIcon{
		margin: 0 0.5%;
		width: 9%;
	}
	.gameRace{
		font-size: 0.75em;
		margin: 0;
		width: 10%;
	}
	.gameRaceWow{
		margin: 0 1.8% !important;
		width: 12.5%;
	}
	.gameIconWow{
		margin: 0 1.8% !important;
		width: 12.5%;
	}
	.gameRaceRift{
		margin: 0 1.8% !important;
		width: 12.5%;
	}
	.gameIconRift{
		margin: 0 1.8% !important;
		width: 12.5%;
	}
	.gameRacePet{
		width: 20%;
	}
	.gameIconPet{
		height: auto;
		width: 20%;
	}
	.gameIconPet img{
		width: 100%;
	}
	#pandaren{
		width: 100%;
	}
	#pandarenBox .gameIconWow{
		float: none;
		margin: 0 auto!important;
	}
	#pandarenBox{
		float: none!important;
		margin: 0px auto!important;
		overflow: hidden;
		width: 100%!important;
	}
	#pandarenBox a .gameIconWow{
		width: 100px!important;
	}
	.gameIconGW{
		margin: 0 0.5% !important;
		width: 19%;
	}
	.gameRaceGW{
		margin: 2px 0 !important;
		width: 20%;
	}
	.gameIconSw{
		margin: 0 0.5%;
		width: 10%;
	}
	.gameIconSwNew{
		margin: 0 0.5%;
		width: 8%;
	}
	.gameRaceSw{
		font-size: 0.75em;
		margin: 0 0.5%;
		width: 10%;
	}
	.gameRaceSwNew{
		font-size: 70%;
		margin: 0 0.5%;
		width: 8%;
	}
	.gameIconGot{
		margin: 0 0.2%;
		width: 12%;
	}
	.gameRaceGot{
		font-size: 0.75em;
		margin: 0 0.2%;
		width: 12%;
	}
	.gameIconHalo, .gameIconStarTrek{
		margin: 0 1.1%;
		width: 12%;
	}
	.gameRaceHalo, .gameRaceStarTrek{
		font-size: 0.75em;
		margin: 0 1.1%;
		width: 12%;
	}
	.gameIconLotro{
		height: auto;
		margin: 0 0.5% !important;
		width: 24%;
	}
	.gameRaceLotro{
		margin: 0 !important;
		width: 25%;
	}
	.gameIconWep{
		height: auto;
		margin: 0 1%;
		width: 10%;
	}
	.gameIconWep img, .gameIconGW img, .gameIconLotro img{
		width: 100%;
	}
	.gameRaceWep{
		margin: 0 1% !important;
		width: 10%;
	}
	#generators ul li{
		float: left;
		font-size: 0.9em;
		height: 55px;
		width: 19%;
	}
	.navmenu li ul{
		display: none !important;
	}	
	#rightContent{
		border-top: 1px dashed #ff9900;
		min-height: 0px;
		margin: 0;
		padding: 0;
	}
}
@media (min-width: 731px) and (max-width: 854px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
	body{
		overflow-x: hidden;
	}
	#longerBanner4{
		display: block !important;
	}
	#radioChoice{
		font-size: 95%;
		margin-left: 0;
	}
	.hideDesk{
		display: block;
	}
	.hideMob{
		display: none;
	}
	#longBanner{
		background: none;
		box-shadow: none;
		-webkit-box-shadow: none;
		display: block;
	}
	#holidays, #holidays2{
		margin: 0;
		padding: 0;
		width: 100%;
	}
	#holidays2{
		border-top: 1px dashed #ff9900;
		margin-top: 10px;
	}
	#sideimage, .red, #sideimageLarge, #longerBanner3, .shortBorderOne, .shortBorderTwo, .divBorderSmall, #navmenus, .latestRoll, #latestRoll{
		display: none;
	}
	#longerBanner, #longerBanner2, #longerBanner4{
		background: none;
	}
	#content, #contentdiv, .genSection, .gameSection, .gameSectionMain, #banner, .genList, #footercontainer, #footerWidth, #generators, 
	#mobMenu, #maincontent, #nameGen, #submitArt, #nameGenLarge, #shareGenLarge, #longBanner, #radioChoice, #rightContent, .slideshow{
		width: 100%;
			max-width: 854px;
			min-width: 720px;
	}
	.slideshow{
		margin: 15px 0 0 0;
	}
	#submitArtLarge{
		height: auto;
	}
	#shareGenLarge{
		margin-top: 0;
	}
	#maincontent, #rightContent{
		margin: 0;
		min-height: 0;
	}
	#rightContent{
		padding: 0;
	}
	.borderLong{
		display: block;
	}
	#mobMenu{
		border-bottom: 1px solid black;
		display: block;
		font-size: 1em;
		font-weight: bold;
		margin: 0 auto 0;
		text-align: center;
		width: 100%;
	}
	#mobMenu td{
		width: 11.8%;
		height: 30px;
	}
	#mobMenu a{
		color: #ff9900;
	}
	#shareBtns, #shareGen{
		float: left;
	}
	#shareBtns, #comicLink, #randomGen, #latestGen, #searchField{
		float: right;
		width: 100%;
	}
	.thirdCont{
		margin-bottom: 5px;
		width: 100%;
	}
	#comicLink, #latestGen{
		display: none;
	}
	#shareGen{
		width: 99%;
	}
	table.gsc-search-box{
		width: 80%!important;
	}
	#nameGen{
		font-size: 1.5em;
		margin: 10px 0 25px;
	}
	#banner, #bannercontainer{
		height: 500px;
	}
	#banner{
		background-position: 50% 200px;
	}
	.langFlags{
		margin: -7px auto 0!important;
	}
	.langFlagImg {
		margin: 35px 0 0;
	}
	#navContainer{
		height: 170px;
	}
	.navmenu{
		margin: 0 auto;
		display: none !important;
	}
	#maincontent{
		box-shadow: none;
		-webkit-box-shadow: none;
		margin: 0 0 15px;
		padding: 0;
	}
	#maincontent p, #maincontent h1{
		margin: 15px 10px;
	}
	.gameSectionMain{
		margin-bottom: 15px;
		margin-top: 10px;
		padding: 0;
	}
	.titleGame{
		font-size: 1.3em;
		margin: 0;
	}
	.gameTitleContainer{
		height: auto;
	}
	.gameTitle{
		margin: 0 auto;
		width: 100%;
	}
	.gameInner{
		padding: 0;
	}
	.gameIcon{
		margin: 0 0.5%;
		width: 9%;
	}
	.gameRace{
		margin: 0;
		width: 10%;
	}
	.gameRaceWow{
		margin: 0 2% !important;
		padding: 12px 0 0;
		width: 12%;
	}
	.gameIconWow{
		margin: 0 2% !important;
		width: 12%;
	}
	.gameRaceRift, .gameIconRift{
		margin: 0 2.2% !important;
		width: 12%;
	}
	.gameRacePet{
		width: 20%;
	}
	.gameIconPet{
		height: auto;
		width: 20%;
	}
	#pandaren{
		float: none;
		margin: 0 !important;
		width: 100%;
	}
	#pandarenBox .gameIconWow{
		margin: 0 auto!important;
		width: 100% !important;
	}
	#pandarenBox{
		float: none !important;
		margin: 0 auto!important;
		overflow: hidden;
		width: 100% !important;
	}
	#pandarenBox a .gameIconWow{
		float: none;
		width: 100px!important;
	}
	.gameIconGW{
		margin: 0 0.5% !important;
		width: 19%;
	}
	.gameRaceGW{
		margin: 2px 0 !important;
		width: 20%;
	}
	.gameIconSw{
		margin: 0 0.5%;
		width: 10%;
	}
	.gameIconSwNew{
		margin: 0 0.5%;
		width: 8%;
	}
	.gameRaceSwNew{
		font-size: 85%;
		margin: 0 0.5%;
		width: 8%;
	}
	.gameRaceSw{
		margin: 0 0.5%;
		width: 10%;
	}
	.gameIconGot{
		margin: 0 0.2%;
		width: 12%;
	}
	.gameRaceGot{
		margin: 0 0.2%;
		width: 12%;
	}
	.gameIconHalo, .gameIconStarTrek{
		margin: 0 0.5%;
		width: 13%;
	}
	.gameRaceHalo, .gameRaceStarTrek{
		margin: 0 0.5%;
		width: 13%;
	}
	.gameIconLotro{
		height: auto;
		margin: 0 0.5% !important;
		width: 24%;
	}
	.gameRaceLotro{
		margin: 0 !important;
		width: 25%;
	}
	.gameIconWep{
		height: auto;
		margin: 0 0.3%;
		width: 11%;
	}
	.gameIconWep img, .gameIconGW img, .gameIconLotro img, .gameIconPet img, .gameIconWow img{
		width: 100%;
	}
	.gameRaceWep{
		margin: 0 0.3% !important;
		width: 11%;
	}
	#generators ul li{
		float: left;
		width: 20%;
		font-size: 0.9em;
		height: 50px;
	}
	.navmenu li ul{
		display: none !important;
	}	
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 

	body{
		overflow-x: hidden;
	}
	#longerBanner4{
		display: block !important;
	}
	#sideimage, #holidays, #holidays2, .red, #sideimageLarge, #longerBanner3, .latestRoll, #latestRoll{
		display: none;
	}
	#longBanner{
		background: none;
		box-shadow: none;
		-webkit-box-shadow: none;
		display: block;
	}
	#latestGen{
		height: 90px;
		float: left;
		margin: 0 0 15px 5px;
		overflow: hidden;
		width: 100%;
	}
	#longerBanner, #longerBanner2, #longerBanner4{
		background: none;
	}
	#content, #contentdiv, .genSection, .gameSection, .gameSectionMain, #banner, .genList, #footercontainer, #footerWidth, #generators, 
	#longerBanner, #longerBanner2, #mobMenu, #maincontent, #nameGen, #submitArt, #nameGenLarge, #shareGenLarge, #longBanner, #radioChoice, #longerBanner4{
		width: 100%;
			max-width: 989px;
	}
	#submitArtLarge{
		height: auto;
	}
	#shareGenLarge{
		margin-top: 0;
	}
	#mobMenu td{
		width: 13.8%;
		height: 35px;
	}
	#mobMenu a{
		color: #ff9900;
	}
	#shareBtns, #shareGen{
		float: right;
		height: 93px;
		margin: 0 5px 0 0 !important;
		text-align: center;
		width: 100%;
	}
	#shareGen{
		width: 99%;
	}
	#shareBtns h2{
		float: none;
	}
	#nameGen{
		font-size: 1.5em;
		margin: 10px 0 25px;
	}
	#maincontent{
		box-shadow: none;
		-webkit-box-shadow: none;
		margin: 0 0 15px;
		padding: 0;
	}
	#maincontent p, #maincontent h1{
		margin: 15px 10px;
	}
	.gameSectionMain{
		margin-bottom: 15px;
		margin-top: 10px;
		padding: 0;
	}
	.titleGame{
		font-size: 1.3em;
		margin: 0;
	}
	.gameTitleContainer{
		height: auto;
		margin-bottom: 5px !important;
	}
	.gameTitle{
		margin: 0 auto 15px;
		width: 95%;
	}
	.gameInner{
		padding: 0;
	}
	.gameIcon{
		margin: 0 0.5%;
		width: 9%;
	}
	.gameRace{
		margin: 0;
		width: 10%;
	}
	.gameRaceWow{
		margin: 0 2.3% !important;
		padding: 12px 0 0;
	}
	.gameIconWow{
		margin: 0 2.3% !important;
	}
	.gameRaceRift{
		margin: 0 0.5% !important;
		padding: 12px 0 0;
	}
	.gameIconRift{
		margin: 0 0.5% !important;
	}
	.gameRacePet{
		width: 20%;
	}
	.gameIconPet{
		height: auto;
		width: 20%;
	}
	#pandaren{
		float: none;
		margin: 0 !important;
		width: 90px;
	}
	#pandarenBox .gameIconWow{
		margin: 0 auto!important;
		width: 100% !important;
	}
	#pandarenBox{
		float: none !important;
		margin: 0 auto!important;
		width: 90px !important;
	}
	.gameIconGW{
		height: auto;
		margin: 0 0.5% !important;
		width: 19%;
	}
	.gameRaceGW{
		margin: 2px 0 !important;
		width: 20%;
	}
	.gameIconSw{
		margin: 0 0.5% !important;
		width: 10%;
	}
	.gameRaceSw{
		margin: 0 0.5% !important;
		width: 10%;
	}
	.gameIconSwNew{
		margin: 0 0.5%;
		width: 8%;
	}
	.gameRaceSwNew{
		font-size: 85%;
		margin: 0 0.5%;
		width: 8%;
	}
	.gameIconGot{
		margin: 0 0.2% !important;
		width: 12%;
	}
	.gameRaceGot{
		margin: 0 0.2% !important;
		width: 12%;
	}
	.gameIconHalo, .gameIconStarTrek{
		margin: 0 1.1% !important;
		width: 12%;
	}
	.gameRaceHalo, .gameRaceStarTrek{
		margin: 0 1.1% !important;
		width: 12%;
	}
	.gameIconLotro{
		height: auto;
		margin: 0 0.5% !important;
		width: 24%;
	}
	.gameRaceLotro{
		margin: 0 !important;
		width: 25%;
	}
	.gameIconWep{
		height: auto;
		margin: 0 1%;
		width: 12%;
	}
	.gameIconWep img, .gameIconGW img, .gameIconLotro img, .gameIconPet img{
		width: 100%;
	}
	.gameRaceWep{
		margin: 0 1% !important;
		width: 12%;
	}
	#banner{
		background-position: 50% 200px;
	}
	.langFlags{
		margin: -7px auto 0!important;
	}
	.langFlagImg {
		margin: 35px 0 0;
	}
	.navmenu li ul{
		display: none !important;
	}	} 
@media (min-width:855px) and (max-width: 1100px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	body{ 
		overflow-x: hidden;
	}
	.red, #longerBanner3, #longerBanner4, #longerBanner, .shortBorderTwo, .borderLong, #latestRoll, .latestRoll{
		display: none;
	}
	#radioChoice{
		margin-left: 0;
	}
	#menucontainer ul ul {
		margin-top: -35px!important;
	}
	#latestGen p{
		margin: 0;
	}
	#longerBanner, #longerBanner2, #longerBanner4{
		background: none;
	}
	#content, #contentdiv, .genSection, .gameSection, .gameSectionMain, #banner, .genList, #footercontainer, #footerWidth, #generators, 
	#longerBanner, #longerBanner2, #mobMenu, #submitArt, #nameGenLarge, #shareGenLarge, #longBanner, #radioChoice, #longerBanner4{
		width: 100%;
	}
	#menucontainer ul ul li {
		height: 23px;
	}
	#submitArtLarge{
		height: auto;
	}
	#shareGenLarge{
		margin-top: 0;
	}
	#mobMenu{
		display: none !important;
	}
	#mobMenu td{
		width: 21.8%;
		height: 20px;
	}
	#mobMenu a{
		color: #ff9900;
	}
	#shareBtns, #shareGen{
		margin: 0 0 0 0 !important;
	}
	#shareGen{
		width: 99%;
	}
	#nameGen{
		font-size: 1.5em;
		margin: 10px 0 25px;
		width: 58%;
	}
	#banner, #bannercontainer{
		height: 450px;
	}
	#banner{
		background-position: 50% 150px;
	}
	#maincontent{
		box-shadow: none;
		-webkit-box-shadow: none;
		margin: 5px;
		padding: 0;
	}
	#maincontent p, #maincontent h1{
		margin: 15px 10px;
	}
	.gameSectionMain{
		margin-bottom: 15px;
		margin-top: 10px;
		padding: 0;
	}
	.titleGame{
		font-size: 1.3em;
		margin: 0;
	}
	.gameTitleContainer{
		height: auto;
	}
	.gameTitle{
		margin: 0 auto;
		width: 100%;
	}
	.gameIcon{
		margin: 0 0.5%;
		width: 9%;
	}
	.gameRace{
		margin: 0;
		width: 10%;
	}
	.gameRaceRift, .gameIconRift{
		margin: 0 2.2% !important;
		width: 12%;
	}
	.gameRacePet{
		width: 20%;
	}
	.gameIconPet{
		height: auto;
		width: 20%;
	}
	#pandaren{
		float: none;
		margin: 0 !important;
		width: 90px;
	}
	#pandarenBox .gameIconWow{
		margin: 0 auto!important;
		width: 100% !important;
	}
	#pandarenBox{
		margin-top: -180px!important;
	}
	.gameIconGW{
		margin: 0 0.5% !important;
		width: 19%;
	}
	.gameRaceGW{
		margin: 2px 0 !important;
		width: 20%;
	}
	.gameIconSw{
		margin: 0 0.5% !important;
		width: 10%;
	}
	.gameIconSwNew{
		margin: 0 0.5%;
		width: 8%;
	}
	.gameRaceSwNew{
		font-size: 85%;
		margin: 0 0.5%;
		width: 8%;
	}
	.gameRaceSw{
		margin: 0 0.5% !important;
		width: 10%;
	}
	.gameIconGot{
		margin: 0 0.6% !important;
		width: 11%;
	}
	.gameRaceGot{
		margin: 0 0.6% !important;
		width: 11%;
	} 
	.gameIconHalo, .gameIconStarTrek{
		margin: 0 1% !important;
		width: 12%;
	}
	.gameRaceHalo, .gameRaceStarTrek{
		margin: 0 1% !important;
		width: 12%;
	}
	.gameIconLotro{
		height: auto;
		margin: 0 0.5% !important;
		width: 24%;
	}
	.gameRaceLotro{
		margin: 0 !important;
		width: 25%;
	}
	.gameIconWep{
		height: auto;
		margin: 0 0.7%;
	}
	.gameIconWep img, .gameIconGW img, .gameIconLotro img, .gameIconPet img, .gameIconLarge img{
		height: 100%;
		width: 100%;
	}
	.gameRaceWep{
		margin: 0 0.7% !important;
	}
	#generators ul li{
		float: left;
		width: 20%;
		font-size: 0.9em;
		height: 45px;
	}	
}
#popNames{
	background-image: url('../images/backgrounds/wowTest.webp');
}
#MtG{
	background-image: url('../images/backgrounds/mtgGens.WEBP');
}
#wowPets{
	background-image: url('../images/backgrounds/wowPetsNew.WEBP');
}
#Diablo{
	background-image: url('../images/backgrounds/diabloNPCs.WEBP');
}
#guildWars{
	background-image: url('../images/backgrounds/guildWarsGens.WEBP');
}
#dndNames{
	background-image: url('../images/backgrounds/dndGens.WEBP');
}
#pathfinder{
	background-image: url('../images/backgrounds/pathfinderGens.WEBP');
}
#starfinder{
	background-image: url('../images/backgrounds/starfinderGens.webp');
}
#MassEffect{
	background-image: url('../images/backgrounds/massEffectGens.WEBP');
}
#rift{
	background-image: url('../images/backgrounds/riftGens.WEBP');
}
#bleach{
	background-image: url('../images/backgrounds/bleachGens.WEBP');
}
#gotNames{
	background-image: url('../images/backgrounds/gotGens.webp');
}
#warhammer{
	background-image: url('../images/backgrounds/warhammer40kGens.WEBP');
}
#warhammerFantasy{
	background-image: url('../images/backgrounds/warhammerGens.WEBP');
}
#EVE{
	background-image: url('../images/backgrounds/eveGens.webp');
}
#finalFantasy{
	background-image: url('../images/backgrounds/ffxivGens.WEBP');
}
#lotr{
	background-image: url('../images/backgrounds/lotrGens.WEBP');
}
#LOTRO{
	background-image: url('../images/backgrounds/lotroGens.WEBP');
}
#halo{
	background-image: url('../images/backgrounds/haloGens.WEBP');
}
#starTrek{
	background-image: url('../images/backgrounds/starTrekGens.WEBP');
}
#stargate{
	background-image: url('../images/backgrounds/stargateGens.WEBP');
}
#Zelda{
	background-image: url('../images/backgrounds/zeldaGens.WEBP');
}
#destiny{
	background-image: url('../images/backgrounds/destinyGens.WEBP');
}
#theWitcher{
	background-image: url('../images/backgrounds/witcherGens.WEBP');
}
#voltron{
	background-image: url('../images/backgrounds/voltronGens.WEBP');
}
#inheritanceCycle{
	background-image: url('../images/backgrounds/inheritanceCycleGens.webp');
}
#wildstar{
	background-image: url('../images/backgrounds/wildstarGens.webp');
}
#starWars{
	background-image: url('../images/backgrounds/starWarsGens.webp');
}
#SWTOR{
	background-image: url('../images/backgrounds/swtorGens.webp');
}
#drWho{
	background-image: url('../images/backgrounds/drWhoGens.webp');
}
#eden{
	background-image: url('../images/eden/plantingFantasyBanner.webp');
}
#harryPotter{
	background-image: url('../images/backgrounds/harryPotterGens.WEBP');
}
#DragonAge{
	background-image: url('../images/backgrounds/dragonAgeGens.webp');
}
#elderScrolls{
	background-image: url('../images/backgrounds/elderScrollsGens.webp');
}
#narnia{
	background-image: url('../images/backgrounds/narniaGens.webp');
}
#dragonBall{
	background-image: url('../images/backgrounds/dragonBallGens.WEBP');
}
#warcraft{
	background-image: url('../images/backgrounds/wowNPCs.WEBP');
}
#minecraft{
	background-image: url('../images/backgrounds/minecraftBg.WEBP');
}
#wakfu{
	background-image: url('../images/backgrounds/wakfuBg.WEBP');
}
#darkCrystal{
	background-image: url('../images/backgrounds/darkCrystalBg.webp');
}
#dcComics{
	background-image: url('../images/backgrounds/dcComics.WEBP');
}
#marvel{
	background-image: url('../images/backgrounds/marvel.webp');
}
#fairyTail{
	background-image: url('../images/backgrounds/fairyTailGens.webp');
}
#RuneScape{
	background-image: url('../images/backgrounds/runescapeBg.webp');
	background-position: 0 100%;
}
#Avatar{
	background-image: url('../images/backgrounds/avatarBg.WEBP');
}
#hisDarkMaterials{
	background-image: url('../images/backgrounds/hdmBg.webp');
}
#mistborn{
	background-image: url('../images/backgrounds/mistbornBg.WEBP');
}
#onePiece{
	background-image: url('../images/backgrounds/onePieceBg.webp');
}
#naruto{
	background-image: url('../images/backgrounds/narutoBg.WEBP');
}
#horizon{
	background-image: url('../images/backgrounds/horizonBg.WEBP');
}
#dune{
	background-image: url('../images/backgrounds/duneBg.WEBP');
	background-position: 0% 0%;
}
#darkEye{
	background-image: url('../images/backgrounds/darkEye.WEBP');
	background-position: 0% 0%;
}
#lolNames{
	background-image: url('../images/backgrounds/lolBg.WEBP');
}
#grishaverse{
	background-image: url('../images/backgrounds/grishaverseBg.webp');
}
#monsterHunter{
	background-image: url('../images/backgrounds/mhBg.WEBP');
}
#Fallout{
	background-image: url('../images/backgrounds/falloutBg.WEBP');
}
#hellaverse{
	background-image: url('../images/backgrounds/hazbinLarge.WEBP');
}
#jujutsuKaisen{
	background-image: url('../images/backgrounds/jjk.webp');
}
#daggerheart{
	background-image: url('../images/backgrounds/daggerheart.WEBP');
}

.gameSection, .gameSectionMain, .genSection{
	background-image: none;
	float: left;
	height: auto;
	margin: 0 0;
	padding: 0;
	width: 100%;
		max-width: 2500px;
}
.gameSection, .genSection{
    border-top: 7px solid #071a3a;
}
@media (min-width:2500px){
	.gameSectionMain{
		box-shadow: 0px 0px 5px 0px #000;
		-o-box-shadow: 0px 0px 5px 0px #000;
		-webkit-box-shadow: 0px 0px 5px 0px #000;
		-moz-box-shadow: 0px 0px 5px 0px #000;
	}
}
@media (min-width:1960px){
	.navmenu{
		font-size: 95%;
	}
	#menucontainer ul li a{
		height: auto!important;
	}
	#menucontainer ul ul{
		margin-top: 0px!important;
	}

}
@media (max-device-width: 600px){
	.gameRaceWow, .gameRaceLotro, .gameRaceRift, .gameRaceGW, .gameRaceSw, .gameRaceSwNew, .gameRaceGot, .gameRaceHalo, .gameRace, .gameRaceStarTrek{
		font-size: 1.0em;
		min-height: 55px;
		padding: 5px 0;
	}
	#mobMenu td{
		float: left;
		font-size: 130%;
		height: 50px;
		line-height: 2;
		margin: 0;
		padding: 0;
		width: 50%;
	}
	#navSearch{
		margin: 15px 5px -20px 0;
		width: 100%
			max-width: 300px;
	}
	#generators ul{
		width: 100%!important;
	}
	#generators ul li{
		font-size: 120%;
		min-height: 55px;
		padding: 10px 5%;
		width: 40%!important;
	}
	#nameGen{
		border-radius: 0;
		font-size: 180%;
	}
}
.navmenu .red{
	color: white;
}