/*
Theme name: VV
Theme URI: http://www.vacanzaviaggio.com
Description:VV theme
Version: 1.0
Author: Nicola
*/
/**************************************************************

RESET


*************************************************************/


/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0;}


/**************************************************************/
/**************************************************************

DIMENSIONI DEGLI OGGETTI
*************************************************************/
body{font-family:Verdana, Geneva, sans-serif; background-color:#346498; margin:0 0 70px 0;  background-repeat:repeat-x; background-position:0 0px; }




/* zona logo */
#wrapbranding{ width:1000px; margin:0 auto;}
#branding{	width: 1000px; clear:both; margin:-21px 0 0 0; clear:both; overflow:hidden; position:relative; background-position:top; background-image:url(images/back.png); background-repeat:no-repeat; height:378px; }

#branding h1 a{ display:block; text-indent:-99999px; height:105px; background-repeat:no-repeat; padding:10px 37px 0px 0; float:left; margin:42px 0 0 0; width:100%; background-image:url(images/logo.png);}
#branding #altro{ width:450px; float:right; padding:10px 0 0 0; height:130px;}




.decosu{ background-image:url(images/puntag.png); background-repeat:repeat-x; height:16px; clear:both; position:relative; z-index:100;}
#decopunte{ margin:-70px 0 0 0; padding:0; background-image:url(images/punta.png); background-repeat:repeat-x; height:16px; width:100%; position:relative; z-index:1234;}
#decobg{background-repeat:repeat-x; background-image:url(images/bg.png); background-color:#2c77a0; width:100%; overflow:hidden; padding-top:5px; padding-bottom:20px; position:relative; z-index:99;}


#mainmenu{ width:990px; margin:0 auto;}
#mainmenu ul{ list-style:none; height:35px; overflow:hidden; margin:0 0 20px -15px;}
#mainmenu ul li{ display:inline;}
#mainmenu ul li a{ display:block; float:left; margin:7px; padding:5px 10px; background-color:#fff; text-shadow:0 0 1px #000; -moz-border-radius:6px; -webkit-border-radius:6px; text-decoration:none; color:#333;}
#mainmenu a:link,
#mainmenu a:visited{ text-decoration:none;}
#mainmenu a:hover{ text-decoration:none; color:#F60;}


/* menu navigazione principale */
#menu{ margin:0 auto; width:1000px; clear:both; background-color:#FFF; 

}
#menu ul li{ display:inline;}
#menu ul li a{	float: left;  display:block; margin:0 22px 0 22px;}

#menu ul li a{
	font-style: normal;
	font-size: 18px;
	color: #444;
	text-decoration: none;
	font-variant:small-caps;
	font-weight:bold;
}
#menu ul li a:hover{
	color: #006087;
}

/* contenitore principale */
#wrapper{
	background-repeat:repeat;
	width: 1000px;
	overflow:auto;
	margin: 0 auto;
	padding-bottom:25px;
	background-color:#FFF;
	border:1px dashed #000;

	position:relative;
	z-index:98;
	
}





/* colonna sinistra */
#sx{ width: 600px; 	float: left; margin: -5px 15px 30px 15px; }


/* articoli */


.post{ 
margin:15px 0 40px 0; 
padding: 2px 8px 20px 8px; 
clear:both; 
width:97%; 
-moz-box-shadow: 0px 2px 6px #333; 
-webkit-box-shadow: 0px 2px 6px #333;
background-color:#FFf;
background-image:url(images/quadrretti.png);
background-repeat:repeat;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border:1px solid #999;}


.data{width: 113px;	height: 50px;	background: transparent url(img/data.png) 0 0 no-repeat; padding:8px 5px 0 5px; margin: 20px 0 0 -20px;	float: left;}
.data a, .data a:visited{ display: block; color:#036; width:90%; text-align:left; float:left; font-size: 14px; text-decoration:none; margin: 5px 5px 0 3px;	}
.data a:hover{ text-decoration:none; color:#09F;}


.post h2.titolopost{margin: 25px 0 0 15px;	padding:0 0 20px 0; font-size: 20px; font-weight: bold;}
.post h2.titolopost a{ text-decoration:none; font-size:22px; color:#333; font-weight:bold; margin-right:10px; text-shadow:0px 1px 5px #999; }
.post h2.titolopost a:visited{ text-decoration:none; font-size:22px; color:#333; font-weight:bold;}
.post h2.titolopost a:hover{ text-decoration:none; color:#069;}


.post h4{ font-style: normal;	font-size: 12px;font-weight: normal;color: #858585;	margin:10px;text-decoration:none;}
.post h4 a{ text-decoration:none; color:#069; font-weight:bold;}
.post h4 a:hover{ text-decoration:none; color:#09F;}

/* Contenuto dell'articolo articolo */
.articolo{ color:#333; padding:0px; margin:10px 0 30px 0; width:95%; font-size:13px; margin:0 auto; line-height:1.500; text-align:justify; }
.articolo .wp-smiley{ border:0; margin:0; padding:0 3px 0 3px;}

/* paragrafi */
.articolo p{ margin:0 0 10px 0; text-align:left; font-size:13px; color:#333; text-align:justify;}


/* immagini */
.articolo img{ clear:both; margin-bottom:7px; border:1px #CCC solid; padding:2px; background-color:#FFF;}
.articolo p img{ clear:both; margin-bottom:7px; border:1px #CCC solid; padding:2px; background-color:#FFF;}
.articolo .imgarticolo{ float:left; margin:3px 10px 5px 0; border:1px solid #CCC; background-color:#FFF; padding:5px; -moz-border-radius:10px; -webkit-border-radius:10px;}

/* codice */
.articolo pre{ 	border-left:8px solid #900; background-color:#222; color: #ddd; font-size:13px;
				font-family:"Courier New", arial; display:block; padding:10px; clear:both; 
				width:500px !important; line-height:1.600; margin:10px 0 20px 0px;
				}

.articolo blockquote{ padding:10px 10px 10px 50px; border-right:4px dashed #999; font-style:italic; background-image:url(images/block.png); background-repeat:no-repeat; background-position:left top; margin:15px; background-color:#eee;}

/* titoli */
.articolo h3{ color:#06F; font-size:20px; font-weight:bold; margin:5px 0 10px 0; clear:both; text-shadow:0 0 1px #333;}
.articolo h4{ color:#F90; font-size:18px; font-weight:bold; margin:5px 0 10px 0; clear:both; text-shadow:0 0 1px #333;}


/* link */
.articolo a:link, .articolo a:visited{ text-decoration:underline; color:#06c}
.articolo a:hover{ color:#F90;}
.articolo p a:link, .articolo p a:visited{ color:#06C; text-decoration:underline;}
.articolo p a:hover{ color:#F90;}

.articolo p.continua{ clear:both; display:block; float:right; width:200px; padding:15px 0 0 10px; height:45px; color:#333; font-weight:bold; text-align:left; margin:10px 30px 10px 0; background-image:url(img/continua.png); background-repeat:no-repeat; text-decoration:none;}
.articolo p.continua a.more-link{ color:#fff; text-decoration:none; margin:0 auto; padding-left:20px; text-decoration:none;}
.articolo p.continua a.more-link:hover{ color:#CF6; text-decoration:none;}
.articolo p.continua a.more-link:visited{ color:#FFF;}


/* liste */
.articolo ul, .articolo ol{ margin:20px 0 20px 0; padding-left:30px;}
.articolo ul li{ list-style:url(images/li1.png); margin:6px 10px 4px 30px; font-size:13px;}
.articolo ol li{ margin:6px 10px 4px 30px; font-size:13px;}


/*------- RELATED POST  -----------*/
.articolo .related_post_title { margin:35px 0 0 0; width:550px !important; border-top:1px solid #CCC; padding:15px 0 0px 0;}
.articolo ul.related_post { margin:10px 0 25px 0; width:550px !important; padding:0 0 15px 0; border-bottom:1px solid #CCC}
.articolo ul.related_post li{ margin:3px 0 15px 0px; display:block; clear:both;}
.articolo ul.related_post li a{ text-indent:20px; text-decoration:none; color:#06C; font-weight:bold;}
.articolo ul.related_post li a:hover{ text-decoration:underline; color:#06C; font-weight:bold;}
.articolo ul.related_post li small{ text-indent:20px; color:#666; font-size:10px;}
/*------- RELATED POST  -----------*/

.post div.social{ -moz-border-radius:10px; -webkit-border-radius:10px; margin:0 auto; border-left:8px #F06 solid; background-color:#FFF; clear:both; padding:5px; margin:15px 0 5px 0px; border-right:8px solid #f06; background-color:#fff; border-bottom:1px solid #ddd; border-top:1px solid #ddd; overflow:hidden;}
.post div.social a img.icons{ float:left; border:0; margin:0 8px 0px 4px;}

.post div.tag{ clear:both; width:96%; margin: 0 auto; font-size:12px; text-decoration:none;}
.post div.tag a{ text-decoration:none; margin-top:25px;}



.newsletter{ background-color:#FC6; border:7px solid #F30; overflow:hidden; margin:0 auto; padding:8px; margin:20px; font-size:13px;}
.newsletter h3{ font-size:20px; font-weight:bold; margin-bottom:15px;}
.newsletter small{ font-size:10px; color:#666;}
.newsletter img{ float:left; margin:0 15px 5px 0;}
.newsletter .input_text{ border:1px solid #88A2AA; height:30px; padding:6px; margin:0 0 7px 0; font-size:18px; color:#333;}
.invia{ height:30px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; color:#333; border:1px solid #666;}
.invia:hover{ height:30px;font-family:Verdana, Geneva, sans-serif;font-weight:bold;background-color:#003;color:#eef;border:1px solid #333;}
.invia:active{ height:30px;font-family:Verdana, Geneva, sans-serif;font-weight:bold;background-color:#F36;color:#eef;border:1px solid #333;}


#navigation{ padding:0px; margin:15px 0 0 0px; height:100px; overflow:hidden;}
#navigation .left a,
#navigation .left a:visited { background-image:url(img/precendenti.png); text-indent:-9999px; background-repeat:no-repeat; display:block; width:272px; height:100px; color:#333; font-weight:bold; float:left; text-decoration:none;}
#navigation .left a:hover{ color:#09F;}

#navigation .right a,
#navigation .right a:visited{ background-image:url(img/successivi.png); text-indent:-9999px; background-repeat:no-repeat;display:block; float:right; text-decoration:none; color:#333; font-weight:bold;width:272px; height:100px;}
#navigation .right a:hover{ color:#09F;}


/*-------- COMMENTI --------------*/

/* commenti */
/* commenti */

#sx ol.commentlist{margin:25px 0 15px 0; padding:0; }
#sx ol.commentlist li{  
										text-align:left;
										list-style:none;
										margin:0 0 10px; 
										padding:7px 2px 3px 4px;
										display:block;
										overflow:hidden;
										font-size:13px;
										
										}
#sx ol.commentlist li.alt{ 
										text-align:left;
										list-style:none;
										margin:0 0 10px; padding:7px 2px 3px 4px;
										display:block;
										overflow:hidden;
										}
#sx ol.commentlist li div.metaeavatar{ 
										margin:0; 
										padding:0;
										float:left;
										width:64px;
										margin:0 3px 0 -4px;
										overflow:hidden;}
#sx ol.commentlist li div.metaeavatar p.avatar{
										margin:0 auto; 
										padding:0; 
										height:64px; 
										width:64px; 
										clear:both;}
#sx ol.commentlist li div.metaeavatar p.dati{ 
										margin:0; 
										padding:0; 
										color:#333; 
										text-align:center;}

#sx ol.commentlist li div.testocommento .top{ width:531px; height:23px; background-image:url(img/comtop.jpg); background-position:center; overflow:hidden; margin-left:-10px;}
#sx ol.commentlist li div.testocommento .down{ width:531px; height:21px; background-image:url(img/comdown.jpg); background-position:center; overflow:hidden; margin-left:-10px;}
#sx ol.commentlist li div.testocommento .middle{ background-image:url(img/combody.jpg); background-repeat:repeat-y; width:550px; padding:0px; margin:0 0 0 -10px;}
#sx ol.commentlist li div.testocommento .middle small{ font-size:10px; color:#999; margin: 0 0 12px 42px; display:block;}
#sx ol.commentlist li div.testocommento .middle small cite,
#sx ol.commentlist li div.testocommento .middle small cite a{ font-size:13px; text-decoration:none; color:#333; font-weight:bold; font-style:normal;}
#sx ol.commentlist li div.testocommento .middle p{ width:455px; margin:5px 0 0 42px; text-align:justify;}
#sx ol.commentlist li div.testocommento .middle em{ margin-left:40px; margin-bottom:30px; border-left:20px solid #c00;
border-right:20px solid #c00; border-bottom:1px solid #999; border-top:1px solid #999; background-color:#CF9; padding-left:10px;
padding-right:10px; -moz-border-radius:50px; -webkit-border-radius:50px; }

#sx ol.commentlist li div.testocommento{ 
										line-height:1.500;
										width:85%;
										margin:4px 5px 0 78px;
										text-align:left;
										color:#000;
}

/*-------- COMMENTI --------------*/

/*----- RISPOSTA AI COMMENTI ----*/
#respond{ 
border: 1px solid #999;
background-color:#FFf; padding:10px; 
-moz-border-radius:10px; color:#000;
-webkit-border-radius:10px; 
-moz-box-shadow:0 2px 4px #333;
-webkit-box-shadow:0 2px 4px #333;}

#respond h3{ padding: px 0 10px 0; color:#c00; font-size:20px; text-shadow:0 0 1px #333;}
#respond input{ border:2px solid #666; padding:6px; margin-top:5px; font-weight:bold;s}
#respond input#submit:hover{ color:#c00; font-weight:bold; }
#respond textarea{ border:2px solid #666; width:90%; padding:4px; margin-top:5px;}
#respond small{ font-size:13px; color:#000;}
/*----- RISPOSTA AI COMMENTI ----*/


/* colonna destra */
#dx{
	width: 348px;
	float: left;
	margin: 10px 5px 31px 0;
	position:relative;
	z-index:1010986;
	}

.contatti{ padding:0 10px 30px 10px; width:95%; margin:0 auto;}
.floatleft{ float:left; margin-right:5px; }
.bgtv{ background-color:#FFF; text-align:center; }
.bgside{background-color:#ececec;}


.dxmiddle{
	-moz-box-shadow: 0px 2px 6px #333; 
-webkit-box-shadow: 0px 2px 6px #333;
	width: 348px;
	float: left;
	border:1px solid #999;
	padding-top:10px;
	padding-bottom:15px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin-bottom:15px;
}
.dxmiddle .sidecentro{ margin:0 auto; padding:15px; width:300px; }

.dxmiddle form{ width:80%; margin:0 auto; padding:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.dxmiddle form table{ width:90%;}
.dxmiddle form table td{padding:5px 2px 2px 2px;}

.dxmiddle h3{ font-size:18px; font-style:italic; margin: 15px 10px 0px 30px; padding: 0 0 10px 0; text-shadow: 0px 1px 5px #999; }
.dxmiddle .ultimipost{	border-bottom: 1px solid #CECECE; }

/* elenco categorie */
.dxmiddle .cat{	font-size: 12px; margin: 5px 10px 30px 25px;}
.dxmiddle .cat li{	list-style: disc; list-style-position: inside; list-style-image: url(images/note.png); line-height:1.800;}
.dxmiddle .cat li a,.dxmiddle .cat li a:visited{ text-decoration:none; margin:-3px 0 0 7px; padding-left:5px; color:#333;}
.dxmiddle .cat li a:hover{ text-decoration:underline; color:#09F; }


/* elenco ultimi articoli*/
.dxmiddle .last{	font-size: 12px; margin: 5px 10px 30px 25px;}
.dxmiddle .last li{	list-style: disc; list-style-position: inside; list-style-image: url(images/li1.png); line-height:1.800;}
.dxmiddle .last li a,.dxmiddle .cat li a:visited{ text-decoration:none; margin:-3px 0 0 7px; padding-left:5px; color:#333;}
.dxmiddle .last li a:hover{ text-decoration:underline; color:#09F; }

/* blogroll */
.dxmiddle .broll{	font-size: 12px; margin: 5px 10px 30px 25px;}
.dxmiddle .broll li{	list-style: disc; list-style-position: inside; list-style-image:url(images/link.png); line-height:1.800;}
.dxmiddle .broll li a,.dxmiddle .cat li a:visited{ text-decoration:none; margin:-3px 0 0 7px; padding-left:5px; color:#333;}
.dxmiddle .broll li a:hover{ text-decoration:underline; color:#09F; }




.dxmiddle .ads125{ padding:5px 5px 15px 5px; margin:0 auto; text-align:center; width:320px; overflow:hidden;}
.dxmiddle .ads125 a img{ border:0; float:left; margin:7px 10px 7px 18px; }


.dxmiddle .ul2{
	float: left;
}
.dxmiddle .ul2 li{
	border-bottom: 1px solid #CECECE;
	width: 298px;
	height: 59px;
	line-height: 59px;
	padding:0 0 0 30px;
}
.dxmiddle .ul2 li img{
	vertical-align: middle;
	margin: 0 20px 0 0;
}





/* footer */
#siwrapper{ width: 100%;float:left;background: #000;overflow:hidden; padding:20px 0 8px 0;}

#pszone{ width:1000px; margin:0 auto; clear:both;}
#siteinformation{margin: 0 auto; width: 1000px;}
.colfooter{	width: 450px; float: left; margin:10px 20px 25px 0;}

.tutorial{ width:530px; float:left; text-align:left; margin:10px 0 25px 0;}
.tutorial ul{ margin:15px 0 20px 30px; clear:both; list-style-image:url(img/star_yp.png);  }
.tutorial li{ font-size: 14px; color: #fff; clear:both; line-height:1.8;}
.tutorial li a{	color: #fff; text-decoration: none;	font-family:Arial, Verdana, Geneva, sans-serif; font-size:14px; display:block;	clear:both;}
.tutorial h3{ color:#FFF; font-size:24px; padding-bottom:5px;}
.center{ margin: 0 auto; width:1000px;}


#fondo{ clear:both; text-align:right; color:#333; width:960px; background-color:#FFF; margin:-30px 0 0 0; float:left; z-index:-10000; border-bottom:1px solid #999; border-left:1px solid #999; border-right:1px solid #999; padding:5px 20px 5px 20px; font-size:12px;
-moz-box-shadow:0 0 5px #333; -webkit-box-shadow: 0 0 5px #333;}
#fondo a{ color:#333; text-decoration:underline; font-size:12px; }
#fondo a:visited, #fondo a:hover{ text-decoration:none;}
#fondo a:active{ font-weight:bold;}


/* Images
-------------------------------------------------------------- */

#wrapper img {

	max-width: 640px;
}
#wrapper .attachment img {
	max-width: 900px;
}
#wrapper .alignleft,
#wrapper img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#wrapper .alignright,
#wrapper img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#wrapper .aligncenter,
#wrapper img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#wrapper img.alignleft, 
#wrapper img.alignright, 
#wrapper img.aligncenter {
	margin-bottom: 12px;
}
#wrapper .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
	padding: 4px;
}
#wrapper .wp-caption img {
	margin: 5px 5px 0;
}
#wrapper .wp-caption p.wp-caption-text {
	margin: 5px;
	color: #888;
	font-size: 12px;
}
#wrapper .wp-smiley {
	margin:0;
}
#wrapper .gallery {
	margin: auto;
}
#wrapper .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
#wrapper .gallery img {
	border: 2px solid #cfcfcf;
}
#wrapper .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
#wrapper .gallery dl {
	margin: 0;
}
#wrapper .gallery img {
	border: 10px solid #f1f1f1;
}
#wrapper .gallery br+br {
	display: none;
}