html, body, div, span, applet, object, iframe,
h1,h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
#special {overflow:hidden; width:100%; height:250px;}
h2{font-size:1.5vw; padding-bottom:10px; text-decoration: underline;}  
h1{font-size:2vw; padding-bottom:10px; text-decoration: underline;} 
li { list-style-type: none; display: inline-block; vertical-align: top;}
a:link, a:visited, a:active, a:hover {color: #000000; text-decoration: none; font-family: verdana; font-size: 1vw;}
a:hover {color: #FF232E;}
img:hover {outline: 4px solid white;}
img {border: solid 1px #000000; margin-bottom:3px; }
.footer {padding-left:14%;}
.clear {clear: both;}
.none img { 
   border: none;
   img:hover border:none; outline:0;}
.sitename {
	position:absolute;
    top: 5px;
    padding-left:20px;
	z-index: 2;
    width:38%;
}
img {
	max-width: 100% ;
	width: auto ;
	height: auto ;
}
body {
	font-family: Arial, Helvetica, sans-serif ;
    color: #000 ;
    background-color:#D9D9D9; 
    text-align:center;
    font-size:1vw;
}
.adultfun li {width:32%; padding:5px 0.3% 5px 0.3%;}
.gamewrapper {height:430px; width:95%; margin:auto; overflow:hidden;padding-top:10px;}
.undergames li {width:15%; padding:5px 0.6% 5px 0.6%;}
.gamesright li {width:40%; padding:5px 3% 5px 3%;}
.topgames li {width:32%; padding-top: 5px;}
.topgames a:link, .topgames a:visited, .topgames a:active, .topgames a:hover {font-size: 1.3vw;}
.top li {width:30%; padding-top: 5px;}
.top a:link, .top a:visited, .top a:active,.top a:hover {font-size: 1.5vw;}
.games li {width:13%; padding:5px 0.3% 5px 0.3%;}
#container {
	color: inherit ;
}

#outerwrap {
	float: right ;
	width: 85% ;
	color: inherit ;
}

#leftcol {
	float: right ;
	width: 15% ;
}

#content {
	float: left ;
	width: 70% ;
    padding-top:27px;
}

#rightcol {
	float: left ;
	width: 30% ;
}

#mainleft {
	float: left ;
	width: 18% ;
}

#maincontent {
	float: right ;
	width: 82% ;
    padding-top:27px;
}

#leftcolblock li { list-style-type: none; display: block; padding-bottom:6px;}
.contentblock, #leftcolblock, #rightcolblock {
  border-radius: 15px;
  border: 2px solid #000000;
  padding:10px;
  margin:8px;
  background: #BDE9FF;
}
/* change tablet/ mobile
@media all and (max-width: 1026px) and (min-width: 681px) {
} */
@media only screen and (max-width: 680px) {
	#leftcol {
		float: none ;
		width: 100% ;
	}

	#content {
		float: none ;
		width: 100% ;
	}

	#rightcol {
		float: none ;
		width: 100% ;
	}
	#outerwrap {
		float: none ;
		width: 100% ;
	}
    	
    #mainleft {
		float: none ;
		width: 100% ;
	}
	#maincontent {
		float: none ;
		width: 100% ;
	}
.games li {width:22%; padding:5px 1% 5px 1%;}
.adultfun li {width:90%; padding:5px 2.2% 5px 2.2%;}    
.top a:link, a:visited, a:active, a:hover {font-size:12px;}
.top li {width:23%; padding:3px 0.2% 3px 0.2%;}
a:link, a:visited, a:active, a:hover {font-size:12px;}
.footer {width:99%; padding-left:1px;}
h2,h1{font-size:5vw;} 
.sitename {width:90%;} 
.gamesright li {width:18%; padding:5px 3% 5px 3%;}
.topgames a:link, a:visited, a:active, a:hover {font-size:12px;}
body {font-size:12px;}
.adultfun li {width:30%; padding:5px 1% 5px 1%;}
.gamewrapper {height:250px;}
}