/*
Theme Name: The Hobbit
Theme URI: http://templates.arcsin.se/
Version: 1.0
Description: A fantasy styled theme based on <a href="http://templates.arcsin.se/the-hobbit-website-template/">The Hobbit website template</a>.
Author: Viktor Persson
Author URI: http://arcsin.se/

This theme is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/
/* standard elements */
* {margin: 0; padding: 0;}
a {color: #36C;}
a:hover {color: #06F;}
body {
  background: #4E5D3C url(img/bg.jpg);
  color: #444;
  font: normal 62.5% "Lucida Sans Unicode", sans-serif;
  margin: 0;
}
p, blockquote, ul {margin-bottom: 1.2em;}
h1 {font: normal 1.6em serif;}
h2 {font: bold 1em Verdana, serif; margin: 3px 0 1px;}
ul {margin-left: 1.8em;}
blockquote {
  background: url(img/quote.gif) no-repeat;
  color: #555;
  font: normal 1.4em serif;
  padding-left: 22px;
}
blockquote p {padding: 6px;}
/* misc */
.clearer {clear: both;}
img.aligncenter { text-align: center; }
.left {float: left;}
.right {float: right;}
img.left {margin: 0 18px 6px 0;}
.divider {
  background: url(img/divider.gif) no-repeat;
  height: 20px;
  margin: 24px 0;
}
/* structure */
.container {
  background: url(img/bgcontainer.jpg) repeat-y center top;
  margin: 0 auto;
  width: 736px;
}
.gfx {
  float: left;
  height: 140px;
  margin-top: 12px;
  width: 52px;
}
.top {
  background: url(img/bgcontent.gif) no-repeat 0 -4%;
  float: left;
  text-align: left;
  width: 632px;
}
.header {
  background: #56644A url(img/header.jpg) no-repeat;
  color: #FFC;
  font-size: 1.4em;
  height: 232px;
  padding-right: 270px;
}
.headerText {
font-family:serif,sans-serif;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:142px 0 34px 195px;
text-align:center;
width:15em;
}
.header h1 {font: normal 3.2em serif, sans-serif; padding: 62px 0 34px 10px;}
.header p { padding-left: 10px; }
.pattern {
  background: #334127 url(img/pattern.gif) repeat-x;
  clear: both;
  height: 12px;
}
/* navigation */
.navigation {margin: 10px 35px 5px;}
.navigation a {
  color: #565a41;
  font: normal 1.6em serif;
  line-height: 25px;
  margin: 0 0 2px;
  padding: 3px 8px;
  text-decoration: none;
  display: inline;
  background-color: #b8c5a0;
}
.navigation a:hover,.navigation #selected {color: #2C3111; background-color: #a3b384; }
.navigation ul {display: block; margin-bottom: 0; }
.navigation ul ul { margin-left: 35px; }
.navigation li { list-style: none;  margin: 0 2px; line-height: 30px; width: auto; display: inline; }
.navigation li.current_page_item a { color: #e9e8ea; background-color: #a3b384; cursor: default; }
/* content */
.content {
  background: url(img/bgcontent.gif) no-repeat;
  clear: both;
  font-size: 1.3em;
  margin: 0 52px;
  padding: 0 38px 12px;
}
.content .spacer {height: 42px;}
/* content item */
.item {clear: both;}
.item img {border: none; /* 1px dashed #8A6; */}
.item .title {color: #445044; font: normal 2em serif;}
.item .title a{color: #445044; text-decoration: none;}
.item .title a:hover{color: #445044; text-decoration: none;}
.item .title a:visited{color: #445044; text-decoration: none;}
.item .title:first-letter {display: block; float: left; font-size: 2.4em;}
.item .metadata {
  color: #666;
  font-size: 0.9em;
  float: left;
  padding: 0 0 6px 4px;
}
.item .body {clear: both;}
.body a {color: #445044;}
.content a {color: #445044;}
.content p a { color: #808000; text-decoration: underline; font-weight: bold; }
.content p a:hover { text-decoration: none; }
/* footer */
.footer {
  background: url(img/bgfooter.gif) no-repeat;
  color: #666;
  font-size: 1.1em;
  line-height: 41px;
  margin: 0 auto;
  text-align: center;
  width: 632px;
}
.footer .left {padding-left: 40px;}
.footer .right {padding-right: 40px;}
.footer a {color: #666; text-decoration: none;}
.footer a:hover,.footer .right a:hover {
  color: #333;
  text-decoration: underline;
}
.footer .right, .footer .right a {color: #ACAF9B;}
.item{margin: 0 0 25px 0;}
.item .info{
  padding: 2px 3px 3px 8px;
  background: #eaecd1;
  font-size: 0.9em;
  color: #505050;
}
.item .info a{text-decoration: none; color: #445044;}
.item .info a:hover{text-decoration: none; color: #445044;}
.item .info a:visited{
  text-decoration: none;
  color: #445044;
}
/* Comments Styling */
#commentlist li {
  margin-bottom: 1.5em;
  padding-bottom: 1em;
  border-bottom: 1px solid #700000;
}
#commentform {margin: 1em 0; background: #eaecd1; width: 280px;}
#commentform textarea {
  background: #f8f7f6;
  border: 1px solid #d6d3d3;
  width: 280px;
}
#commentform textarea:hover {background: #FFFFFF; border: 1px solid #d6d3d3;}
#commentform textarea:focus {background: #ffffff; border: 1px solid #939793;}
#commentform #email, #commentform #author, #commentform #url {
  font-size: 1.1em;
  background: #f8f7f6;
  border: 1px solid #d6d3d3;
  width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
  font-size: 1.1em;
  background: #ffffff;
  border: 1px solid #d6d3d3;
  width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
  font-size: 1.1em;
  background: #ffffff;
  border: 1px solid #939793;
  width: 280px;
}
#commentform input{margin-bottom: 3px;}

#flashcontent { margin: 0 0 6px  120px; }