@font-face {
    font-family: 'BloklettersViltstift';
    src: url('Blokletters-Viltstift-webfont.eot');
    src: url('Blokletters-Viltstift-webfont.eot?#iefix') format('embedded-opentype'),
         url('Blokletters-Viltstift-webfont.woff') format('woff'),
         url('Blokletters-Viltstift-webfont.ttf') format('truetype'),
         url('Blokletters-Viltstift-webfont.svg#BloklettersViltstift') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ninjascript';
    font-style: normal;
    font-weight: normal;
    src: local('Ninjascript'), url('font/nvscript.woff') format('woff');
    src: local('Ninjascript'), url('font/nvscript.ttf') format('truetype');
}
@font-face {
    font-family: 'Ninjascript Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Ninjascript Bold'), url('font/nvscript_b.woff') format('woff');
    src: local('Ninjascript Bold'), url('font/nvscript_b.ttf') format('truetype');
}
@font-face {
    font-family: 'Ninjascript Smallcaps';
    font-style: normal;
    font-weight: normal;
    src: local('Ninjascript Smallcaps'), url('font/nvscript_sc.woff') format('woff');
    src: local('Ninjascript Smallcaps'), url('font/nvscript_sc.ttf') format('truetype');
}
@font-face {
    font-family: 'Ninjascript Untercase';
    font-style: normal;
    font-weight: normal;
    src: local('Ninjascript Untercase'), url('font/nvscript_uc.woff') format('woff');
    src: local('Ninjascript Untercase'), url('font/nvscript_uc.ttf') format('truetype');
}
@font-face {
    font-family: 'Ninjascript Untercase Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Ninjascript Untercase Italic'), url('font/nvscript_uci.woff') format('woff');
    src: local('Ninjascript Untercase Italic'), url('font/nvscript_uci.ttf') format('truetype');
}
@font-face {
    font-family: 'Ninjascript Electric DemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Ninjascript Electric DemiBold'), url('font/nvscript_edb.woff') format('woff');
    src: local('Ninjascript Electric DemiBold'), url('font/nvscript_edb.ttf') format('truetype');
}

body{ font-family:"Ninjascript Bold","lucida grande",tahoma,verdana,arial,sans-serif; font-size:18px; width:744px;	height:100%; background-image:url('bg-quad2.jpg'); background-repeat:repeat-y;  }
p, ul, h1, h2{ margin:0; padding:0; }
a img{ border:0; }
a{ color:#3B5998; text-decoration:none; }
a:hover{ text-decoration:none; }
pre{ background:#ddd; padding:10px;	clear:both; }
.clear{	clear:both; }
.hidden{ display:none; }
.center{ text-align:center; }
h1{	text-align:center; clear:both; }
h2,p{ margin-bottom:10px; }
HR { border: 0px; text-align:center; height:1px; width:50%; color:#cccccc; background:#cccccc; margin: auto auto auto auto; }
table.main { border-width: 1px; border-spacing: 0px; border-style: hidden; border-color: #3b5998 ; border-collapse: separate; background-color: #eceff6; width: 80%; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; -webkit-border-radius: 1em; -moz-border-radius: 1em;}
//table.main td { border-width: 0px; padding: 5px; border-style: hidden; border-color: gray;  vertical-align:middle; -moz-border-radius: 0px 0px 0px 0px; font-style: normal; font-size : 12px; font-family : BloklettersViltstift,"lucida grande", tahoma, verdana, arial, sans-serif; text-shadow: 1px 1px 5px #617aac; }
table.main td { border-width: 0px; padding: 5px; border-style: hidden; border-color: gray;  vertical-align:middle;  font-style: normal; font-size : 18px; font-family : "Ninjascript Smallcaps","lucida grande", tahoma, verdana, arial, sans-serif;  }
table.help { border-width: 1px; border-spacing: 0px; border-style: hidden; border-color: #3b5998; border-collapse: separate; background-color: #eceff6; width: 90%; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; -webkit-border-radius: 1em; -moz-border-radius: 1em;}
table.help td { border-width: 0px; padding: 5px; border-style: hidden; border-color: gray;  vertical-align:middle; -moz-border-radius: 0px 0px 0px 0px; font-style: normal; font-size : 14px; font-family : "Ninjascript Smallcaps","lucida grande", tahoma, verdana, arial, sans-serif; }
table.rank { border-width: 1px; border-spacing: 0px; border-style: hidden; border-color: #3b5998 ; border-collapse: separate; background-color: #eceff6; width: 670px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; -webkit-border-radius: 1em; -moz-border-radius: 1em; }
table.rank th { border-width: 0px; padding: 5px; border-style: hidden; border-color: gray; background-color: white; -moz-border-radius: 0px 0px 0px 0px; }
table.rank td { border-width: 0px; padding: 5px; border-style: hidden; border-color: gray; vertical-align:top; font-style: normal; font-size : 12px; font-family : "Ninjascript Smallcaps", "lucida grande", tahoma, verdana, arial, sans-serif; text-shadow: 1px 1px 5px #617aac; -webkit-border-radius: 1em; -moz-border-radius: 1em;}
table.rank2 { border-width: 1px; border-spacing: 0px; border-style: hidden; border-color: #3b5998 ; border-collapse: separate; background-color: #eceff6; width: 320px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; -webkit-border-radius: 1em; -moz-border-radius: 1em;}
table.rank2 th { border-width: 0px; padding: 5px; border-style: hidden; border-color: gray; background-color: white; -moz-border-radius: 0px 0px 0px 0px; }
table.rank2 td { border-width: 0px; padding: 5px; border-style: hidden; border-color: gray; text-align:center; font-style: normal; font-size : 12px; font-family : "lucida grande", tahoma, verdana, arial, sans-serif; text-shadow: 1px 1px 5px #617aac; }
table.rank3 { border-width: 1px; border-spacing: 0px; border-style: hidden; border-color: #3b5998 ; border-collapse: separate; background-color: #eceff6; width: 640px; }
table.rank3 th { border-width: 0px; padding: 5px; border-style: hidden; border-color: gray; background-color: white; -moz-border-radius: 0px 0px 0px 0px; }
table.rank3 td { border-width: 0px; padding: 5px; border-style: hidden; border-color: gray; text-align:center; vertical-align: middle; font-style: normal; font-size : 18px; font-family : "Ninjascript Smallcaps","lucida grande", tahoma, verdana, arial, sans-serif; text-shadow: 1px 1px 5px #617aac;}
table.poll { border-width: 1px; border-spacing: 0px; border-style: hidden; border-color: #3b5998 ; border-collapse: separate; background-color: #eceff6; width: 80%; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; -webkit-border-radius: 1em; -moz-border-radius: 1em;}
table.poll td { border-width: 0px; padding: 5px; border-style: hidden; border-color: gray; font-style: normal; font-size : 18px; font-family : "Ninjascript Smallcaps","lucida grande", tahoma, verdana, arial, sans-serif; text-shadow: 1px 1px 5px #617aac; -webkit-border-radius: 1em; -moz-border-radius: 1em; }
input.btnpub { color:white; font-weight:bold; background-color: #617aac; border:1px solid; width: 140px; height: 28px; text-align: center; font-family : "Ninjascript Smallcaps","lucida grande", tahoma, verdana, arial, sans-serif; font-size: small; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; }
select.amici { border: 1px solid #555; border-color: #3b5998; background-color: #eceff6; height: 25px; text-align: center; font-family : "Ninjascript Smallcaps","lucida grande", tahoma, verdana, arial, sans-serif; font-size:18px; }
input.frase { border: 1px solid #555; border-color: #3b5998; background-color: #eceff6; width:250px; height: 20px; text-align: center; font-family : "Ninjascript Smallcaps","lucida grande", tahoma, verdana, arial, sans-serif; font-size:18px; }
input,text { border: 1px solid #555; border-color: #3b5998; background-color: #eceff6; width:100px; text-align: center; font-family : "Ninjascript Smallcaps","lucida grande", tahoma, verdana, arial, sans-serif; }
#profile{ float:left; margin-right:10px; margin-bottom:10px; }
.fbtab { padding: 6px; background-color: #d4dae8; color: #3b5998; font-weight: bold; float: center; margin-right: 4px; text-decoration: none; font-size: 16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888;}
.fbtab_menu { padding: 6px; background-color: #d4dae8; color: #3b5998; font-weight: bold; float: center; margin-right: 4px; text-decoration: none; font-size: 18px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888;}
.fbtab_rank { padding: 6px; background-color: #d4dae8; color: #3b5998; font-weight: bold; float: center; margin-right: 4px; text-decoration: none; font-size: 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888;}
.fbtab_login { padding: 20px; background-color: #d4dae8; color: #3b5998; font-weight: bold;  display: inline-block; text-align: center; margin-right: 4px; text-decoration: none; font-size: 5vw; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888;}
.fbtab:hover { background-color: #3b5998; color: #ffffff; cursor: hand; }
.fbtab_menu:hover { background-color: #3b5998; color: #ffffff; cursor: hand; }
.fbtab_rank:hover { background-color: #3b5998; color: #ffffff; cursor: hand; }
.imgrank {max-width: 100%; height: auto; float: right; }