/*Creator Credits
Name: The Hobbit
Date: 2006-10-11
Description: Submission for OWD template contest "Favourite Book".
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
*/

/*Porter Credits
Theme Name: The Hobbit
Theme URI: http://www.kaushalsheth.com
Version: 1.0
Description: Theme based on a template developed by Arcsin for OWD Contest
Author: Kaushal Sheth
Author URI: http://www.kauhsalsheth.com
*/

/* 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;}
h5 {font: normal 80% "Lucida Sans Unicode",sans-serif;}
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;}
.left {float: left;}
.right {float: right;}
.center {text-align: center;}
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 {background: url(img/gfx.jpg) no-repeat; float: left; height: 140px; margin-top: 12px; width: 52px;}
.top {background: url(img/bgcontent.gif) no-repeat 0 -4%; float: left; text-align: center; width: 632px;}
.header {background: #56644A url(img/header.jpg) no-repeat; color: #FFC; font-size: 1.4em; height: 232px; padding-right: 270px;}
.header h1 {font: normal 3.2em serif,sans-serif; padding: 62px 0 34px 0;}
.pattern {background: #334127 url(img/pattern.gif) repeat-x; clear: both; height: 12px;}

/* navigation */
.navigation {margin: 0 24px;}
.navigation a {color: #6C7151; font: normal 1.9em serif; line-height: 50px; margin: 0 16px; text-decoration: none;}
.navigation a:hover,.navigation #selected {color: #2C3111;}
.navigation ul {list-style: none; list-style-type: none; margin: 0 0px 0 0;}
.navigation ul li {display: inline;}

/* content */
.content {background: url(img/bgcontent.gif) no-repeat; clear: both; font-size: 1.2em; margin: 0 52px; padding: 0 38px 12px;}
.content .spacer {height: 42px;}

/* content item */
.item {clear: both;}
.item img {border: 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;}

/* 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 a {color: #666; text-decoration: none;}
.footer a:hover {color: #333; text-decoration: underline;}
.item {margin:0 0 25px 0;}
.item .info {padding:2px 3px 3px 8px; background-color:#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: #FFF; border: 1px solid #D6D3D3;}
#commentform textarea:focus {background: #FFF; 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: #FFF; border: 1px solid #D6D3D3; width: 280px;}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {font-size: 1.1em; background: #FFF; border: 1px solid #939793; width: 280px;}
#commentform input{margin-bottom: 3px;}