/*   
Theme Name: Quilted
Theme URI: www.craig-russell.co.uk
Description: A Flowery Quilted Theme
Author: Craig Russell
Author URI: www.craig-russell.co.uk
.
Released under GPL
Inspired by one of my girlfriends handbags.
.
*/

/*-Page Layout Elements-------------------------------------------------*/

* {margin: 0; padding: 0;}
body {text-align: center; background:#CCCC99 url("images/header.gif") repeat-x top center; font: 85% "Arial", "Helvetica", sans-serif;}
#wrapper {width: 800px; margin: auto;}
#header {height: 200px; padding: 0 20px;}
#content {}
#main {float: right; width: 600px; text-align: left; background-color: white;}
#sidebar {float: left; width: 180px; text-align: right; padding: 20px 0 0 20px;}
#footer {clear: both; color: #777; text-align: right; font-size: 0.7em; padding: 10px 0;}

/*-Header---------------------------------------------------------------*/

.description {font-weight: bold; color: #ccc;} /* Blog Description */

/*-Main-----------------------------------------------------------------*/

#main p {line-height: 1.5em; padding: 5px 0;} /* Post Paragraphs */
#main-top {height: 5px; background: url("images/main-top.gif") no-repeat; overflow: hidden; margin-bottom: 15px;}
#main-bot {height: 5px; background: white url("images/main-bot.gif") no-repeat; overflow: hidden; margin-top: 15px; clear: both;}
.navigation {padding: 0 10px;}
.alignleft {float: left;}
.alignright {float: right;}

/*-Post-----------------------------------------------------------------*/

.post {padding: 0 10px;}
.post_title {border: 0 solid #807940; border-bottom-width: 1px;}
.post_tag {font-size: 0.7em; color: #999;} /* Post date, time, categories etc */
.post_content {padding: 10px 10px 20px 10px; }

/*-Comments-------------------------------------------------------------*/

#comments { margin: 0 10px;}
.commentlist {list-style: none;} /* Comments List */
.commentlist li {} /* Comments List Items */
.comment_author {border: 0 solid #ccc; border-bottom-width: 1px;}
.comment_text {}
.odd {} /* Odd numbered comments */
.no_comments {} /* No comments message Div */
.comments_meta {font-size: 0.7em; color: #999;} /* Comment Trackback and Feed */
.comments_form {} /* Comment Response Form */
.respond {display: inline;}

/*-Sidebar--------------------------------------------------------------*/

#sidebar #sidelist {}
#sidebar a {color: #666633;}
#sidebar a:hover {color: #333333;}
#sidebar ul {list-style: none;} /* Lists used in Sidebar structure */
#sidebar li {list-style: none; margin-top: 10px;} /* Lists used in Sidebar structure */
#sidebar ul ul {} /* Lists uses in Sidebar content */
#sidebar li li {padding: 0 10px; margin: 0; font-size: 0.8em;} /* Lists uses in Sidebar content */
#sidebar .h2-top {background: #333 url("images/h2-top.gif") no-repeat; height: 5px; overflow: hidden;}
#sidebar #h2-top-1 {background: #333 url("images/h2-top-1.gif") no-repeat;}
#sidebar .h2-bot {background: #333 url("images/h2-bot.gif") no-repeat; height: 5px; overflow: hidden;}
#sidebar #h2-bot-1 {background: #333 url("images/h2-bot-1.gif") no-repeat;}
#searchform {text-align: center; background-color: #999;}
#searchfield {width: 90px;}
#searchbutton {width: 80px;}

/*-Headers--------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {font-weight: normal; font-family: "Trebuchet MS", Verdana, Futura, Arial, Helvetica, sans-serif;}
h1 {font-size:3.2em; padding-top: 20px;} /* Blog Header */
h1 a {color: white;} /* Blog Header */
h1 a:hover {color: #FFFF80;}
h2 {font-size:1.4em; color: #444444;} /* Sidebar Titles */
#sidebar h2 {background-color: #333;  color: #ccc; padding: 0 10px;}
h3 {font-size:2.0em;} /* Post Titles */
#main h3 a {color: black;}
h4 {font-size:1.4em;} /*  */
h5 {font-size:1.2em;} /*  */
h6 {font-size:1.0em;} /*  */

/*-Lists----------------------------------------------------------------*/

#main ol {}
#main ul {}
#main li {margin-left: 20px;}

/*-Links----------------------------------------------------------------*/

a {text-decoration: none; color: #807940;}
a img {border-width: 0;}
a:link {}
a:hover {text-decoration: underline; color:#333333;}
a:visited {}
a:focus {}

/*-Form Elements--------------------------------------------------------*/

input,
textarea {border: 1px solid #666;}