/* Theme Name: WordPress Default Theme URI: http://wordpress.org/ Description: The default WordPress theme based on the famous Kubrick. Version: 1.6 Author: Michael Heilemann Author URI: http://binarybonsai.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 */ /* @group reset CSS */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,input { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } p { margin:1em 0; } fieldset,img { border:0; } address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } q:before,q:after { content:''; } abbr,acronym { border:0; } legend { display:none; } a { outline:none; } img { vertical-align:middle; } /* @end reset CSS */ /* Begin Structure */ body{ margin: 0 0 20px 0; padding: 0; font-size: 62.5%; /* Resets 1em to 10px */ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; background: #000; } #page { background: #fff url('images/bkg_page.gif') repeat-y; margin: 0px auto; padding: 0; width: 1000px; } #header { margin: 0; padding: 0; height: 110px; width: 1000px; background: #000 url('images/bkg_header.gif') no-repeat top left;} #headerimg { margin: 0; width: 100%; padding: 30px 0 0 20px; } #page { text-align: left; background: #fff url('images/bkg_page.gif'); } #header_navigation {background: #000 url('images/bkg_header_navigation.gif') repeat-x; height: 40px; font-size: 15px;} #navigation_content {width: 1000px; text-align:left; margin: auto;} #shortcuts {width: 470px; margin-left: 10px; float: left; padding-top: 5px;} #shortcuts ul li {display: inline; padding-right: 10px;} #shortcuts ul li a {color: #d6d6d6; font-weight: normal; text-transform: uppercase;} #shortcuts ul li a:hover {color: #fff;} #search {width: 490px; text-align: right; float: right; margin-right: 10px;} #search form {margin:0;} #search form image {margin: 0; padding: 0;} #search form input.search {background: url('images/bkg_search_input.gif') no-repeat; color: #999; font-size: 10px; border: 0px; padding: 4px 30px 4px 10px } #search #submit_search {background: url('images/icon_search.png') no-repeat; height: 26px; width: 26px; border: 0px; padding:0px; margin: 0} a.rss {background: url('images/icon_rss.png') left no-repeat; padding-left: 18px;} .narrowcolumn { float: left; padding: 20px 35px 20px 20px; margin: 0 0 0 20px; width: 610px; } .post { margin: 25px 0 25px 0; border-bottom: 1px solid #ddd; clear: both; } .post h2 { font-size: 20px; margin: 0; font-family: 'Courier New';} .post smalll {font-size: 8px;} .post p {margin: 4px 0 10px 0;} .entry {clear: both;} img.post_image { float: left; margin: 0 5px 5px 0 !important; padding: 7px 10px 12px 7px; width: 64px; background: url('images/bkg_sprites.gif') no-repeat scroll 0 -255px; } .postmetadata { clear: left; } .post img {margin: 3px;} div#best_photos, div#special_posts {margin-bottom: 20px;} div#special_post{float: left; margin-right: 5px; width: 295px; height: 205px; background: url('images/bkg_special_post.gif') top left no-repeat;} #special_post p {margin: 5px 8px; font-size: 11px;} #special_post p a {color: #000; font-weight: normal; } #special_post p a:hover {color: #333 !important;} #special_post img.post_image {float: left;} #special_post h2 {margin: 2px 0 0 5px;} div#best_photos {float: left; width: 305px; height: 205px; background: url('images/bkg_best_photos.gif') top left no-repeat;} #best_photos p a {color: #000; font-weight: normal; } #best_photos p a:hover {color: #ccc;} #best_photos p {margin: 5px 4px; font-size: 11px;} #best_photos h4 {background: url('images/bkg_best_photos_h4.gif') top left no-repeat; width: 263px; height: 20px; margin: 5px 0 0 10px } #best_photos img.best_photo_preview {float: left; background: url('images/bkg_best_photos_img.gif') no-repeat top left; padding: 18px 18px 22px 17px;} #best_photos img.view_photos_button {margin-top: 8px;} #footer { padding: 25px 0 100px 0; margin: 0 auto; width: 1000px; clear: both; background: #000 url('images/bkg_footer.gif') top left no-repeat;; } #footer p { margin: 0; text-align: center; } #footer a {color: #999; font-weight: normal; } #footer a:hover {color: #fff;border-bottom: 1px dotted #fff} #footer #social_networks {margin-left: 10px; float: left; width: 490px;} #footer #social_networks ul li {display: inline; margin-right: 20px;} #footer #about_us {float: left; margin: 0 0 0 10px; clear: both; padding-top: 15px; font-size: 12px; height: 40px;} #footer #about_us ul li {display: inline; margin-left: 10px;} #footer #about_us ul li strong {color: #fff; font-size: 14px;} #footer #rss_links {margin-left: 20px;float: left; background: url('images/bkg_sprites.gif') no-repeat scroll -310px -160px; height: 38px; padding-left: 45px;} #footer #rss_links h5 { font-size: 12px; color: #f0f0f0; font-weight: normal; margin: 2px 0 3px 0; } #footer #rss_links ul li {display: inline; margin-right: 5px;} #footer #powered_by {margin-left: 20px; height: 38px; padding-left: 42px; float: left; background: url('images/bkg_sprites.gif') no-repeat scroll -310px -240px;} #footer #powered_by p {color: #ddd; margin: 12px 0 0 0;} #footer #license {float: right; margin-right: 10px; width: 300px; height: 40px; padding-left: 44px; background: url('images/bkg_sprites.gif') no-repeat scroll -310px -200px;} #footer #license p {color: #ddd; margin: 12px 0 0 0;} /* Begin Sidebar */ #sidebar { padding: 0px 0px 10px 0px; margin-left: 680px; width: 310px; background: #fff } #sidebar h4 { font-family: Arial, 'Lucida Grande'; margin: 20px 0 0 0; padding: 15px 3px 0px 50px; height: 30px; font-size: 20px; color: #8e8e8e; background: #fff;} #sidebar ul { margin: 0px 0 0 12px;} #sidebar ul li { list-style-type: none; list-style-image: none;} #sidebar ul p, #sidebar ul select { margin: 5px 0 8px; } #sidebar div.widget {margin: 0; padding: 0; background: url('images/bkg_sidebar_div.gif') repeat-y top left;} #sidebar #upcoming-events h4 {background: url('images/bkg_sprites.gif') no-repeat scroll 0px -45px;} #sidebar #archives h4 {background: url('images/bkg_sprites.gif') no-repeat scroll} #sidebar #archives ul {margin-left: 30px; font-size: 12px;} #sidebar #archives ul li {margin-top: 5px;} #sidebar #recent-comments h4 {background: url('images/bkg_sprites.gif') no-repeat scroll 0px -135px;} #sidebar #author-info p {margin: 0 15px 0 15px} #sidebar #author-info h5 {margin: 0 15px; font-size: 12px; margin-top: 10px; border-bottom: 1px solid #ccc; margin-bottom: 3px;} #sidebar #author-info img {margin: 0 5px 0 15px} #sidebar #author-info h4 {background: url('images/bkg_sprites.gif') no-repeat scroll 0px -90px;} #sidebar #recent-comments ul li {margin: 5px 10px 0px 10px} /* RSS Suscription */ #sidebar #text-239995761 h4 {background: url('images/bkg_sprites.gif') no-repeat scroll 0px -180px;} #sidebar #text-239995761 ul {margin-left: 30px; font-size: 12px;} #sidebar #text-239995761 ul li {margin-top: 10px;} #sidebar #text-239995761 p {margin: 5px 5px 0 30px;} #sidebar #text-239995761 h5 {font-size: 12px; margin: 12px 0 0 30px;} #sidebar div.end_sidebar_box {padding: 0; margin-top: 0px; height: 30px; width: 310px; background: url('images/bkg_sprites.gif') no-repeat scroll 0px -226px;} /* End Sidebar */ /* Sidebar Calendar */ ul.ec3_events {margin: 0; padding: 0;} li.ec3_list_day {font-weight: bold; margin-top: 8px; padding: 0; margin-left: 10px;} li.ec3_list_day ul li {margin-left: 10px; margin-right: 20px;} li.ec3_list_day ul li a {color: #000; font-weight: normal;} li.ec3_list_day ul li a:hover {color: #666} /* End Structure */ /*Photogallery*/ #mainphotoarea {margin: auto; width: 610px; padding: 10px; clear: both; padding: 0 0 30px 0; margin: 0; background: #f3f3f3 url('images/bkg_mainphotoarea.gif') bottom repeat-x;} #mainphotoarea h5 {background: url('images/bkg_mainphotoarea_h4.gif') no-repeat top left; height: 40px; padding-top: 10px; padding-left: 60px; color: #960000; font-size: 16px;} #mainphotoarea img {border: 0px; margin: 5px 0 5px 10px;} #mainphotoarea p {text-align: right; font-size: 9px; margin-right: 12px;} /*Photogallery*/ /*Link summarizer*/ div.link-summarizer {margin: auto; width: 610px; padding: 10px; clear: both; padding: 0 0 30px 0; margin: 0; background: #f3f3f3 url('images/bkg_mainphotoarea.gif') bottom repeat-x;} div.link-summarizer h5 {background: url('images/bkg_link_summarizer_h4.gif') no-repeat top left; height: 40px; padding-top: 10px; padding-left: 50px; color: #960000; font-size: 16px;} /*}Link summarizer*/ /* Begin Headers */ h1 { padding-top: 0px; margin: 0;} h2 { margin: 30px 0 0; } h2.pagetitle { margin-top: 30px; } h3 { padding: 0; margin: 30px 0 0;} h3.comments { padding: 0; margin: 40px auto 20px ; } /* End Headers */ /* Begin Typography & Colors */ #content { font-size: 1.2em } .narrowcolumn .entry { margin: 0; clear: both; line-height: 1.4em; padding-top: 0px; } .narrowcolumn .postmetadata { text-align: center; } .alt { background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } table th, table td {vertical-align: top;} small { font-family: 'Lucida Grande', Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; } h1, h2, h3 { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; color: #000; } h1 { font-size: 4em; } h3 { font-size: 1.3em; } h2, h2.pagetitle { font-size: 2em; } #headerimg .description { font-size: 1.2em; text-align: center; color: #000; } h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description { text-decoration: none; color: white; border: none; } h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #960000; } 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; } .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;} .commentmetadata {font-weight: normal;} 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, a:visited {color: #960000;text-decoration: none;font-weight: bold;} a:hover {color: #f00000;} /* End Typography & Colors */ /* 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; } /* End Entry Lists */ /* Begin Form Elements */ #searchform { margin: 10px auto; padding: 5px 3px; } #sidebar #searchform #s { width: 108px; 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 */ 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 } /* 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 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; } hr { display: none; } a img { border: none; } .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; } .entry_author_image { float: left; margin: 5px 5px 0px 0px; } .author_posts { float: left; } .author_posts ul { list-style-type: none; padding: 0; margin: 0; width: 350px; } .author_lastfm { float: right; text-align:center; width: 200px; } div.lfmWidget {margin:0 !important;padding:0 !important;border:0 !important;} /* End Various Tags & Classes*/ /* Begin tag cloud*/ #tag_cloud { text-align:center; padding: 5px; } #tag_cloud a { padding: 2px 4px 2px 4px; color: #481f48; font-size: 0.8em; } #tag_cloud a:hover { background-color: #481f48; color: #fff; border: none; } .post_tags { padding: 3px; background: url('images/tag_icon.gif') no-repeat left #fdfdfd; border: 1px solid #ccc; margin-left: 85px; margin-top: 3px; font-size: 10px;} /* End tag cloud*/ /* Related links */ #related_links { border: 1px solid #ccc; background-color: #f5f5f5; margin-bottom: 5px; } #related_links h3 { margin: 5px 0px 0px 5px; font-size: 14px;} #related_links ul { listy-style-type: none; font-size: 10px; padding-left: 20px; margin-top: 2px;} /* } Related links */