/* Theme Name: Pete Bernardo Theme URI: http://wordpress.org/ Description: Custom WordPress theme based on the famous Kubrick. Version: 1.6 Author: Peter Bernardo Author URI: http://petebernardo.com/ Kubrick v1.5 http://binarybonsai.com/kubrick/ This theme was designed and built by Michael Heilemann, whose blog you will find at http://binarybonsai.com/ The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* Begin Typography & Colors */ body { margin:0px;background-image:url(images/peterbernardo_bg.jpg);background-repeat:repeat-x;background-color:#6D7E90;} .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;} body, td, th { font-family:Arial, Helvetica, sans-serif;} #container { width:980px;\width:980px;w\idth:960px;margin-left:auto;margin-right:auto;padding:0px;clear:both;} #logobg { } #navcontainer { margin:0px 0px 0px 0px;padding:7px 0px 0px 0px;width:950px;height:70px;text-align:right;background:none;} #contentbg { background:url(images/repeater.png) repeat-y;padding:0px;margin:7px 0px 0px 0px;text-align:left;position:relative;z-index:2;} .entry img { border:1px solid #CCCCCC;} #contentholder { padding:10px 0px 0px 20px;text-align:left;} #logo { width:286px;margin:1px 0px 0px 7px;padding:44px 0px 0px 0px;float:left;position:absolute;background:none;} .gravatar { border:1px solid #CCC;padding:2px;float:left;margin:5px 5px 0px 0px;} #aboutme { font-size:11px;padding:5px 33px 5px 15px;width:253px;} #flickr ul { list-style:none;} #flickr ul li { display:inline;} #flickr ul, #flickr ul li { padding:0;margin:0;border:0;} #flickr a img { border:1px #ccc solid;padding:1px;margin:4px 4px;} #flickr a:hover img { border:1px #999 solid;} #page { background-color:white;border:1px solid #959596;text-align:left;} #header { background:#73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;} #headerimg { margin:7px 9px 0;height:192px;width:740px;} #content { font-size:1.2em margin:0px;padding:0px;} .searchform { font-size:110%;} .icon { vertical-align:text-top;padding:0px 2px 0px 2px;} .undertitle { font-size:.7em;background:url(images/desc.jpg) no-repeat;background-position:-2px -3px;height:26px;padding:2px 0px 0px 0px;color:#FFFFFF;} .widecolumn .entry p { font-size:1.05em;} .narrowcolumn .entry, .widecolumn .entry { line-height:1.4em;} .widecolumn { line-height:1.6em;} .narrowcolumn .postmetadata { text-align:left;} .alt { background-color:#f8f8f8;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} #footer { border:none;} 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.6em;} #sidebar h2 { font-family:Arial, Helvetica, sans-serif;font-size:1.1em;} h3 { font-size:.9em;} 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:12px Arial;} .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;} #commentform p { font:12px Arial;} .commentmetadata { font-weight:normal;} #sidebar { font:12px Arial;} 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, 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 0 20px 0;padding:0;} #page { background-color:white;margin:10px auto;padding:0;border:1px solid #959596;} #header { background-color:#73a0c5;margin:0 0 0 1px;padding:0;height:200px;width:758px;} #headerimg { margin:0;height:200px;width:100%;} .narrowcolumn { float:left;padding:0 0 20px 25px;margin:0px 0 0;width:625px;} .widecolumn { padding:10px 0 20px 0;margin:5px 0 0 10px;width:450px;} .post { margin:0 0 40px;text-align:justify;clear:both;} .post hr { display:block;} .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:left;} #footer { padding:0;margin:0 auto;width:760px;clear:both;} #footer p { margin:0;padding:20px 0;text-align:center;} /* 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:8px 5px 0 0;padding:0;} /* End Entry Lists */ /* Begin Form Elements */ #searchform { margin:10px auto;padding:5px 10px;text-align:left;color:#CCC;} #sidebar #searchform #s { width:170px;padding:2px;} #sidebar #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: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:0px 10px 10px 0;margin-left:650px;width:282px;} #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 { clear:both;text-align:center;} .twitter-item { font-size:11px;} ul.twitter li { margin:10px 0;} /* End Various Tags & Classes*/