/* 
CSS realizzato da Sara Bertolaso www.phoenixdown.it per Cosplay4Life
*/


body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
margin:0;
padding:0;
background: #cbd9f7 url(../img/bg_dx.gif) no-repeat right bottom;
}

h2{
color: #9cf;
font-size:13px;
font-weight:bold;
text-transform:uppercase;
text-align:center;
}

img{
border:none;
}

a:link,a:visited{
color:#000;
}

a:hover, a:focus, a:active{
color: #9cf;
}


#contenitore {
min-width:980px;
background: url(../img/header.jpg) repeat-x top left;
width:100%;
margin: 0;
padding:0;
}

#bg{
position:absolute;
width:150px;
height:250px;
top:450px;
left:0;
background:  url(../img/bg_sx.gif)  no-repeat;
}

#nav{
float:right;
height:30px;
margin: 152px 20px 0 0;
display:inline;
padding:0;
}

#nav li{
text-align:center;
list-style: none;
float:left;
width:90px;
height:31px;
background: url(../img/btn_menu2.png) top left no-repeat;
margin: 0;
padding: 0;
}

#nav li a:link, #nav li a:visited, #active{
color:#000;
border:none;
font-weight:bold;
line-height:35px;
font-size:11px;
margin:0;
padding:;
}

#nav li a:hover,#nav li a:focus, #nav li a:active{
color: #F9F;
}

#menu {
margin: 3px 0 0 0;
padding: 0;
height: 65px;
background:#f0f1f2;
text-align:center;
}

#menu ul {
padding:13px 0;
margin: 0 auto;	
width: 950px;
height: 45px;
}

#menu ul li {
list-style: none;
padding: 0;
margin: 0 5px;
display: inline;
float: left;
}

#menu ul li a,#menu ul li a:visited {
background-repeat: no-repeat;
background-position: top left;
text-indent: -2000em;
width: 125px;
height: 45px;
float: left;
}

#menu ul li a:hover,#active,#menu ul li a:focus,#menu ul li a:active,#menu ul li.active a {
background-position: bottom left;
}

#home {
	background-image: url(../img/btn_home.jpg);
}

#aboutus {
	background-image: url(../img/btn_aboutus.jpg);
}
#contest {
	background-image: url(../img/btn_contest.jpg);
}

#bonus {
	background-image: url(../img/btn_bonus.jpg);
}


#cosplay {
	background-image: url(../img/btn_cosplay.jpg);
}

#links {
	background-image: url(../img/btn_links.jpg);
}

#report {
	background-image: url(../img/btn_report.jpg);
}

#shots {
	background-image: url(../img/btn_shots.jpg);
}


#submenu, #footer{
background: url(../img/submenu_bg.jpg) repeat-x;
height: 40px;
text-align:center;
margin:0;
padding:0;
}

#submenu ul{
height:40px;
width: auto;
margin: auto;
padding:0;
}

#submenu ul li{
display:inline;
list-style: none;
height: 40px;
margin: 0 5px;
padding:0;
}

#submenu a:link, #submenu a:visited{
color:#000;
font-weight:bold;
line-height: 40px;
background: url(../img/submenu_elenco.jpg) top left no-repeat;
margin: 0;
padding: 6px 0 6px 35px;
}

#submenu a:hover,#submenu a:focus, #submenu a:active{
color: #9cf;
}


#deco_sx{
position:absolute;
left:0;
background:url(../img/deco_sx.jpg);
float:left;
width:150px;
height: 170px;
}

#deco_dx{
position:absolute;
right:0;
background: url(../img/deco_dx.jpg);
width:150px;
height: 170px;
}

#main{
position:relative;
z-index:101;
min-width:680px;
margin: 0 150px;
padding:0;
background-color:#fdfdfd;
border-bottom:1px solid #fdfdfd;
}

#contenuti{
text-align:justify;
min-height: 500px;
height: auto !important;
height: 500px;
margin: 0;
padding: 25px;
}

.center{
text-align:center;
}

.box{
position:relative;
left:-15px;
width:670px;
background:url(../img/box_centro.jpg) -5px 0 repeat-y;
overflow:hidden;
margin:auto;
padding:0;
}

.box_cont{
margin: 0 20px;
text-align: justify;
}

.box_sotto{
width:670px;
height:30px;
background:url(../img/box_sotto.jpg) -5px 0 no-repeat;
}

#updates{
background:url(../img/box_updates.jpg) -5px 0 no-repeat;
width:670px;
height:80px;
}

#fiere{
background:url(../img/box_fiere.jpg) -5px 0 no-repeat;
width:670px;
height:80px;
}

#footer{
line-height:40px;
}

#room{
position:absolute;
top:0;
left:825px;
width:120px;
height:140px;
}

#room ul {
padding: 0;
margin: 0;	
width: 120px;
height: 100px;
}

#room ul li {
list-style: none;
padding: 0;
margin: 0;
}

#room ul li a,#room ul li a:visited {
background-repeat: no-repeat;
background-position: bottom left;
text-indent: -2000em; /* Phark Image Replacement */
width: 160px;
height: 70px;
display:block;
}

#room ul li a:hover {
background-position: top left;
}

#room ul li a:focus,#room ul li a:active {
background-position: bottom left;
}

#lionheart{
background-image: url(../img/btn_lionheart-room.jpg); 
}

#shadowings{
background-image: url(../img/btn_shadowngs-room.jpg); 
}

.gallery {
clear:both;
text-align:center;
margin: 0 0 0 20px;
padding:0;
}

.gallery ul {
margin: auto;
padding:0;
list-style: none;
}

.gallery li {
float: left;
list-style: none;
margin: 0 10px 20px 0;
padding:0;
}

.gallery ul li img{
border: 1px solid #F9F;
}


/* CONTATTI */

#contactform #nome,#contactform #email,#contactform #messaggio{
border:1px solid #F9F;
font-size:12px;
color:#444;
margin:0;
width:100%;
}

#contactform #controllo{
border:1px solid #F9F;
font-size:12px;
color:#444;
margin:0;;
}
.clr{
clear:both;
}

h1, hr, .nascosto, .invisibile{
position: absolute;
top: -2000em;
left: -2000em;
text-indent:-2000em;
}