/*
Theme Name: TC Web Design
Theme URI: not publicly available
Version: 1.0
Author: Joseph C Dolson
Author URI: http://www.joedolson.com
Description: Base theme for TCWebDesign, authored 1/2008. Based on design for Cre8tive Flow.
*/
* {
margin:0;
padding:0;
}
.floatright {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
body {
font-family:'Trebuchet MS', Arial, sans-serif;
font-size:90%;
color:#333;
background: #a00 url(/images/background.png) bottom left repeat-x;
background-attachment: fixed;
}

#outer {
width:80%;
max-width:960px;
min-width:750px;
border:1px solid #ccc;
border-top:none;
border-bottom:none;
clear:both;
background:#fff;
margin: 0 auto 20px;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius: 5px;
}

a {
text-decoration:none;
color:#00b;
}

a:active,a:focus {
background:#ddd !important;
color:#00e !important;
}

a:hover {
text-decoration:underline;
}

img {
border:none;
}

#skiplinks {
text-align:right;
margin: 0 auto;
font-size:.8em;
padding:10px 20px 1px;
width:77%;
max-width:940px;
min-width:730px;
}

#skiplinks li {
display:inline;
}

#skiplinks li a {
border:1px solid #ddd;
border-bottom:2px solid #ddd;
background:#eee;
padding:1px 4px 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}

#skiplinks li.current {
border:2px solid #ddd;
border-bottom:1px solid #eee;
background:#eee;
padding:2px;
}

#skiplinks li a:active,#skiplinks li a:focus {
background:#333;
}

#skiplinks li a:hover {
background:#fff;
color:#00e;
border-bottom: 6px solid #bbb;
}

#topnav {
height:20px;
padding:0 1em;
}

#topnav li {
display:inline;
float:left;
}

#topnav li a {
display:block;
width:auto;
height:auto;
text-align:center;
border:1px solid #bbb;
border-top:0;
cursor:pointer;
background:#fff;
margin:-2px 2px 0;
padding:.25em .5em;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}

#topnav li.on a {
color:#000;
background-color:#ffa;
background-image:none;
cursor:default;
font-weight:700;
}

#topnav li a:hover {
background:#f7f7f7;
border:1px solid #ddd;
border-top:none;
}

#topnav li a:focus,#topnav li a:active {
text-decoration:underline;
color:#fff;
background:#009;
}

#content {
clear:left;
width:60%;
float:left;
}

.post-content, .recent-posts {
background:#fff url(/wp/wp-content/themes/tcwebdesign/images/side-edge.png) top right repeat-y;
border:1px solid #eee;
border-left:none;
margin:1em 1em 1em 0;
padding:20px;
}
.post-content form {
text-align: center;
}
#content p {
line-height:1.4;
margin:0 0 1em;
}

#sidebar {
float:right;
width:40%;
background:#fff;
}

#sidebar ul {
list-style-type:none;
width:100%;
margin:0;
padding:0;
}

#sidebar li {
background:#f6f6f6;
margin-bottom:1px;
padding:2px 5px;
}

#sidebar li ul li {
border-left:2px solid #fff;
margin-left:5px;
}

#sidebar li a {
font-size:.9em;
color:#009;
}

.leftbar {
width:50%;
}

.rightbar {
float:right;
width:49%;
background:#eee;
margin-bottom:5px;
}

.crossbar {
clear:both;
background:#f3f3f3;
margin:10px 0;
padding:10px;
-moz-border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
}

#head {
border-bottom:2px solid #bbb;
height: 70px;
}
#head .tagline {
text-align: right;
margin: -15px 0 0;
padding: 0 22px;
color: #446;
letter-spacing: 3px;
text-transform: uppercase;
font-size: .8em;
}
#searchform label {
position:relative;
left:-2000em;
top:-2000em;
}

#searchform {
margin:-10px 0 0;
padding:0;
}

#searchform #s {
width:75%;
font-size:1.2em;
padding:2px;
}

#searchform .button {
font-size:1.2em;
margin-top:5px;
}

h1,h2,h3,h4 {
color:#c11;
}

h1 {
line-height:1.5;
padding:.25em 20px;
font-family: Georgia, Garamond, serif;
letter-spacing: 2px;
text-align: right;
}

h2 {
margin-top:.5em;
padding-left:20px;
}

.theauthor {
padding-left:20px;
font-size:.9em;
font-style:italic;
color:#555;
}

#sidebar h3 {
background:#eee;
padding:.25em 5px;
}

#sidebar p {
padding:.5em 5px;
}

#content ul,#content ol,#content dl {
margin:.5em 1em .5em 2em;
}

#menu h2 {
font-size:1em;
margin:0;
}

table th {
text-align:left;
background:#ddd;
border-bottom:2px solid #ccc;
}

table td {
border:1px solid #eee;
}

caption {
font-weight:700;
border:1px solid #ddd;
background:#eee;
}

.thedate {
text-align:right;
border-bottom:1px solid #eee;
}

.related,.comments,.meta,#content .advertising {
border:1px solid #f3f3f3;
background:#f6f6f6;
margin-right:1em;
margin-bottom:10px;
padding:.5em;
}

#content .related h3 {
float:left;
width:7em;
font-size:2em;
min-height:35px;
margin:-8px;
padding:24px 20px;
}

#content .related ul {
margin-left:17em;
font-size:.9em;
list-style-type:none;
border-left:1px solid #aaa;
}

#content .related {
min-height:69px;
}

#content .meta {
font-size:.9em;
font-style:italic;
padding:0 20px;
}

.advertising {
background:#fee !important;
min-height:70px;
}

.advertising h3 {
background:#fcc !important;
}

.breadcrumb {
color:#555;
padding-left:20px;
margin:10px 0;
}

.next_post {
text-align:right;
position:relative;
top:-2.4em;
}

.prev_next {
padding-left:20px;
text-align:center;
}

#footer {
clear:both;
background:transparent;
padding:40px 10px 10px;
text-align: right;
font-size: .8em;
}

.recent-comments li p {
font-size:.8em;
}

.avatar {
float:left !important;
border:1px solid #ccc;
background:#fff;
margin-right:5px;
margin-bottom:5px;
padding:1px;
}
#commentlist .commentinfo {
clear: left;
font-size: .9em;
margin: 0;
padding: 0;
text-align: right;
}
#content #commentlist {
list-style-type: none;
padding: 0;
margin: 0;
}
#commentlist li {
padding:4px;
margin: 0 0 2px;
}

#jtabs li {
display:inline;
float:left;
padding:1px;
}

#jtabs li a {
background:#fff;
border:1px solid #ddd;
padding:2px 5px;
}

#tabset {
clear:left;
background:#fff;
position:relative;
top:-2px;
border-top:2px solid #fff;
margin:0 -10px;
}

#content dt {
border-bottom:1px solid #ddd;
background:#eee;
padding:1px;
}

#content dd {
font-size:.9em;
margin:10px;
}

#content dd p {
margin:0;
}

h3.post-title {
padding-left:20px;
}

#commentlist {
clear: right;
}

.thecomments {
text-align:center;
width:6em;
float:right;
background:#fff;
border:1px solid #ddd;
}

.thecomments strong {
font-size:2em;
}

.thecomments a {
display:block;
border:1px solid #ddd;
background:#fff;
padding:10px 0;
}

.thecomments a:hover {
background:#ffc;
border:1px solid #aa1;
}

#commentform label {
display:block;
float:left;
width:7em;
font-weight:700;
border-top:1px solid #aaa;
}

#commentform .subscribe-to-comments label {
float:none;
border:none;
font-weight:400;
display:inline;
position:relative;
top:2px;
}

#commentform input {
margin-left:7.5em;
}

#socializer a {
display:block;
background:#eee;
border:1px solid #ddd;
padding:5px;
}

#socializer a:hover {
background:#f9f9f9;
border:1px solid #eee;
}

.prev_next a {
font-weight:700;
}

.authorbio {
border:1px solid #ddd;
border-left:none;
background:#f6f6f6;
font-style:italic;
font-size:.9em;
margin:10px 1em 10px 0;
padding:10px 0 0 20px;
}

.aside {
width:40%;
font-size:.9em;
border:1px solid #ddd;
background:#fff;
margin-bottom:10px;
padding:10px;
}

.left {
float:left;
margin-right:10px;
}

.right {
float:right;
margin-left:10px;
}

.crossbar table {
margin:0 auto;
}

#sidebar li a:hover {
text-decoration:underline;
color:#00c;
}

#sidebar li ul,li.alt {
background:#ddd;
}

li.rss {
text-align:center;
}
.wp-tag-cloud li {
display: inline;
}
#respond {
padding-left: 1em;
}
.sponsor {
text-align: center;
background: #fff;
margin: 5px 0;
border: 1px solid #ddd;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.sponsor h4 {
font-size: 1.5em;
padding: 5px 0;
}
.sponsor h4 a {
color: #000;
}
.sponsor .slogan {
text-align: left;
margin: 0 20px;
font-size: .9em;
font-style: italic;
}
.subscription-manager h2 {
padding: 0;
margin: 0 0 10px 0;
}
.subscription-manager fieldset {
border: none;
}
.subscription-manager legend {
font-weight: 700;
}