/* Css style for
fan/johnny @ Snakes-and-dragons.org/
Hakka - 2008/2010
--------------------------- */

/* general */

body {
font-family: verdana,arial,helvetica sans serif;
font-size: 10px;
color: #BC5221; 
letter-spacing: normal;
text-align: left;
margin: 0;
padding: 0;
}

/* tables */

table, tr, td {
font-family: verdana,arial,helvetica sans serif;
font-size: 10px;
color: #BC5221; 
letter-spacing: normal;
}

/* scrollbar */

body {
scrollbar-face-color: #F1B439;
scrollbar-highlight-color: #F1B439;
scrollbar-shadow-color: #FEF745;
scrollbar-arrow-color: #FEF745;
scrollbar-track-color: #F1B439;
scrollbar-darkshadow-color: #F1B439;
scrollbar-base-color: #FEF745;
scrollbar-3dlight-color: #FEF745;
background-color: #F1B439;
}

/* text */

strong, b {
}
 
em, i {
font-family: verdana,arial,helvetica sans serif;
font-size: 10px;
color:#FACF1E;
letter-spacing: 1px;
}

/* links styles */
	
A:link, A:active, A:visited {
font-style: normal;
color: #B61D0D;
text-decoration: none;
}

A:hover {
font-style: normal;
font-weight: bold;
color: #F1B439;
text-decoration: underline;
}

/* navigation */

var {
visibility: hidden;
}

.joinbutton A  {
display: block;
background: url("immagini/johnny-05c.jpg") 0px 0px no-repeat;
width: 298px;
height: 55px;
}
   
.joinbutton A:Hover  {
background: url("immagini/johnny-05c.jpg") 0px -55px no-repeat;
}

.codesbutton A  {
display: block;
background: url("immagini/johnny-05b.jpg") 0px 0px no-repeat;
width: 298px;
height: 44px;
}
   
.codesbutton A:Hover  {
background: url("immagini/johnny-05b.jpg") 0px -44px no-repeat;
}

.fansbutton A  {
display: block;
background: url("immagini/johnny-05d.jpg") 0px 0px no-repeat;
width: 298px;
height: 53px;
}
   
.fansbutton A:Hover  {
background: url("immagini/johnny-05d.jpg") 0px -53px no-repeat;
}

.extrabutton A  {
display: block;
background: url("immagini/johnny-05e.jpg") 0px 0px no-repeat;
width: 298px;
height: 54px;
}
   
.extrabutton A:Hover  {
background: url("immagini/johnny-05e.jpg") 0px -54px no-repeat;
}

.mainbutton A  {
display: block;
background: url("immagini/johnny-05f.jpg") 0px 0px no-repeat;
width: 298px;
height: 47px;
}
   
.mainbutton A:Hover  {
background: url("immagini/johnny-05f.jpg") 0px -47px no-repeat;
}
 
/* stats */

.stats {
font-family: verdana,arial,helvetica sans serif;
font-size: 8pt;
color: #BC5221;
letter-spacing: normal;
text-align: left;
background: url(immagini/stats.jpg) no-repeat;
padding-left: 10px;
padding-right: 165px;
padding-top: 11px;
padding-bottom: 11px;
margin-left: 0px;
margin-right: 0px;
margin-top: 10px;
margin-bottom: 10px;
}

/* linkback */

.linkback {
background-color: #F19E1A;
border: 1px solid #C1601C;
text-transform: uppercase;
text-align: center;
width: 230px;
height: 38px;
}

/* back */

.back {
background-color: #F19E1A;
border: 1px solid #C1601C;
text-transform: uppercase;
text-align: center;
width: 440px;
height: 15px;
}

/* form */

input, select, option, textarea {
background-color: #ED891A;
background: transparent;
font-family: verdana, arial, helvetica;
font-weight: bold;
font-size: 8pt;
color: #BC5221;
letter-spacing: normal;
border: 2px solid #D35A25;
padding: 3px;
}

.show_join_submit_button,
.show_join_reset_button,
.show_update_submit_button,
.show_lostpass_submit_button {
background-color: #ED891A;
background: transparent;
font-family: verdana, arial, helvetica;
font-size: 8pt;
font-style: italic;
font-weight: bold;
color: #BC5221;
letter-spacing: normal;
border: 2px solid #D35A25;
padding: 3px;
}
	
/* titles style */

H1 {
font: 16px georgia, sans serif;
font-style: normal;
font-weight: bold;
text-align: left;
letter-spacing: 2px;
color: #C45C21;
background-image: url(immagini/h1.jpg);
background-repeat: no-repeat;
width: 440px;
height: 25px;
padding-left: 4px;
padding-top: 4px;
padding-right: 0px;
margin-bottom: 0px;
margin-top: 6px;
margin-left: 0px;
margin-right: 0px;
}

.codescat {
font: 10px georgia, sans serif;
text-transform: uppercase;
font-style: normal;
font-weight: bold;
text-align: center;
letter-spacing: 2px;
color: #F19E1A;
background-image: none;
background-repeat: no-repeat;
background-color: #C45B21;
width: 440px;
height: 10px;
padding-right: 0px;
padding-left: 0px;
padding-top: 1px;
padding-bottom: 3px;
margin-bottom: 10px;
margin-top: 10px;
}

/* immagini style */

.img {
background-color: #F19E1A;
padding: 5px;
border: 1px solid #C1601C;
margin-top: 6px;
}

p img {
background-color: #F19E1A;
padding: 5px;
border: 1px solid #C1601C;
}