/*
Theme Name: Roberto Casalino
Theme URI: http://www.robertocasalino.it/
Description: Tema per il sito ufficiale di Roberto Casalino
Version: 1.0
Author: Andrea Baron, Giusva Iannitelli
Author URI: http://www.bithouseweb.com/
*/
/* Begin Typography & Colors */
body{font-size:62.5%;/* Resets 1em to 10px */
font-family:Helvetica,Arial,sans-serif;background:#020202 url(images/back.jpg) 50% 0 no-repeat;color:#fff;text-align:center;margin:0;padding:0;}
#page{text-align:left;width:942px;padding:0;margin:0 auto;}
#header{margin:10px 0 0;padding:0;height:83px;width:942px;position:relative;margin-bottom:35px;}
#logo a,#menu,#labels,#news h2,#news #allnews{background:url(images/spare.png) 0 0 no-repeat;}
#logo a{position:absolute;top:0;left:-33px;width:364px;height:57px;padding:0;margin:0;}
#logo a span{display:none;}
#menu,#menu li{padding:0;margin:0;list-style:none;}
#menu{position:absolute;left:-10px;top:57px;width:956px;height:26px;background-position:-364px 0;overflow:hidden;}
#menu li{display:block;position:absolute;top:0;height:26px;}
#menu a{width:100%;height:26px;display:block;cursor:hand;cursor:pointer;}
#menu #home{left:8px;width:53px;}
#menu #bio{left:186px;width:101px;}
#menu #disc{left:297px;width:126px;}
#menu #live{left:435px;width:38px;}
#menu #press{left:487px;width:67px;}
#menu #media{left:568px;width:61px;}
#menu #comm{left:640px;width:110px;}
#menu #fb{left:759px;width:99px;}
#menu #my{left:868px;width:88px;}
#menu a span{display:none;}
#main,#m1,#m2,#m3,#m4,#indexmain,#indexdown{width:942px;display:block;}
#m1{background:url(images/feet.png) -1884px 0 repeat-y;}
#m2{background:url(images/back.jpg) -514px -128px no-repeat;}
#m3{background:url(images/boxback.jpg) 0 226px no-repeat;}
#m4{background:url(images/feet.png) -942px 100% no-repeat;min-height:634px;}
#main{overflow:hidden;}
#content,#gallery{font-size:1.2em;padding:23px;width:556px;float:left;margin-right:20px;}
#sidebar,#news{padding:13px;width:294px;font-size:1em;float:left;font-size:1.2em;}
#sidebar form{margin:0;}
#sidebar #searchform #s{width:108px;padding:2px;}
#sidebar #searchsubmit{padding:1px;}
#footer{padding:0 0 20px 0;margin:35px auto 0 auto;width:942px;clear:both;overflow:hidden;}
#footer p{margin:0;padding:0;text-align:left;font-size:1.1em;text-transform:uppercase;line-height:35px;}
#footer,#footer a{color:#fff;text-decoration:none;}
#labels{float:right;display:block;position:relative;width:220px;height:34px;background-position:-1100px -26px;}
#labels,#labels li{margin:0;padding:0;list-style:none;}
#labels a span{display:none;}
#labels a{display:block;height:34px;position:absolute;top:0;}
#llead{left:0;width:86px;}
#lnisa{left:97px;width:50px;}
#lemi{left:158px;width:62px;}

#indexmain{background:url(images/feet.png) 0 100% no-repeat;height:244px;}
#gallery{padding:8px;width:586px;height:228px;position:relative;}
#galleryover,#gallerylink{position:absolute;width:586px;left:8px;}
#galleryover{background:url(images/galleryover.png) 0 0 no-repeat;top:8px;height:228px;}
#gallerylink{display:block;height:30px;bottom:8px;}
#gallerylink span{display:none;}
#news{padding:40px 33px;width:254px;height:164px;position:relative;line-height:1.4em;}
#news h2{margin:0;padding:0;position:absolute;top:-4px;left:18px;width:57px;height:23px;background-position:-821px -37px;}
#news h2 span,#news #allnews span{display:none;}
#news #allnews{position:absolute;display:block;width:222px;height:22px;background-position:-878px -38px;bottom:14px;left:50px;}
#news a{text-decoration:underline;}
#indexdown{background:url(images/boxdown.jpg?b) 0 0 no-repeat;margin-top:21px;height:244px;position:relative;}
#firstbox,#secbox,#youtube{width:269px;height:217px;position:absolute;top:13px;display:block;}
#firstbox{left:13px;}
#firstbox,#firstbox li{list-style:none;padding:0;margin:0;}
#firstbox li a span,#secbox span{display:none;}
#firstbox .disc{position:absolute;width:183px;height:181px;display:block;top:2px;left:13px;}
#firstbox .itunes,#firstbox .nokia{width:63px;height:31px;display:block;position:absolute;right:3px;}
#firstbox .itunes{top:79px;}
#firstbox .nokia{top:133px;}
#secbox{left:287px;cursor:hand;cursor:pointer;}
#youtube,#youtube .over{display:block;}
#youtube{right:13px;padding:10px;width:348px;height:197px;text-align:center;}
#youtube a{display:inline-block;max-height:207px;position:relative;}
#youtube .over{display:block;height:122px;background:url(images/hover-video.png) 50% 100% no-repeat;position:absolute;bottom:0;left:0;width:100%;}

img{-ms-interpolation-mode:bicubic;}
a img{border:0;}

.narrowcolumn .entry{line-height:1.4em;font-size:1.2em;}
.narrowcolumn .postmetadata{text-align:center;}
.thread-alt{background-color:#111;}
.thread-even{background-color:#222;}
.depth-1{border:1px solid #ddd;}
.even,.alt{border-left:1px solid #ddd;}

.widget_tag_cloud{text-align:center;}
.widget_tag_cloud h2{text-align:left;}

.zoomedimg{padding:20px;background:#fff;}
.zoomedimg img{border:1px solid #ccc!important;}

small{font-size:0.9em;line-height:1.5em;}
h1,h2,h3{font-weight:bold;}
h1{font-size:4em;text-align:center;}
h2{font-size:1.6em;clear:both;}
h2.pagetitle{font-size:1.6em;}
#sidebar h2{font-size:1.2em;}
h3{font-size:1.3em;}
h1,h1 a,h1 a:hover,h1 a:visited{text-decoration:none;color:white;}
h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited{color:#666;}
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 ul li{font-size:1em;}
.commentlist li{font-weight:bold;}
.commentlist li .avatar{float:right;border:1px solid #eee;padding:2px;background:#fff;}
.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;}
#commentform p{}
.commentmetadata{font-weight:normal;}
small,#sidebar ul ul li,#sidebar ul ol li,.nocomments,.postmetadata,blockquote,strike{color:#555;}
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:#eb9d56;text-decoration:none;}
a:hover{color:#999;text-decoration:underline;}
.entry .postmetadata a{color:#999;}
.entry .postmetadata a:visited{color:#777;}
#wp-calendar #prev a,#wp-calendar #next a{font-size:9pt;}
#wp-calendar a{text-decoration:none;}
#wp-calendar caption{font:bold 1.3em;text-align:center;}
#wp-calendar th{font-style:normal;text-transform:capitalize;}
/* End Typography & Colors */
/* Begin Structure */
.widget_rightcontent{text-align:justify;}
.post{margin:0 0 40px;text-align:justify;}
.post hr,.widget_rightcontent hr{display:block;clear:both;border:none;line-height:0;height:0;margin:0;}
.post .thetags{margin-top:3em;}
.widecolumn .post{margin:0;}
.narrowcolumn .postmetadata{padding-top:5px;}
.widecolumn .postmetadata{margin:30px 0;}
.widecolumn .smallattachment{text-align:center;float:left;width:128px;margin:5px 5px 5px 0px;}
.widecolumn .attachment{text-align:center;margin:5px 0px;}
.postmetadata{clear:both;}
.clear{clear:both;}
/* End Structure */
/* Begin Headers */
h1{padding-top:70px;margin:0;}
h2{margin:30px 0 0;}
h2.pagetitle{margin-top:30px;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. */
html>body .entry ul{margin-left:0px;padding:0 0 0 30px;list-style:none;padding-left:10px;text-indent:-10px;}
html>body .entry li{margin:7px 0 8px 10px;}
.entry ul li:before,#sidebar ul ul li:before{content:"\00BB \0020";}
.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;}
.entry form{/* This is mainly for password protected posts,makes them look better. */
text-align:center;}
select{width:130px;}
#commentform{margin:5px 10px 0 0;}
#commentform input{width:170px;padding:2px;margin:5px 5px 1px 0;}
#commentform textarea{width:100%;padding:2px;}
#respond:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#commentform #submit{margin:0 0 5px auto;float:right;}
/* End Form Elements */
/* Begin Comments*/
.alt{margin:0;padding:10px;}
.commentlist{padding:0;text-align:justify;}
.commentlist li{margin:15px 0 10px;padding:5px 5px 10px 10px;list-style:none;}
.commentlist li ul li{margin-right:-5px;margin-left:10px;}
.commentlist p{margin:10px 5px 10px 0;}
.children{padding:0;}
#commentform p{margin:5px 0;}
.nocomments{text-align:center;margin:0;padding:0;}
.commentmetadata{margin:0;display:block;}
/* End Comments */
/* 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;}
.hidden{display:none;}
hr{display:none;}
a img{border:none;}
.navigation{display:block;text-align:center;margin-top:10px;margin-bottom:60px;}
/* End Various Tags & Classes*/
/* Captions */
.aligncenter,
div.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.wp-caption{border:1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;margin:10px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.wp-caption img{margin:0;padding:0;border:0 none;}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;padding:0 4px 5px;margin:0;}
/* End captions */