/*

Theme Name: +_vicino
Theme URI: http://www.n26.net
Description: Nico Battaglia restyling
Version: 1.0
Author: mastroweb
Author URI: http://www.n26.net/

StyleSheet by Vito Marinelli
http://www.vitomarinelli.it
		
*/

@charset "UTF-8";
/* CSS Document */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol,li { list-style: none; }
fieldset,img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

/* BUG PNG EXPLORER 6 */
img { behavior: url(script/iepngfix.htc); }

/* IMPAGINAZIONE */
html {background:#000;}
body {font:0.7em verdana; color:#333; background:#FFF url(images/fondo.gif) repeat-x; margin:0; padding:0; }

/* LAYOUT */
#head {margin:0 auto; width:980px; height:80px; background: url(images/nicobattaglia.gif) no-repeat right top; }
#main {margin:0 auto; width:980px; background: url(images/main.gif) no-repeat center top; }
#content {margin:0; padding:0; width:888px;  background:url(images/fondo_content.png) repeat-y; behavior: url(script/iepngfix.htc); float:left;}
#pagina {margin:0; width:861px; margin-left:13px;}
#content_end {margin:0 auto; width:875px; height:20px; background:url(images/fondo_end_content.jpg) center top no-repeat; }
#banner {margin:0 auto; width:870px; background:#FFF; padding:0 0 20px 5px; }
#shop { margin:0; width:80px; background:url(images/link.jpg) top left no-repeat; float:right; text-align:right;}
#sidebar {padding:20px; padding-top:50px; float:left; width:200px;}
#sidebar ul{margin-bottom:20px; font:normal 11px Arial;}
#sidebar li{margin-bottom:10px; border-top:1px solid #CCC; background:url(images/post.gif) no-repeat 0px 2px; padding-left:20px; line-height:18px;}

#testo {padding:20px; padding-top:50px; background:#FFF url(images/fondo_bianco.jpg) top right no-repeat;  float:right; width:560px;}
#testo_bio {padding:20px; padding-top:50px; padding-right:40px; background:#FFF url(images/fondo_bio.jpg) top right no-repeat;  float:right; }
#testo_musica {padding:20px; padding-top:50px; padding-right:40px; background:#FFF url(images/fondo_musica.jpg) top right no-repeat;  float:right; }
#testo_shop {padding:20px; padding-top:50px; padding-right:40px; background:#FFF url(images/fondo_shop.jpg) top right no-repeat;  float:right; }
#testo_video {padding:20px; padding-top:50px; padding-right:40px; background:#FFF url(images/fondo_video.jpg) top right no-repeat;  float:right; }
#testo_contatti {padding:20px; padding-top:50px; padding-right:40px; background:#FFF url(images/fondo_contatti.jpg) top right no-repeat;  float:right; }
#testo_foto {padding:20px; padding-top:50px; padding-right:40px; background:#FFF url(images/fondo_foto.jpg) top right no-repeat; width:560px; float:right; }
#testo_bianco {padding:20px; padding-top:50px; background:#FFF;  float:left;}


/* TIPOGRAFIA */
a {color:#666; text-decoration:none; font-weight:bold;}
a:hover {color:#333; text-decoration:none;}
p {line-height:16px; margin-bottom:20px;}
h1 {font:normal 16px Arial; color:#333; margin-bottom:15px;}
h3 {font:normal 16px Georgia; color:#CC0000; margin-bottom:10px;}
h4 {font:normal 20px Georgia; color:#000;}
h4 a, h4 a:link {font:normal 20px Georgia; color:#000;}

.buy { margin-bottom:10px; display:block;}
.cover {float:left; }
.home {padding:20px; padding-top:50px; background:#FFF url(images/fondo_bianco.jpg) -735px 0px no-repeat; display:block; height:420px; overflow:auto;}
.date {padding:0px 20px 0 10px; background:#F0F0F0 url(images/fondo_grigio.gif) right 70px no-repeat; display:block; height:220px; overflow:hidden;}
.cal { font:bold 11px Arial; color:#666; padding-left:0px; line-height:20px;}
.date li { font:bold 11px Arial; color:#666; padding-left:10px; line-height:20px;}
.data {font:bold 12px Arial; color:#666;}
.titoletto {font:bold 12px Arial; line-height:20px; }
.titoletto a, .titoletto a:link { text-decoration:none; color:#CC0000;}
.titoletto a:hover {text-decoration:none; color:#000;}
.note { font:normal 10px Verdana; padding:3px; border-top:1px solid #CCC; display:block;}
.commentlist { font-size:10px;}
.commentlist li { background:#F0F0F0; padding:10px; margin-bottom:10px; border:1px solid #CCC;}
.invia {background:#F0F0F0; padding:3px; border:1px solid #CCC;}
img.prodotto {float:left; margin-right:50px; border:0;}

#menu ul, menu li {list-style:none; margin:0; padding:0;}
#menu ul {display:block; margin-bottom:20px; margin-top:-20px;   }
#menu li {display:block;float:left;  font:bold 11px arial;  }
#menu li a, #menu li a:link { display:block; color:#000000; padding:4px; background:#F1F1F1; border:1px solid #CCC; margin-right:10px; }
#menu li a:hover { color:#FFF; background:#CCC; border:1px solid #FFF; margin-right:10px; }

#accordi { list-style:none; margin:0; padding:0; margin-top:10px; }
#accordi li { margin:0; padding:0; margin-bottom:10px; border-bottom:1px solid #CCC; width:260px; background: url(images/pd.png) top left no-repeat; padding-left:25px; padding-bottom:5px;  }


/* IMMAGINI */
#banner img { padding:4px; border:1px solid #CCC; margin-right:4px; }
#banner a img {filter:alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00;}
#banner a:hover img{ filter:alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; } 
#credits img { border:0; margin-left:20px;}
#testo img {float:left; margin-right:10px; margin-bottom:5px;}
.item {background-color:#000; display:block; width:58px; float:right; margin-bottom:3px;}
.item a img {filter:alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00;}
.item a:hover img{ filter:alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; } 
.fotopage {float:left; margin-right:10px; margin-top:10px; margin-left:-10px; border:0; }

/* TITOLI */


/* FOOTER */
#foot { margin:0 auto; width:100%; color:#CCC; text-transform:uppercase; letter-spacing:1px; background:#000; }
#foot { font:normal 8px Arial;}
#address { width:300px; position:relative; float:left; padding:20px 0 70px 0; }
#credits {	width:600px; position:relative; float:right; text-align:right; padding:20px 0 70px 0;}
#foot a {color:#CCC; text-decoration:none; font-weight:normal;}
#foot a:hover {color:#999; text-decoration:none;}


/* NAVIGATION BAR */
#nav { margin: 0 auto; padding: 0; width: 860px; height:35px; background: url(images/navbar.gif) no-repeat; margin-top:-16px;}
#nav ul, nav li {list-style:none; margin:0; padding:0;}
#nav li { display: inline; margin:0; padding:0; }
#nav li a { float: left; height: 0; padding-top: 35px; overflow: hidden; }
#nav li a { background-image: url(images/navbar.gif); background-repeat: no-repeat;  }


/* BUTTONS */
#nav li#link1 a { background-position: 0px 0px; width:86px; }
#nav li#link2 a { background-position: -86px 0; width:73px;  }
#nav li#link3 a { background-position: -159px 0; width:57px; }
#nav li#link4 a { background-position: -216px 0; width:82px; }
#nav li#link5 a { background-position: -298px 0; width:58px; }
#nav li#link6 a { background-position: -356px 0; width:75px; }
#nav li#link7 a { background-position: -431px 0; width:86px; }
#nav li#link8 a { background-position: -517px 0; width:92px; }
#nav li#link9 a { background-position: -609px 0; width:181px; cursor:default; }
#nav li#link10 a { background-position: -790px 0; width:70px; }


/* OVER STATES */
#nav li#link1 a:hover, #nav #link1.on a { background-position: 0px -35px; }
#nav li#link2 a:hover, #nav #link2.on a { background-position: -86px -35px; }
#nav li#link3 a:hover, #nav #link3.on a { background-position: -159px -35px; }
#nav li#link4 a:hover, #nav #link4.on a { background-position: -216px -35px; }
#nav li#link5 a:hover, #nav #link5.on a { background-position: -298px -35px; }
#nav li#link6 a:hover, #nav #link6.on a { background-position: -356px -35px; }
#nav li#link7 a:hover, #nav #link7.on a { background-position: -431px -35px; }
#nav li#link8 a:hover, #nav #link8.on a { background-position: -517px -35px; }
#nav li#link9 a:hover, #nav #link9.on a { background-position: -609px -35px; cursor:default; }
#nav li#link10 a:hover, #nav #link10.on a { background-position: -790px -35px; }