* { padding: 0;  margin: 0; }

@font-face{
    
    font-family: marcelle;
    src: url('marcelle.ttf');
}

body {
margin: -90px auto 10px auto;
text-align: justify;
background: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #E0E0E0;
background-color: black;
background-image: url(../images/background.png); background-repeat: no-repeat; background-position: center top;
}


img { padding:0px; border-width:0px; margin:0px; }
.img { padding:0px; border-width:0px; margin:0px; vertical-align: bottom; }

.p { padding: 5px 0px 5px 0px; }
.l { text-align: left; }
.j { text-align: justify; }
.c { text-align: center; }
.r { text-align: right; }
.b { color: #7a0000; }
.y { color: #7a0000; }
.o { color: #FFD39B; }
.d { color: #E0E0E0; }
.g { color: #FF3300; }
.red { color: #FF7256; }
.pad { padding: 5px; }
.fb { font-size: 15px; font-weight: bold; }

.topbar{
font-size: 8pt;
left: 0;
height: 19px;
padding: 2px 5px 2px 5px;
border: 1px solid #777;
border-width: 0 0 1px 0;
position: absolute;
right: 0;
top: 0;
z-index: 1000;
background: url(../images/top_menu.png);]
background-repeat: repeat-y;
}

.bg-stats {

background-image: url(../images/bg-stats.png);
background-repeat: no-repeat;
position: relative;
left: 48px;
bottom: 50px;
}
.bg-stats2 {

background-image: url(../images/bg-stats.png);
background-repeat: no-repeat;
position: relative;
margin-bottom: 5px;

}

.divider {
background-color: #111;
border: 1px solid #DDD;
text-align: center;
font-weight: bold;
padding: 3px;
margin: 5px;
border-image: initial;
}

table.gymstats {
border-collapse: separate;
border-spacing: 5x;
border: 1px solid #777;
background-color: #222;
}



input[type="submit"], input[type="reset"], input[type="button"] {
background-color: #111;
color: #EEE;
}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
background-color: #333;
color: #EEE;
}

#grayline { 
background-color: #451111; 
width: 100%; 
height: 18px;
margin-top: 5px;
margin-bottom: 5px;
}

#userbar {
font-size: 10px;
border: 1px solid #777;
}

#gangbar {
font-size: 10px;
border: 1px solid #777;
}

#black {
padding: 2px 2px 2px 5px; 
height: 18px; 
border: 1px solid #333;
background-color: #451111;
background-image: url(images/bar_stripes.jpg);
}

#black3 {
padding: 2px 2px 2px 5px; 
height: 18px; 
width: 136px;
border: 1px solid #777;
background-color: #000000;
background-image: url(images/bar_stripes.jpg);
}

#black2 {
border: none;
background-color: #000000;
}



a { color: #7a0000; text-decoration: none; } 
a:hover { text-decoration: none; color : #555; }

a.userbar { color: #FFFFFF; text-decoration: none; } 
a.userbar:hover { text-decoration: none; color : #7a0000; }

a.gangbar { color: #FFFFFF; text-decoration: none; } 
a.gangbar:hover { text-decoration: none; color : #7a0000; }

a.tooltip {position: relative;

}
a.tooltip:hover { background: #333333; text-decoration: none; }
a.tooltip span { text-align: center; display: none; padding: 0px 3px 3px 3px; margin-left: 1px; width: 190px; height: 14px; font-size: 10px; font-weight: bold; }
a.tooltip:hover span { display: block; position: absolute; border: 1px solid #cccccc; background: #ffffff; color: #6c6c6c; top: -2px; left: -205px; }

a.crimes {position: relative; }   
a.crimes:hover { color: #7a0000; text-decoration: none; }
a.crimes span { text-align: center; display: none; padding: 1px 1px 1px 1px; margin-left: 1px; width: 160px; min-height: 15px; font-size: 10px; font-weight: bold; }
a.crimes:hover span { display: block; position: absolute; border: 1px solid #cccccc; background: #ffffff; color: #6c6c6c; top: -3px; right: -170px; }

a.info {position: relative; color: #FF7256; }   
a.info:hover { color: #7a0000; text-decoration: none; }
a.info span { display: none; padding: 0px 3px 3px 3px; margin-left: 1px; width: 150px; min-height: 20px; font-size: 10px; font-weight: bold; }
a.info:hover span { display: inline; position: absolute; border: 1px solid #cccccc; background: #ffffff; color: #6c6c6c; top: 20px; left: -25px; }

a.jobs {position: relative; color: #FF7256; }   
a.jobs:hover { color: #7a0000; text-decoration: none; }
a.jobs span { display: none; padding: 1px 1px 1px 1px; margin-left: 1px; width: 400px; min-height: 15px; font-size: 10px; font-weight: bold; }
a.jobs:hover span { display: inline; position: absolute; border: 1px solid #cccccc; background: #ffffff; color: #6c6c6c; top: -3px; left: 0px; }

#bubbas { color: #EEA2AD; text-decoration: none; }   
#bubbas:hover { color: #FFFFFF; text-decoration: none; }

.email { background-color: #000000; text-align: left; font-size: 10pt; padding: 5px; border: 2px solid #666; width: 450px; }

#cream { color: #CDC5BF; text-decoration: none; }
#cream:hover { text-decoration: none; color : #777; }

#white { color: #FFFFFF; text-decoration: none; }
#white:hover { text-decoration: none; color : #7a0000;  }

#blue { color: #7a0000; text-decoration: none; }
#blue:hover { text-decoration: none; color : #E0E0E0; }

#green { color: #777; text-decoration: none; }
#green:hover { text-decoration: none; color : #7a0000; }

#orange { color: #FFD39B; text-decoration: none; }
#orange:hover { text-decoration: none; color : #777; }

#yellow { color: #7a0000; text-decoration: none; }
#yellow:hover { text-decoration: none; color : #777; }

#hj { color: #7a0000; text-decoration: none; }
#hj:hover { text-decoration: none; color : #FFF; }

#member { color: #ffae00; text-decoration: none; }
#member:hover { text-decoration: none; color : #777;  }

#admin { color: #7a0000; text-decoration: none; font-weight: bold; }
#admin:hover { text-decoration: none; color : #777; }

#gm { color: #66FF00; text-decoration: none; font-weight: bold; }
#gm:hover { text-decoration: none; color : #777; }

#fm { color: #B041FF; text-decoration: none; font-weight: bold; }
#fm:hover { text-decoration: none; color : #777; }

#et { color: #307D7E; text-decoration: none; font-weight: bold; }
#et:hover { text-decoration: none; color : #777; }

#ms { color: #WHITE; text-decoration: none; font-weight: bold; }
#ms:hover { text-decoration: none; color : #777; }

#mm { color: #FFFF00; text-decoration: none; font-weight: bold; }
#mm:hover { text-decoration: none; color : #777; }
}
#ta { color: #CC00CC; text-decoration: none; font-weight: bold; }
#ta:hover { text-decoration: none; color : #777; }

#cm { color: #f691ef; text-decoration: none; font-weight: bold; }
#cm:hover { text-decoration: none; color : #777; }

#rmember { color: #fffc00; text-decoration: none; }
#rmember:hover { text-decoration: none; color : #ffae00; }

#con { color: #2ef5e9; text-decoration: none; font-weight: bold;   }
#con:hover { text-decoration: none; color : #777; }

#np { color: #66CD00; text-decoration: none; }
#np:hover { text-decoration: none; color : #7a0000; }

#ow { color: #7a0000; text-decoration: none;  font-weight: bold;  }
#ow:hover { text-decoration: none; color : #ff1111; }

#jh { color: #ff3030; text-decoration: none; }
#jh:hover { text-decoration: none; color : #7a0000; }

#misc { color: #33FF33; text-decoration: none; }
#misc:hover { text-decoration: none; color : none; }

#misc_r { color: #ff1111; text-decoration: none; }
#misc_r:hover { text-decoration: none; color : none; }

ul {
text-align: left;
line-height: 18px;
color: #E0E0E0;
padding: 5px 5px 5px 25px;
}

#outer {
text-align:left;
border: 0px solid #777;
background: #000;
width:900px;
margin: auto;
background: none;
}

#block {
text-align:left;
width:880px;
margin: 5px auto 5px auto;
}

#header {
margin: 5px 0px 10px 0px;
color: #E0E0E0;
border: 1px solid #777;
background: #000000;
padding: 5px;
}

#header2 {
    
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    color: #777;
    padding: 5px;
    border: 1px #444 solid;
    width: 90%;
    background: #333;
    
}

#stats {
margin: 5px 0px 10px 0px;
color: #E0E0E0;
/*border: 1px solid #333;*/
/*background: #000000;*/
padding: 5px;
}

#bar {
margin: 5px 0px 10px 0px;
height: 25px;
background:#c0c0c0;
color: #E0E0E0;
border: 1px solid #333;
background-color: #000000;
background-image: url(../images/bar_stripes.jpg);
padding: 5px;
}

#bodyblock {
background: #dcdcdc;
color: #000000;
width:880px;
padding:0;
}

#input {
background-color: #111;
border: #111 1px solid;
padding:5px;
}

#input:hover {
background-color: #d9d9d9;
border: #111 1px solid;
padding:5px;
}


input[type="textarea"]{
background-color: #111;
color: #EEE;
}


.gangmembers{
    width:16%;
    vertical-align:top;}
    
.gangmembers a{
    display:block;
    padding:4px;
    background-color:#111;
    border:1px solid #333;
    text-align:center;
    color: #FFF;
    
    }
    
.gangmembers a:hover{
    background-color:#222;
    color: #E0E0E0;
    
    }
        
    

  .gangmembers_head{
    font-weight:700;
    text-align:center;
    background-color:#350505;
    border:2px solid #666;
    font-size:12pt;
    padding:4px;
    color:#fff}
    
    
    
tr#forum{
    display:block;
    padding:4px;
    background-color:#111;
    border:1px solid #333;
    color: #FFF;
    width: 695px;
    
    }
    
tr#forum:hover{
    background-color:#222;
    color: #E0E0E0;
    
    }
        
    

  .forumlink_head{
    font-weight:700;
    text-align:center;
    background-color:#350505;
    border:2px solid #666;
    font-size:12pt;
    padding:4px;
    color:#fff}
    

    .actions {
    width:20%;
    vertical-align:top;}
    
.actions a{
    display:block;
    padding:4px;
    background-color:#111;
    border:1px solid #222;
    text-align:center;
    font-size:10pt;
    font-weight:700;
    color: #736F6E;
    
    }
    
.actions a:hover{
    background-color:#222;
    color: #E0E0E0;
    
    }
    
    .stats_head{
 
    padding-right:10px;
    padding-left:10px;
    background-color:#111;
    padding-top: 5px;
    padding-bottom:5px;
    border:1px solid #222;
    text-align:center;
    font-size:10pt;
    font-weight:700;
    color: #736F6E;
    
    }
    
    .stats_box{
 
     padding-right:10px;
    padding-left:10px;
    padding-top: 5px;
    padding-bottom:5px;
    background-color:#000;
    border:1px solid #222;
    text-align:center;
    font-size:10pt;
    font-weight:700;
    color: #736F6E;
    
    }
    
    .stats_box:hover{
 
     padding-right:10px;
    padding-left:10px;
    padding-top: 5px;
    padding-bottom:5px;
    background-color:#151515;
    border:1px solid #222;
    text-align:center;
    font-size:10pt;
    font-weight:700;
    color: #736F6E;
    
    }
    
.bity{
    width:25%;
    vertical-align:top;}
    
.explorecity a{
    display:block;
    padding:4px;
    background-color:#111;
    border:1px solid #222;
    text-align:center;
    font-size:10pt;
    font-weight:700;
    color: #736F6E;
    
    }
    
.explorecity a:hover{
    background-color:#222;
    color: #E0E0E0;
    
    }
    
.explorecity_head{
    font-weight:700;
    text-align:center;
    background-color:#350505;
    border:2px solid #444;
    font-size:14pt;
    padding:4px;
    color:#d5d5d5;
    font-family: marcelle, Verdana, Arial, Helvetica, sans-serif;
    }
    
    .lottery a{
    display:block;
    padding:4px;
    background-color:#111;
    border:0px solid #333;
    text-align:center;
    font-size:10pt;
    font-weight:700;
   
    }
    
.lottery a:hover{
    background-color:#222;
    color: #E0E0E0;
    
    }
 

/* #menu a {
padding: 2px;
color: #777;
background-color: #333;
display: block;
font-size: 12px;
font-weight: 700;
height: 17px;
line-height: 17px;
margin: 1px;
text-decoration: none;
width: 130px;
float:left;
}

#menu a:hover {
color: white;
background-color: #555;
}
*/


/*#city {
background-color: #000;
display: block;
font-size: 12px;
font-weight: 700;
margin: 1px;
text-decoration: none;
padding: 4px;}

#city a:hover{
background-color: #333;
color: #fff;
font-size: 12px;
font-weight: 700;
margin: 1px;
text-decoration: none;
}
*/



/*#city{
width:25%;
vertical-align:top;
background-color:#444;
border:1px solid #666;}

#city a{
display:block;
padding:4px;
background-color:#444;
border:1px solid #666;
text-align:center;
font-size:10pt;
font-weight:700;}

#city a:hover{
background-color:#333;}
*/

#menu {
margin: 5px 0px 5px 0px;
float:left;
color: #E0E0E0;
border: 1px solid #222;
background: #000000;
width:145px;

}

#menu a {
background-color: #000;
display: block;
font-size: 12px;
font-weight: 700;
height: 17px;
line-height: 17px;
margin: 1px;
text-decoration: none;
padding: 4px;

}

#menu a:hover{
background-color: #333;
color: #fff;
font-size: 12px;
font-weight: 700;
height: 17px;
line-height: 17px;
margin: 1px;
text-decoration: none;
}

#content {
margin: 5px 0px 10px 0px;
float:right;
width:709px;
color: #E0E0E0;
/*border: 1px solid #222;*/
/*border-top: 1px solid #222;*/
/*border-bottom: 1px solid #222;*/
/*background: #000000;*/
text-align:left;
line-height: 14pt;
padding: 5px;
}

#content_login {
margin: 5px 0px 10px 0px;
float:right;
width:709px;
color: #E0E0E0;
border: 1px solid #777;
border-top: 1px solid #777;
border-bottom: 1px solid #777;
background-color: #000000;
background-image: url(images/lightning.jpg); background-repeat: no-repeat; background-position: center top;
text-align:left;
line-height: 14pt;
padding: 5px;
}

#forum {
margin: 5px 0px 10px 0px;
width:865px;
color: #E0E0E0;
border: 1px solid #777;
background: #000000;
text-align:left;
line-height: 14pt;
padding: 5px;
}

#forum h2 {
text-align: center;
color: #7a0000;
font-size: 24px;
font-weight: 200;
padding : 10px 0 10px 0;
}

#content h2 {
text-align: center;
color: #7a0000;
font-size:27px;
font-weight: 600;
padding : 10px 0 10px 0;
background: #111;
border: 1px solid #555;
/*text-transform: uppercase;*/
font-family: marcelle, Verdana, Arial, Helvetica, sans-serif;
}
/*Old Footer*/
/*#footer {*/
/*color: #E0E0E0;*/
/*margin-top: 0px;*/
/*height:16px;*/
/*border: 1px solid #777;*/
/*background: #000000;*/
/*padding: 5px;*/
/*}*/

#footer {
margin-top: 10px ;
padding: 45px 0px 45px 0px;
-moz-border-radius: 10;
height: 10px;
width: 100%;
background: #350505;
/*text-transform: uppercase;*/
font-family: marcelle, Verdana, Arial, Helvetica, sans-serif;
color: #999;
margin-left: auto;
margin-right: auto;
margin-bottom: -50px ;
}

#footer a {
    color: #999;
    
}

form { margin: auto; }

#input {
width: 140px;
height: 12.5pt;
line-height: 12.5pt;
background-color: #FFFFFF;
color: #404040;
}

#txtarea {
background-color: #E5E2DF;
border: #444444 1px inset;
color: black;
font-family: arial, verdana, ms sans serif;
font-size: 10pt;
font-weight: normal
}

#s-select { width: 145px; }

legend {
color: #FFFFFF;
margin: 0px;
padding: 0px;
}

label {
margin: 0px; padding: 0px;
width: 95px;
float: left;
color: #FFFFFF; font-size: 8pt; font-family: Verdana; 
line-height: 18pt;
}

fieldset {
margin-left: 0px;
text-align: left;	
width: 320px;
padding: 15px 10px 10px 15px;
border: 1px solid #777;   
background-color: #000000;  
font-size: 10pt; font-family: Verdana;
}

fieldset div{
clear: both;
}

.btn {
	width: 80px;
	height: 22px;
	margin-top: 0px;
	font-color: #333333;
	background: #C0C0C0;
	border: 1px solid #737373;
}

.btn:hover {
	width: 80px;
	height: 22px;
	font-color: #333333;
	background: #C0C0C0;
	border: 1px inset #737373;
	cursor: pointer;'
}


.btn2 {
	width: 100%;
	text-align: left;
	margin: 0px; padding: 0px; space: 0px;	
	border: none;
	color: #FFD39B;
	background: #333;
}

.btn2:hover {
	width: 100%;
	text-align: left;
	margin: 0px; padding: 0px; space: 0px;
	border: none;
	color: #7a0000;
	background: #333;
	cursor: pointer;
}

.bj {
	width: 150px;
	height: 22px;
	margin-top: 1px;
	font-color: #262626;
	background: #gray;
	border: 1px solid #262626;
}

.bj:hover {
	width: 150px;
	height: 22px;
	font-color: #262626;
	background: #gray;
	border: 1px inset #262626;
	cursor: pointer;
}

.itemclick {
background: #000;
color: #7a0000;
border: 1px solid #000;
}

.itemclick:hover {
background: #000;
color: #7a0000;
border: 1px solid #000;
cursor: pointer;
}

.helpdesk { background: #000000; width: 710px; border: solid 1px #777; padding: 5px; }

.forumsgray { background-color: #350505; width: 100%; height: 18px; border: 1px solid #777;}
.forumborder { border: #777 1px inset; }
.forumtopics { border: #777 1px inset; padding: 5px; }
.forumsright { background-color: #000000;  padding: 10px; border-right: solid 1px #777; }
.forumquoted { background: #000000; background-image: url(viewuser.php_files/bar_stripes.jpg); width: 310px; border: solid 1px #777; padding: 5px; }
.quotedposts { background-color: #000000; background-image: url(viewuser.php_files/bar_stripes.jpg); border: solid 1px #777; padding: 5px; }
.fmd { text-align: left; font-size: 8pt; padding-left: 5px; padding-bottom: 5px; }

.explore { border: solid 1px #777; width: 708px; }

.facebook { border: solid 1px #777; width: 325px; }

#inputbox {
  background-image:url(images/input.jpg);
  background-repeat:no-repeat;
  padding-left: 5px;
  font-size: 10pt;
  width: 160px;
  height: 25px;
  border: solid 0px;
}