/* 
 * capitocome.it HOME CSS
 * Copyright © 2009-2011 Capitocome
 * Author: Matteo Carletti - Web Development/Web Designer freelance
 * Email: carlettiteo(at)gmail(dot)com
 */

/*** RESET ***/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#111;}
#webDesigner{position:absolute;left:1px;bottom:1px;z-index:80;border:1px dashed #BBB;}#webDesigner a{display:block;opacity:0.8;filter:alpha(opacity=80);}#webDesigner img{border:0!important;}

html, body, #bg, #bg table, #bg td, #wrapper {height:100%; width:100%; overflow:hidden}
body {cursor:default;background:url(../images/template/loading.gif)}
h1 {font:38px 'Courier New', Courier, monospace}
.mainTitle {margin:-30px auto 0; font-size:0.7em!important; text-align:center; width:900px}
h2 {font:28px 'Courier New', Courier, monospace}
a {text-decoration:none; color:#FFF; outline:none}
a:hover, a:active {background:red; color:#FFF; outline:none}
img {display:block}
a img {border:0}
.clearer {clear:both}

/* Title badge */
h2 img {position:absolute; right:20px; top:40px; z-index:75}
.badgeTitle {margin:50px auto 0; font-size:0.5em!important; text-align:center; width:900px}

/*** MENU ***/
#menu {position:absolute; bottom:40px; left:0; width:100%; z-index:110; background:#111; opacity:0.8; filter:alpha(opacity=80); -ms-filter:"alpha(opacity=80)";}
#menu-home {width:600px; height:53px; margin:0 auto; padding:0; font:26px 'Courier New', Courier, monospace; line-height:22px}
#menu ul {width:100%}
#menu li {list-style:none; display:block}
.skip {float:right}
.skip a {background:url(../images/template/skip.png) right center no-repeat; display:block; height:37px; padding:16px 3px 0; color:#999; display:block}
.skip a:hover, .skip a:active {background:#FFF url(../images/template/skip_hover.png) right center no-repeat; color:#000}
.skip span {padding-right:52px}
.contact {float:left}
.contact a {background:url(../images/template/contact.png) left center no-repeat; display:block; height:37px; padding:16px 3px 0; color:#999; display:block}
.contact a:hover, .contact a:active {background:#FFF url(../images/template/contact_hover.png) left center no-repeat; color:#000}
.contact span {padding-left:30px}

/*** MAIN CONTENTS ***/
#wrapper {position:absolute; top:0; left:0; z-index:70; overflow:auto}
#box {margin:35px auto 0; padding-bottom:96px; width:612px; font-family:"Courier New", Courier, monospace; font-size:16px; color:#FFF}
#box a	 {display:block}
#box img {display:inherit}
.eshopText {font-size:28px; margin-bottom:10px; padding:2px 0; border-top:1px dashed #F00; border-bottom:1px dashed #F00; display:block}
a.linkBella {margin:0 auto; padding:5px; border:1px solid #121212; display:block}
a.linkBella:hover, a.linkBella:active {border:1px solid #F00; background:none}

#sloganContent {float:left; width:320px; margin:0 40px 0 5px; text-align:center; line-height:1.5em}
#fbLikeContent {float:left; width:240px; height:82px; position:relative; border:1px dashed #555}
#fbLike {position:absolute; top:10px; right:-86px}
/*#fbLikeContent #LikeboxPluginPagelet .fan_box .connect_top {padding-left:40px!important}*/

/*Sponsor*/
#sponsorLinks {position:absolute; bottom:0; right:0; text-indent:-9999px}
#sponsorLinks a, #sponsorLinks a:hover, #sponsorLinks a:active  {font-size:8px; color:#777; background:none}

/*** BACKGROUNDS ***/
#bg div {position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td {vertical-align:middle;text-align:center}
#bg img {margin:0 auto;min-height:52%;min-width:52%}