/* Theme Name: Chitarre Acustiche Theme URI: http://www.alessandroraffa.it/ Description: The default Chitarre Acustiche WordPress theme based on the famous Kubrick. Version: 0.1 Author: Alessandro Raffa Author URI: http://www.alessandroraffa.it/ Tags: custom header, fixed width, two columns, widgets */ /* Begin Typography & Colors */ html{/* Force Vertical Scrollbar */ /* IE */ overflow-y:scroll; /* Moz */ height:100%;margin-bottom:0.1em} body{font-size:62.5%;/* Resets 1em to 10px */font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;background-color:#ccc;/*#d5d6d7;*/color:#333;text-align:center} #page{background-color:#fff;text-align:left} #header{background:#fff url('images/images.php') no-repeat bottom left;position:relative;border-bottom:5px #c30 solid} #headerimg{/**/} #content{font-size:1.2em} /* .widecolumn .entry p{font-size:1.05em} */ /* .widecolumn .entry{line-height:1.4em} */ /* .widecolumn{line-height:1.6em} */ .narrowcolumn .entry{line-height:1.4em} .narrowcolumn .postmetadata{text-align:center} .alt{background-color:#f8f8f8;border-top:1px solid #ddd;border-bottom:1px solid #ddd} #footer{background-color:#efefef;border:none;border-top:1px #600 solid} small{font-family:Arial, Helvetica, Sans-Serif;font-size:0.9em;line-height:1.5em} #content h1, h2, h3{font-family:'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;font-weight:bold} #headerimg h1, #headerimg .title{font-family:'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;font-weight:bold;font-size:4em;text-align:center} #headerimg .description{font-size:1.2em;text-align:center} #content h1{font-size:1.6em} #content h2{font-size:1.4em} #content h3{font-size:1.3em} h1.pagetitle{font-size:1.6em} /* h2.pagetitle{font-size:1.6em} */ #sidebar h2{font-family:'Lucida Grande', Verdana, Sans-Serif;font-size:1.2em} h3{font-size:1.3em} h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .title, #headerimg .title a, #headerimg .title a:hover, #headerimg .title a:visited, #headerimg .description{text-decoration:none;color:#000} #content h1, #content h1 a, #content h1 a:visited{color:#333} #content h1, #content h1 a, #content h1 a:hover, #content h1 a:visited{text-decoration:none} 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 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{font-family:'Lucida Grande', Verdana, Arial, Sans-Serif} .commentmetadata{font-weight:normal} #sidebar{font:1em 'Lucida Grande', Verdana, Arial, Sans-Serif} small, #sidebar ul ul li, #sidebar ul ol li, .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, #content h1 a:hover, h2 a:hover, h3 a:hover{color:#06c;text-decoration:none} a:hover{color:#147;text-decoration:underline} #wp-calendar #prev a, #wp-calendar #next 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:0 0 20px 0} #page{background-color:#fff;margin:0 auto;padding:0;width:990px;border-left:1px solid #c30;border-right:1px solid #c30;border-bottom:1px solid #c30} #header{margin:0;padding:0;height:200px;width:990px} #headerimg{margin:0 0 0 250px;height:200px;width:738px/*;width:100%*/} .narrowcolumn{float:left;padding:20px 20px 20px 20px;margin:0px 0 0;width:685px} /* .widecolumn{padding:10px 0 20px 0;margin:5px auto;width:760px} */ .post{margin:0 0 40px;text-align:left} .external-post{margin:0 0 10px;text-align:left} .post hr, .external-post hr{display:block} /* .widecolumn .post, .widecolumn .external-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:left} .clear{clear:both} #footer{padding:0;margin:0 auto;width:990px;clear:both} #footer p{margin:0;padding:20px 0;text-align:center} /* End Structure */ /* Begin Headers */ #headerimg .title, #headerimg h1{padding-top:30px;margin:0} h2{margin:15px 0 0} #content h1{margin:15px 0 0} #content h1.pagetitle{margin-top:15px;text-align:left} #content h2{border-bottom:2px #369 solid} #content h2.pagetitle{margin-top:15px;text-align:center;border:none} #sidebar h2{margin:5px 0 0 0;padding:0 0 2px 0;border-bottom:2px #c30 solid} h3{padding:0;margin:20px 0 0} h3.comments{padding:0;margin:40px auto 20px} #content h3{border-left:3px #369 solid;padding:2px 0 2px 5px} /* End Headers */ /* Begin Main Menu in Header */ ul.menu{margin:0;padding:0;position:absolute;bottom:0;right:20px} ul.menu li {display:inline;margin:0} ul.menu, ul.menu li a{padding:5px 15px 6px;font-weight:bold} ul.menu li a{font-size:1em;color:#000;margin:0;background:#efefef} ul.menu li a:hover{background:#dedede;color:#69c !important;text-decoration:none} ul.menu li.current_page_item a, ul.menu li.current_page_item a:hover{color:#fff !important;background:#c30;text-decoration:none} ul.menu li.current_page_ancestor a, ul.menu li.current_page_ancestor a:hover{color:#fff !important;background:#c30;text-decoration:none} ul.menu li.current_page_parent a, ul.menu li.current_page_parent a:hover{color:#fff !important;background:#c30;text-decoration:none} /* End Main Menu in Header */ /* 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:0;padding:10px 15px;text-align:center/*;background-color:#ccc*/} /*#sidebar #searchform #s{width:108px;padding:2px}*/ #searchsubmit{padding:1px} .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:left} .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:20px 0 10px 0;margin-left:775px;width:190px} #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:10px;margin-bottom:60px} /* End Various Tags & Classes*/ /* Alessandro Raffa's fixes */ #headerimg h1, #headerimg h1 a, #headerimg .title, #headerimg .title a{display:block;width:100%;height:100px/*;text-indent:-4000px*/} #headerimg .description{/*text-indent:-4000px*/} /* left and right */ #sidebar h2{font-family:'Lucida Grande', Verdana, Sans-Serif;font-size:1.2em} #sidebar h2{text-decoration:none} #sidebar{font:1em 'Lucida Grande', Verdana, Arial, Sans-Serif} #sidebar ul ul li, #sidebar ul l li{color:#777} #sidebar ul ul li:before{content:"\00BB \0020"} #sidebar ul, #sidebar ul ol{margin:0;padding:0} #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} #sidebar ul ol li{list-style:decimal outside} #sidebar ul ul li, #sidebar ul ol li{margin:3px 0 0;padding:0} #sidebar #searchform #s{width:115px;padding:2px} #sidebar #searchsubmit{padding:1px} /* Begin RIGHT Sidebar */ #sidebar{ float:left;padding:20px 5px 10px 10px;/*margin-left:650px;*/width:250px;background-color:#efefef} #sidebar form{margin:0} /* End RIGHT Sidebar */ /* Chitarre Acustiche customized styles */ ul.thumbs{list-style-type:none;background-color:#fff;margin:0;padding:0} ul.thumbs li{float:left;width:195px;margin:5px;padding:5px;background-color:#efefef;color:#000;border:1px #000 solid} ul.thumbs li a{display:block;width:100%;height:50px} /* external-post styles */ #content .external-post h2{background-color:#efefef;color:#036;margin:0;padding:3px 5px;border:none;font-weight:normal;font-size:1.2em} #content .external-post h2 a{color:#036;text-decoration:underline} #content .externat-post-container{margin:0;padding:5px 8px;border:1px #efefef solid} /* WordPress PlugIn: link indication */ a.liexternal{padding-right:15px;background:url(images/link-icon_external_02.gif) no-repeat right} a.liexternal:hover{padding-right:15px;background:url(images/link-icon_external_01.gif) no-repeat right} a.limailto{padding-left:15px;background:url(images/link-icon_mail_03.gif) no-repeat left} a.limailto:hover{padding-left:15px;background:url(images/link-icon_mail_02.gif) no-repeat left} a.liwikipedia{padding-right:15px;background:url(images/link-icon_wikipedia.gif) no-repeat right} a.liimdb{padding-right:18px;background:url(images/link-icon_imdb.png) no-repeat right} a.liftp{padding-right:13px;background:url(images/link-icon_ftp.png) no-repeat right} a.lipdf{padding-right:12px;background:url(images/link-icon_pdf.png) no-repeat right} /* override */ .narrowcolumn .registration{background-color:#efefef;color:#000;padding:10px} .narrowcolumn .registration h2{background-color:#efefef;color:#000;border:none} .narrowcolumn .registration a, .narrowcolumn .registration a:link, .narrowcolumn .registration a:visited, .narrowcolumn .registration a:active, .narrowcolumn .registration a:hover{color:#369;text-decoration:underline} /* advertising */ #advertising{background-color:#efefef;color:#000;padding:5px;text-align:left} #advertising a, #advertising a:link, #advertising a:visited, #advertising a:active, #advertising a:hover{text-decoration:none;border:none} #advertising div.ad-text{text-indent:-5000px;display:none} /* */ ul.thumbs li a.liexternal{background-image:none}