/*
Theme Name: ClockWorkSimple
Theme URI: http://clockworkblogger.com/theme-clockworksimple/
Description: A simple, smart, yet beautiful theme featuring author comment highlighting and a built-in breadcrumb wrapped up in an elegant shell by ClockWorkBlogger. Please use the ClockWorkSimple theme page to submit your comments and suggestions.
Version: 1.1.1
Author: Lukasz Sobek
Author URI: http://sobek.pl
Tags: fixed width, 3 columns, 2 columns, two columns, three columns, white, blue, grey, black, orange, right sidebar, breadcrumb, author highlight, gravatar, clean, simple, widgets, widget, gravatars, valid CSS,valid XHTML
*/
* {margin: 0; padding: 0; font-family: arial,sans; font-size: 13px;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
img {border: none;}
#wrapper {margin: 0 auto 0 auto; width: 972px; border: 1px solid #ccc; height: 100%;}
/* ---- Header part */
#breadCrumb {
color: #666666;
font-size: 10px;
font-family: Verdana,Arial,sans-serif;
height:15px;
padding-bottom:5px;
padding-right:8px;
padding-top:4px;
width: 960px;
margin-left: auto;
margin-right: auto;
}
#breadCrumb a:link, #breadCrumb a:visited {
color: #666666;
font-size: 10px;
font-weight: bold;
font-family: Verdana,Arial,sans-serif;
}
#header { background-color: #f2f2f2; position: relative; padding-top:5px;}
#tabs { position: absolute; right: 10px; bottom: 0px; height: 29px; height: 29px; white-space: nowrap; }
#tabs ul { padding: 0px; margin: 0px; }
#tabs li { display: inline; }
#tabs li a:link div, #tabs li a:visited div {
height: 24px;
cursor: pointer;
display: block;
float: right;
width: 120px;
margin-right: 4px;
text-align: center;
padding-top: 5px;
padding-left: 5px;
position: relative;
padding-right: 9px;
background-image: url(/blog/wp-content/themes/clockworksimple/images/tab.png);
}
#tabs li a:hover div, #tabs li a:hover div {
height: 24px;
display: block;
cursor: pointer;
float: right;
width: 120px;
margin-right: 4px;
text-align: center;
padding-top: 5px;
padding-left: 5px;
position: relative;
padding-right: 9px;
background-image: url(/blog/wp-content/themes/clockworksimple/images/tabON.png);
}
#tabs li a:hover {
text-decoration: none;
}
#tabs li a:link, #tabs li a:visited {
color: #FFFFFF;
font-weight: bold;
font-size: 11px;
}
#tabs li a:link div span, #tabs li a:visited div span {
width: 7px;
height: 29px;
position: absolute;
top: 0px;
right: 0px;
display: block;
background-image: url(/blog/wp-content/themes/clockworksimple/images/tab.png);
background-position: right top;
}
#tabs li a:hover div span, #tabs li a:hover div span {
width: 7px;
height: 29px;
position: absolute;
top: 0px;
right: 0px;
display: block;
background-image: url(/blog/wp-content/themes/clockworksimple/images/tabON.png);
background-position: right top;
}
/*/blog/wp-content/themes/clockworksimple/images/tab.png*/
#header h1,
#header h1 a {color: #074266; letter-spacing: -1px; text-decoration: none; font-size: 30px;}
#header .descri { margin-top: -5px; color: #666;}
#teaser {background: #999 url('images/corner.gif') top left no-repeat; color: #fff; padding: 5px 30px; margin-bottom: 10px;}
#teaser a {color: #333;}
/* ---- Content */
#content {margin-left: 10px; margin-top: 10px; width: 615px; padding-right: 30px; 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.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: #074266; font-weight: bold;}
#content a:hover {color: #074266;}
#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; display: none;}
#content h1,
#content h2,
#content h1 a,
#content h2 a { color: #074266; letter-spacing: -1px; text-decoration: none; font-family: "Trebuchet MS",Verdana,Arial,sans-serif; }
#content h1,
#content h1 a { font-size: 20px; font-family: "Trebuchet MS",Verdana,Arial,sans-serif; }
#content h2,
#content h2 a { font-size: 17px; margin-bottom: 10px; font-family: "Trebuchet MS",Verdana,Arial,sans-serif; }
#content h1 a:hover,
#content h2 a:hover { color: #074266; background: #fff; text-decoration:underline; font-family: "Trebuchet MS",Verdana,Arial,sans-serif; }
#content h2 { margin-top: 10px; font-family: "Trebuchet MS",Verdana,Arial,sans-serif; }
#content h3 { font-size: 14px; margin-top: 10px; color: #074266; font-family: "Trebuchet MS",Verdana,Arial,sans-serif; }
#content .metadata { color: #666; margin: 5px 0 30px 0; padding: 5px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;}
#content .metacomments {}
#content .metacomments a { display: block; float: left; padding: 6px 15px 16px 15px; margin-right: 10px; background: #074266 url('images/commentcount.gif') top left no-repeat; color: #fff; font-weight: bold; text-decoration: none;}
#content .metacomments a:hover{ background: #074266 url('images/commentcount.gif') top left no-repeat; text-decoration: none; }
#content .entry {margin-bottom: 50px; }
/* ---- Comments */
#content .comments-template {margin-top: 20px;}
#content .commentlist {list-style: none; margin: 10px 0 0 0;}
#content .commentmetadata { padding: 5px 10px; background: #ccc url('images/corner.gif') top left no-repeat; margin: 5px 0 5px -30px;}
#content .commentmetadata img {float: left; padding: 2px; margin: 5px 10px 5px 0; border: 1px solid #000; }
#content .commentmetadata_author { padding: 5px 10px; background: #327eb0 url('images/corner.gif') top left no-repeat; margin: 5px 0 5px 0px; color: #fff;}
#content .commentmetadata_author img {float: left; padding: 2px; margin: 5px 10px 5px 0; border: 1px solid #000; }
#content .commentmetadata_author a {color: #fff;}
/* ---- Sidebar */
#sidebar {width: 290px; padding-left: 20px; padding-top: 10px; background-image: url(/blog/wp-content/themes/clockworksimple/images/mnugrad.png); background-position: left top; background-repeat: repeat-y; float: right; line-height: 180%; color: #333;}
#sidebar .leftbar {width: 150px;}
#sidebar .rightbar {float: right; width: 150px;}
#sidebar a {color: #333; }
#sidebar a img { border: none; }
#s {padding: 3px; border: 1px solid #999; width: 190px; color: #666;}
#s:hover {border: 1px solid #000;}
#searchsubmit {padding: 2px 5px; border: 1px solid #074266; background: #074266; color: #fff;}
#searchsubmit:hover {background: #074266;}
#sidebar h4,
#sidebar h5 {color: #074266; letter-spacing: -1px; margin: 25px 0 5px 0;}
#sidebar h4 {font-size: 14px;}
#sidebar h5 {font-size: 13px;}
#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;}
/* ---- Footer */
#footer {background-color: #f2f2f2; color: #000; padding: 5px 30px; }
#footer a {color: #000; text-decoration: underline; }
#footer a.authorlink {color: #000;}
/* ---- comments */
#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: #074266; color: #fff; padding: 10px; border: 1px solid #ccc; margin-top: 10px;}
/* ---- 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; }
#headerInfo {
background-image: url(/images/fw_logo.gif);
background-repeat: no-repeat;
width: 100px;
height: 50px;
cursor: pointer;
position: relative;
margin-left: 5px;
padding:5px 5px 5px 5px;
}
#headerInfo #blog {
width: 92px;
height: 33px;
background-image: url(/blog/wp-content/themes/clockworksimple/images/blog.gif);
background-repeat: no-repeat;
background-position: left top;
position: absolute;
right: -95px;
margin-top:5px;
}
#headerInfo h1, #headerInfo div.descri {
display: none;
}
#rssSub { position: relative; }
#subscribeBox { position: absolute; top: 54px; left: 0px; }
#rssSub img { padding: 0px; margin: 0px; }
#rssSub a:link, #rssSub a:visited, #rssSub a:active {
outline: none;
}
#rssSub a:link #sub-normal, #rssSub a:visited #sub-normal {
display: block;
}
#rssSub a:link #sub-hover, #rssSub a:visited #sub-hover {
display: none;
}
#rssSub a:hover #sub-normal{
display: none;
}
#rssSub a:hover #sub-hover{
display: block;
}
#subscribeBox {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
background-color: #efefef;
padding: 10px;
width: 234px;
background-image: url(/blog/wp-content/themes/clockworksimple/images/rssgrad.png);
background-repeat: repeat-x;
border: 1px solid #CCCCCC;
}
#subscribeBox h3 {
font-size: 17px;
font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
}
#subscribeBox p { font-size: 11px; line-height: 14px; }
.paditout4px { padding: 4px; }
/* Custom Product Info by Ollie */
#sidebar .metadata { color: #666; margin: 30px 10px 0 0; padding: 5px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;}
#sidebar .metadata h4 { margin-top:5px; }
#sidebar .price { border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; padding-top:5px; padding-bottom:5px; margin-bottom:5px; margin-top:5px; }
#sidebar .metadata .prod-image { width:267px; }
#sidebar .text-center { text-align:center; }
#sidebar h2 { color: #074266; font-size:18px;}