body {
background: #101D47; 

	border: 0;
	margin: 0; 
	padding: 0; 
}
.expand, .expandPop, .border25, .addthis_button_google{
	display: none;
}
.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;
}
#randomGen{
	background-color: transparent;
    border: none;
	border-bottom: 1px dashed #ff9900;
    color: #ff9900;
    cursor: pointer;
    font-size: 110%;
    height: 45px;
    margin: 0;
    padding: 4px 0 4px;
    width: 100%;
    text-shadow: 0px 0px 5px #000000;
}
.sticky {
  position: fixed;
  right: 0;
  top: 0;
}
a{
	color: #ff9900;
	text-decoration: none;
}
#result{
	color: black;
}
h1 .langFlag img{
	margin-bottom: 1px;
}
.townList{
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 20%;
}
.townList li{
	height: 40px;
}
.townList li a{
	color: #ffffff;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif
}
.enFlag{
	margin-left: 15px;
}
a img{
	border: 0;
}
#submitArt p{
	padding: 0 5px;
}
h1{
	color: #FF9900;
	text-shadow: 0px 0px 5px #000000;
}
#nameGen input{
cursor: pointer;
}
#nameGen input{
	margin-top: 20px;
}

.namGenSug tr{
	float: left;
	margin-bottom: 10px;
	padding: 0 2%;
	width: 46%;
}
.namGenSug tr td{
	float: left;
	width: 100%!important;
}
#nameSubs tr{
	float: left;
	margin-bottom: 2px;
	min-height: 50px;
	width: 25%;
}

#nameSubs tr td{
	float: left;
	width: 95%;
}
.cc_container{
background: #2A347D!important;
}
.cc_container a{
color: #ff9900!important;
}
.cc_container .cc_btn{
color: #ffffff!important;
background-color: #ff9900!important;
}

#contentdiv{
	color: white!important;
}

#banner{
	background: url('../images/backgrounds/newbanner.png');
	background-repeat: no-repeat;
	background-position: 50% 200px;
	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: 500px; 
	margin: 0 auto; 
	padding: 0;
	width: 100%;
}
#rightContent{
	float: right;
	margin: 20px 25px 0 0;
	width: 400px;
}
#navSearch .gsc-search-button input{
	color: #ff9900;
	padding: 6px 15px;
}
#navSearch .gsc-search-button{
    background-color: #0c1f4e;
}
#navSearch {
    margin: 12px auto 0;
    padding: 0;
    position: relative;
	text-align: center;
    width: 250px;
    z-index: 999;
}
#navSearch .gsc-control-cse{
	background-color: transparent!important;
	border: none!important;
	padding: 0;
}
#mobMenu, #longerBanner4{
	display: none;
}
#navContainer{
	background-color: #101D47;
	height: 85px;
	margin-top: -300px;
}
.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', 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', cursive;
	font-size: 110%;
    margin: 10px 0 0;
	width: 100%;
}
/*.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{
	display: none;
	margin: 0;
	width: 30%;
}
.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);
	position: absolute;
	width: auto;
		max-width: 10%;
}
.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;
	}
}


#shareBtns{
	border: 1px solid #ff9900;
	border-radius: 5px;
	float: right;
	margin: 25px 2% 0 0;
	padding: 10px 0 5px;
	width: 336px;
}
#shareBtns h2, #shareGen p{
	color: #FF9900;
	float: left;
	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{
	float: right;
	padding: 0 0 15px 0;
	text-align: center;
	width: 400px;
}
#shareGen{
	border-bottom: 1px dashed #ff9900;
	font-size: 115%;
}
#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{
	border-radius: 5px;
	box-shadow: 0px 0px 15px 0px #000;
	-o-box-shadow: 0px 0px 15px 0px #000;
	-webkit-box-shadow: 0px 0px 15px 0px #000;
	-moz-box-shadow: 0px 0px 15px 0px #000;
	color: #0F3380;
	float: right;
	font-weight: bold;
	margin: 15px 2% 0 0;
	padding: 0 0 5px;
	width: 336px;
}
#latestGen a{
	color: #E0491B;
	font-weight: normal;
	margin: 0 5px;
}
#latestGen a:active, #latestGen a:visited{
	color: #E0491B;
}
.latestGen{
	font-size: 1.2em;
	margin: 5px;
}

#sideimages{
	margin-right: 20px;
}
#sideimage{
	background: url('../images/backgrounds/noAdSquares.png');
	background-repeat: no-repeat;
	background-position: 50%;
	height: 250px;
	float: right;
	margin: 25px 25px 2% 0;
	padding: 0;
	position: relative;
	width: 300px;
	z-index: 1;
}
#sideimageLarge{
	background: url('../images/backgrounds/noAdSquares.png');
	background-repeat: no-repeat;
	background-position: 50% 0%;
	height: 300px;
	float: right;
	margin: 30px 0 0 0;
	padding: 0;
	position: relative;
	width: 400px;
	z-index: 1;
}

#fullcontent{
	background-image: url('../images/backgrounds/newStar.png');
	background-position: 50% 85px;
	background-repeat: repeat-x;
	overflow: hidden;
	width: 100%;
}
#contentcontainer{
	border: 0;
	padding: 0;
	width: 100%;
}
#content{
	border: 0;
	font-size: 1em;
	margin: 0 auto;
	padding: 0;
	width: 100%;
		max-width: 2500px;
}
#maincontent{
	box-shadow: 0px 0px 15px 0px #000;
	-o-box-shadow: 0px 0px 15px 0px #000;
	-webkit-box-shadow: 0px 0px 15px 0px #000;
	-moz-box-shadow: 0px 0px 15px 0px #000;
	border-radius: 5px;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	height: auto;
		min-height: 350px;
	float: left;
	margin: 20px 0 15px 2%;
	padding: 0 10px;
	width: 63%;
}
#guideIntro{
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	padding: 25px 0 0 35px;
	width: 63%;
}
#contentdiv{
	border-radius: 5px;
	float: left;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	height: auto;
	margin: 15px 0 0 2%;
	width: 70%;
	max-width: 2500px;
}
#contentdiv h2, #contentdiv h1, #contentdiv h3{
	font-family: 'Ribeye', cursive;
	color: #ff9900;
	padding: 0;
	text-shadow: 0px 0px 5px #000000;
}
#contentdiv p{
	color: white;
	margin-right: 10px;
}
#contentdiv h1{
	font-size: 1.3em;
}
#contentdiv h2{
	font-size: 1.2em;
}
#contentdiv h3{
	font-size: 1.1em;
	margin-top: 25px;
}
#holidays, #holidays2, #holidays3{
	border-radius: 5px;
	box-shadow: 0px 0px 15px 0px #000;
	-o-box-shadow: 0px 0px 15px 0px #000;
	-webkit-box-shadow: 0px 0px 15px 0px #000;
	-moz-box-shadow: 0px 0px 15px 0px #000;
	color: #0F3380;
	float: left;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 150%;
	font-weight: bold;
	height: auto;
	margin: 0 0 2% 2%;
	padding: 0 10px;
	text-align: center;
	width: 63%;
}

.wanted{
	border-radius: 5px;
	box-shadow: 0px 0px 15px 0px #000;
	-o-box-shadow: 0px 0px 15px 0px #000;
	-webkit-box-shadow: 0px 0px 15px 0px #000;
	-moz-box-shadow: 0px 0px 15px 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: 1px dashed #ff9000;
	float: left;
	margin: 15px 0;
	width: 100%;
}

#generators{
	float: left;
	width: 100%;
}
#generators ul{
	float: left;
	list-style-type: none;
	margin: 10px 0;
	padding: 0;
	text-align: center;
	width: 20%;
}
.genTitle{
	color: #ff9000;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	margin: 5px 0 0 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{
	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-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.65);
	-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.65);
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.65);
	overflow: hidden;
	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;
}
#longerBanner{
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	clear: both;
	display: none;
	height: auto;
		max-height: 90px;
	margin: 20px auto 0;
	position: relative;
	width: 728px;
	z-index: 1;
}
#longBanner, #longerBanner2, #longerBanner3, #longerBanner4{
	background-image: url('../images/backgrounds/noAdLong.png');
	background-position: 50% 0;
	background-repeat: no-repeat;
	clear: both;
	height: auto;
	margin: 0 auto;
		max-height: 90px;
	text-align: center;
	position: relative;
	z-index: 1;
}
#longBanner{
	background-image: none;
	margin: 0 auto 0;
}

#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.8125em;
	font-weight: normal;
	margin: 0;
	padding: 5px;
	text-align: center;
}
#radioChoice{
	border: 1px solid #ff9900;
	border-radius: 5px;
	box-shadow: 0px 0px 15px 0px #000;
	-o-box-shadow: 0px 0px 15px 0px #000;
	-webkit-box-shadow: 0px 0px 15px 0px #000;
	-moz-box-shadow: 0px 0px 15px 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;
	box-shadow: 0px 0px 15px 0px #000;
	-o-box-shadow: 0px 0px 15px 0px #000;
	-webkit-box-shadow: 0px 0px 15px 0px #000;
	-moz-box-shadow: 0px 0px 15px 0px #000;
	float: left;
	font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;
	font-size: 1.75em;
	font-weight: bold;
	margin: 10px 0 25px 0;
	padding: 10px 0;
	text-align: center;
	width: 100%;
}
#nameGenLarge{
	font-size: 1.375em;
	margin: 10px 0 25px;
	padding: 20px 0;
	text-align: left;
	width: 100%;
		max-width: 2500px;
}
#nameGen input, #nameGenLarge input{
	background: rgb(3,31,76);
	border: 1px solid #FF9900;
	border-radius: 4px;
	color: #FF9900;
	font-size: 0.7em;
	font-weight: normal;
	margin: 0 auto;
}
#placeholder{
	padding: 0 20px;
}

.red{
	color: #E0491B;
	font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;
}
#weaponNames, #armorNames, #petNames{
	background: none;
}
.gameSection, .gameSectionMain{
	background: #0a2357; /* Old browsers */
	background: -moz-linear-gradient(top,  #0a2357 0%, #031033 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a2357), color-stop(100%,#031033)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0a2357 0%,#031033 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0a2357 0%,#031033 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0a2357 0%,#031033 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0a2357 0%,#031033 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a2357', endColorstr='#031033',GradientType=0 ); /* IE6-9 */
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.65);
	-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.65);
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.65);
	float: left;
	height: auto;
	margin: 20px 0 0;
	padding: 10px 0 15px;
	width: 100%;
		max-width: 2500px;
}
.genSection{
	float: left;
	height: auto;
	margin: 20px 0 10px 2%;
	padding: 0;
	width: 70%;
		max-width: 2500px;
}
.genSection a, .genSection a:active{
	color: #FF9900;
}
.genSection a:hover{
	color: #7E98FF;
}
.gameInner{
	clear: both;
	float: left;
	height: auto;
	margin: 0 auto;
	width: 100%;
}
.innerWoW{
	margin: 0;
	overflow: hidden;
}
#pandarenBox{
	float: right !important;
	margin: -11% 4%;
}
.gameTitleContainer{
	height: 50px;
	margin: 0;
	padding: 0 0 30px;
	width: 100%;
}
.gameTitle{
	margin: 0 auto;
	text-align: center;
	width: 100%;
}
.gameTitle img{
	margin-bottom: -15px;
}
.titleGame{
	color: #ff9000;
	font-family: 'Ribeye', cursive;
	font-size: 1.3125em;
	font-weight: bold;
	margin: 13px 0 0 5px;
	text-shadow: 0px 0px 5px #000000;
}
.gameTitle a{
	color: #ff9000;
	font-family: 'Ribeye', cursive;
}
.gameIcon{
	background-color: #020526;
	border-radius: 3px;
	box-shadow: 0px 0px 15px 0px #000;
	-o-box-shadow: 0px 0px 15px 0px #000;
	-webkit-box-shadow: 0px 0px 15px 0px #000;
	-moz-box-shadow: 0px 0px 15px 0px #000;
	float: left;
	margin: 0 3%;
	width: 4%;
}
.gameIconLarge{
	border-radius: 3px;
	box-shadow: 0px 0px 15px 0px #000;
	-o-box-shadow: 0px 0px 15px 0px #000;
	-webkit-box-shadow: 0px 0px 15px 0px #000;
	-moz-box-shadow: 0px 0px 15px 0px #000;
	float: left;
	height: 90px;
	margin: 20px 2.5% 0;
	overflow: hidden;
	width: 19.5%;
}
.gameIconLarge img{
	height: 100%;
	width: 100%;
}
.gameInner img, .gameInnerSw img{
	border-radius: 3px;
	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{
	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, .gameRaceGot a, .gameRaceSwNew a{
	color: #ffffff;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.gameInnerSw{
	height: auto;
	margin: 0 auto;
	width: 100%;
}
.gameTitleSw, .gameTitleSwNew{
	height: 50px;
	margin: 2px 0 4px 8px;
	width: 100%;
}
.gameIconSw, .gameIconSwNew, .gameIconGot, .gameIconHalo, .gameIconStarTrek{
	background-color: #020526;
	border-radius: 3px;
	box-shadow: 0px 0px 15px 0px #000;
	-o-box-shadow: 0px 0px 15px 0px #000;
	-webkit-box-shadow: 0px 0px 15px 0px #000;
	-moz-box-shadow: 0px 0px 15px 0px #000;
	float: left;
	margin: 0 3%;
	width: 5.1%;
}
.gameIconSwNew, .gameRaceSwNew{
	margin: 0 2.5%;
	width: 4%;
}
.gameRaceSwNew{
	margin: 2px 2.5% 10px;
}
.gameIconHalo, .gameIconStarTrek{
	margin: 0 4%;
	overflow: hidden;
	width: 6.2%;
}

.gameRaceHalo, .gameRaceStarTrek{
	float: left;
	height: auto;
	margin: 2px 4% 10px;
	overflow: hidden;
	text-align: center;
	width: 6.2%;
}

.gameIconGot{
	margin: 0 3%;
	width: 6.5%;
}

.gameRaceGot{
	float: left;
	height: auto;
	margin: 2px 3% 10px;
	text-align: center;
	width: 6.5%;
}


.gameIconRift{
	background-color: #020526;
	border-radius: 3px;
	box-shadow: 0px 0px 15px 0px #000;
	-o-box-shadow: 0px 0px 15px 0px #000;
	-webkit-box-shadow: 0px 0px 15px 0px #000;
	-moz-box-shadow: 0px 0px 15px 0px #000;
	float: left;
	margin: 0 4%;
	overflow: hidden;
	width: 8.6%;
}
.gameRaceRift{
	float: left;
	height: auto;
	margin: 2px 4% 10px;
	text-align: center;
	width: 8.6%;
}
.gameIconWow{
	background-color: #020526;
	border-radius: 3px;
	box-shadow: 0px 0px 15px 0px #000;
	-o-box-shadow: 0px 0px 15px 0px #000;
	-webkit-box-shadow: 0px 0px 15px 0px #000;
	-moz-box-shadow: 0px 0px 15px 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, .gameRaceHalo a, .gameRaceHalo span,  .gameRaceStarTrek a, .gameRaceStarTrek span, .gameRaceThree a{
	color: #ffffff;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}


.gameIconGW{
	background-color: #020526;
	border-radius: 3px;
	box-shadow: 0px 0px 15px 0px #000;
	-o-box-shadow: 0px 0px 15px 0px #000;
	-webkit-box-shadow: 0px 0px 15px 0px #000;
	-moz-box-shadow: 0px 0px 15px 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;
	border-radius: 3px;
	box-shadow: 0px 0px 15px 0px #000;
	-o-box-shadow: 0px 0px 15px 0px #000;
	-webkit-box-shadow: 0px 0px 15px 0px #000;
	-moz-box-shadow: 0px 0px 15px 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;
	border-radius: 3px;
	box-shadow: 0px 0px 15px 0px #000;
	-o-box-shadow: 0px 0px 15px 0px #000;
	-webkit-box-shadow: 0px 0px 15px 0px #000;
	-moz-box-shadow: 0px 0px 15px 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{
	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.8125em;
	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.0625em;
	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 25px;
	text-align: center;
	width: 100%;
}
#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: 100%;
}
.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;
}

#nameSaves, #nameEdits{
	float: left;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	min-height: 50px;
	margin: 20px 0 10px 2%;
	width: 96%;
}
.saveTitle, .removedNames{
	color: #ff9900;
	display: block;
	font-size: 110%;
	margin: 10px;
}
.savedName, .removedName, #svRadios, .svName, .rmvName, .removedNames{
	color: white;
}
.svdNmSct{
	float: left;
	width: 50%
}
#removedNames{
	float: left;
	width: 100%
}
#saveTitle{
	color: white;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 125%;
	margin: 0;
	text-align: center;
	width: 100%;
}
#svInfo{
	display: block;
	text-align: center;
	width: 100%;
}
.svButtons{
	background: none;
	border: 1px solid #ff9900;
	color: #ff9900;
	padding: 5px;
}
#svButtons, #svRadios{
	margin: 7px 0;
	text-align: center;
}
@media (max-width: 464px){
	.gameSectionMain{
		margin-top: 35px !important;
	}
}

@media (max-width: 480px) { /* smartphones, iPhone, portrait 480x320 phones */ 
	body{
		overflow-x: hidden;
	}
	#result{
		color: black!important;
	}
	.hideDesk{
		display: block;
	}
	#contentdiv{
		padding-bottom: 15px;
		margin-top: 45px;
	}
	.townList li{
		height: 100px;
	}
	.hideMob, #navSearch .langFlag, #submitArt{
		display: none;
	}
	#navContainer{
		margin-top: 0px;
	}
	#submitArt{
		margin-left: 0px;
	}
	#nameGen, .gameSection, #nameGenLarge{
		background-image: none!important;
	}
	#nameGen, #nameGenLarge{
		background-color: #ffffff;
	}
	#longerBanner4, #longerBanner{
		display: block !important;
		text-align: left;
	}
	#longBanner{
		text-align: left;
	}
	#navSearch{
		margin: 105px auto 0;
		width: 150px;
	}
	#navSearch .gsc-search-button input{
		padding: 6px 5px;
	}
	#radioChoice{
		margin-left: 0;
	}
	#content{
		font-size: 1.1em;
	}
	.genSection{
		margin: 0 auto;
	}
	#rightContent{
		float: left;
		margin: 40px 0 15px;
		width: 100%;
	}
	#randomGen{
		border-bottom: none;
	}
	.gameSection img, .gameIconWep, .gameIconWow, .gameIconRift, .gameIcon, .gameIconLarge, .gameIconSw, .gameIconSwNew, .gameIconLotro, 
	.gameIconPet, .gameIconGW, #latestGen, #sideimage, #holidays, #holidays2, .red, #sideimageLarge, #longerBanner3, .gameIconRift, .gameIconGot, .gameIconHalo, .gameIconStarTrek, #navmenus{
		display: none;
	}
	#fullcontent, #longerBanner2, #banner, #longerBanner4{
		background: none;
	}
	#longerBanner4, #longBanner, #content, #contentdiv, .genSection, .gameSection, .gameSectionMain, #banner, .genList, #footercontainer, #footerWidth, #generators, #mobMenu, #maincontent, #guideIntro, #nameGen, #submitArt, #nameGenLarge, #shareGenLarge, #longerBanner, #radioChoice{
		width: 100%!important;
			max-width: 465px;
			min-width: 320px;
	}
	#submitArtLarge{
		height: auto;
	}
	#shareGenLarge{
		margin-top: 0;
	}
	#mobMenu{
		border-bottom: 1px solid black;
		display: block;
		font-size: 1em;
		float: left;
		margin: 0 auto;
		position: relative;
		text-align: center;
		width: 99%;
		z-index: 9999;
	}
	#mobMenu a{
		color: #ff9900;
	}
	#mobMenu td{
		height: 30px;
		width: 50%;
		font-size: 120%;
		padding: 0;
		float: left;
	}
	#shareBtns, #shareGen{
		border-bottom: none;
		float: left;
		margin: 0 !important;
		text-align: center;
		width: 99.5%;
	}
	#shareBtns h2{
		float: none;
	}
	#nameGen{
		font-size: 1.8em;
		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;
		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;
	}
	.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%;
	}
	.gameRaceStarTrek{
		min-height: 40px;
		width: 17%;
	}
	.gameRaceGW, .gameRace{
		margin: 2px 0 !important;
		min-height: 35px;
		width: 20%;
	}
	.gameRaceSw, .gameRaceSwNew{
		min-height: 35px;
		width: 27%;
	}
	.gameRaceLotro{
		margin: 0 !important;
		width: 25%;
	}
	.gameRaceRift{
		min-height: 35px;
		width: 25%;
	}
	.gameRaceHalo{
		width: 42%;
	}
	.gameRaceGot{
		min-height: 35px;
		width: 19%;
	}
	#weaponNames .gameRaceWow{
		margin: 0 !important;
		width: 14%;
	}
	#generators ul li{
		font-size: 0.9em;
		height: 65px;
	}
	.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{
		display: block !important;
	}
	#content{
		font-size: 1.1em;
	}
	.genSection{
		margin: 0 auto;
	}
	#rightContent{
		float: left;
		margin: 40px 0 15px;
		width: 100%;
	}
	#randomGen{
		border-bottom: none;
	}
	#navSearch{
		margin: 15px auto 0;
	}
	.townList li{
		height: 80px;
	}
	#contentdiv{
		padding-bottom: 15px;
	}
	.hideDesk{
		display: block;
	}
	.hideMob{
		display: none;
	}
	#navContainer{
		height: auto;
		overflow: hidden;
	}
	#pandarenBox{
		float: none!important;
		margin-left: 0 auto!important;
		width: 12%!important;
	}
	#submitArt{
		margin-left: 0px;
	}
	#longBanner{
		background-image: none;
		text-align: left;
	}
	#radioChoice{
		margin-left: 0;
	}
	#longerBanner{
		background: none;
		box-shadow: none;
		-webkit-box-shadow: none;
		display: block;
	}
	#latestGen, #sideimage, #holidays, #holidays2, .red, #sideimageLarge, #longerBanner3, #navmenus{
		display: none;
	}
	#longerBanner2, #longerBanner4{
		background: none;
		text-align: left;
	}
	#content, #contentdiv, .genSection, .gameSection, .gameSectionMain, #banner, .genList, #footercontainer, #footerWidth, #generators, 
	#mobMenu, #maincontent, #guideIntro, #nameGen, #submitArt, #nameGenLarge, #shareGenLarge, #longerBanner, #radioChoice{
		width: 100%!important;
			max-width: 730px;
			min-width: 455px;
	}
	#submitArtLarge{
		height: auto;
	}
	#shareGenLarge{
		margin-top: 0;
	}
	#mobMenu{
		border-bottom: 1px solid black;
		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: 25px;
	}
	#mobMenu a{
		color: #ff9900;
	}
	#shareBtns, #shareGen{
		float: left;
		margin: 0 !important;
		text-align: center;
		width: 99.5%;
	}
	#shareGen{
		border-bottom: none;
	}
	#shareBtns h2{
		float: none;
	}
	.genSection{
		margin: 0;
	}
	#nameGen{
		font-size: 1.5em;
		margin: 10px 0 25px;
	}
	#banner, #bannercontainer{
		height: 500px;
	}
	.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;
		margin-bottom: 5px !important;
	}
	.gameTitle{
		margin: 0 auto 15px;
		width: 95%;
	}
	.gameInner{
		font-size: 0.9em;
		margin: 1px 0 !important;
		overflow: hidden;
		padding: 0;
		width: 100% !important;
	}
	.gameIcon{
		margin: 0 0.5%;
		overflow: hidden;
		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;
		overflow: hidden;
		width: 12.5%;
	}
	.gameRaceRift{
		margin: 0 1.8% !important;
		width: 12.5%;
	}
	.gameIconRift{
		margin: 0 1.8% !important;
		overflow: hidden;
		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;
	}
	.gameIconGW{
		margin: 0 0.5% !important;
		overflow: hidden;
		width: 19%;
	}
	.gameRaceGW{
		margin: 2px 0 !important;
		width: 20%;
	}
	.gameIconSw{
		margin: 0 0.5%;
		overflow: hidden;
		width: 10%;
	}
	.gameIconSwNew{
		margin: 0 0.5%;
		overflow: hidden;
		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%;
		overflow: hidden;
		width: 12%;
	}
	.gameRaceGot{
		font-size: 0.75em;
		margin: 0 0.2%;
		width: 12%;
	}
	.gameIconHalo, .gameIconStarTrek{
		margin: 0 1.1%;
		overflow: hidden;
		width: 12%;
	}
	.gameRaceHalo, .gameRaceStarTrek{
		font-size: 0.75em;
		margin: 0 1.1%;
		width: 12%;
	}
	.gameIconLotro{
		height: auto;
		margin: 0 0.5% !important;
		overflow: hidden;
		width: 24%;
	}
	.gameRaceLotro{
		margin: 0 !important;
		width: 25%;
	}
	.gameIconWep{
		height: auto;
		margin: 0 1%;
		overflow: hidden;
		width: 10%;
	}
	.gameIconWep img, .gameIconGW img, .gameIconLotro img{
		width: 100%;
	}
	.gameRaceWep{
		margin: 0 1% !important;
		width: 10%;
	}
	#generators ul li{
		font-size: 0.9em;
		height: 50px;
	}
	.navmenu li ul{
		display: none !important;
	}	
}

@media (min-width:731px) and (max-width: 980px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
	body{
		overflow-x: hidden;
	}
	#longerBanner4{
		display: block !important;
	}
	#contentdiv{
		padding-bottom: 15px;
	}
	#contentdiv p{
		padding-right: 3%;
	}
	.townList li{
		height: 45px;
	}
	#navSearch{
		margin: 15px auto 0;
	}
	#navContainer{
		height: 235px;
	}
	#submitArt{
		margin-left: 0px;
	}
	.hideDesk{
		display: block;
	}
	.hideMob{
		display: none;
	}
	#longBanner{
		background-image: url('../images/backgrounds/noAdLong.png');
	}
	#radioChoice{
font-size: 95%;
		margin-left: 0;
	}
	#longerBanner{
		background: none;
		box-shadow: none;
		-webkit-box-shadow: none;
		display: block;
	}
	.genSection{
		margin: 0;
	}
	#sideimage, #holidays, #holidays2, .red, #sideimageLarge, #longerBanner3, #navmenus{
		display: none;
	}
	#latestGen{
		height: 90px;
		float: left;
		margin: 0 0 15px 5px;
		overflow: hidden;
		width: 48%;
	}
	#longerBanner2, #longerBanner4{
		background: none;
	}
	#content, #contentdiv, .genSection, .gameSection, .gameSectionMain, #banner, .genList, #footercontainer, #footerWidth, #generators, 
	#mobMenu, #maincontent, #guideIntro, #nameGen, #submitArt, #nameGenLarge, #shareGenLarge, #longerBanner, #radioChoice{
		width: 100%!important;
			max-width: 980px;
			min-width: 720px;
	}
	#rightContent{
		margin: 25px 0 0 0;
		width: 100%;
	}
	#submitArtLarge{
		height: auto;
	}
	#shareGenLarge{
		margin-top: 0;
	}
	#mobMenu{
		border-bottom: 1px solid black;
		display: block;
		float: left;
		font-size: 1em;
		font-weight: bold;
		margin: 0 auto 0;
		text-align: center;
		width: 100%;
	}
	#mobMenu td{
		width: 11.8%;
		height: 25px;
	}
	#mobMenu a{
		color: #ff9900;
	}
	#shareBtns, #shareGen{
		float: right;
		height: 93px;
		margin: 0 5px 0 0 !important;
		text-align: center;
		width: 49%;
	}
	#shareGen{
		width: 99%;
	}
	#shareBtns h2{
		float: none;
	}
	#nameGen{
		font-size: 1.5em;
		margin: 10px 0 25px;
	}
	#banner, #bannercontainer{
		height: 500px;
	}
	.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;
		margin-bottom: 5px !important;
	}
	.gameTitle{
		margin: 0 auto 15px;
		width: 95%;
	}
	.gameInner{
		overflow: hidden;
		padding: 0;
	}
	.gameIcon{
		margin: 0 0.5%;
		overflow: hidden;
		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;
		overflow: hidden;
		width: 100% !important;
	}
	#pandarenBox{
		float: none !important;
		margin: 0 auto!important;
		width: 100px !important;
	}
	.gameIconGW{
		margin: 0 0.5% !important;
		overflow: hidden;
		width: 19%;
	}
	.gameRaceGW{
		margin: 2px 0 !important;
		width: 20%;
	}
	.gameIconSw{
		margin: 0 0.5%;
		overflow: hidden;
		width: 10%;
	}
	.gameRaceSw{
		margin: 0 0.5%;
		width: 10%;
	}
	.gameIconSwNew{
		margin: 0 0.5%;
		overflow: hidden;
		width: 8%;
	}
	.gameRaceSwNew{
		font-size: 85%;
		margin: 0 0.5%;
		width: 8%;
	}
	.gameIconGot{
		margin: 0 0.2%;
		overflow: hidden;
		width: 12%;
	}
	.gameRaceGot{
		margin: 0 0.2%;
		width: 12%;
	}
	.gameIconHalo, .gameIconStarTrek{
		margin: 0 0.5%;
		overflow: hidden;
		width: 13%;
	}
	.gameRaceHalo, .gameRaceStarTrek{
		margin: 0 0.5%;
		width: 13%;
	}
	.gameIconLotro{
		height: auto;
		margin: 0 0.5% !important;
		overflow: hidden;
		width: 24%;
	}
	.gameRaceLotro{
		margin: 0 !important;
		width: 25%;
	}
	.gameIconWep{
		height: auto;
		margin: 0 0.3%;
		overflow: hidden;
		width: 11%;
	}
	.gameIconWep img, .gameIconGW img, .gameIconLotro img, .gameIconPet img, .gameIconWow img, .gameIconRift img{
		width: 100%;
	}
	.gameRaceWep{
		margin: 0 0.3% !important;
		width: 11%;
	}
	#generators ul li{
		font-size: 0.9em;
		height: 40px;
	}
	.navmenu li ul{
		display: none !important;
	}	
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { /* STYLES GO HERE */

	body{
		overflow-x: hidden;
	}
	#longerBanner4{
		display: block !important;
	}
	#sideimage, #holidays, #holidays2, .red, #sideimageLarge, #longerBanner3{
		display: none;
	}
	#longerBanner{
		background: none;
		box-shadow: none;
		-webkit-box-shadow: none;
		display: block;
	}
	#latestGen{
		height: 90px;
		float: left;
		margin: 0 0 15px 5px;
		overflow: hidden;
		width: 48%;
	}
	#longBanner, #longerBanner2, #longerBanner4{
		background: none;
	}
	#content, #contentdiv, .genSection, .gameSection, .gameSectionMain, #banner, .genList, #footercontainer, #footerWidth, #generators, 
	#longerBanner, #longerBanner2, #mobMenu, #maincontent, #guideIntro, #nameGen, #submitArt, #nameGenLarge, #shareGenLarge, #radioChoice, #longerBanner4{
		width: 100%;
			max-width: 989px;
			min-width: 855px;
	}
	#submitArtLarge{
		height: auto;
	}
	#shareGenLarge{
		margin-top: 0;
	}
	#mobMenu{
		display: none !important;
	}
	#mobMenu td{
		width: 21.8%;
		height: 20px;
	}
	#mobMenu a{
		color: #ff9900;
	}
	#shareBtns, #shareGen{
		float: right;
		height: 93px;
		margin: 0 5px 0 0 !important;
		text-align: center;
		width: 49%;
	}
	#shareGen{
		width: 99%;
	}
	#shareBtns h2{
		float: none; 
	}
	#nameGen{
		font-size: 1.5em;
		margin: 10px 0 25px;
	}
	#banner, #bannercontainer{
		height: 500px;
	}
	#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{
		overflow: hidden;
		padding: 0;
	}
	.gameIcon{
		margin: 0 0.5%;
		overflow: hidden;
		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;
		overflow: hidden;
		width: 100% !important;
	}
	#pandarenBox{
		float: none !important;
		margin: 0 auto!important;
		width: 90px !important;
	}
	.gameIconGW{
		height: auto;
		margin: 0 0.5% !important;
		overflow: hidden;
		width: 19%;
	}
	.gameRaceGW{
		margin: 2px 0 !important;
		width: 20%;
	}
	.gameIconSw{
		margin: 0 0.5% !important;
		overflow: hidden;
		width: 10%;
	}
	.gameRaceSw{
		margin: 0 0.5% !important;
		width: 10%;
	}
	.gameIconSwNew{
		margin: 0 0.5% !important;
		overflow: hidden;
		width: 8%;
	}
	.gameRaceSwNew{
		margin: 0 0.5% !important;
		width: 8%;
	}
	.gameIconGot{
		margin: 0 0.2% !important;
		overflow: hidden;
		width: 12%;
	}
	.gameRaceGot{
		margin: 0 0.2% !important;
		width: 12%;
	}
	.gameIconHalo, .gameIconStarTrek{
		margin: 0 1.1% !important;
		overflow: hidden;
		width: 12%;
	}
	.gameRaceHalo, .gameRaceStarTrek{
		margin: 0 1.1% !important;
		width: 12%;
	}
	.gameIconLotro{
		height: auto;
		margin: 0 0.5% !important;
		overflow: hidden;
		width: 24%;
	}
	.gameRaceLotro{
		margin: 0 !important;
		width: 25%;
	}
	.gameIconWep{
		height: auto;
		margin: 0 1%;
		overflow: hidden;
		width: 12%;
	}
	.gameIconWep img, .gameIconGW img, .gameIconLotro img, .gameIconPet img{
		width: 100%;
	}
	.gameRaceWep{
		margin: 0 1% !important;
		width: 12%;
	}
	#generators ul li{
		font-size: 0.9em;
		height: 40px;
	}
	.navmenu li ul{
		display: none !important;
	}	} 
@media (min-width:980px) and (max-width: 1100px) {
	body{
		overflow-x: hidden;
	}
	.navmenu li {
		font-size: 100%;
	}
	#contentdiv{
		margin-bottom: 0;
	}
	#menucontainer ul ul {
		margin-top: -35px!important;
	}
	#holidays, #holidays2, .red, #longerBanner3, #longerBanner4{
		display: none;
	}
	#radioChoice{
		margin-left: 0;
	}
	#sideimage{
		margin-top: -500px;
	}
	#menucontainer ul ul li{
		height: 23px;
	}
	#guideIntro{
		width: 54%;
	}
	#latestGen{
		height: 90px;
		float: left;
		margin: 0 0 15px 5px;
		overflow: hidden;
		width: 48%;
	}
	#longBanner, #longerBanner2, #longerBanner4{
		background: none;
	}
	#content, #contentdiv, .genSection, .gameSection, .gameSectionMain, #banner, .genList, #footercontainer, #footerWidth, #generators, 
	#longerBanner, #longerBanner2, #mobMenu, #submitArt, #nameGenLarge, #shareGenLarge, #radioChoice, #longerBanner4{
		width: 100%;
	}
	#submitArtLarge{
		height: auto;
	}
	#shareGenLarge{
		margin-top: 0;
	}
	#mobMenu{
		display: none !important;
	}
	#mobMenu td{
		width: 21.8%;
		height: 20px;
	}
	#mobMenu a{
		color: #ff9900;
	}
	#shareBtns, #shareGen{
		float: right;
		height: 93px;
		margin: 0 5px 0 0 !important;
		text-align: center;
		width: 49%;
	}
	#shareGen{
		margin-bottom: 15px!important;
		width: 100%;
	}
	#shareBtns h2{
		float: none;
	}
	#nameGen{
		font-size: 1.5em;
	}
	#banner, #bannercontainer{
		height: 500px;
	}
	#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;
		margin-bottom: 5px !important;
	}
	.gameTitle{
		margin: 0 auto 15px;
		width: 95%;
	}
	.gameInner{
		overflow: hidden;
		padding: 10px 0 0;
	}
	.gameIcon{
		margin: 0 0.5%;
		overflow: hidden;
		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;
		overflow: hidden;
		width: 100% !important;
	}
	#pandarenBox{
		float: none !important;
		margin: 0 auto!important;
		width: 90px !important;
	}
	.gameIconGW{
		margin: 0 0.5% !important;
		overflow: hidden;
		width: 19%;
	}
	.gameRaceGW{
		margin: 2px 0 !important;
		width: 20%;
	}
	.gameIconSw{
		margin: 0 0.5% !important;
		overflow: hidden;
		width: 10%;
	}
	.gameRaceSw{
		margin: 0 0.5% !important;
		width: 10%;
	}
	.gameIconSwNew{
		margin: 0 0.5%;
		overflow: hidden;
		width: 8%;
	}
	.gameRaceSwNew{
		font-size: 85%;
		margin: 0 0.5%;
		width: 8%;
	}
	.gameIconGot{
		margin: 0 0.6% !important;
		overflow: hidden;
		width: 11%;
	}
	.gameRaceGot{
		margin: 0 0.6% !important;
		width: 11%;
	}
	.gameIconHalo, .gameIconStarTrek{
		margin: 0 1% !important;
		overflow: hidden;
		width: 12%;
	}
	.gameRaceHalo, .gameRaceStarTrek{
		margin: 0 1% !important;
		width: 12%;
	}
	.gameIconLotro{
		height: auto;
		margin: 0 0.5% !important;
		overflow: hidden;
		width: 24%;
	}
	.gameRaceLotro{
		margin: 0 !important;
		width: 25%;
	}
	.gameIconWep{
		height: auto;
		margin: 0 0.7%;
		overflow: hidden;
	}
	.gameIconWep img, .gameIconGW img, .gameIconLotro img, .gameIconPet img, .gameIconLarge img{
		height: 100%;
		width: 100%;
	}
	.gameRaceWep{
		margin: 0 0.7% !important;
	}
	#generators ul li{
		font-size: 0.9em;
		height: 40px;
	}	
}
#popNames{
	background-image: url('../images/backgrounds/wowBg.jpg');
}
#MtG{
	background-image: url('../images/backgrounds/mtgBg.jpg');
}
#wowPets{
	background-image: url('../images/backgrounds/wowPets.jpg');
}
#Diablo{
	background-image: url('../images/backgrounds/diabloBg.jpg');
}
#guildWars{
	background-image: url('../images/backgrounds/guildWarsBg.jpg');
}
#dndNames{
	background-image: url('../images/backgrounds/dndBg.jpg');
}
#pathfinder{
	background-image: url('../images/backgrounds/pathfinderBg.jpg');
}
#starfinder{
	background-image: url('../images/backgrounds/starfinderBg.jpg');
}
#stargate{
	background-image: url('../images/backgrounds/stargateGensBg.jpg');
}
#MassEffect{
	background-image: url('../images/backgrounds/massEffectBg.jpg');
}
#rift{
	background-image: url('../images/backgrounds/riftBg.jpg');
}
#gotNames{
	background-image: url('../images/backgrounds/gotBg.jpg');
}
#warhammer{
	background-image: url('../images/backgrounds/warhammerBg.jpg');
}
#warhammerFantasy{
	background-image: url('../images/backgrounds/warhammerFantasyBg.jpg');
}
#EVE{
	background-image: url('../images/backgrounds/eveBg.jpg');
}
#finalFantasy{
	background-image: url('../images/backgrounds/ffxivBg.jpg');
}
#lotr{
	background-image: url('../images/backgrounds/lotrBg.jpg');
}
#LOTRO{
	background-image: url('../images/backgrounds/lotroBg.jpg');
}
#halo{
	background-image: url('../images/backgrounds/haloBg.jpg');
}
#starTrek{
	background-image: url('../images/backgrounds/starTrekBg.jpg');
}
#Zelda{
	background-image: url('../images/backgrounds/zeldaBg.jpg');
}
#destiny{
	background-image: url('../images/backgrounds/destinyBg.jpg');
}
#voltron{
	background-image: url('../images/backgrounds/voltronBg.jpg');
}
#fairyTail{
	background-image: url('../images/backgrounds/fairyTailBg.jpg');
}
#theWitcher{
	background-image: url('../images/backgrounds/witcherBg.jpg');
}
#inheritanceCycle{
	background-image: url('../images/backgrounds/inheritanceCycleBg.jpg');
}
#wildstar{
	background-image: url('../images/backgrounds/wildstarBg.jpg');
}
#starWars{
	background-image: url('../images/backgrounds/starWarsBg.jpg');
}
#SWTOR{
	background-image: url('../images/backgrounds/swtorBg.jpg');
}
#drWho{
	background-image: url('../images/backgrounds/drWhoBg.jpg');
}
#harryPotter{
	background-image: url('../images/backgrounds/harryPotterBg.jpg');
}
#DragonAge{
	background-image: url('../images/backgrounds/dragonAgeBg.jpg');
}
#elderScrolls{
	background-image: url('../images/backgrounds/elderScrollsBg.jpg');
}
#narnia{
	background-image: url('../images/backgrounds/narniaBg.jpg');
}
#dragonBall{
	background-image: url('../images/backgrounds/dbBg.jpg');
}
#warcraft{
	background-image: url('../images/backgrounds/warcraftBg.jpg');
}
#minecraft{
	background-image: url('../images/backgrounds/minecraftBgBlue.jpg');
}
#wakfu{
	background-image: url('../images/backgrounds/wakfuBgBlue.jpg');
}
#darkCrystal{
	background-image: url('../images/backgrounds/darkCrystalBgBlue.jpg');
}
#bleach{
	background-image: url('../images/backgrounds/bleachBg.jpg');
}
#dcComics{
	background-image: url('../images/backgrounds/dcComicsBg.jpg');
}
#marvel{
	background-image: url('../images/backgrounds/marvelBg.jpg');
}
#RuneScape{
	background-image: url('../images/backgrounds/runescapeBgBlue.jpg');
}
#Avatar{
	background-image: url('../images/backgrounds/avatarBgBlue.jpg');
}
#hisDarkMaterials{
	background-image: url('../images/backgrounds/hdmBgBlue.jpg');
}
#mistborn{
	background-image: url('../images/backgrounds/mistbornBgBlue.jpg');
}
#naruto{
	background-image: url('../images/backgrounds/narutoBgBlue.jpg');
}
#horizon{
	background-image: url('../images/backgrounds/horizonBgB.jpg');
}
#darkEye{
	background-image: url('../images/backgrounds/darkEyeB.jpg');
}
@media (min-width: 990px) and (max-width: 1100px) {
	.navmenu li{
		font-size: 90%!important;
	}
}
@media (min-width:2500px){
	.gameSectionMain{
		box-shadow: 0px 0px 15px 0px #000;
		-o-box-shadow: 0px 0px 15px 0px #000;
		-webkit-box-shadow: 0px 0px 15px 0px #000;
		-moz-box-shadow: 0px 0px 15px 0px #000;
	}
}
@media (max-width: 1600px){
	#contentdiv, .genSection{
		width: 65%;
	}
}
@media (max-width: 1350px){
	#contentdiv, .genSection{
		width: 62%;
	}
}
@media (max-width: 1280px){
	#contentdiv, .genSection{
		width: 60%;
	}
}
@media(min-width: 980px) and (max-width: 1199px){
	#contentdiv, .genSection{
		width: 53%;
	}
}

@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{
		width: 33%;
	}
	.gameRaceLotro{
		width: 50%;
	}
	.gameRaceRift{
		width: 40%;
	}
	.gameRaceGW{
		width: 33%;
	}
	.gameRaceSw{
		width: 25%;
	}
	.gameRaceSwNew{
		width: 25%;
	}
	.gameRaceGot{
		width: 42%;
	}
	.gameRaceHalo{
		width: 42%;
	}
	.gameRace{
		margin: 2px 0;
		width: 50%;
	}
	.gameRaceStarTrek{
		width: 40%;
	}
	.gameRaceWow, .gameRaceLotro, .gameRaceRift, .gameRaceGW, .gameRaceSw, .gameRaceSwNew, .gameRaceGot, .gameRaceHalo, .gameRace, .gameRaceStarTrek{
		font-size: 150%;
		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 auto -20px;
		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: 130%;
	}
	#submitArt{
		display:none
	}
}
.navmenu .red{
	color: white;
}
