/* 
Theme Name: Bottega del Pane on WP
Theme URL: http://www.puntini.co.uk
Description: Per aiuto e richieste di manuntenzione: <a href="mailto:eugenio@puntini.co.uk">Contatta Studio Puntini</a>.
Author: Studio Puntini
Author URI: http://www.puntini.co.uk
Version: 0.1
*/

/*  Inizio CSS Reset  */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;
}
caption, th, td {text-align:left;font-weight:normal;}
table {border-collapse:separate;border-spacing:0;}
blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}
/*  Fine CSS Reset  */

body {
	font-size: 12px;
	font-family: Helvetica, Arial, verdana, sans-serif;
	margin: 0;
	padding: 0;
	background: url(images/bg.png) top repeat-x #000;
	color: #fff;
	behavior: url("csshover2.htc"); /*per IE6*/
}
a:link, a:visited {
	color: #FCC118;
	font-weight: bold;
	text-decoration: none;
}
a:hover, a:focus, a:active  {
	text-decoration: underline;
}
img {
	border: 0;
	text-decoration: none;
}
form { padding: 0px; margin: 0px;}
input { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
select { font-family: 'Verdana'; color: #282b31; font-size: 11px;}

#wrapper {	
	width: 1040px;
	margin: 0 auto;
}

/* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#header {
	float: left;
	width: 1040px;
	height: 253px;
	margin-top: 21px;
}
#header-logo{
	width: 560px;
	height: 203px;
	margin: 0 auto;

	background: url(images/testata-logo.png) 0px 75px no-repeat;
	text-indent: -9999px;
}
#header-content{	
	float: right;
	width: 520px;
	height: 203px;
	background: url(images/testata-destra.png) no-repeat;
	margin: 0px 0px 0px 0px;
}
#header-menu {	
	float: left;
	width: 1040px;	
	background: url(images/menu-sfondo.png) no-repeat top;
	margin: -30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
a.testata{	
	width: 520px;
	height: 203px;
	display: block;
	background: transparent;
}

/* Styles for the entire LavaLamp menu */
.lavaLamp {
    position: relative;
    width: 985px;
    _width: 970px;
    height: 39px;    
    margin: 0px 0;
    padding-top: 44px;
    padding-left: 70px;
    overflow: hidden;
}
    /* Force the list to flow horizontally */
    .lavaLamp li {
        float: left;
        list-style: none;
    }
        /* Represents the background of the highlighted menu-item. */
        .lavaLamp li.back {
            background: url(images/lava.png) no-repeat right -26px;
            _background: url(images/lava_ie6.gif) no-repeat right -26px;
            width: 9px; height: 26px;
            z-index: 8;
            position: absolute;
            
        }
            .lavaLamp li.back .left {
                background: url(images/lava.png) no-repeat top left;
                _background: url(images/lava_ie6.gif) no-repeat top left;
                height: 26px;
                margin-right: 7px;
                
            }
        /* Styles for each menu-item. */
        .lavaLamp li a {
            position: relative; overflow: hidden;
            text-decoration: none;
            text-transform: uppercase;
            font: bold 14px arial;
            color: #000; outline: none;
            text-align: center;
            height: 26px; 
            z-index: 10; letter-spacing: 0;
            float: left; display: block;
            margin: auto 25px;
            _margin: auto 4px;
            text-indent: -500em;
        }                
        .page-item-24 a{
	    width: 66px;
	    background: url('images/01news.png') no-repeat center !important;
	    background: url('images/01news.gif') no-repeat center; // ie!
        }
        .page-item-2 a{
            width: 156px;
	    background: url('images/02storia.png') no-repeat center !important;
	    background: url('images/02storia.gif') no-repeat center; // ie!
        }
	.page-item-230 a{
             width: 97px;
	     background: url('images/03tipici.png') no-repeat center !important;
	     background: url('images/03tipici.gif') no-repeat center; // ie!
        }
        .page-item-314 a{
	    width: 156px;
	    background: url('images/04hb.png') no-repeat center  !important;
	    background: url('images/04hb.gif') no-repeat center; // ie!
        }
        .page-item-15 a{
            width: 82px;
	    background: url('images/05gallery.png') no-repeat center !important;
	    background: url('images/05gallery.gif') no-repeat center; // ie!
        }
	.page-item-17 a{
             width: 109px;
	     background: url('images/06dovesiamo.png') no-repeat center !important;
	     background: url('images/06dovesiamo.gif') no-repeat center; // ie!
        }
        .page-item-227 a{
	     width: 100px;
	     background: url('images/07amici.png') no-repeat center  !important;
	     background: url('images/07amici.gif') no-repeat center; // ie!
        }
	.page-item-19 a{
             width: 84px;
	     background: url('images/08contatti.png') no-repeat center !important;
	     background: url('images/08contatti.gif') no-repeat center; // ie!
        }        


/* Content +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.primaryContent {
	clear: both;
	float: left;
	width: 1040px;
	height: 502px;
	padding-top: 40px;
	background: url(images/corpo-foto-news.png) no-repeat top left;
}
#page-11 {
	background: url(images/corpo-foto-spirito.png) no-repeat top left;
}
#page-2 {
	background: url(images/corpo-foto-storia.png) no-repeat top left;
}
#page-13 {
	background: url(images/corpo-foto.png) no-repeat top left;
}
#page-15 {
	background: url(images/corpo-foto.png) no-repeat top left;
}
#page-17 {
	background: url(images/corpo-foto.png) no-repeat top left;
}
#page-19 {
	background: url(images/corpo-foto.png) no-repeat top left;
}
#page-227 {
	background: url(images/corpo-foto.png) no-repeat top left;
}
#page-230 {
	background: url(images/corpo-foto.png) no-repeat top left;
}
#page-314 {
	background: url(images/corpo-foto.png) no-repeat top left;
}
.corpo {
	float: left;
	width: 900px;
	_width: 870px;
	margin: 0px 70px 0px 70px;
	_margin: 0px 45px 0px 45px;
}

.post {  	
  	padding: 20px 0px 20px 0px;	
  	color: #eee;
  	line-height: 1.5em;
  	_padding-right: 40px;
}
.post-page {  	
  	padding: 20px 0px 20px 0px;
  	widtht: 100%;
  	color: #fff;
  	line-height: 1.5em;
  	_padding-right: 40px;
}
.post-head {  	

}
/* i Titoli sono h2 */
.post-head h2 {
	font-size: 22px;
	margin-left: 70px;
	padding-top: 10px;
}
.post-head h2 a {
	color: #fff;
	text-decoration: none;
}
.post-page h2 {
	font-size: 22px;
	padding-top: 10px;
	padding-bottom: 50px;
}
.post-page h2 a {
	color: #FCC118;
	text-decoration: none;
}
.post-time { 
	position: absolute;
	background: url(images/date.png) no-repeat; 
	height: 55px; width: 55px; 
	text-align: center; color:#000;
	_margin-left: -90px;
}
.post-time strong { display: block; }
.post-time .day { font-size: 26px; font-weight: bold; letter-spacing: -1px; padding-top: 13px; }
.post-time .month { font-size: 14px; font-weight: bold; letter-spacing: -1px; text-transform: lowercase;}

.post-content{  	
  	padding: 55px 0px 0px 70px;		
  	color: #fff;
  	line-height: 1.5em;
}
.post-contenitore {
	width: 620px;
	float: left;
}
.post-image {
	position: absolute;
	margin-top:5px;
	margin-left: 650px;
	_margin-left: 10px;
	width: 250px;
	height: 180px;
}
.post-clear {
	clear: both;
}
.post-navigation {
	float: left;
	width: 688px;
	margin-top: 20px;
}
.post-navigation .nav-previous {
	float: left;
	width: 50%;
	text-align: left;
	margin-left: 140px;
	_margin-left: 80px;
}
.post-navigation .nav-next {
	float: right;
	width: 50%;
	text-align: right;
}

/* Sidebar +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#sidebar {	
}

/* Footer +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#footer {
	float: left;
	clear: both;
	width: 1000px;
	height: 34px;
	background: url(images/footer.png) no-repeat top left;
}

/* Album Styles Extend ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ 

.ngg-albumoverview {
	margin: 10px 0px 0px 0px !important;
	width: 100%;
	clear:both; 
	display:block !important;
}
.ngg-album {
	/*height: 130px;*/
	overflow:hidden;
	margin: 0px 0px 0px !important;
	border: 0 !important;
	float: left;
	width: 420px;
	_width: 370px;
}
.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	padding:0px;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px !important;
}
.ngg-albumcontent {
	margin: 0px !important;
	padding: 0px !important;
	text-indent: -5px;
}
.ngg-thumbnail {
	margin:0px 12px 0px 0px !important;
	float: left;
}
.ngg-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:4px 0px 4px 5px !important;
	padding:4px;
	position:relative;
}
.ngg-thumbnail img:hover {
	background-color: #A9A9A9;
}
.ngg-description {
	text-align: left;
}

/* Google Maps ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ 
.gmnoprint {
	color: #000;
}

/* La nostra storia  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ 
.wp-image-81 {
	_float: right;
	_margin-left: 20px;
}

/* Contatti ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ 

.boxlungo{
border: 1px solid #3b3834;
color: white;
float: left;
padding: 10px;
margin-bottom: 10px;
width: 90%;
background: #292724;
opacity: 0.80;
}

.boxaddress {
	width: 325px;
	height: 40px;
	padding-left: 50px;
	padding-top: 15px;
	margin-right: 30px;
	float: left;
	clear: right;
	background: url('images/negozio.png') no-repeat left;
	color: #fff;
}

.boxaddress2 {
	width: 160px;
	height: 40px;
	padding-left: 50px;
	padding-top: 15px;
	margin-right: 30px;
	float: right;
	background: url('images/negozio.png') no-repeat left;
	color: #fff;
}

.boxcorto{
border: 1px solid #3b3834;
color: white;
float: left;
padding: 15px;
margin-bottom: 10px;
margin-right:12px;
width: 42%;
background: #292724;
opacity: 0.80;
}

.boxmail {
	width: 220px;
	height: 50px;
	padding-left: 50px;
	padding-top: 15px;
	margin-right: 30px;
	float: left;
	background: url('images/icomail.png') no-repeat left;
	color: #fff;
	font-size: 120%;
}

.boxfacebook {
	width: 230px;
	height: 30px;
	padding-left: 50px;
	padding-top: 15px;
	margin-right: 30px;
	float: left;
	background: url('images/facebook.png') no-repeat left;
	color: #fff;
}


.boxyoutube {
	width: 230px;
	height: 30px;
	padding-left: 50px;
	padding-top: 15px;
	margin-right: 30px;
	float: left;
	background: url('images/youtube.png') no-repeat left;
	color: #fff;
}

.boxcartagiovani {
	width: 220px;
	height: 50px;
	padding-left: 100px;
	padding-top: 15px;
	margin-right: 30px;
	float: left;
	background: url('images/cartagiovani.png') no-repeat left 15px;
	color: #fff;
}

/* Gli amici +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#amici {
	width: 380px;
	margin: auto;
}
.sinistra {
	float: left;
	width: 160px;
	height: 160px;
        clear: both;
        margin: 5px;

}
.destra {
	float: right;
	width: 160px;
	height: 160px;
	margin: 5px;
}

/* MapPress +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.mapp-poweredby{
	text-indent: -9999px;
}


#tipici{
	margin:0px;
	padding:0px;
	width: 800px;
	height: 350px;
	background: red;
}
#tipici-foto{
	margin:0px;
	padding:0px;
	width: 400px;
	height: 350px;
	background: white;
	float: left;
} 
#tipici-foto img{
	margin:0px;
	padding:0px;
	float: left;
	cursor: pointer;

}
#tipici-testo{
	float: left;
	width: 400px;
	height: 350px;
	background: green;
} 

.tipici_prod img{
padding-right: 25px;
cursor: pointer;
}

/* Tipici PopUp +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:600px;     
    min-height:200px; 
    border:1px solid #666; 
    margin-top: 40px;
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(../img/overlay/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

/* styling for elements inside overlay */ 
.details { 
    position:absolute; 
    top:15px; 
    right:15px; 
    font-size:11px; 
    color:#fff; 
    width:150px; 
} 
 
.details h3 { 
    color:#aba; 
    font-size:15px; 
    margin:0 0 -10px 0; 
}

/* Contatti +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#page-19 h2 { 
    margin-top: -35px;
}