/*
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 <a href="http://clockworkblogger">ClockWorkBlogger</a>. Please use the <a href="http://clockworkblogger.com/theme-clockworksimple/">ClockWorkSimple theme</a> 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
*/


/* THIS CSS SHEET IS FOR FIREFOX _ MAKE SOME IE CONDITIONALS USING PHP APP */



*  {
margin: 0; 
padding: 0; 
font-family: 
arial,sans; 
font-size: 11px;
}

body {
background-image: url(images/sb_bg_greenstripe1.png);
background-repeat: repeat-x;
background-color:#f8f2e1;
}

a {
text-decoration: none;
}

a:hover {
text-decoration: 
underline;
}

img {
border: none;
}

#wrapper {
margin: 10px auto 0 auto; 
width: 960px;
}

/* HEADER PART */

#header { 
margin: 0px 0px 0px 20px; 
padding: 0px 0px 30px 0px;
height:150px;
background: url( images/header-top.png); /* main header pic of a second branch home and the sb logo */
background-repeat: no-repeat;
}

#header h1,
#header h1 a	{
display: none;
color: #5c743d; 
letter-spacing: -1px; 
text-decoration: none; 
font-size: 22px;
}

/* this is the read more about the author line at top*/


/* affects the About, and Subscribe buttons at top. these were the original links that I deleted and replaced simply with "return to SB Homes." This link will bring you out of the blog and back to the default SB website. */


.bttn_placement { 
margin: 225px 0px 0px 610px;
}


/* we will be using two classes together to finely position the Return to SB button. We will be using .topmenu and also the .bttn_placement class. When we use two classes together, we need to separate them by a space, not with a comma.

This means that the paragraph in the "header.php" file that actually holds the button will call up BOTH of the  classes mentioned above. 
If any rules overlap between the two classes, the class which is below the other in the CSS document will take precedence.
*/

.topmenu ul {
list-style: none;
}

.topmenu ul li {
display: inline;
}

.topmenu a  {
display: block; 
float: left; 
padding: 6px 10px; 
background: #5C743D url('images/corner.gif') top left no-repeat; 
color: #fff; 
margin: 0 5px;
}

.topmenu a:hover {
background: #D5EDB3 url('images/corner.gif') top left no-repeat; 
text-decoration: none;
color: #993300;
}

.topmenu .feed {
background: #f57100 url('images/corner.gif') top left no-repeat; 
}

/* don't delete this below without some thought as it can easily break the layout if you don't first delete the php code in the header.php file  */

#teaser 	{
color: #fff; 
padding: 5px 30px; 
margin-bottom: 50px;
}


/* CONTENT */

#content {
margin-left: 30px; 
margin-top: -40px; /* check this in Firefox - may need some IE Conditionals in the inline CSS */
width: 534px; 
padding-right: 30px; 
border-right: 1px dotted #999; 
line-height: 200%; 
font-size: 10px; 
color: #666666;
}

#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: 11px; 
}

#content ol {
margin: 10px 0 10px 10px; 
list-style: decimal inside;
}

#content ol li{margin: 5px 0; font-size: 11px; }

#content p{margin: 10px 0; font-size: 11px;}

#content a{color: #5C743D; font-weight: bold;}

#content a:hover		{color: #993300;}

#content blockquote	{border-left: 1px solid #5c743d; padding: 10px; font-style: italic; background: #ddd;}

#content .indicator 	{
float: left; 
margin-left: -30px; 
font-size: 10px; 
color: #999;
}

#content h1, #content h2, #content h1 a, #content h2 a 	{ 
color: #5c743d; 
letter-spacing: -1px; 
text-decoration: none;
}

#content h1, #content h1 a{ 
font-size: 18px; 
}

#content h2,
#content h2 a{ font-size: 17px; margin-bottom: 10px;}

#content h1 a:hover, #content h2 a:hover	{ 
color: #993300; 
background: #f4eede; 
text-decoration:underline;
}

#content h2 { 
margin-top: 10px; 
}

#content h3 { 
font-size: 14px; 
margin-top: 10px; 
color: #993300; 
}

#content .metadata	{ 
color: #993300; 
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-top:28px; /* adjust this IE Conditional for IE browsers */
margin-right: 10px; 
background: #99cc66 url('images/commentcount.gif') top left no-repeat; color: #fff; 
font-weight: bold; 
text-decoration: none;
}

#content .metacomments a:hover { 
background: #993300 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 -30px; 
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 {
margin-top: 10px; 
width: 320px; 
float: right; 
line-height: 180%; 
color: #666666;
}

.bigbutton a  {
margin: -205px 0px 30px 0px;
display: block; 
float: left; 
padding: 6px 10px; 
text-decoration: none;
color: #993300; 
}

.bigbutton a:hover {
text-decoration: underline;
color: #901900;
}

#sidebar .leftbar { 
width: 150px;
}

#sidebar .rightbar {
float: right;width: 150px;
}

#sidebar a {
color: #5c743d; 
font-weight: bold;
}

#sidebar a img {
padding: 20px; 
border: none; 
}

#s {
padding: 3px; 
border: 1px solid #999; 
width: 220px; 
color: #666666;
}

#s:hover {
border: 1px solid #000;
}

#searchsubmit {
padding: 2px 5px; 
border: 1px solid #327eb0; 
background: #99cc66; color: #fff;
}

#searchsubmit:hover 	{
background: #993300;
}

#sidebar h4,

#sidebar h5 {
color: #993300; 
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: #999 url('images/corner.gif') top left no-repeat; 
color: #fff; 
padding: 5px 30px; 
margin-top: 30px;
}

#footer a {
color: #333;
}

#footer a.authorlink {
color: #fff;
}

/* 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: #993300; 
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: #f8f2e1; 
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; 
}