body {
		background:#FAE3FA;	
		color: #1F4578;	
		font-family: Franklin Gothic Medium;
		height: 100%;
		margin-bottom: 0;
		}

	html{height: 100%;}

	h1 {
  		margin-top:5px;
  		margin-bottom:-20px;
		}


	h2 {
  		display: inline;
		}


@media screen and (max-width: 800px) {
    table.right {
        display: none !important;
    }

	#left {
        display: none !important;		}

	#rightgame {
        display: none !important;		}

	#header-pagination {
        display: none !important;		}

	#header-directory {
 	z-index: 5;
	position: relative;
		}




	#right {
                float: right;
		position:relative
		width: 600px;
		
		}

	#outer{
   		min-height: 100%;
    		height: 100%;
    		width: 600px;
		margin-top:140px;
		margin-left:auto;
		margin-right:auto;
		text-align:left;
		}

	#outergame{
    		width: 100% !important;
		margin-top:140px !important;
		}


	#description{
		width: 560px;
		align: left;
		margin-bottom: -10px;
		}


	#menu {
 display: none !important;		}

	#sex-game-playback{
	    		width: 100% !important;
	    		height: 100% !important;


}

	#footer-mobile{

}
}

@media screen and (min-width: 801px) {


	#mobile-menu {
 display: none !important;		}

	#header-directory {
 display: none !important;		}

	#header-pagination	 {
 	z-index: 5;
	position: relative;
	}


    table.right {
	margin-left: -20px;
  }
	#left {
                float: left;
		margin-top: 10px;
		width:180px;
		position:relative
		}

	#right {
                float: right;
		position:relative
		width: 825px;
		
		}

	#outer{
   		min-height: 100%;
    		height: 100%;
    		width: 960px;
		margin-top:30px;
		margin-left:auto;
		margin-right:auto;
		text-align:left;
		}


	#description{
		width: 870px;
		align: left;
	    	margin-left: 5%;
		}

	#menu {
    		position: absolute;
    		top: 0px;
    		left: 50%;
    		margin-left: -450px;
		z-index: 0;
		}

	#footer-mobile{
        display: none !important;		}


}






	#header{
		display: inline-block;
		text-align: center;
		margin-bottom: -25px;

		}

	#footer{
		width:100%;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		position:relative
		margin-top: 20px;
		}

	#links{
		width:860px;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		position:relative
		margin-top: 20px;
		}

	#media{
		float: left;
		width: 680px;
		}

	#rightgame{
		float: left;
		width:130px;

		}


	#left, #right {
		float:left;
		}


	#gametd {
		padding:8px;
		spacing:8px;
		}

	#logo {
		position:absolute;
		right:0px;
		top:0px;
		}

	#tablegame {
		padding:50px;
		spacing:50px;
		width:700px;
		}

	#left-nav {
		margin-left: 0px;
		margin-bottom: 0px;
		}

	img.a468x60 {
		border:10px solid #F7C5F7;
		}


	img.a468x60center {
		border:7px solid #EF160B;
		}

	img.thumb {
		border:3px solid #F7C5F7;
		}


	#girlHD {
    		position: absolute;
    		top: 0px;
    		left: 0;
    		margin-left: 0px;
		z-index: 0;
		}

	#skyscraper{
		border:5px solid #F7C5F7;
		width:170px; 
		height:720px; 
		float: left;
		margin-bottom: 10px;
		}

	#premiumthumb {
		border:3px solid #F7C5F7;
		height:90; 
		width:120px; 
		}

	#social {
		margin-top: 10px;
		margin-bottom: 7px;
		}

.social {
		margin-top: 7px;

}



a {text-decoration: none; color: #CF081D;}

a:visited {text-decoration: none; color: #CF081D;}

a:hover {text-decoration: underline; color: #90204B;}


#desc {
	font-size:13px;
}

h3 {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
	font-size: 14px;
	line-height: 15pt;
	font-family: tahoma;
	display: inline;
}

ul.none {
	margin-top: 0px;
   	margin-left: -20px;
  	margin-bottom: 0px;
	list-style-type:none;
	display: inline;

}

.bborder1 {
	border-width: 3px; 
	border-color: #90204B;
}
.bborder0 {
	border-width: 2px; 
	border-color: #CF081D;
}


#linkbg {
	background-color:#F7C5F7; 
	height:100%; 
	width:500px; 
	border: solid #000000; 
	border-width: thin;
}

#vote {
	overflow: hidden;
}

.current_rating {
	float:left;
}

.current_vote {
	margin-left: 150px;
	overflow: hidden;
}

input[type="text"] {
  display: block;
  margin: 0;
  width: 100%;
  font-family: sans-serif;
  font-size: 18px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
}
input[type="text"]:focus {
  outline: none;
}

.style-1 input[type="text"] {
  padding: 10px;
  border: solid 1px #dcdcdc;
  transition: box-shadow 0.3s, border 0.3s;
}
.style-1 input[type="text"]:focus,
.style-1 input[type="text"].focus {
  border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696;
}


input[type=submit]
{
	border-top:		2px solid #a3ceda;
	border-left:		2px solid #a3ceda;
	border-right:		2px solid #4f6267;
	border-bottom:		2px solid #4f6267;
	padding:		8px 16px !important;
	font-size:		18px !important;
	background-color:	#F7C5F7;
	font-weight:		bold;
	color:			#1F4578;
	margin-right:		20px;
}



/* Screen reader only */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

/* Button styling */
.menu-toggle {
  display: inline-block;
  padding: 2em 15px;
  line-height: 1em;
  font-size: 1em;
  color: #333;
}

.menu-toggle:hover,
.menu-toggle:focus {
  color: #c00;
}

/*
 Default styles + Mobile first
 Offscreen menu style
*/
.main-menu {
  position: absolute;
  display: none;
  left: -200px;
  top: 0;
  height: 100%;
	overflow-y: scroll;
	overflow-x: visible;
	transition: left 0.3s ease,
				      box-shadow 0.3s ease;
	z-index: 999;
}

.main-menu ul {
  list-style: none;
  margin: 0px;
  padding: 2.5em 0 0;
  /* Hide shadow w/ -8px while 'closed' */
  -webkit-box-shadow: -8px 0 8px rgba(247,197,247,.5);
     -moz-box-shadow: -8px 0 8px rgba(247,197,247,.5);
          box-shadow: -8px 0 8px rgba(247,197,247,.5);
  min-height: 100%;
  width: 250px;
  background: #F7C5F7;
}

.main-menu a {
  display: block;
  padding: .75em 15px;
  line-height: 1em;
  font-size: 1.5em;
  color: #CF081D;
  text-decoration: none;
  border-bottom: 1px solid #383838;
}

.main-menu a.menu-close {
  display: block;
  padding: .75em 25px;
  line-height: 1em;
  font-size: 1.5em;
  color: #CF081D;
  text-decoration: none;
  border-bottom: 0px solid #383838;
}


.main-menu li:first-child a {
 border-top: 1px solid #383838;
}

.main-menu a:hover,
.main-menu a:focus {
  background: #FAE3FA;
  text-decoration: underline;
}


.main-menu .menu-close {
  text-decoration: none;
  position: absolute;
  right: 0;
  top: 0;
}

/*
 On small devices, allow it to toggle...
*/
/*
 :target for non-JavaScript
 [aria-expanded] will be used if/when JavaScript is added to improve interaction, though it's completely optional.
*/
.main-menu:target,
.main-menu[aria-expanded="true"] {
  display: block;
  left: 0;
  outline: none;
  -moz-box-shadow: 3px 0 12px rgba(247,197,247,.25);
  -webkit-box-shadow: 3px 0 12px rgba(247,197,247,.25);
  box-shadow: 3px 0 12px rgba(247,197,247,.25);
}

.main-menu:target .menu-close,
.main-menu[aria-expanded="true"] .menu-close {
  z-index: 1001;
}

.main-menu:target ul,
.main-menu[aria-expanded="true"] ul {
  position: relative;
  z-index: 1000;
}

/* 
 We could us `.main-menu:target:after`, but
 it wouldn't be clickable.
*/
.main-menu:target + .backdrop,
.main-menu[aria-expanded="true"] + .backdrop{
  position: absolute;
  display: block;  
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 998;
  background: #F7C5F7;
  background: rgba(250,227,250,.85);
  cursor: default;
}

@supports (position: fixed) {
  .main-menu,
  .main-menu:target + .backdrop,
  .main-menu[aria-expanded="true"] + .backdrop{
    position: fixed;
  }
}


/*
 Demo purposes only
*/
*,
*:before,
*:after {
  box-sizing: border-box;
}

header {
  padding: 0px;
  display: flex;
  align-items: middle;
}


.logo {
	margin-top: -30px;
	margin-left: 25px;
}

.menu-bars {
  font-size: 80px;

}

.menu-close {
  font-size: 80px;
  margin-top: 5px;
}



	#mobile-menu {
    		position: absolute;
    		top: 0px;
    		left: 50%;
    		margin-left: -290px;
    		margin-top: 30px;
		z-index: 5;
		}


.sextags {
  border:2px solid #F7C5F7;
  background-color: inherit;
  padding: 3px 7px;
  margin: 2px;
  font-size: 18px;
  color: #CF081D;
  cursor: pointer;
  display: inline-block;
}

.sextags:hover {background: #F7C5F7;}

#keywords {
  margin-bottom: 5px;
}

#navlink {
	margin-top:-17px;
	margin-left:-10px;position:absolute;
	z-index:1;
	font-size: 20px;"
}

#navlink a:link {text-decoration: none; color: #008000;}
#navlink a:visited {text-decoration: none; color: #008000;}
#navlink a:hover {text-decoration: underline; color: #355E3B;}