/*  
Theme Name: Ruby Wren Blog
Theme URI: http://www.whoatemycrayons.com
Description: A simple, two columns theme.
Version: 1.0
Author: Who Ate My Crayons
Author URI: http://www.whoatemycrayons.com/
Tags: fixed-width, two-columns, left-sidebar

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* main styles */
body {color: #545454; background-color:transparent; margin:0; padding:0; font-family:"Tahoma", Arial, Helvetica, sans-serif; background-image: url(http://www.rubywren.com/shop/images/b03.gif); background-repeat: y-repeat; background-position: top center; font-size: 11px;}
a:link, a:visited {color:#BC5195; text-decoration:none;}
a:hover, a:active {color:#888888; text-decoration:underline;}
#page {width:707px; background:url(_images/bg.png) 0 0 repeat-y; margin:0 auto;}
#header {height:230px;background:url(_images/head.png) 0 0 no-repeat;}
#content {width: 460px; float:right; padding: 0px 20px 20px 20px;}
#sidebar {width:160px; float:left; text-align:left;  padding:20px 20px 20px 20px; background-image: url(http://www.rubywren.com/shop/images/m19.gif); background-repeat: repeat-y;}
#footer {clear:both; text-align:right; padding:20px 0 20px 0; color:#282e3e; font-family:tahoma; font-size:11px; background:url(images/_footer.png) bottom no-repeat; border-top: solid #cccccc 3px;}
#footer a:link, #footer a:visited {color:#282e3e; text-decoration:none;}
#footer a:hover, #footer a:active {color:#000; text-decoration:underline;}

/* header */
#header h1 {margin:0; color:#FFF; padding:45px 0 0 30px; font-size:18px; font-weight:normal;}
#header h2 {margin:0; color:#FFF; font-size:16px; padding:0 0 0 18px; font-weight:normal;}
#header a:link, #header a:visited, #header a:hover, #header a:active {color:#FFF; text-decoration:none;}

/* posts... */
.post {padding:0; border-bottom: solid #cccccc 1px;}
.post h1 {font-size:18px;}
.post h2 {font-size:18px;}
.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:#BC5195;}
.post h1 a:hover, .post h1 a:active, .post h2 a:hover, .post h2 a:active {color:#888888;}
.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:11px; color:#888888; line-height:18px; padding:0;}
.entry img {border:1px solid #CCC; padding:3px; 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:18px; 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;}
* html pre {padding:5px 10px; background-color:#EEE; width:500px;}
.no-result {text-align:center; border-top:1px solid #CCC; border-bottom:1px solid #CCC; padding:10px 20px;font-size:14px;}
.multipages {text-align:center; font-size:11px; color:#333;}

/* ...and comments */
#comments {text-align:center; font-size:16px; color:#333; padding-top:40px; }
#commentform {padding-left:20px; }
#commentform p {font-size:11px;}
.commentlist {font-size:11px; line-height:16px; padding:0 20px; }
.commentlist li {padding: 15px 5px; background:url(images/comm-box.png) 0 0 repeat-x; 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:11px; 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 {font-size:11px; border-bottom:1px solid #CCC; color:#7f7f7f; padding-top:10px;}
#sidebar ul li h2 a:link, #sidebar ul li h2 a:visited {color:#BC5195; text-decoration:none;}
#sidebar ul li h2 a:active, #sidebar ul li h2 a:hover {color:#888888; text-decoration:none;}
#sidebar p, .textwidget {font-size:11px;}
#sidebar table {margin:0 auto; font-size:11px;}

/* other */
.navigation {text-align:center; font-size:11px; 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 !important; margin-right: auto !important;}
.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;}

/* tables */
table {
    border-collapse: collapse;
}
th, td {
    padding: 0;
}