/* Theme Name: ClockWorkStrip Theme URI: http://clockworkblogger.com/theme-clockworkstrip/ Description: A simple, lightweight theme featuring comment numbering, author comment highlighting, a built-in breadcrumb and social bookmarking links wrapped up in an elegant shell by ClockWorkBlogger. Please use the ClockWorkStrip theme page to submit your comments and suggestions. Version: 1.0.0 Author: Lukasz Sobek Author URI: http://sobek.pl Tags: fixed width, 2 columns, two columns, widgets, widget ready, valid CSS, simple, right sidebar, white, black, green, orange, clean, 3 columns, three columns, valid XHTML, breadcrumb, author highlight, gravatars, count */ * {margin: 0; padding: 0; font-family: arial,sans; font-size: 13px;} body {background: #333;} a {text-decoration: none;} a:hover {text-decoration: underline;} img {border: none;} #bgwrapper {margin: 0 auto; width: 900px; padding: 20px 30px 0 30px; background: #fff url('images/bg_page.gif'); border: 1px solid #ddd; border-top: none; border-bottom: none;} /* ---- topmenu */ #topmenu {margin: 0 -30px 20px -30px; background: #fff; border: 1px solid #ddd; border-left: none; border-right: none; padding: 0 10px;} #topmenu .descri {color: #666; padding: 6px 0 0 10px; font-size: 11px;} #topmenu ul {list-style: none; float: right;} #topmenu ul li {display: inline;} #topmenu a {display: block; float: left; padding: 6px 10px; color: #999; font-weight: bold; font-size: 11px;} #topmenu a:hover {color: #000; text-decoration: underline;} #topmenu a.feed {background: #f57100; color: #fff;} #topmenu a.feed :hover{background: #f57100; color: #fff; text-decoration: underline;} /* ---- wrapper */ #wrapper {width: 860px; padding: 10px 20px; background: #fff; border: 1px solid #ddd; border-left: none; border-right: none;} /* ---- Header part */ #header {margin: 0 0 20px 0;} #header h1, #header h1 a {color: #7fc402; letter-spacing: -1px; text-decoration: none; font-size: 30px; padding: 0px 5px;} #header h1 a:hover {background: #7fc402; color: #fff;} #searchform {float: right; margin: 5px 10px 0 0;} #s {padding: 3px; border: 2px solid #ccc; width: 300px; color: #333;} #s:hover {border: 2px solid #999;} /* ---- */ #teaser {color: #666; padding: 5px 10px; width: 450px;} /* ---- */ /* --------------------------------------------------------------------- The basic header image (strip.jpg) was provided by Wolfgang Staudt whose work you can see browsing to: http://www.flickr.com/photos/wolfgangstaudt/ ------------------------------------------------------------------------ */ #topimage {height: 119px; background: #fff url('images/strip.jpg') top left no-repeat; border-top: 1px solid #333; margin-bottom: 20px;} /* ---- Content */ #content {width: 500px; line-height: 180%; font-size: 14px; color: #222;} #content ul {margin: 10px 0 10px 10px; list-style: none;} #content ul li {background: url('images/bullet_new.gif') 0 5px no-repeat; margin: 5px 0; padding-left: 15px; font-size: 14px; } #content ol {margin: 10px 0 10px 10px; list-style: decimal inside;} #content ol li {margin: 5px 0; font-size: 14px; } #content p {margin: 10px 0; font-size: 14px;} #content a {color: #7fc402; font-weight: bold; padding: 0 2px;} #content a:hover {color: #fff; background: #7fc402; padding: 0 2px; text-decoration: none;} #content blockquote {border-left: 1px solid #327eb0; padding: 10px; font-style: italic; background: #ddd;} #content .indicator {float: left; margin-left: -30px; font-size: 30px; color: #999;} #content h1, #content h2 {background: #fff url('images/bg_page.png'); padding: 10px 20px; font-size: 12px; border-top: 1px solid #ddd;} #content h1, #content h2, #content h1 a, #content h2 a {color: #000; letter-spacing: -1px; text-decoration: none;} #content h1, #content h1 a {font-size: 20px; } #content h1 .numbercomments a {font-size: 13px; color: #999;} #content h2, #content h2 a {font-size: 17px; margin-bottom: 10px;} #content h1 a:hover, #content h2 a:hover {color: #000; text-decoration:underline; background: none;} #content h2 {margin-top: 10px; } #content h3 {font-size: 14px; margin-top: 10px; color: #666; } #content .metadata {color: #666; margin: 5px 0 30px 0; padding: 0 5px 5px 0; border-bottom: 1px dotted #ccc; line-height: 100%; font-size: 10px;} #content .metadata_bottom {color: #666; padding: 5px; font-size: 10px;} #content .entry {margin-bottom: 50px; } /* ---- Comments listing */ #content .commentlist {list-style: none; margin: 10px 0 0 0;} #content .commentmetadata {padding: 5px 10px; background: #eee; margin: 5px 0; } #content .commentmetadata img {float: left; padding: 2px; margin: 5px 10px 5px 0; border: 1px solid #000;} #content .commentmetadata_author {padding: 5px 10px; background: #eee; margin: 5px 0; border-right: 3px solid #f57100;} #content .commentmetadata_author img {float: left; padding: 2px; margin: 5px 10px 5px 0; border: 1px solid #000; } #content .commentnumber {color: #fafcf8; font-size: 30px; font-weight: bold; float: right; font-style: italic;} /* ---- Sidebar */ #sidebar {width: 330px; float: right; line-height: 180%; color: #333; border-bottom: 1px solid #ddd;} #sidebar .leftbar, #sidebar .rightbar {width: 155px;} #sidebar a {color: #333; } #sidebar a img {padding: 20px; border: none; } #sidebar h4 {color: #000; margin: 25px 0 5px 0; text-transform: lowercase; background: #fff url('images/bg_page.png'); padding: 0 10px; font-size: 12px; border-top: 1px solid #ddd;} #sidebar ul {margin: 10px 0 10px 5px; list-style: none;} #sidebar ul li {background: url('images/bullet_pale.gif') 0 5px no-repeat; padding-left: 15px;} #sidebar ul.new li {background: url('images/bullet_new.gif') 0 5px no-repeat; padding-left: 15px;} #sidebar ol {margin: 10px 0 10px 5px; list-style: decimal inside;} /* ---- subfooter */ #subfooter {color: #999; background: #eee; padding: 5px 10px; margin: 30px 0 20px 0;} #subfooter a {color: #f57100; font-weight: bold;} #subfooter .alignright a {color: #999; font-weight: normal;} /* ---- Footer */ #footer {color: #666; padding: 10px 5px;} #footer a {color: #333; text-decoration: underline;} #footer a:hover {text-decoration: none;} #footer a.authorlink {color: #666; text-decoration: none;} #footer a.authorlink:hover {text-decoration: underline;} /* ---- Comments form */ #author, #email, #url, #comment { border: 1px solid #ccc; padding: 5px; margin-top: 5px;} #author {width: 250px; } #email {width: 250px; } #url {width: 250px; } #comment {width: 500px; } #submit {background: #e35c00; color: #fff; padding: 10px; border: 1px solid #ccc; margin-top: 10px;} /* ---- Social bookmark icons */ #content .socialize a {margin-right: 10px; background: #fff;} #content .socialize a:hover {background: #fff;} #content .socialize img {vertical-align: middle;} /* ---- Required by WordPress */ .aligncenter, div.aligncenter { display: block; margin: 0 auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; }