/* 
Theme Name: giapox_01
Description: Tema blu 960px con una colonna laterale
Version: 2.1
Author: giapox
Author URI: http://www.giapox.it
*/

/* generale */
html, body, div, span, form, h1, h2, h3, h4, p, blockquote { margin: 0; padding: 0; border: 0; outline: 0; }
:focus { outline: 0; }
body { margin: 0; padding: 0; font: normal 12px Arial, Helvetica, sans-serif; color: #333333; background: url(images/sfondo-body.jpg) 0 0 repeat-x #F7F6F6; }
html { height: 100%; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; }
pre, var, code { font-family: "Courier New", Courier, monospace; }
#header h2 { font-family: Tahoma, Arial, Helvetica, sans-serif; }
.clear { clear: both; line-height: 1px; height: 1px; margin: 0; padding: 0; }
img { border: 0; outline:0;}

/* titoli */
h1 { font-size: 14px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 14px; }
h5 { font-size: 13px; }

/* elementi testuali */
ul,ol,p,dl { line-height: 200%; }
p { margin: 0 0 15px 0; text-align: left; }
a:link, a:visited, a:active { color: #369; text-decoration: underline; }
a:hover { text-decoration: none; color: #000; }

/* stili wp */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 0 20px 15px 0; }
.alignright { float: right; margin: 0 0 15px 20px; }
.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: 10px; line-height: 100%; padding: 0 5px 10px; margin: 0; }

/* wpstats */
img#wpstats { width: 0px; height: 0px; padding: 0px; border: none; overflow: hidden; }

/* header */
#header { width: 960px; margin: 0 auto 2px; height: 100px; color: #fff; padding: 0; background: url(images/header.jpg) top no-repeat; }

#header .header-sinistra { float: left; width: 650px; height: 50px; margin: 5px 0 0 0;  margin: 0; padding: 0 0 5px 0; }
#header .header-sinistra img { transition-property: opacity; transition-duration: 0.5s; /*standard*/ -webkit-transition-property: opacity; -webkit-transition-duration: 0.5s; /*safari*/ -o-transition-property: opacity; -o-transition-duration: 0.5s; /*opera*/ -moz-transition-property: opacity; -moz-transition-duration: 0.5s; /*firefox*/ margin: 15px 0 0 0; text-decoration: none; float: left; }
#header .header-sinistra img:hover { filter: alpha(opacity=60); -moz-opacity: .60; opacity: .60; }
#header .header-sinistra h1 { padding: 23px 0 0 10px; float: left; text-shadow: 1px 1px 1px #000; }

#header .header-destra { margin: 5px 0 0 0; padding: 0; width: 310px; height: 48px; float: right; }
#header .header-destra a { margin: 0 5px 0 0; display: block; height: 48px; line-height: 48px; width: 48px; float: right; padding: 0; text-decoration: none; }
#header .header-destra span { display: none; }
#header .header-destra a.feed { background: url(images/feed.png) bottom left no-repeat; }
#header .header-destra a.feed:hover { background-position: top left; color: #fff; }
#header .header-destra a.facebook { background: url(images/facebook.png) bottom left no-repeat; }
#header .header-destra a.facebook:hover { background-position: top left; color: #fff; }
#header .header-destra a.twitter { background: url(images/twitter.png) bottom left no-repeat; }
#header .header-destra a.twitter:hover { background-position: top left; color: #fff; }

#header .header-menu { padding: 0; height: 35px; display: block; }
#header .header-menu ul { overflow: hidden; margin: 0; padding: 3px 0 2px; list-style: none; }
#header .header-menu ul li { float: left; }
#header .header-menu ul a { float: left; padding: 0 15px; margin: 0 2px 0 0; line-height: 31px; height: 31px; text-decoration: none; font-size: 12px; text-transform: uppercase; color: #fff; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-shadow: 1px 1px 1px #000; transition-property: background; transition-duration: 0.5s; /*standard*/ -webkit-transition-property: background;  -webkit-transition-duration: 0.5s; /*safari*/ -o-transition-property: background; -o-transition-duration: 0.5s; /*opera*/ -moz-transition-property: background; -moz-transition-duration: 0.5s; /*firefox*/ }
#header .header-menu ul a:hover { background: #266184; }
#header .header-menu ul .current-menu-item a { background: #266184; }

/* main */
#main { width: 960px; margin: 0 auto; }

/* CONTENT */
#content { width: 650px; margin: 0; float: left; font-size: 14px; line-height: 200%; }
#content .box-esterno { padding: 1px; background: #fff; margin: 0 0 10px 0;  border: 1px solid #cfcfcf; }
#content .box-esterno h2.title { margin: 0 0 20px; color: #000; text-shadow: 1px 1px 1px #fff; padding: 13px; width: 620px; margin: 0;  background: url(images/sfondo-box.jpg) top repeat-x; }
#content .box-esterno .anteprima-post { min-height: 250px; }
#content .box-esterno .box-interno-post { padding: 18px 23px; width: 600px; margin: 0; background: url(images/sfondo-box.jpg) top repeat-x; }
#content .box-esterno .box-interno-post h2.title-single { margin: 0; }
#content .box-esterno .box-interno-post h3 { margin: 0 0 10px 0; text-shadow: 1px 1px 1px #fff; }
#content .box-esterno .box-interno-post h3 a { text-decoration: none; }
#content .box-esterno .box-interno-post h3 a:hover { color: #000; }
#content .box-esterno .box-interno-post h4 { margin: 0 0 10px 0; color: #000; }
#content .box-esterno .box-interno-post h5 { margin: 0 0 5px 0; color: #000; }
#content .box-esterno .box-interno-post .postdata { padding: 5px 0; margin: 10px 0 20px 0; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; color: #747474; font-size: 11px; line-height: 160%; }
#content .box-esterno .box-interno-post a.more-link { font-size: 12px; margin: 0; float: right; padding: 7px 10px; text-decoration: none; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #eee; border-left: 1px solid #eee; background: #fff; color: #666; background: #fff; transition-property: background; transition-duration: 0.5s; /*standard*/ -webkit-transition-property: background; -webkit-transition-duration: 0.5s; /*safari*/ -o-transition-property: background; -o-transition-duration: 0.5s; /*opera*/ -moz-transition-property: background; -moz-transition-duration: 0.5s; /*firefox*/ }
#content .box-esterno .box-interno-post a.more-link:hover { background: #dfdfdf; color: #000; border-bottom: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
#content .box-esterno .box-interno-post a.thumbnail img { margin: 0 0 10px 10px; float: right; }
#content .box-esterno .box-interno-post img { padding: 0; box-shadow: 0 0 10px #999; transition-property: opacity; transition-duration: 0.5s; /*standard*/ -webkit-transition-property: opacity;  -webkit-transition-duration: 0.5s; /*safari*/ -o-transition-property: opacity; -o-transition-duration: 0.5s; /*opera*/ -moz-transition-property: opacity; -moz-transition-duration: 0.5s; /*firefox*/ }
#content .box-esterno .box-interno-post img:hover { filter: alpha(opacity=60); -moz-opacity: .60; opacity: .60; }
#content .box-esterno .wp-pagenavi { padding: 13px; width: 620px; margin: 0; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; background: url(images/sfondo-box.jpg) top repeat-x; text-align: right; }
#content .box-esterno .wp-pagenavi a, #content .box-esterno .wp-pagenavi a:link, #content .box-esterno .wp-pagenavi a:visited { padding: 4px 10px; margin: 0 5px 0 0; text-decoration: none; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #eee; border-left: 1px solid #eee; background: #fff; color: #888; transition-property: background; transition-duration: 0.5s; /*standard*/ -webkit-transition-property: background; -webkit-transition-duration: 0.5s; /*safari*/ -o-transition-property: background; -o-transition-duration: 0.5s; /*opera*/ -moz-transition-property: background; -moz-transition-duration: 0.5s; /*firefox*/ }
#content .box-esterno .wp-pagenavi a:active, #content .box-esterno .wp-pagenavi a:hover { background: #dfdfdf; color: #000; text-shadow: 1px 1px 1px #fff; border-bottom: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
#content .box-esterno .wp-pagenavi span.pages { float: left; padding: 6px 10px 5px 10px; margin: 1px 5px 0 0; color: #000; text-shadow: 1px 1px 1px #fff; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #eee; border-left: 1px solid #eee; background: #dfdfdf; line-height: 100%; color: #000; }
#content .box-esterno .wp-pagenavi span.current { padding: 4px 10px; margin: 0 5px 0 0; color: #000; text-shadow: 1px 1px 1px #fff; background: #dfdfdf; font-weight: bold; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #eee; border-left: 1px solid #eee; }
#content .box-esterno .wp-pagenavi span.extend { padding: 4px 10px; margin: 0 5px 0 0; color: #000; text-shadow: 1px 1px 1px #fff; background: #dfdfdf; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #eee; border-left: 1px solid #eee; background: #fff; }
#content h3.archive { margin: 20px 0; font-size: 24px; }

/* evidenza */
#content .box-esterno .box-interno-post-evidenza { padding: 10px 13px 0; width: 620px; margin: 0; background: url(images/sfondo-box.jpg) top repeat-x; }
#content .box-esterno .box-interno-post-evidenza .col-singola { float: left; width: 292px; padding: 5px; margin: 3px 15px 13px 0; box-shadow: 0 0 5px #999; }
#content .box-esterno .box-interno-post-evidenza .col-ultima { float: left; width: 292px; padding: 5px; margin: 3px 0 13px 0; box-shadow: 0 0 5px #999; }
#content .box-esterno .box-interno-post-evidenza img { float: left; padding: 0; margin: 0 10px 0 0; transition-property: opacity; transition-duration: 0.5s; /*standard*/ -webkit-transition-property: opacity;  -webkit-transition-duration: 0.5s; /*safari*/ -o-transition-property: opacity; -o-transition-duration: 0.5s; /*opera*/ -moz-transition-property: opacity; -moz-transition-duration: 0.5s; /*firefox*/ }
#content .box-esterno .box-interno-post-evidenza img:hover { filter: alpha(opacity=60); -moz-opacity: .60; opacity: .60; }
#content .box-esterno .box-interno-post-evidenza a.title { padding: 0; margin: 0; font-size: 11px; font-weight: bold; text-transform: uppercase; text-decoration: none; line-height: 140%; }

/* authorbox */
#authorbox { padding: 18px 23px; width: 600px; margin: 0; background: url(images/sfondo-box.jpg) top repeat-x; }  
#authorbox h4 { font-size: 16px; margin: 0; padding: 0; }  
.authortext { padding-left: 100px; }  
#authorbox img {  border: 1px solid #ccc; padding: 1px; margin: 0; background: #fff; float: left; }  
#authorbox p { margin: 0; padding: 0 0 10px 0; font-size: 12px; line-height: 120%; }  
#authorbox h4 > a { text-decoration: none; }  
	
/* comments */
.box-esterno .commenti { padding: 18px 23px; width: 600px; margin: 0; background: url(images/sfondo-box.jpg) top repeat-x; }
.box-esterno .commenti h3 { margin: 0 0 10px 0; text-shadow: 1px 1px 1px #fff; }
.box-esterno .commenti ul { padding: 0; margin: 0; list-style: none; }

#commentform { margin: 10px 0 0 0; }
span.required { color: #FF0000; }
#commentform input[type="text"], #commentform textarea { border: 1px solid #ccc; padding: 2px; background: #fff; margin: 0 0 10px 0; box-shadow: 0 0 6px #ccc; }
#commentform input.text { width: 200px; padding: 4px 0; display: block; }
#commentform input[type="text"] { display: block; }
#commentform label { margin: 0 0 0 10px; font-weight: bold; }
#commentform textarea { width: 598px; }
#commentform input.submit { cursor: pointer; font-size: 16px; margin: 0; padding: 8px 20px; text-decoration: none; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #eee; border-left: 1px solid #eee; color: #666; background: #fff; transition-property: background; transition-duration: 0.5s; /*standard*/ -webkit-transition-property: background; -webkit-transition-duration: 0.5s; /*safari*/ -o-transition-property: background; -o-transition-duration: 0.5s; /*opera*/ -moz-transition-property: background; -moz-transition-duration: 0.5s; /*firefox*/ }
#commentform input.submit:hover { background: #dfdfdf; color: #000; border-bottom: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }

.commento { margin: 0 0 15px 0; }
.commento .commento-sinistra { float: left; width: 68px; padding: 0 12px 0 0; }
.commento .commento-sinistra img { border: 1px solid #ccc; padding: 1px; background: #fff; }
.commento .commento-destra { float: left; width: 500px; padding: 9px; line-height: 160%; font-size: 11px; border: 1px solid #ccc; background: #fff; }
.commento .commento-destra p.data { font-size: 11px; font-style: italic; }
.commento .commento-destra p.autore { font-size: 12px; font-weight: bold; float: right; margin: 0; }
.commento .commento-destra p.autore a { text-decoration: none; }
.commento .commento-destra a.comment-reply-link { font-size: 12px; margin: 7px 0; float: right; padding: 4px 10px; text-decoration: none; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #eee; border-left: 1px solid #eee; color: #666; background: #fff; transition-property: background; transition-duration: 0.5s; /*standard*/ -webkit-transition-property: background; -webkit-transition-duration: 0.5s; /*safari*/ -o-transition-property: background; -o-transition-duration: 0.5s; /*opera*/ -moz-transition-property: background; -moz-transition-duration: 0.5s; /*firefox*/ }
.commento .commento-destra a.comment-reply-link:hover { background: #dfdfdf; color: #000; border-bottom: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }

.commenti ul.children { margin-left: 40px !important; }
.commenti ul.children .commento-destra { width: 460px; }
.commenti ul.children ul.children .commento-destra { width: 420px; }
.commenti ul.children ul.children ul.children .commento-destra { width: 380px; }
.commenti ul.children ul.children ul.children ul.children .commento-destra { width: 340px; }
.commenti ul.children ul.children ul.children ul.children ul.children .commento-destra { width: 300px; }
.commenti p.moderazione { color: #FF0000; }

/* previous-next */
#content .box-esterno .previous-next { font-size: 14px; padding: 16px 20px 16px 20px; width: 606px; margin: 0; background: url(images/sfondo-box.jpg) top repeat-x; height: 30px; }
#content div.previous-post { float: left; margin: 0; line-height: 100%; }
#content div.next-post { float: right; margin: 0;  text-align: right; line-height: 100%; }
#content div.previous-post a { font-size: 12px; margin: 0; float: left; padding: 7px 10px; text-decoration: none; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #eee; border-left: 1px solid #eee; color: #666; background: #fff; transition-property: background; transition-duration: 0.5s; /*standard*/ -webkit-transition-property: background; -webkit-transition-duration: 0.5s; /*safari*/ -o-transition-property: background; -o-transition-duration: 0.5s; /*opera*/ -moz-transition-property: background; -moz-transition-duration: 0.5s; /*firefox*/ }
#content div.next-post a { font-size: 12px; margin: 0; float: right; padding: 7px 10px; text-decoration: none; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #eee; border-left: 1px solid #eee; color: #666; background: #fff; transition-property: background; transition-duration: 0.5s; /*standard*/ -webkit-transition-property: background; -webkit-transition-duration: 0.5s; /*safari*/ -o-transition-property: background; -o-transition-duration: 0.5s; /*opera*/ -moz-transition-property: background; -moz-transition-duration: 0.5s; /*firefox*/ }
#content div.previous-post a:hover, #content div.next-post a:hover { background: #dfdfdf; color: #000; border-bottom: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }

/* social */
.wdgpo { float: left !important; padding: 12px 0 0 0 !important; }

/* adsense-sinistra */
#content div.adsense-sinistra { border: 1px solid #cfcfcf; padding: 25px 90px; margin: 0 0 10px 0; background: #fff; }

/* form contatto */
#gform_1 input[type="text"], #gform_1 input[type="email"], #gform_1 textarea { border: 1px solid #ccc; padding: 4px; background: #fff; margin: 0 0 10px 0; box-shadow: 0 0 6px #ccc; }
li.gchoice_6_1 label { cursor: pointer; }
#gform_submit_button_1 { font-size: 20px; margin: 0; padding: 10px 20px; cursor: pointer; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #eee; border-left: 1px solid #eee; color: #666; background: #fff; transition-property: background; transition-duration: 0.5s; /*standard*/ -webkit-transition-property: background; -webkit-transition-duration: 0.5s; /*safari*/ -o-transition-property: background; -o-transition-duration: 0.5s; /*opera*/ -moz-transition-property: background; -moz-transition-duration: 0.5s; /*firefox*/ }
#gform_submit_button_1:hover { background: #dfdfdf; color: #000; border-bottom: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }


/* SIDEBAR */
#sidebar { width: 300px; float: left; margin: 0; padding: 0 0 0 10px; font-size: 11px; }
#sidebar .banner { padding: 0; margin: 0 0 10px 0; }
#sidebar .box-esterno { padding: 1px; background: #fff; margin: 0 0 10px 0;  border: 1px solid #cfcfcf; }
#sidebar .box-esterno h3 { margin: 0 0 10px; color: #000; text-shadow: 1px 1px 1px #fff; }
#sidebar .box-esterno h3 a.twitterwidget-title { color: #000; text-decoration: none; }
#sidebar .box-esterno h3 a.twitterwidget-title:hover { color: #369; }
#sidebar .box-esterno .box-interno-widget { padding: 13px; width: 270px; margin: 0;  background: url(images/sfondo-box.gif) top repeat-x; }
#sidebar .box-esterno #searchform { padding: 13px; width: 270px; margin: 0;  background: url(images/sfondo-box.gif) top repeat-x; }
#sidebar .box-esterno .tags { line-height: 150%; text-align: justify; }
#sidebar .box-esterno li { display: block; padding: 7px 0 5px 0; border-bottom: 1px double #e6e6e6; }
#sidebar .box-esterno li a { margin: 0; padding: 0; color: #000; text-decoration: none; display: block; }
#sidebar .box-esterno li span.entry-content { display: block; }
#sidebar .box-esterno li span.entry-content a { display: inline; }
#sidebar .box-esterno li span.time-meta a { display: inline; font-size: 9px; font-style: italic; }
#sidebar .box-esterno li span.from-meta a { display: inline; }
#sidebar .box-esterno li a:hover { color: #369; }
#sidebar .box-esterno li li a { padding-left: 40px; }
#sidebar .box-esterno li li li a { padding-left: 60px; }
#sidebar ul { margin: 0; padding: 0; list-style: none; }
#sidebar .widget-esterni { margin: 0 0 10px 0; padding: 0; }

/*recent comments widget*/
#sidebar li.recentcomments { display: block; }
#sidebar li.recentcomments em { font-size: 9px; }
#sidebar li.recentcomments a { display: inline; border: 0; background: none; }
#sidebar li.recentcomments a:hover { text-decoration: none; }
#sidebar li.recentcomments img { vertical-align: middle; margin: 0 5px 0 0; border: 1px solid #cfcfcf; padding: 1px; }

/* footer */
#footer_container { clear: both; padding: 0; margin: 0; height: 260px; background: url(images/sfondo-footer-container.jpg) repeat-x; border-bottom: 2px solid #000; }
#footer { margin: 0 auto; padding: 0; width: 960px; height: 260px; background: url(images/sfondo-footer.jpg) no-repeat; color: #D2D6D8; }
#footer a { color: #fff; text-decoration: none; }
#footer-1 a:hover { text-decoration: underline; }
#footer-1 { width: 960px; padding: 1px 0 0 0; margin: 0; height: 35px; float: left; }
#footer-1 span { font-weight: bold; }
#footer-1 p { color: #fff; float: left; }

#footer-1 .menu-sotto-container { padding: 0; height: 35px; display: block; }
#footer-1 .menu-sotto-container ul { overflow: hidden; margin: 0; padding: 2px 0 2px; list-style: none; }
#footer-1 .menu-sotto-container ul li { float: right; }
#footer-1 .menu-sotto-container ul a { float: left; padding: 0 15px; margin: 0 2px 0 0; line-height: 32px; height: 32px; text-decoration: none; font-size: 12px; text-transform: uppercase; color: #fff; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-shadow: 1px 1px 1px #000; transition-property: background; transition-duration: 0.5s; /*standard*/ -webkit-transition-property: background;  -webkit-transition-duration: 0.5s; /*safari*/ -o-transition-property: background; -o-transition-duration: 0.5s; /*opera*/ -moz-transition-property: background; -moz-transition-duration: 0.5s; /*firefox*/ }
#footer-1 .menu-sotto-container ul a:hover { background: #266184; }
#footer-1 .menu-sotto-container ul .current-menu-item a { background: #266184; }

#footer-2 { margin: 0; padding: 10px 0 0 0; width: 960px; height: 160px; text-align: justify; }
#footer-2 a { color: #369; text-shadow: 1px 1px 1px #000; font-family: Verdana, Arial, Helvetica, sans-serif; transition-property: color; transition-duration: 0.8s; /*standard*/ -webkit-transition-property: color;  -webkit-transition-duration: 0.8s; /*safari*/ -o-transition-property: color; -o-transition-duration: 0.8s; /*opera*/ -moz-transition-property: color; -moz-transition-duration: 0.8s; /*firefox*/ }
#footer-2 a:hover { color: #fff; }

#footer-3-sinistra { color: #ddd; margin: 32px 0 0 0; width: 800px; height: 18px; float: left; }
#footer-3-destra { color: #ddd; margin: 15px 0 0 0; width: 160px; height: 40px; float: right; }
#footer-3-destra img { display: inline-block; text-decoration: none; float: right; margin: 0; padding: 0; border: none; display: block; transition-property: opacity; transition-duration: 0.5s; /*standard*/ -webkit-transition-property: opacity;  -webkit-transition-duration: 0.5s; /*safari*/ -o-transition-property: opacity; -o-transition-duration: 0.5s; /*opera*/ -moz-transition-property: opacity; -moz-transition-duration: 0.5s; /*firefox*/ }
#footer-3-destra img:hover { filter: alpha(opacity=60); -moz-opacity: .60; opacity: .60; }