body {
    background-color: yellow;
    font-size: 50%;
  }

h1 {
    color: green;
}
#contentTest{
    width:650px;
    margin:0px auto;
    height:80px;
    background-color: #B3D9FF;
    font-size:12px;
    color: orange;

}
#PCScreen{
    display:none;
    margin: 0px auto;
    width:40%;
    font-color:black;
    height:300px;
    background: #8db600;
    padding:1%;
   }
#laptopScreen{
    display:none;
    margin: 0px auto;
    width:40%;
    font-color:black;
    height:300px;
    background: #B3D9FF;
    padding:1%;
   }
#tabletScreen{
    display:block;
    margin: 0px auto;
    width:40%;
    font-color:black;
    height:300px;
    background: #8db600;
    padding:1%;
   }
#phoneScreen{
    display:none;
    margin: 0px auto;
    width:40%;
    font-color:black;
    height:300px;
    background: #B3D9FF;
    padding:1%;
   }
#phoneScreen h2{
     font-size: 0.6em;    

   }
#phoneScreen p{
     font-size: 0.7em;    
   }

#dialogoverlay{
	display: none;
	opacity: .8;
	position: fixed;
	top: 0px;
	left: 0px;
	background: #FFF;
	width: 100%;
	z-index: 10;
}
#dialogbox{
	display: none;
	position: fixed;
	background: #000;
	border-radius:7px; 
	width:550px;
	z-index: 10;
}
#dialogbox > div{ background:#FFF; margin:8px; }
#dialogbox > div > #dialogboxhead{ background: #666; font-size:19px; padding:10px; color:#CCC; }
#dialogbox > div > #dialogboxbody{ background:#333; padding:20px; color:#FFF; }
#dialogbox > div > #dialogboxfoot{ background: #666; padding:10px; text-align:right; }




body { margin: 0px; font-family: Tahoma, Geneva, sans-serif; font-size: 14px; }

#Header{
    position:fixed;
    left:0px;
    top:0px;
    z-index: 1000;
    width: 100%;
    background-color:#0c0c0c;
    color: #FFF;
    height:40px; 
    font-size:23px;
    padding-top:50px;
    transition: height 0.3s linear 0s, padding 0.3s linear 0s;
    overflow:hidden;
}

#loginLink{
    position:fixed;
    font-size:16px;
    color: #FFF;
    padding-top:15px;
    right:400px;
    top:3px;
    float: right;
    right:20px;
    top:0px;
}

#loginLink a{
   
   text-decoration:none;
    color:#FFF;
  }

#loginLink a:hover{
   
   text-decoration:none;
    color:#8db600;
  }

#newfriends a{
   
   text-decoration:none;
    color:#FFF;
  }

#newfriends a:hover{
   
   text-decoration:none;
    color:#8db600;
  }
#Header> #HeaderWrap {
	width: 1000px;
	margin: 0px auto;
	height: 40px;
}

#HeaderLogo {
 position:fixed;
    font-size:18px;
    padding-top:15px;
    left:40px;
    top:3px;
    float: right;
    top:0px;      
    float: left;
    height: 60px;
    width: 100px;
    border-radius: 25px;
}

#HeaderHome {
 position:fixed;
    font-size:18px;
    padding-top:5px;
    right:400px;
    top:3px;
    float: right;
    float: right;
    border-radius: 15px;
}

#Header  > #HeaderWrap> #HeaderRest {
	float: left;
	height: 100px;
	width: 900px;
}
#groups {
    position:fixed;
    font-size:18px;
    padding-top:15px;
    right:500px;
    top:3px;
    float: right;
    top:0px;
}

#envelope{
    position:fixed;
    font-size:18px;
    padding-top:15px;
    right:280px;
    top:3px;
    float: right;
    top:0px;
}
#newfriends{
    position:fixed;
    font-size:14px;
    padding-top:15px;
    right:205px;
    top:3px;
    float: right;
    top:0px;
}







#PMs{
    position:fixed;
    font-size:18px;
    padding-top:15px;
    right:330px;
    top:3px;
    float: right;
    top:0px;
}
#membersearch {
    position:fixed;
    left:250px;
    top:3px;
    float: left;
    height: 20px;
    width: 250px;
}
#searchglass {
    position:fixed;
    left:415px;
    top:23px;
    float: left;
}
#searchUsername{
    position:fixed;
  border: #8db600 1px solid;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
   left:140px;
    top:20px;
    float: left;
    height: 20px;
    width: 250px;

}

#memSearchInput{
    position:fixed;
    left:130px;
    width: 260px;
    font-family: verdana;
    font-size: 16px;
    color: #8db600;
    text-align: center;
    background-color: #2A2A2A;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    top:10px;
    height: 20px;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 3%;
    padding-right: 3%;

}
#memSearchResults{
    position:absolute;
    padding: 8px;
    text-align: center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #;
    font-size:16px;
    top:13px;
    right:13px;
    height: 100%;
    width: 250px;
    z-index: 10000;    
}

#memSearchResults a{
      text-decoration:none;
      font-size:100%;
      top:13px;
      right:13px;
      height: 30px;
      width: 250px;
      z-index: 10000;    
      color:#8db600;
  }

#lmemSearchResults a:hover{
      text-decoration:none;
      color: #8db600;
  }
#Header > #HeaderWrap> #HeaderRest > #menu1 {
	height: 30px;
}


#Header > #HeaderWrap> #HeaderRest > #menu1 > div {
	margin-top: 21px;
	padding: 3px;
	text-align:right;
}

#Header > #HeaderWrap> #HeaderRest > #menu1 > div > a {
	color: #ccc;
	text-decoration: none;
}

#Header > #HeaderWrap> #HeaderRest > #menu1 > div > a:hover {
	color: #8db600;	
}

#Header> #HeaderWrap> #HeaderRest > #menu2 {
padding: 1px; border:#999 1px ;
height: 30px;
}


#Header > #HeaderWrap> #HeaderRest > #menu2 > div {
	margin-top: 8px;
	padding: 4px;
}


#Header > #HeaderWrap> #HeaderRest > #menu2 > div > a {
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    background: #333;
    padding: 12px 24px;
    color:#999;
    margin-right: 10px;
    text-decoration:none;
    border-radius: 3px;
    transition: background 0.3s linear 0s, color 0.3s linear 0s;
}


#Header > #HeaderWrap> #HeaderRest > #menu2 > div > a:hover{
    background: #6F8A00;
    color:#FFF;
    
}

#Header> #TopBar{
    position: absolute;
    bottom:0px;
    width: 100%;
    z-index: 20000;
    height:40px; 
    background:linear-gradient(#666, #000);
    transition: height 0.3s linear 0s;
}

#Header li a:link{
    text-decoration:none;
    color:white;
}

#wrapper{ margin-top: 230px; }

#TopBar ul{
    margin:0;
    padding:0;
}

#TopBar li {
    border-right: 1px solid #8db600;
}

#TopBar  li:last-child {
    border-right: none;
}

#TopBar li{
    list-style-type:none;
    float:left;
    display:block;
    width:120px;
    height: 40px;
    text-align:center;
    line-height:35px;
    font-family: Verdana;
    font-size:17px;
    overflow: hidden;
}



#TopBar li a:link{
    text-decoration:none;
     color: white;

}

#TopBar li a:visited{
    text-decoration:none;
    color:#8db600;
}

#TopBar li a:hover{
    text-decoration:none;
    color:#8db600;

}

#TopBar li a:active{
    text-decoration:none;
    color:white;
}

#TopBar li a.active{
    text-decoration:none;
    color:white;
}



#Footer{
    background-color:#0c0c0c;
    width: 100%;
    height:40px; 
    position:fixed;
       left:0px;
       right:0px;
    bottom:0px;
    color:#8db600;
    
 
}

#LeftPanel {
 
     padding-top:10px;   
     width: 16%;
     height:100%;
     background-color:#;
     color:white;
     float:left;
     font-family: Verdana;
}

#LeftPanel >#LP_1{
    position:fixed;
}        

#LeftPadding {
      
     width: 1%;
        height:1000px; 
      background-color:#;
     float:left;
}
#RightPadding {
     width: 0%;
        height:1000px; 
  
 background-color:#8db600;

     float:left;
  
}
#RightPanel {

 position:fixed;
     right:0px;
       top:-50px;

     width: 16%;
     height:1000px;
     background-color:#;
     color:white;
     float:right;   
       font-family: Verdana;
}

#LP_1 {
  
     color:white;
     text-decoration:none;
}

#CenterPanel {
      
     width:66%;
     height:100%;  
     background-image: url("images/globe3.png");

     background-color:#;
   
     float:left;
}   


#Four {
      
     width:2%;
       height:100%;  
     background-color:#1e7b1e;
    
     float:left;
}
#Five {
      
     width:10%;
         height:100%;  
     background-color:#196619;

     float:left;
}
#Six {
      
     width:50%;
         height:100px;  
     background-color:#145214;

     float:left;
}

#Seven {
      
     width:50%;
         height:100px;  
     background-color:#0F3d0f;

     float:left;
}
#Eight {
      
     width:70%;
     height:100%;  
     background-color:#238f23;
   
     float:left;
}



/* Comment element properties */

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

a:hover {
	color: #7c910d;
	text-decoration: underline;
}

a.side {
	color: #CBCBCB;
	text-decoration: none;
}

a:hover.side {
	color: #FFF;
	text-decoration: underline;
}

a.white, li.white a {
	color: #706f6f;
	text-decoration: none;
	padding: 8px;
}

a:hover.white, li.white a:hover {
	color: #7c910d;
	text-decoration: underline;
	padding: 8px;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CBCBCB;
	background: #000;
	margin: 10px;
}

hr {
	height: 1px;
	border: 1px solid #CBCBCB;
}

hr.side-hr {
	height: 1px;
	border: 1px solid #CBCBCB;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

pre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.alt {
	color: #CBCBCB;
}

.spacer {
	margin-bottom: 10px;
}

.admin-message {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #CBCBCB;
	background-color: #292929;
	border: 1px solid #000;
	padding: 3px 4px 5px 4px;
	margin-bottom: 5px;
}

/* Form element properties */

form {
	margin: 0px;
}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #708400;
	background-color: #181818;
	height: 20px;
	border: 1px solid #222222;
	margin-top: 2px;
}

.bbcode {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background-color: #eee;
	border: 1px solid #000;
	margin-top: 2px;
}

.textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CBCBCB;
	background-color: #292929;
	border: 1px solid #000;
}

/* Header and footer properties */

.sub-header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #706f6f;
	background-image: url(images/sub-header.png);
}

.sub-header1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #706f6f;
	background-image: url(images/sub-header.png);
}

.sub-header-left {
	width: 12px;
	height: 42px;
	background-image: url(images/sub-header-left.png);
}

.sub-header-right {
	width: 12px;
	height: 42px;
	background-image: url(images/sub-header-right.png);
}

.sub-header ul{
	margin: 0;
	padding: 0;
}

.sub-header ul li{
	display: inline;
}

.sub-header ul li.first-link .bullet{
	display: none;
}

.full-header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background-color: #474749;
	border: 1px solid #000;
	padding: 5px 0 10px 0;
}

.main-footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #888;
	background-color: #474749;
	border: 1px solid #000;
	padding: 5px;
}

.bottom-footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CBCBCB;
	background-color: #292929;
	padding: 4px 4px 5px 4px;
}

.main-body {
	font-size: 10px;
	color: #CBCBCB;
	background-color: #181818;
	border-width: 0 1px 0 1px;
	border-color: #1c1c1c;;
	border-style: solid;
	padding: 4px;
}

/* Side-Panel properties */

#leftCol {
    display: block;
    color: #CBCBCB;
    padding: 2px;
    text-decoration: none;
 }

.side-border-left {
      	color: #777;
	background-color: #292929;
	padding: 10px 0 10px 10px;

}

.side-border-right {
	color: #777;
	background-color: #292929;
	padding: 10px 10px 10px 0;
	width: 90%;

}

.scapmain {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #181818;
	background-image: url(images/side.png);
  background-repeat: repeat-x;
	padding: 1px 4px 20px 4px;
}

.scapmain-left {
	width: 4px;
	height: 49px;
	background-image: url(images/side-left.png);
}

.scapmain-right {
	width: 4px;
	height: 49px;
	background-image: url(images/side-right.png);
}

.side-body {
	font-size: 10px;
	color: #CBCBCB;
	background-color: #181818;
	border-width: 0 1px 0 1px;
	border-color: #1c1c1c;
	border-style: solid;
	padding: 10px;
}


.sideb { 	background-image: url(images/sideb.png); 	background-repeat: repeat-x; }

.sideb-banner { 	background-image: url(images/banner.png); 	background-repeat: repeat-x; }



/* Center-Panel properties */

.news-category {
	border: 0;
	margin: 3px 5px 0 0;
	float: left;
}

.news-footer {
	font-size: 9px;
	color: #CBCBCB;
	background-color: #181818;
	border-width: 0 1px 0 1px;
	border-color: #1c1c1c;
	border-style: solid;
	padding: 3px 4px 0 4px;
}

.capmain {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #181818;
	background-image: url(images/side.png);
  background-repeat: repeat-x;
	padding: 1px 4px 20px 4px;
}

.capmain-left {
	width: 4px;
	height: 49px;
	background-image: url(images/side-left.png);
}

.capmain-right {
	width: 4px;
	height: 49px;
	background-image: url(images/side-right.png);
}

.main-bg {
	color: #CBCBCB;
	background-color: #292929;
	padding: 10px 10px 5px 10px;
}

/* General table properties */

.center {
	margin: 0 auto;
}

.tbl-border {
	background-color: #222222;
}

.tbl {
	font-size: 11px;
	color: #CBCBCB;
	padding: 4px;
}

.tbl1 {
	font-size: 9px;
	color: #CBCBCB;
	background-color: #1a1a1a;
	padding: 4px;
}

.tbl2 {
	font-size: 9px;
	color: #CBCBCB;
	background-color: #181818;
	padding: 4px;

}

.forum-caption {
	font-size: 11px;
	font-weight: bold;
	color: #181818;
	background-color: #899c28;
	padding: 5px 4px 5px 4px;
}

.quote {
	font-size: 11px;
	color: #CBCBCB;
	background-color: #292929;
	padding: 4px;
	margin: 0px 20px 0px 20px;
	border: 1px solid #000;
}

.poll {
	height: 12px;
	border: 1px solid #000;
}

.comment-name {
	font-weight: bold;
	color: #CBCBCB;
}

.shoutboxname {
	font-weight: bold;
	color: #888;
}

.shoutbox {
	color: #CBCBCB;
}

.shoutboxdate {
	font-size: 8px;
	color: #888;
}

.small {
	font-size: 10px;
	font-weight: normal;
}

.small2 {
	font-size: 10px;
	font-weight: normal;
	color: #CBCBCB;
}

.side-small {
	font-size: 10px;
	font-weight: normal;
	color: #CBCBCB;
}

.side-label {
	color: #CBCBCB;
	margin: 2px 0 2px 0;
	padding: 2px 2px 3px 2px;
}

/* Vertical Navigation */

#navigation h2 {
	font-size: 10px;
	font-weight: normal;
	background-color: #292929;
	margin: 0;
	padding: 4px;
}
	
#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

* html #navigation ul li{
   height: 1%;
}

#navigation a {
	display: block;
	color: #CBCBCB;
	padding: 2px;
	text-decoration: none;
}

#navigation a:hover {
	color: #CBCBCB;
	background-color: #292929;
}

/* Page Navigation */

.pagenav {
	padding: 4px;
}

.pagenav span {
	color: #CBCBCB;
	background-color: #292929;
	border: 1px solid #000;
	padding: 2px 4px 2px 4px;
	margin: 2px;
}

.pagenav a {
	color: #CBCBCB;
	background-color: #292929;
	border: 1px solid #000;
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
}

.pagenav a:hover {
	color: #CBCBCB;
	background-color: #292929;
	margin: 2px;
	text-decoration: none;
}


.clock{
        position:absolute;
        right:0px;
        top:73px;
	transform: translateX(-50%) translateY(-50%);
	color: #292929;
	font-size: 18px;
	border: 1px solid #333;
	padding: 0px 5px 0px 5px;
}


h1, h2, h3, h4, h5, h6,  {
	margin: 0;
	padding: 0;
}

p {
	margin: 0 0 1em 0;
	font-size: 93%;
	line-height: 1.5em;
        color: #ccc;

}


h1 {
    color: green;
}

body {

	font-family: Helvetica, Arial, sans-serif;
	padding: 0;
	margin: 0;
}

img {
	max-width: 100%;
	height: auto;
	margin: 0 0 10px 0;
}

/* Section Inner */
div.section-inner {
	max-width: 1100px;
	padding: 0 25px;
	margin: 0 auto;
}

/* Header */
div.header {
	background-color: #8eb800;
	padding: 40px 0;
}

/* Navigation */
div.nav {
	background-color: #6F8A00;
}

div.nav ul {
	margin: 0;
	padding: 0;
}

div.nav ul li {
	list-style: none;
	float: none;
	font-size: 93%;
}

div.nav ul li a:link,
div.nav ul li a:visited {
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	color: #000;
	border-right: 1px solid #bababa;
}

/* Body Content */
div.body-content {
	padding: 50px 0;

}

/* Thirds */
div.thirds {
	padding-bottom: 50px;
}

div.one-third {
	width: 30%;
	float: left;
	margin-right: 5%;
}

div.one-third-last {
	margin: 0;
}

/* Main Column */
div.main {
	width: 65%;
	float: left;
	margin-right: 5%;
}

/* Side Column */
div.side {
	width: 30%;
	float: left;
}

/* Info Box */
div.info-box-a {
	
 font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: center;
    color: #CBCBCB;
    background-color: #292929;
    border: 1px solid #000;
    padding: 3px 4px 5px 4px;
    margin-bottom: 5px;
}

div.info-box-b {
	background-color: #efdb7f;
	padding: 20px;
	font-size: 13px;
	margin: 0 0 15px 0;
}




.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


#leftMenu {
	width: 75%;
	min-width: 150px;
}
#leftMenu > details{
    
}
#leftMenu > details > summary{
	cursor:pointer;
    width: 95%;
	background: #8db600;
	margin:6px;
    display: block;
    padding: 2px;
    text-decoration: none;
}
#leftMenu > details > summary:hover{
	background: #8db100;
    font-size:18px;
	font-weight: bold;
    color:black;
}
#leftMenu > details > summary::-webkit-details-marker{
	/*display: none;*/
}
#leftMenu > details > a{
	display:block;
	text-decoration: none;
	color:white;
	font-size:11px;
	margin:3px 6px 3px 18px;
	padding: 4px;
	background: #2a2a2a;
}
#leftMenu > details > a:hover{
	background: #8db600;
    font-size:11px;
	font-weight: normal;
    color:black;
}
#leftMenu > details > a:before{
	content: "- ";
}


/* Footer */

#Footer{
    background-color:#0c0c0c;
    width: 100%;
    height:40px; 
    position:fixed;
    left:0px;
    right:0px;
    bottom:0px;
    color:#8db600;     

}

#gameAds{

    z-index: -99999;

}