/*  
Theme Name: Giusva.it
Theme URI: http://giusva.it/
Description: Creato per giusva.it
Version: 0.1
Author: Giusva e Bobo
Author URI: http://ibobo.wordpress.com/
*/
/* Begin Typography & Colors */
body{font-size:62.5%;/* Resets 1em to 10px */
font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;background-color:#d5d6d7;color:#333;text-align:center;}
#page{background-color:#ebebeb;text-align:left;}
#header{background:url(images/head.jpg) 0 0 no-repeat;width:760px;height:140px;position:relative;display:block;}
#headerimg span{display:none;}
#headerimg h1{position:absolute;top:7px;left:547px;width:198px;height:35px;display:block;}
#headerimg h1 a{width:100%;height:100%;display:block;}
#content{float:left;background:url(images/bkg.gif) 0 0 repeat-y;margin-left:11px;width:608px;font-size:1.2em;margin-right:0;}
#bcontent{padding-bottom:3px;width:608px;background:url(images/bottom.gif) 0 100% repeat-x;}
#ccontent{margin:0 4px;padding:1px 10px 0 10px;width:580px;background:url(images/fade.gif) 0 0 repeat-x;min-height:89px;}
.narrowcolumn .entry,.widecolumn .entry{line-height:1.4em;}
.narrowcolumn .postmetadata{text-align:center;}
.alt{background-color:#f8f8f8;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
small{font-family:Arial,Helvetica,Sans-Serif;font-size:0.9em;line-height:1.5em;}
h1,h2,h3{font-family:'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;font-weight:bold;}
h1{font-size:4em;text-align:center;}
#headerimg .description{font-size:1.2em;text-align:center;}
h2{font-size:1.4em;}
h2.pagetitle{font-size:1.4em;}
#sidebar h2{font-family:'Lucida Grande',Verdana,Sans-Serif;font-size:1.1em;}
h3{font-size:1.3em;}
h1,h1 a,h1 a:hover,h1 a:visited,#headerimg .description{text-decoration:none;color:white;}
h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited{color:#333;}
h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited,#sidebar h2,#wp-calendar caption,cite{text-decoration:none;}
.entry p a:visited{color:#b85b5a;}
.commentlist li,#commentform input,#commentform textarea{font:0.9em 'Lucida Grande',Verdana,Arial,Sans-Serif;}
.commentlist li{font-weight:bold;}
.commentlist cite,.commentlist cite a{font-weight:bold;font-style:normal;font-size:1.1em;}
.commentlist p{font-weight:normal;line-height:1.5em;text-transform:none;}
.commentlist .avatar{width:48px;height:48px;float:left;margin:0 5px 5px 0;}
#commentform p{font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;}
.commentmetadata{font-weight:normal;}
#sidebar{font:1em 'Lucida Grande',Verdana,Arial,Sans-Serif;}
small,.nocomments,.postmetadata,blockquote,strike{color:#777;}
code{font:1.1em 'Courier New',Courier,Fixed;}
acronym,abbr,span.caps{font-size:0.9em;letter-spacing:.07em;}
a,h2 a:hover,h3 a:hover{color:#06c;text-decoration:none;}
a:hover{color:#147;text-decoration:underline;}
#wp-calendar #prev a{font-size:9pt;}
#wp-calendar a{text-decoration:none;}
#wp-calendar caption{font:bold 1.3em 'Lucida Grande',Verdana,Arial,Sans-Serif;text-align:center;}
#wp-calendar th{font-style:normal;text-transform:capitalize;}
/* End Typography & Colors */
/* Begin Structure */
body{margin:0;padding:20px 0;background-color:#fff;}
#page{margin:0 auto;padding:0;width:760px;}
.post{margin:0 0 40px;text-align:justify;}
.narrowcolumn .postmetadata{padding-top:5px;}
.postmetadata{clear:left;}
#footer{width:100%;clear:both;background:url(images/aleft.gif) 0 100% no-repeat;}
#foot2{width:100%;background:url(images/aright.gif) 100% 100% no-repeat;min-height:14px;}
#footer p{margin:0;padding:10px 0;text-align:center;}
/* End Structure */
/* Begin Headers */
h1{padding-top:0;margin:0;}
.post h2{margin:0 0 1em 0;}
h2.pagetitle{margin-top:0;text-align:center;}
#sidebar h2{margin:5px 0 0;padding:0;}
h3{padding:0;margin:30px 0 0;}
h3.comments{padding:0;margin:40px auto 20px ;}
/* End Headers */
/* Begin Images */
p img{padding:0;max-width:100%;}
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center",being much more futureproof (and valid) */
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{padding:4px;margin:0 0 2px 7px;display:inline;}
img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline;}
.alignright{float:right;}
.alignleft{float:left}
/* End Images */
/* Begin Lists
Special stylized non-IE bullets
Do not work in Internet Explorer,which merely default to normal bullets. */
.entry ul{margin-left:0px;padding:0 0 0 30px;list-style:none;padding-left:10px;text-indent:-10px;}
.entry li{margin:7px 0 8px 10px;}
.entry ol{padding:0 0 0 35px;margin:0;}
.entry ol li{margin:0;padding:0;}
.postmetadata ul,.postmetadata li{display:inline;list-style-type:none;list-style-image:none;}
#sidebar ul,#sidebar ul ol{margin:0;padding:0;}
#sidebar ul li{list-style-type:none;list-style-image:none;margin-bottom:15px;}
#sidebar ul p,#sidebar ul select{margin:5px 0 8px;}
#sidebar ul ul,#sidebar ul ol{margin:5px 0 0 10px;}
#sidebar ul ul ul,#sidebar ul ol{margin:0 0 0 10px;}
ol li,#sidebar ul ol li{list-style:decimal outside;}
#sidebar ul ul li,#sidebar ul ol li{margin:3px 0 0;padding:0;}
/* End Entry Lists */
/* Begin Form Elements */
#searchform{margin:10px auto;padding:5px 3px;text-align:center;}
#sidebar #searchform #s{width:92px;padding:1px;height:16px;margin:0;border:1px solid gray;float:right;}
#sidebar #searchsubmit{width:20px;height:20px;background:url(images/lente.gif) 0 0 no-repeat;display:block;float:right;}
#sidebar #searchsubmit span{display:none;}
.entry form{/* This is mainly for password protected posts,makes them look better. */
text-align:center;}
select{width:130px;}
#commentform input{width:170px;padding:2px;margin:5px 5px 1px 0;}
#commentform textarea{width:100%;padding:2px;}
#commentform #submit{margin:0;float:right;}
/* End Form Elements */
/* Begin Comments*/
.alt{margin:0;padding:10px;}
.commentlist{padding:0;text-align:justify;}
.commentlist li{margin:15px 0 3px;padding:5px 10px 3px;list-style:none;}
.commentlist p{margin:10px 5px 10px 0;}
#commentform p{margin:5px 0;}
.nocomments{text-align:center;margin:0;padding:0;}
.commentmetadata{margin:0;display:block;}
/* End Comments */
/* Begin Sidebar */
#sidebar{padding-top:26px;margin-left:619px;width:141px;min-height:368px;background:url(images/onde.gif) 0 0 no-repeat;}
#sidebar form{margin:0;}
/* End Sidebar */
/* Begin Calendar */
#wp-calendar{empty-cells:show;margin:10px auto 0;width:155px;}
#wp-calendar #next a{padding-right:10px;text-align:right;}
#wp-calendar #prev a{padding-left:10px;text-align:left;}
#wp-calendar a{display:block;}
#wp-calendar caption{text-align:center;width:100%;}
#wp-calendar td{padding:3px 0;text-align:center;}
#wp-calendar td.pad:hover{/* Doesn't work in IE */
background-color:#fff;}
/* End Calendar */
/* Begin Various Tags & Classes */
acronym,abbr,span.caps{cursor:help;}
acronym,abbr{border-bottom:1px dashed #999;}
blockquote{margin:15px 30px 0 10px;padding-left:20px;border-left:5px solid #ddd;}
blockquote cite{margin:5px 0 0;display:block;}
.center{text-align:center;}
hr{display:none;}
a img{border:none;}
.navigation{display:block;text-align:center;margin-top:0;padding-bottom:20px;}
/* End Various Tags & Classes*/
#title{position:absolute;left:16px;top:83px;font-size:1.5em;color:#9ec0f0;opacity:0.8;}
#title small{color:inherit;font-size:0.8em;font-weight:normal;color:#9ec0f0;}
#sidebar ul{text-align:right;margin-right:19px;font-size:1.05em;}
#sidebar ul ul{border-bottom:1px solid #6892ca;padding-bottom:5px;}
#sidebar ul li{font-weight:bold;}
#sidebar ul ul a{color:#000;padding-right:9px;width:102px;display:block;background:url(images/quad.gif) 98% 70% no-repeat;}
#sidebar a:hover{text-decoration:none;}
#menu,#menu ul{border-bottom:none !important;margin:0 !important;padding-bottom:0 !important;}
#menu li:before,#contatti li:before{content:"" !important;}
#menu li span,#contatti li span{display:none;}
#menu li,#menu a{height:12px;width:112px !important;display:block;text-align:right;}
#menu li{margin-bottom:10px !important;}
#mchisono a{background:url(images/mchisono.png) 100% 0 no-repeat !important;}
#mblog a{background:url(images/mblog.png) 100% 0 no-repeat !important;}
#minteressi a{background:url(images/minteressi.png) 100% 0 no-repeat !important;}
#mfoto a{background:url(images/mfoto.png) 100% 0 no-repeat !important;}
#contatti{display:block;width:134px;height:140px;margin:18px 0 18px 4px !important;background:url(images/contatti.png) 0 0 no-repeat;position:relative;}
#contatti ul{border-bottom:none !important;}
#cemail{position:absolute;width:127px;height:13px;left:3px;top:21px;}
#cemail a{width:100% !important;padding:0 !important;height:100%;display:block;background:transparent !important;}
.home{line-height:1.5em;}
.skip{margin-top:1em;}
.skip2{margin-top:2em !important;}