body {
  margin:0;
  padding:0;
  font-family:Trebuchet MS,Helvetica,sans-serif;
  font-size:95%;
  background:#ccc9cc url(/templates/runcible_spoon/images/sidebar-bg.png) repeat-y 50% 0;
  height:100%;
  width:100%;
}

h1 {
  font-size:1.2em;
}

h2 {
  font-size:1.1em;
}

h3 {
  font-size:1em;
}

a {
  color:#665f64;
}

.sized {
  width:1024px;
  margin:0 auto;
}

div#header {
  width:100%;
  height:250px;
  background:transparent url(/templates/runcible_spoon/images/header-bg.png) repeat-x;
  position:relative;
}

h1#title {
  position:relative;
  top:200px;
  font-size:0;
  padding-top:36px;
  overflow:hidden;
  height:0;
  background:transparent url(/templates/runcible_spoon/images/title.png) no-repeat;
  z-index:1;
}

ul#navigation {
  position:relative;
  top:-36px;
  height:250px;
  padding:0;
  display:block;
  list-style:none none inside;
  background:transparent url(/templates/runcible_spoon/images/banner.jpg) no-repeat 154px 0;
}

ul#navigation li {
  position:absolute;
  height:45px;
  display:block;
  overflow:hidden;
  top:5px;
}

ul#navigation a {
  display:block;
  overflow:hidden;
  padding-top:45px;
  background-position:50%;
  background-repeat:no-repeat;
}

li#nav-home {
  width:81px;
  right:330px;
}

li#nav-home a {
  background-image:url(/templates/runcible_spoon/images/home.png);
}

li#nav-home a:hover {
  background-image:url(/templates/runcible_spoon/images/home-hover.png);
}

li#nav-archives {
  width:116px;
  right:189px;
}

li#nav-archives a {
  background-image:url(/templates/runcible_spoon/images/archives.png);
}

li#nav-archives a:hover {
  background-image:url(/templates/runcible_spoon/images/archives-hover.png);
}

li#nav-feed {
  width:68px;
  right:83px;
}

li#nav-feed a {
  background-image:url(/templates/runcible_spoon/images/feed.png);
}

li#nav-feed a:hover {
  background-image:url(/templates/runcible_spoon/images/feed-hover.png);
}

div#content {
  width:680px;
  padding:10px;
  float:left;
  line-height:1.2em;
}

div.article h2 {
  margin:.5em 0;
}

div.article p.description {
  margin:0;
  font-style:italic;
}

div.image {
  padding:5px;
  margin:0 auto;
}

.left { float:left; }
.right { float:right; }

div.article-footer {
  text-align:center;
  margin:0 5em 1em;
  padding-bottom:1em;
  border-bottom:1px solid #665f64;
}

div#content div.article p.article_desc {
  clear:both;
  font-weight:bold;
  color:#888;
  margin:1em 1em 0;
}

form#comments h2,
div#navigation h2 {
  font-size:1.1em;
  color:#220d50;
  margin:0;
  padding:0;
}

form#comments {
  background:#ddd;
  padding:.5em;
  margin:.5em;
}

p.smallnote {
  font-size:smaller;
}

#comments label {
  width:12%;
  float:left;
}

#comments textarea {
  width:75%;
  height:10em;
}

div.comment {
  margin:.5em;
  padding:.5em .5em 0;
  background:#ddd;
}

p.commentinfo {
  background:#c5b1aa;
  text-align:right;
  padding:2px;
  margin:0 -.5em;
}

div.archive div.archive-group {
  width:45%;
  padding:0 5px;
  margin:0 5px;
  float:left;
  background:#eee;
}

div#year_2006 {
}

.archive-group h2 {
  background:#c5b1aa;
  text-align:center;
  margin:0 -5px;
  padding:5px;
}

.archive-group .article-footer {
  text-align:left !important;
  margin:0;
}

div#sidebar {
  width:304px;
  float:left;
  padding:10px;
}

div#sidebar h2 {
  height:0;
  padding-top:30px;
  overflow:hidden;
  background-repeat:no-repeat;
  background-position:0 50%;
}

div#sidebar h2#about {
  background-image:url(/templates/runcible_spoon/images/about.png);
}

div#sidebar h2#projects {
  background-image:url(/templates/runcible_spoon/images/projects.png);
}

div#sidebar h2#previous {
  background-image:url(/templates/runcible_spoon/images/previously.png);
}

div#sidebar h2#blogroll {
  background-image:url(/templates/runcible_spoon/images/blogroll.png);
}

div#sidebar .navigation-section {
  margin:0 2em;
  padding:0;
}

/* Ravelry Styles */

.rav_project {
  width:200px;
  margin:0 auto;
  padding-bottom:2em;
  clear:both;
}
          
.rav_project a.rav_title {
  font-size: .9em;
  margin:1em 0 0;
}
          
.rav_project .rav_progress_text {
position: relative;
text-align: center;
}

.rav_project .rav_progress_bar_wrapper {
  border: 1px solid #eee;
  margin-top: 2px;
} 
        
.rav_project .rav_progress_bar { 
  position: relative;
  padding: 1px;
  border-left: 1px solid #aaa;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background-color: #eee;
}
        
.rav_project .rav_progress_bar .rav_progress_filled { 
  position: absolute;
  background-color:#665f64 !important;
}

.rav_project .rav_photo_link {
margin-bottom: 5px;
display: block;
width: 77px;
height: 77px;
margin-left: 1px;
margin-top: 5px;
border: 1px solid #cccccc;
}
          
.rav_project .rav_photo_link img {
width: 75px;
height: 75px;
border: 1px solid #ffffff;
}
          
.rav_project_with_photos {
margin-bottom: 20px;
}

div#footer {
  clear:both;
  text-indent:20px;
  margin-bottom:1em;
}


