/*  
Theme Name: spitkitten
Theme URI: 
Description: A simple, two column layout for spitkitten.com
Author: Chris Sumption
Author URI: http://www.chrissumption.com

*/

/* main styles */
body {background-color:#333333; margin:0; padding:0; font-family: Verdana, Geneva, sans-serif; color:#333333}
a:link, a:visited {color:#336699; text-decoration:none; font-weight:bold;}
a:hover, a:active {color:#333333; text-decoration:none;}
#page {background-position: left top;width: 900px;background-image: url(images/contentback.jpg);margin: 0 auto;background-color: #ffffff;background-repeat: repeat-y;}
#header {height:235px; width:900px; background:url(images/headerback.jpg) 0 0 no-repeat;}
#content {width: 500px; float:left; padding:0px 20px 0px 70px;}
#sidebar {width:220px; float:left; text-align:left;  padding:0px 70px 0px 20px;}
#advertise {text-align:left; padding: 40px 0px 0px 0px; }
#footer {clear:both; text-align:left; padding:10px 0 40px 70px; color:#333333; font-size:11px;}
#footer a:link, #footer a:visited {color:#336699; text-decoration:none;}
#footer a:hover, #footer a:active {color:#000; text-decoration:underline;}

/* header */
#header h1 {margin:0; color:#CCFFFF; padding:120px 0 0 270px; font-size:36px; font-weight:normal; text-transform:lowercase;}
.header {font-size:12px;}
#header a:link, #header a:visited, #header a:hover, #header a:active {color:#CCFFFF; text-decoration:none;}

/* posts... */
.announcement { text-align:left; font-size: 16px; }
.post {padding:0;}
.post h1 {font-size:24px;}
.post h2 {font-size:24px;}
.post h1, .post h2 {padding:0; margin-bottom:0;}
.post h1 a:link, .post h1 a:visited, .post h2 a:link, .post h2 a:visited {color:#333;}
.post h1 a:hover, .post h1 a:active, .post h2 a:hover, .post h2 a:active {color:#336699; }
.post small {font-size:11px; padding:0; margin-top:0; color:#999;}
.post blockquote {border-left:10px dotted #EEE; padding-left:10px; margin:0;}
.entry {font-size:14px; color:#333; line-height:18px; padding:0;}
.entry img {border:1px solid #CCC; padding:5px; margin:0 5px;}
img.wp-smiley {border:none;}
.postmetadata {font-size:11px; text-align:right; margin-bottom:30px; color:#333; clear:both; padding-top:10px;}
.more-link {font-style:italic;}

.post .entry h1 {font-size:18px; text-align:left; line-height:24px;}
.post .entry h2 {font-size:16px; text-align:left;}
.entry legend {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px;}
th, td {padding:5px;}
cite {font-family:Georgia, "Times New Roman", Times, serif;}
pre {overflow:scroll; padding:5px 10px; background-color:#EEE;}
.no-result {text-align:center; border-top:1px solid #CCC; border-bottom:1px solid #CCC; padding:10px 20px;font-size:14px;}

/* ...and comments */
#comments {text-align:center; font-size:16px; color:#333; padding-top:40px; }
#commentform {padding-left:20px; }
#commentform p {font-size:12px;}
.commentlist {font-size:11px; line-height:16px; padding:0 20px; }
.commentlist li {padding: 15px 5px; margin-top:10px;}
.commentlist cite {font-weight:bold;}
.commentlist li .avatar {float: right; border: 1px solid #eee; padding: 2px; background: #fff;}
#respond {font-size:14px; color:#333; text-align:center; padding-top:40px; }
.nocomments {text-align:center; padding:0 20px; font-size:11px; color:#999;}
.tags {border:1px solid #CCC; background-color:#EEE; padding:3px; margin-right:20px;}

/* sidebar */
#sidebar ul {margin:0; padding:0; list-style-type:none;}
#sidebar ul li ul { font-size:12px; margin:0 0 0 10px; padding:0;}
#sidebar ul li ul li {margin:0 0 0 10px; padding:0; line-height:14px;}
#sidebar ul li h2 {text-transform:lowercase; font-size:24px; color:#CCFFFF; padding-top:10px; font-weight:normal;}
#sidebar ul li h2 a:link, #sidebar ul li h2 a:visited {color:#CCFFFF; text-decoration:none;}
#sidebar ul li h2 a:active, #sidebar ul li h2 a:hover {color:#CCFFFF; text-decoration:none;}
#sidebar p, .textwidget {font-size:11px;}
#sidebar table {margin:0 auto; font-size:11px;}
#sidebar a {color:#333333; text-decoration:none; font-weight:normal;}


/* other */
.navigation {text-align:center; font-size:12px; margin:0 20px; padding:10px;}
#searchform {text-align:right; font-size:11px; color:#666;}
.libera {clear:both;}

/* align */
.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;}
.wp-caption img { margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}