/*
Theme Name: Cleveland SEO Group 
Theme URI: not publicly available
Version: 1.0
Author: Joseph C Dolson
Author URI: http://www.joedolson.com
Description: Custom Theme for Cleveland SEO
*/
* {
padding: 0;
margin: 0;
}
body {
text-align: center;
font: .8em/1.4em Arial, sans-serif; 
color: #3d3d3d;
background: #fff;
}
img {
border: none;
}
a:hover {
color: #900;
text-decoration: none;
}
a:focus, a:active {
color: #000;
background: #ddf;
}
p {
padding: .5em;
margin: .5em;
}
h1, h2, h3 {
font-family: 'Trebuchet MS', Georgia, Arial, sans-serif;
}
#outer {
width: 80%;
min-width: 760px;
margin: 0 auto;
text-align: left;
}
#header {
width: 100%;
background: url(images/skyline.jpg) top right no-repeat;
}
h1 {
position:relative;
font-size:2em;
color: #14c;
line-height: 1.2em;
height: 5em;
}
h1 a {
z-index:1;	
position:absolute;
top:0;
left:0;
width:100%;
height:4em;
min-height:120px;
background:transparent url(images/cleveland-h1.png) no-repeat;
}
h1 a span {
position: absolute;
left: -3000px;
top: -3000px;
}

#header-bar {
background: #ddf url(images/header-bar.png) repeat-x;
padding: .75em;
margin: 0 0 .5em;
border-top: 1px solid #ccc;
}
#searchform {
float: right;
}
#searchform label {
position: absolute;
left: -3000px;
top: -3000px;
}
#header-bar ul li {
display: inline;
}
#header-bar ul li a {
font-weight: 700;
color: #3d3d3f;
}
#main-content {
float: left;
width: 60%;
border-right: 1px solid #eee;
}
p.donate {
font-size: .85em;
text-align: right;
padding: .5em;
font-style: italic;
float: right;
}
div.header {
background: #e7e7e7;
margin-bottom: .5em;
border-bottom: 5px solid #d7d7e7;
}
.header p {
background: #fff;
}
.header h3 {
text-align: center;
margin-bottom: .5em;
}
.post {
padding: 1em .5em;
}
.post ul {
margin: 1em 1em 0 3.5em;
}
.post_footer {
margin-top: 1.5em;
background: #f7f7f7;
border: 1px solid #e7e7e7;
}
.post_footer p {
margin: 0;
font-size: .9em;
}
p.date {
font-weight: 700;
text-align: right;
font-style: italic;
border-bottom: 1px solid;
margin: 0;
margin-bottom: 1em;
padding: 0;
}
.post_meta {
margin-top: 1em;
text-align: right;
font-size: .9em;
font-style: italic;
}
#middle {
float: left;
width: 21%;
}
#sidebar {
float: right;
width: 18%;
}
#navigation h2 {
font-size: 1.4em;
padding: .2em;
color: #35c;
border-bottom: 2px solid #79e;
}
#navigation ul {
list-style: none;
}
#navigation ul li a {
display: block;
color: #4d4d4f;
padding: .3em;
}
#navigation ul li a:hover {
background: #5d5d5f;
color: #eef;
}
#footer {
clear: both;
background: #eee;
border-top: 1px solid #ccc;
padding: .5em;
margin-top: 1em;
font-size: .9em;
}
#footer ul li {
display: inline;
float: right;
}
#credits {
font-size: .9em;
background: #eee;
margin-bottom: 1em;
padding: .5em;
}
#calendar table {
width: 100%;
}
#calendar td {
border: 1px solid #efefef;
background: #f8f8f8;
}
#calendar a {
display: block;
font-weight: 700;
background: #f7f7f7;
}
#calendar caption {
font-weight: 700;
color: #35c;
border-bottom: 2px solid #79e;
text-align: left;
font-size: 1.3em;
font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
}
#commentform {
width: 90%;
margin: 0 auto;
background: #f5f5f5;
padding: 1em;
border: 1px solid #eee;
}
input {
border: 2px solid #ddd;
background: #fff;
font-weight: bold;
font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
padding: 1px;
}
input:hover, input.active, input:focus, input:active {
background: #eee;
}
textarea {
width: 100%;
border: 2px solid #ddd;
background: #fff;
}
textarea:hover, textarea:active, textarea.active, textarea.hover {
background: #eee;
}

fieldset {
border: none;
}
legend {
padding: .5em;
border: 2px solid #ddd;
background: #eef;
font-weight: 700;
}
label {
font-weight: 700;
}
#comments {
border-left: 2px solid #ddd;
border-top: 2px solid #ccc;
margin: .5em 0;
padding: 0 .5em;
}
#comments h2 {
margin-top: .5em;
}
#comments h3 {
text-align: left;
padding: .2em;
}
#comments .header {
background: #f7f7f7;
border-bottom: 1px solid #eef;
}