@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,"lucida grande",tahoma,verdana,arial,sans-serif; font-size:85%; width:100%;	height:100%; background-image:url('bg-quad2.jpg'); background-repeat:repeat-y; background-position: center; text-align: center; margin: auto; padding: 0%;}
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: 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.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 : 100%; font-family :Ninjascript, "lucida grande", tahoma, verdana, arial, sans-serif; text-shadow: 1px 1px 5px #617aac; }
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 : 80%; 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: 100%; -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 : 80%; font-family : "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: 100%; -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 : 80%; 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: 100%; }
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 : 120%; 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 : 90%; 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: 50%; height: 3em; text-align: center; font-family : "Ninjascript Smallcaps","lucida grande", tahoma, verdana, arial, sans-serif; font-size: x-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: 100%; text-align: center; font-family :"Ninjascript Smallcaps","lucida grande", tahoma, verdana, arial, sans-serif; font-size:100%; }
input.frase { border: 1px solid #555; border-color: #3b5998; background-color: #eceff6; width:80%; height: 100%; text-align: center; font-family : "Ninjascript Smallcaps","lucida grande", tahoma, verdana, arial, sans-serif; font-size:100%; }
input,text { border: 1px solid #555; padding: 2px; border-color: #3b5998; background-color: #eceff6; width:50%; 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: 5px; background-color: #d4dae8; color: #3b5998; font-weight: bold;  display: inline-block; text-align: center; margin-right: 4px; text-decoration: none; font-size: 3.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_menu { padding: 5px; background-color: #d4dae8; color: #3b5998;  font-weight: bold;  display: inline-block; text-align: center; margin-right: 4px; text-decoration: none; font-size: 3vw; -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: 2px; background-color: #d4dae8; color: #3b5998; font-weight: bold;   text-align: center; margin-right: 4px; text-decoration: none; font-size: 3.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_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; }