@import url(https://fonts.googleapis.com/css?family=Nothing+You+Could+Do);
@import url(https://fonts.googleapis.com/css?family=Exo:400);
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,.btn{border:0;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:middle}
a img,frameset{border:0}
table{border-collapse:collapse;border-spacing:0}
caption,th,td{font-weight:normal;text-align:left}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:"" ""}
.clearing{clear:both}
.container:after,.contain:after,.forms:after,.article:after,.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}
.last{margin-bottom:0}
.screen-reader{display:block !important;left: -9999px !important;position:absolute !important;top: -9999px !important}
.hide{display:none}
.left,.leftSide{float:left}
.right,.rightSide{float:right}
.centered{display:block;margin:0 auto}
img.left,.leftSide{margin:0 20px 10px 0}
img.right,.rightSide{margin:0 0 20px 10px}
img.centered{margin-bottom:20px}
img.left,img.right,img.centered{background:rgba(0,0,0,0.15);padding:5px}
img.me{margin:0 0 10px 20px}
.lead{font-size:15px}
.col-1{width:40px}
.col-2{width:100px}
.col-3{width:160px}
.col-4{width:220px}
.col-5{width:280px}
.col-6{width:340px}
.col-7{width:400px}
.col-8{width:460px}
.col-9{width:520px}
.col-10{width:580px}
.col-11{width:640px}
.col-12{width:700px}
.col-13{width:760px}
.col-14{width:820px}
.col-15{width:880px}
.col-16{width:940px}
.no-outline{outline:none}
html{background:#fff url(/website/images/bg.jpg) repeat;}
body{color:#000;font-family: 'Exo', cursive; font-size: 12px; }
h1,h2,h3,h4,h5,h6{font-family:'Nothing You Could Do',Aller,Helvetica,Arial,sans-serif;font-weight:normal;margin-bottom:10px}
h1,h2{color:#777;text-shadow:2px 1px 1px rgba(0,0,0,0.9)}
h1{font-size:36px;line-height:40px;margin-bottom:0}
h2{font-size:24px;line-height:30px}
h3{color: orange; font-size: 20px; text-shadow: 1px 1px 1px #333;margin:0;padding:0;}
h4,h5,h6{color:rgba(0,0,0,0.5);font-size:16px;font-weight:bold}
h6{color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.5); border-bottom: 1px solid rgba(0,0,0,0.2);}
p,ul,ol,dl,table,pre,.codeblock{margin-bottom:20px}
ul{list-style:square}
a{ color: yellow; text-decoration: none; }
#footer a{ color: black; text-decoration: none; border:0;}
a:visited{}
a:hover,a:active{}
pre,.codeblock{background:rgba(0,0,0,.15);border:1px solid rgba(0,0,0,.20);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;font:12px/20px "Consolas", "Lucida Sans Unicode", "Monaco", "Courier New", Courier, monospace;overflow:auto;padding:10px;-moz-transition:background 0.25s ease-in;-webkit-transition:background 0.25s ease-in;transition:background 0.25s ease-in;width:auto}
pre span, .codeblock span{color:#fff !important}
pre .highlight, .codeblock .highlight{font-weight:bold}
pre:hover,pre:focus,.codeblock:hover,.codeblock:focus{background:rgba(0,0,0,.35)}
#header { position: absolute; top: 85px; width: 220px; right:45px; font-family: 'Exo', cursive; font-size: 14px; text-align: justify;}
#header a { border: none; color: #000; font-family: 'Nothing You Could Do', cursive; font-size: 64px; line-height:64px; text-shadow: 2px 2px 5px #333;}
.boxed { background-color: rgba(0,0,0,0.8); padding: 10px;border:1px solid rgba(0, 0, 0, 0.3);-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.boxed:hover { background-color: rgba(0,0,0,1);     -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#content { position: relative; margin-left: auto; margin-right:  0; margin-top:70px; margin-bottom: 70px; background-color: #fff; width: 70%; min-height: 400px; padding: 20px;
-moz-border-radius-topleft:15px;-webkit-border-radius-top-left:15px;border-top-left-radius:15px;
-moz-border-radius-bottomleft:15px;-webkit-border-radius-bottom-left:15px;border-bottom-left-radius:15px;
font-family: 'Exo', cursive;
font-size: 16px; line-height: 28px;}
small { font-size: 16px; }
li { margin-left: 20px; }
yellow { color: yellow; }
#footer { position: absolute; top:0; right:0; font-family: 'Exo', cursive; font-size: 12px; padding:3px 0 3px; background: #aaa; width: 160px;-moz-border-radius-bottomleft:15px;-webkit-border-bottom-left-radius:15px;border-bottom-left-radius:15px;}
input,select,textarea,button { background: black; border: 1px solid #666; font-family: 'Exo', cursive; font-size: 12px; color: white; outline: none; padding: 4px; resize: none; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
hr { width: 80%; height: 1px; border: 0; border-bottom: 1px solid #333;}
#spazia { clear: both; }
.split { margin: 30px 0 30px; width: 650px; height: 1px; border: 0; border-bottom: 1px solid #aaa; }
#userbox { position: absolute; right:0; top: 0; line-height: 26px; text-align: center; vertical-align: middle;  padding: 10px 10px 5px 20px; background: #ccc;-moz-border-radius-bottomleft:15px;-webkit-border-radius-bottom-left:15px;border-bottom-left-radius:15px; }
.submit { border-color: white; background-color: #eee; color: black; }
.menu { width: 16px; height: 16px; margin: 0 3px 0 3px; }
h1.reg { margin: 20px; float: right; }
#regtab { margin: 0 20px 0 20px; }
#regtab td { border: none; font-size: 20px; padding: 5px;}
#regtab input { background: none; border: none; color: orange; border-bottom: 1px solid #999; font-size: 20px; padding: 5px; width: 300px; -moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
.imgpreview { height: 80px; border: 1px solid #666; margin: 3px; }
#preview, #final, #browse { max-width: 72%; }
.gallery { float: left; margin-right: 20px; }
.gallery .descrizione { margin: 5px 10px 5px 10px; font-size: 12px;}
.progress { background-color:white;position:relative; width:200px; border: 1px solid #ccc; padding: 1px; border-radius: 3px; }
.bar { background-color: #ccc; width:0%; height:22px; border-radius: 3px; }
.percent { position:absolute; display:inline-block; top:0; left:48%; color:black; font-size: 12px;}
.imguploaded img {  width: 150px; border: 1px solid #666; margin: 5px; }
.prv img, .foto img {  max-height: 150px; border: 1px solid #666; margin: 5px; }
.shot { position: relative; float: left; }
.tools { display: none; padding: 2px; background: white; background: rgba(255,255,255,0.6); position: absolute; right: 10px; top: 10px; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; }
.tools img { margin-right: 3px; height:24px; width: 24px; }
.showimg img {  max-width: 70%; border: 1px solid #666; margin: 5px; }
.tip-twitter, .tip-twitter2 {
        opacity:0.8;
        filter: alpha(opacity = 0);
        -ms-filter: "alpha(opacity=0)";
        z-index:9999;
        text-align:left;
        border-radius:4px;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        padding:8px 8px;
        max-width:280px;
        color:#fff;
        background-color:#000;
}
.tip-twitter{
        max-width:100px;
}
.tip-twitter2 .tip-inner, .tip-twitter .tip-inner {
        font:bold 11px/14px 'Lucida Grande',sans-serif;
}

.tip-twitter2 .tip-arrow-top, .tip-twitter .tip-arrow-top {
        margin-top:-5px;
        margin-left:-5px; 
        top:0;
        left:50%;
        width:9px;
        height:5px;
        background:url(../images/tip-twitter_arrows.gif) no-repeat;
}
.tip-twitter2 .tip-arrow-right, .tip-twitter .tip-arrow-right {
        margin-top:-4px; 
        margin-left:0;
        top:50%;
        left:100%;
        width:5px;
        height:9px;
        background:url(../images/tip-twitter_arrows.gif) no-repeat -9px 0;
}
.tip-twitter2 .tip-arrow-bottom, .tip-twitter .tip-arrow-bottom {
        margin-top:0;
        margin-left:-5px; 
        top:100%;
        left:50%;
        width:9px;
        height:5px;
        background:url(../images/tip-twitter_arrows.gif) no-repeat -18px 0;
}
.tip-twitter2 .tip-arrow-left, .tip-twitter .tip-arrow-left {
        margin-top:-4px; 
        margin-left:-5px;
        top:50%;
        left:0;
        width:5px;
        height:9px;
        background:url(../images/tip-twitter_arrows.gif) no-repeat -27px 0;
}
.bbcode {
	margin: 20px;
}
.bbcode td {
	padding: 0 3px;
	white-space: nowrap;
}
.bbcode textarea {
	width: 300px;
	height: 16px;
	background: #fcfcfc;
	overflow: hidden;
	color: #666;
	border: 1px solid #888;
	padding: 3px 0 0 2px;
	font-size: 11px;
}
.deleteimg { color: black; }
.msgpaging { text-align: center; width: 70%;}
.msgpaging img { margin: 20px 10px;}
.delalbum { color: red; font-size: 14px; }
.delalbum img { width: 24px; height: 24px; }
#cols { width: 648px; position: relative; }