/* 
Theme Name: giapox_01
Description: Tema blu 960px con una colonna laterale
Version: 1.5
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 11px 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: 180%; }
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 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; }

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

/* header */
#header { width: 960px; margin: 0 auto 10px; height: 100px; color: #fff; padding: 0; background: url(images/header.jpg) top no-repeat; }
#header-1 { margin: 0; padding: 0 0 5px 0; height: 50px; }
#header-1 #logo { float: left; width: 650px; height: 50px; margin: 5px 0 0 0; }
#header-1 #logo h1 { margin: 0 0 5px 0; }
#header-1 #logo h1 a { font-size: 32px; color: #fff; text-decoration: none; text-shadow: 1px 1px 1px #000; letter-spacing: 5px; }
#header-1 #logo h1 a:hover { }
#header-1 #logo h1 a span { color: #369; }
#header-1 #logo h1 a:hover span { color: #22AFE6; }
#header-1 #seguici { margin: 5px 0 0 0; padding: 0 0 0 80px; width: 230px; height: 48px; float: right; }
#header-1 #seguici a { margin: 0 5px 0 0; display: block; height: 48px; line-height: 48px; width: 48px; float: left; padding: 0; text-decoration: none; }
#header-1 #seguici span { display: none; }
#header-1 #seguici a.feed { background: url(images/feed.png) bottom left no-repeat; }
#header-1 #seguici a.feed:hover { background-position: top left; color: #fff; }
#header-1 #seguici a.facebook { background: url(images/facebook.png) bottom left no-repeat; }
#header-1 #seguici a.facebook:hover { background-position: top left; color: #fff; }
#header-1 #seguici a.twitter { background: url(images/twitter.png) bottom left no-repeat; }
#header-1 #seguici a.twitter:hover { background-position: top left; color: #fff; }
#header-1 #seguici a.googlebuzz { background: url(images/googlebuzz.png) bottom left no-repeat; }
#header-1 #seguici a.googlebuzz:hover { background-position: top left; color: #fff; }
#header-2 { padding: 0 20px 0 0; height: 35px; }

/* nav */
#nav { overflow: hidden; margin: 0; padding: 2px 0; list-style: none; }
#nav li { float: left; }
#nav a { float: left; padding: 0 15px; margin: 0 2px 0 0; line-height: 31px; height: 31px; text-decoration: none; font-size: 11px; text-transform: uppercase; color: #aaa; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-shadow: 1px 1px 1px #000; }
#nav a:hover, #nav .current_page_item a, #nav .current-cat a { color: #fff; background: #266184; }

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

/* content */
#content { width: 650px; margin: 0; float: left; font-size: 13px; line-height: 200%; }
#content .box { padding: 1px; background: #fff; margin: 0 0 10px 0;  border: 1px solid #cfcfcf; }
#content .box h2 { }
#content .box 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 .post { padding: 13px; width: 620px; margin: 0;  background: url(images/sfondo-box.jpg) top repeat-x;  }
#content .box .post h2 { margin: 0 0 10px 0; font-size: 18px; color: #000; text-shadow: 1px 1px 1px #fff; }
#content .box .post h3 { margin: 0 0 10px 0; text-shadow: 1px 1px 1px #fff; }
#content .box .post h3 a { text-decoration: none; }
#content .box .post h3 a:hover { color: #000; }
#content .box .post h4 { margin: 0 0 10px 0; color: #000; }
#content .box .post h5 { margin: 0 0 5px 0; color: #000; }
#content .box .post .postdata { padding: 8px 0; margin-bottom: 8px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; color: #747474; font-size: 11px; }
#content .box .post img { padding: 9px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #eee; border-left: 1px solid #eee; background: #fff; }
#content .box .post .thumbnail { padding: 0 10px 10px 0; margin: 0; width: 180px; float: left; }
#content .box .post .excerpt { padding: 0 0 10px 0; margin: 0; width: 430px; float: right; }
#content .box .post .posttag { padding: 8px 0; margin: 0; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; color: #747474; font-size: 11px; }
#content .box .post a.more-link { margin: 0 0 10px 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; background: #fff; color: #888; background: #fff; }
#content .box .post a.more-link:hover { background: #dfdfdf; color: #000; text-shadow: 1px 1px 1px #fff; }
#content .box .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 .wp-pagenavi a, #content .box .wp-pagenavi a:link, #content .box .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; background: #fff; }
#content .box .wp-pagenavi a:active, #content .box .wp-pagenavi a:hover { background: #dfdfdf; color: #000; text-shadow: 1px 1px 1px #fff; }
#content .box .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: #fff; background: #dfdfdf; line-height: 100%; color: #000; }
#content .box .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; background: #fff; }
#content .box .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; }
#content .box .comments { padding: 13px; width: 620px; margin: 0;  background: url(images/sfondo-box.jpg) top repeat-x;  }
#content .box .comments h3 { margin: 0 0 10px 0; text-shadow: 1px 1px 1px #fff; }

#commentform { margin: 10px 0 0 0; }
#commentform input.text, #commentform textarea { border: 1px solid #ccc; padding: 2px; background: #fff; }
#commentform input.text { width: 200px; padding: 4px 0; }
#commentform label { margin: 0 0 0 10px; }
#commentform textarea { width: 613px; }
#commentform input.submit { border: 1px solid #ccc; background: #E8E8E8; color: #152942; width: 150px; height: 28px; cursor: pointer; }
#commentform input.submit:hover { background: #fff; }

.commenti { margin: 0 0 13px 0; }
.commenti .commenti-sinistra { float: left; width: 68px; padding: 0 13px 0 0; }
.commenti .commenti-sinistra img { border: 1px solid #ccc; padding: 1px; background: #fff; }
.commenti .commenti-destra { float: left; width: 517px; padding: 10px; line-height: 160%; font-size: 11px; border: 1px solid #ccc; background: #fff; }
.commenti .commenti-destra p.data { font-size: 11px; font-style: italic; }
.commenti .commenti-destra p.autore { font-size: 12px; font-weight: bold; float: right; margin: 0; }
.commenti .commenti-destra p.autore a { text-decoration: none; }

/* previous-next */
#content .box .previous-next { padding: 13px; width: 620px; margin: 0;  background: url(images/sfondo-box.jpg) top repeat-x; height: 23px; }
#content div.previous-post { font-size: 11px; float: left; margin: 0; line-height: 100%; }
#content div.next-post { font-size: 11px; float: right; margin: 0;  text-align: right; line-height: 100%; }

/* correlati */
#content .box .correlati { padding: 13px; width: 620px; margin: 0;  background: url(images/sfondo-box.gif) top repeat-x;  }
#content .box .correlati h3 { margin: 0 0 10px 0; text-shadow: 1px 1px 1px #fff; }
#content .box .correlati ul { margin: 0; padding: 0; }
#content .box .correlati ul li { display: block; padding: 7px 0 5px 0; border-bottom: 1px double #e6e6e6; }
#content .box .correlati ul li a { margin: 0; padding: 0; color: #000; text-decoration: none; display: block; }
#content .box .correlati ul li a:hover { color: #369; }

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

/* 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 { padding: 1px; background: #fff; margin: 0 0 10px 0;  border: 1px solid #cfcfcf; }
#sidebar .box h3 { margin: 0 0 10px; color: #000; text-shadow: 1px 1px 1px #fff; }
#sidebar .box h3 a.twitterwidget-title { color: #000; text-decoration: none; }
#sidebar .box h3 a.twitterwidget-title:hover { color: #369; }
#sidebar .box .widget { padding: 13px; width: 270px; margin: 0;  background: url(images/sfondo-box.gif) top repeat-x; }
#sidebar .box #searchform { padding: 13px; width: 270px; margin: 0;  background: url(images/sfondo-box.gif) top repeat-x; }
#sidebar .box .tags { line-height: 150%; text-align: justify; }
#sidebar .box li { display: block; padding: 7px 0 5px 0; border-bottom: 1px double #e6e6e6; }
#sidebar .box li a { margin: 0; padding: 0; color: #000; text-decoration: none; display: block; }
#sidebar .box li span.entry-content { display: block; }
#sidebar .box li span.entry-content a { display: inline; }
#sidebar .box li span.time-meta a { display: inline; font-size: 9px; font-style: italic; }
#sidebar .box li span.from-meta a { display: inline; }
#sidebar .box li a:hover { color: #369; }
#sidebar .box li li a { padding-left: 40px; }
#sidebar .box 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: 270px; background: url(images/sfondo-footer-container.jpg) repeat-x; border-bottom: 2px solid #000; }
#footer { margin: 0 auto; padding: 17px 0 0 0; width: 960px; height: 253px; 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: 0; margin: 0; height: 26px; float: left; }
#footer-1 span { font-weight: bold; }
#footer-1 p { color: #fff; float: left; }
#footer-1 ul.menu { float: right; list-style: none; margin: 0 0 15px 0; padding: 0; }
#footer-1 ul.menu li { float: right; padding: 0 0 0 20px; }
#footer-1 ul.menu li a { color: #aaa; font-size: 11px; text-decoration: none; text-transform: uppercase; font-weight: bold; text-shadow: 1px 1px 1px #000; }
#footer-1 ul.menu li a:hover { color: #fff; }
#footer-2 { margin: 0; padding: 5px 0 0 0; width: 960px; text-align: justify; }
#footer-2 .box { margin: 0; padding: 0; }
#footer-2 .box h3 { display: none; }
#footer-2 .box a { color: #369; text-shadow: 0px 1px #000; font-family: Verdana, Arial, Helvetica, sans-serif; }
#footer-2 .box a:hover { color: #fff; }