/*

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/

Last updated: 2009-05-27



Header image artwork “An Unexpected Morning Visit” by Ted Nasmith (© Harper Collins and Ted Nasmith). 

*/



/* 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: oblique 1em serif;

	padding-left: 22px;

	padding-right: 22px;

}



blockquote p {padding: 6px;}



/* misc */

.clearer {clear: both;}



.left {float: left;}



.right {float: right;}



img.left {margin: 0 18px 6px 0;}

img  {border-style: none;}

img.alignright {float:right; margin:0 0 1em 1em}

img.alignleft {float:left; margin:0 1em 1em 0}

img.aligncenter {display: block; margin-left: auto; margin-right: auto}

a img.alignright {float:right; margin:0 0 1em 1em}

a img.alignleft {float:left; margin:0 1em 1em 0}

a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.clearer {

clear: both:

}



.divider {

	background: url(img/divider.gif) no-repeat;

	height: 20px;

	margin: 24px 0;

}

#searchform {

	margin: 10px auto;

	padding: 5px 3px;

	text-align: center;

	}



#searchform #s {

	width: 108px;

	padding: 2px;

	}



#searchsubmit {

	padding: 1px;

	}



/* 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;

        width: 633px;

}



/* navigation */

.navigation {

margin: 0 24px;

text-align: center;

	margin: 0 16px;

	text-decoration: none;

}



.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 {display: inline;}

.navigation li {float: left; list-style: none;}





/* 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 .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;

}

.post ol li {margin-left:40px;}



ol.left {margin: 5px 10px 5px 5px;

align: left;

}



/* 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-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 */

.odd{

border: groove 2px #56644A;

padding:5px 5px 5px 5px;

width: 450px;

text-align: left;

margin-bottom: 10px;

margin-top: 10px;

background: url(img/commentback.jpg);

}

#commentlist li {

margin-bottom: 1.5em;

padding-bottom: 1em;

border-bottom: 1px solid #700000;

}

#commentlist ul {

margin-bottom: 1.5em;

padding-bottom: 1em;

border-bottom: 1px solid #700000;

}

#commentlist p {

margin-left: 15px;

}



#commentform {

margin: 1em;

background: #eaecd1;

width: 450px;

border: groove 2px #56644A;

background: url(img/commentback.jpg);

text-align: center;



}



#commentform textarea {

background: #f8f7f6;

border: 1px solid #d6d3d3;

width: 420px;

}

#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;

}



hnav {

align: center;

display: inline;

list-style: none;

}

#respond,{

	text-align: center;

}

.children .odd, .alt     { margin-left: -15px; width: 500px; float: right; border-left: 2px solid #000; align: right    }

.children .even, .alt   { margin-left: -15px; width: 500px; float: right; border-left: 2px solid #000; align: right    }