/*
Theme Name: Zaniah
Theme URL: http://www.zaniah.it/
Description: Tema del Network turistico Dreaming.
Version: 2.0
Author: Zaniah
Author URL: http://www.zaniah.it
Tags: zaniah internet marketing
*/

html { margin: 0; padding: 0; height: 100%; }
body { margin: 10px 0 0 0; padding: 0; font-family: "Century Gothic", Century, Verdana, "Times New Roman", serif; font-size: 12px; background: #f0f0f0; color: #333; }
img { border: none; }
a { color: #068ACC; }
a:hover { text-decoration: none; color: #333; }
.clearfloat { clear: both; height: 1px; margin: 0; padding: 0; }
.asterisco { color: #068ACC; }
form { margin: 0; padding: 0; }

/* stili wp */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin:0 1em 1em 0; }
.alignright { float: right; margin:0 0 1em 1em; }
.wp-caption { border: 1px solid #ccc; text-align: center; padding-top: 4px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 1em; line-height:1.4; padding: 0 4px 4px; margin: 0; }

/* contenitore */
div#contenitore { width: 960px; margin: 0 auto; padding: 0; } 
/* sopra_sinistra */
div#sopra-sinistra { margin: 0; padding: 0 10px; width: 500px; float: left; height: 35px; }
/* logo-principale */
div#sopra-sinistra #logo-principale { margin: 0; padding: 0; float: left; }
div#sopra-sinistra #logo-principale a { margin: 0; padding: 0; width: 132px; float: left; height: 30px; display: block; background: url(images/logo-zaniah.jpg) no-repeat; }
div#sopra-sinistra #logo-principale a span { display: none; }
/* descrizione */
div#sopra-sinistra #descrizione { margin: 0; padding: 0 0 0 15px; float: left; }
div#sopra-sinistra #descrizione h1 { margin: 0; padding: 0; text-transform: uppercase; font-size: 11px; color: #000; }
div#sopra-sinistra #descrizione a span { display: none; }
div#sopra-sinistra #descrizione a.feed { margin: 0; padding: 0; float: left; background: url(images/icona-feed.gif) bottom no-repeat; width: 16px; height: 14px; }
div#sopra-sinistra #descrizione a.feed:hover { background-position: top; }
div#sopra-sinistra #descrizione a.email { margin: 0 0 0 5px; padding: 0; float: left; background: url(images/icona-email.gif) bottom no-repeat; width: 16px; height: 14px; }
div#sopra-sinistra #descrizione a.email:hover { background-position: top; }
div#sopra-sinistra #descrizione a.twitter { margin: 0 0 0 5px; padding: 0; float: left; background: url(images/icona-twitter.gif) bottom no-repeat; width: 16px; height: 14px; }
div#sopra-sinistra #descrizione a.twitter:hover { background-position: top; }
div#sopra-sinistra #descrizione a.facebook { margin: 0 0 0 5px; padding: 0; float: left; background: url(images/icona-facebook.gif) bottom no-repeat; width: 16px; height: 14px; }
div#sopra-sinistra #descrizione a.facebook:hover { background-position: top; }
div#sopra-sinistra #descrizione a.friendfeed { margin: 0 0 0 5px; padding: 0; float: left; background: url(images/icona-friendfeed.gif) bottom no-repeat; width: 16px; height: 14px; }
div#sopra-sinistra #descrizione a.friendfeed:hover { background-position: top; }
div#sopra-sinistra #descrizione a.linkedin { margin: 0 0 0 5px; padding: 0; float: left; background: url(images/icona-linkedin.gif) bottom no-repeat; width: 16px; height: 14px; }
div#sopra-sinistra #descrizione a.linkedin:hover { background-position: top; }
div#sopra-sinistra #descrizione a.youtube { margin: 0 0 0 5px; padding: 0; float: left; background: url(images/icona-youtube.gif) bottom no-repeat; width: 16px; height: 14px; }
div#sopra-sinistra #descrizione a.youtube:hover { background-position: top; }
/* sopra_destra */
div#sopra-destra { margin: 0; padding: 5px 0 0 0; width: 440px; float: right; height: 25px; text-align: right; }
/* sopra */
div#sopra { margin: 0 auto; padding: 0; width: 960px; height: 274px; display: block; background: url(images/sfondo-sopra.jpg) no-repeat; }
div#sopra ul.menu { margin: 0; padding: 0; list-style: none; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 10px;  text-transform: uppercase; font-weight: bold; }
div#sopra ul.menu li { margin: 0; padding: 0 5px 0 0; float: left; }
div#sopra ul.menu li a { margin: 8px 0 0 0; padding: 3px 5px; color: #ccc; text-decoration: none; float: left; }
div#sopra ul.menu li a:hover { background: url(images/sfondo_menu_sopra_hover.gif) }
div#sopra ul.menu li#current a { background: url(images/sfondo_menu_sopra_active.gif) repeat-x; color: #fff; }

div#sopra div.frase { margin: 0; padding: 250px 0 0 0; }
div#sopra div.frase p { margin: 0; padding: 0 0 0 10px; color: #fff; font-size: 15px; text-shadow: 1px 1px 3px #000; }
/* mezzo */
div#mezzo { margin: 0 0 10px 0; padding: 10px 0 0 0; background: url(images/sfondo-mezzo.gif) repeat-y; float: left; }
div#mezzo_sotto { margin: 0 auto; padding: 0; width: 960px; height: 5px; background: url(images/sfondo-mezzo-sotto.gif) bottom no-repeat; float: left; }
/* sinistra */
div#sinistra { margin: 0; padding: 0 10px 20px 11px; width: 250px; float: left; }
div#sinistra h3 { margin: 10px 0; font-size: 16px; color: #068ACC; text-shadow: 1px 1px 3px #999; }
div#sinistra ul { margin: 0; padding: 0; }
div#sinistra ul { list-style: none; }
div#sinistra ul li { line-height: 200%; text-transform: capitalize; }
div#sinistra ul li a { color: #333; }
div#sinistra ul li a:hover { color: #068ACC; }

/* wp-calendar */
div#sinistra table#wp-calendar { color: #333; font-family: verdana; font-size: 11px; text-align: center; width: 230px; height: 230px; background: #fff; }
div#sinistra table#wp-calendar a { font-size: 11px; font-family: verdana; font-weight: normal; text-align: center; color: #068ACC; }
div#sinistra table#wp-calendar a:hover { color: #068ACC; text-align: center; }
div#sinistra table#wp-calendar td { color: #333; font-size: 11px; font-family: Verdana; }
div#sinistra table#wp-calendar td#prev { text-align: left; }
div#sinistra table#wp-calendar td#next { text-align: right; }
div#sinistra table#wp-calendar td:a { color: #333; font: 11px 'Verdana'; text-align: center; }
div#sinistra table#wp-calendar #today { color: #333; border: 2px solid #488ADE; font-weight: bold; }
div#sinistra table#wp-calendar th { font-style: normal; text-align: center; color: #068ACC; font-weight: normal; }
div#sinistra table#wp-calendar caption { padding: 5px 0; font-size: 11px; background: #068ACC; color: #fff; text-align: center; text-transform: uppercase; font-weight: bold; }

/* tag */
div#sinistra div.tag { text-align: justify; }
div#sinistra div.tag a { color: #333; text-decoration: none; }
div#sinistra div.tag a:hover { color: #068ACC; }


/* destra */
div#destra { margin: 0; padding: 0 21px 20px 20px; width: 648px; float: right; line-height: 200%; }
div#destra h2 { margin: 10px 0 20px 0; padding: 0; color: #000; font-size: 20px; text-shadow: 1px 1px 3px #999; }
div#destra h3 { margin: 0; font-size: 16px; }
div#destra div.post { margin: 40px 0 0 0; padding: 0; }
div#destra div.post p.meta { margin: 0; padding: 0; font-size: 10px; color: #666; }
div#destra div.tag { margin: 20px 0; padding: 0; }
/* data */
.data { margin: 0 10px 0 0; width: 44px; height: 49px; background: transparent url(images/sfondo_calendario.gif) no-repeat scroll 0 0; float: left; font-weight: normal; color: #605D5C; text-align: center; line-height: 100%; float: left; }
.data .giorno_settimana { color: #FFF; font-size: 10px; height: 15px; margin: 1px 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; }
.data small { font-weight: bold; display: block; }
.data .giorno_mese  { font-size: 16px; margin: 6px 0 0 0; color: #333;}
/* sociable */
div.sociable { margin: 16px 0; clear: both; }
span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span { position: absolute; display: block; top: -5em; background: #ffe; border: 1px solid #ccc;	color: black; line-height: 1.25em; }
.sociable span { display: block; }
.sociable ul { display: inline;	margin: 0 !important; padding: 0 !important; }
.sociable ul li { background: none; display: inline !important; list-style-type: none; margin: 0; padding: 1px; }
.sociable ul li:before { content: ""; }
.sociable img {	float: none; width: 48px; height: 48px;	border: 0; margin: 0; padding: 0; }
/* commenti */
div#destra div.commenti { font-size: 11px; }
div#destra div.commenti h3 { margin: 0 0 20px 0; font-size: 14px; }
div#destra div.commenti h4 { margin: 0 0 10px 0; font-size: 14px; }
div#destra div.commenti div.comment { margin: 0 0 10px 0; border-bottom: 1px solid #f0f0f0; color: #666; line-height: 150%; }
div#destra div.commenti textarea#comment { color: #333; width: 646px; }

/* barra_sotto */
div#barra_sotto { margin: 0 auto 10px; padding: 12px 0; width: 960px; height: 36px; background: url(images/sfondo-barra-sotto.gif) no-repeat; }
div#barra_sotto span { display: none; }
div#barra_sotto a.logo_mysql { background: url(images/logo-mysql.gif) bottom no-repeat; display: block; float: left; height: 35px; margin: 0 0 0 30px; padding: 0; width: 64px; display: inline; }
div#barra_sotto a.logo_mysql:hover { background-position: top; }
div#barra_sotto a.logo_joomla { background: url(images/logo-joomla.gif) bottom no-repeat; display: block; float: left; height: 35px; margin: 0 0 0 30px; padding: 0; width: 50px; display: inline; }
div#barra_sotto a.logo_joomla:hover { background-position: top; }
div#barra_sotto a.logo_wordpress { background: url(images/logo-wordpress.gif) bottom no-repeat; display: block; float: left; height: 35px; margin: 0 0 0 30px; padding: 0; width: 35px; display: inline; }
div#barra_sotto a.logo_wordpress:hover { background-position: top; }
div#barra_sotto a.logo_php:hover { background-position: top; }
div#barra_sotto a.logo_php { background: url(images/logo-php.gif) bottom no-repeat; display: block; float: left; height: 35px; margin: 0 0 0 30px; padding: 0; width: 64px; display: inline; }
div#barra_sotto a.logo_apache { background: url(images/logo-apache.gif) bottom no-repeat; display: block; float: left; height: 35px; margin: 0 0 0 30px; padding: 0; width: 35px; display: inline; }
div#barra_sotto a.logo_apache:hover { background-position: top; }
div#barra_sotto a.logo_linux { background: url(images/logo-linux.gif) bottom no-repeat; display: block; float: left; height: 35px; margin: 0 0 0 30px; padding: 0; width: 28px; display: inline; }
div#barra_sotto a.logo_linux:hover { background-position: top; }
div#barra_sotto a.logo_java { background: url(images/logo-java.gif) bottom no-repeat; display: block; float: left; height: 35px; margin: 0 0 0 30px; padding: 0; width: 26px; display: inline; }
div#barra_sotto a.logo_java:hover { background-position: top; }
div#barra_sotto a.logo_facebook { background: url(images/logo-facebook.gif) bottom no-repeat; display: block; float: left; height: 35px; margin: 0 0 0 30px; padding: 0; width: 35px; display: inline; }
div#barra_sotto a.logo_facebook:hover { background-position: top; }
div#barra_sotto a.logo_twitter { background: url(images/logo-twitter.gif) bottom no-repeat; display: block; float: left; height: 35px; margin: 0 0 0 30px; padding: 0; width: 35px; display: inline; }
div#barra_sotto a.logo_twitter:hover { background-position: top; }
div#barra_sotto a.logo_friendfeed { background: url(images/logo-friendfeed.gif) bottom no-repeat; display: block; float: left; height: 35px; margin: 0 0 0 30px; padding: 0; width: 35px; display: inline; }
div#barra_sotto a.logo_friendfeed:hover { background-position: top; }
div#barra_sotto a.logo_linkedin { background: url(images/logo-linkedin.gif) bottom no-repeat; display: block; float: left; height: 35px; margin: 0 0 0 30px; padding: 0; width: 35px; display: inline; }
div#barra_sotto a.logo_linkedin:hover { background-position: top; }
div#barra_sotto a.logo_youtube { background: url(images/logo-youtube.gif) bottom no-repeat; display: block; float: left; height: 35px; margin: 0 0 0 30px; padding: 0; width: 80px; display: inline; }
div#barra_sotto a.logo_youtube:hover { background-position: top; }

/* recapiti */
div#recapiti { margin: 0 auto; padding: 0 10px 10px; width: 845px; float: left; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
div#recapiti a { margin: 0; padding: 0; color: #333;  }
div#recapiti a:hover { text-decoration: none; }
/* sotto_destra */
div#sotto_destra { margin: 0 auto; padding: 0 10px 0 0; width: 85px; float: right; }
div#sotto_destra a { color: #333;  }