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


/* standard elements */
* {
	margin: 0;
	padding: 0;
}

a {color: #6C7151; outline: none;}
a:hover {color: #06F;}

body {
	background: #4E5D3C url('http://www.lotrfanatic.com/blog/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 {
	color: #555;
	font: normal 1.4em serif;
	padding-left: 22px;
}

blockquote p { display: inline; }
blockquote:before { content: open-quote; color: #838B66; font: bold 1.8em serif; }
blockquote:after { content: close-quote; color: #838B66; font: bold 1.8em serif; }

/* misc */
.clearer {clear: both;}

.left {float: left;}

.right {float: right;}

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

.divider {
	background: url('http://www.lotrfanatic.com/blog/img/divider.gif') no-repeat;
	height: 20px;
	margin: 24px 0;
}

/* structure */
.container {
	background: url('http://www.lotrfanatic.com/blog/img/bgcontainer.jpg') repeat-y center top;
	margin: 0 auto;
	width: 926px;
}

.gfx {
	background: url('http://www.lotrfanatic.com/blog/img/gfx.jpg') no-repeat;
	float: left;
	height: 140px;
	margin-top: 12px;
	width: 52px;
}

.top {
	background: url('http://www.lotrfanatic.com/blog/img/bgtop.gif') no-repeat 0 -4%;
	float: left;
	text-align: center;
	width: 822px;
}

.header {
	background: #56644A url('http://www.lotrfanatic.com/blog/img/header.jpg') no-repeat;
	color: #FFC;
	font-size: 1.4em;
	height: 210px;
	padding-right: 255px;
}

.header h1 {
	font: normal 3.2em serif,sans-serif;
	padding: 50px 0 30px 0;
}

.pattern {
	background: #334127 url('http://www.lotrfanatic.com/blog/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;
	text-decoration: underline;
}

/* left sidebar */
.leftbar {
	background: url('http://www.lotrfanatic.com/blog/img/bgleftsidefoot.gif') no-repeat bottom;
	border-right: #838B66 1px solid;
	width: 180px;
	top: 284px;
	margin-left: 52px;
	padding: 0 0 15px 10px;
	position: absolute;
	//z-index: 3;
}

.leftbar h1 { color: #445044; font: normal 1.8em serif; margin-top: 15px; margin-bottom: 3px; }
.leftbar h1:first-letter { display: block; float: left; font-size: 2em; }
.leftbar ul { margin-left: 34px; padding-right: 3px; list-style-type: square; }
.leftbar p { padding: 0 3px 0 22px; margin-bottom: 5px; }

/* left sidebar quote info */
.leftbar blockquote { padding-right: 5px; font: normal 1.2em serif; }
.leftbar blockquote p { padding: 0 0 0 0; }
.leftbar blockquote:before { content: open-quote; color: #838B66; font-weight: bold; }
.leftbar blockquote:after { content: none; }
.leftbar .quotee { text-align: right; margin-top: -10px; padding-right: 5px; font: normal 1.2em serif; }

/* content */
.content {
	background: url('http://www.lotrfanatic.com/blog/img/bgcontent.gif') no-repeat;
	clear: both;
	font-size: 1.2em;
	margin: 0 52px;
	margin-left: 242px;
	padding: 0 38px 12px;
}

.spacer {
	height: 42px;
}

.wide-content {
	background: url('http://www.lotrfanatic.com/blog/img/bgwidecontent.gif') no-repeat;
	clear: both;
	font-size: 1.2em;
	margin: 0 52px;
	margin-left: 52px;
	padding: 0 38px 12px;
}

/* content item */
.item {clear: both;}

.item img {border: 1px dashed #8A6;}

.item .title {
	color: #445044;
	font: normal 2em serif;
}

.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;
}

/* comments */
.item .commentLink {
	text-align: right;
}

.commentHeading {
	padding: 10px;
}

.commentPosted {
	color: #666;
	font-size: 0.9em;
	text-align: right;
	padding-right: 15px;
}

.commentSeparator {
	margin: 10px 80px 10px 80px;
	border-bottom: #838B66 1px solid;
}


#big_changesComments {
	border: #838B66 1px solid;
	display: none;
}

#big_changesComments p {
	margin: 0 15px 0 15px;
}


#IndividualComments {
	border: #838B66 1px solid;
}

#IndividualComments p {
	margin: 0 15px 0 15px;
}

#comments-form {
	padding: 15px;
}

/* footer */

.footer {
	background: url('http://www.lotrfanatic.com/blog/img/bgfooter.gif') no-repeat;
	background-position:bottom left;
	color: #666;
	font-size: 1.1em;
	line-height: 41px; 
	//padding-top: 100px;
	margin: 0 auto;
	text-align: center;
	width: 822px;
}

.footer a {
	color: #666;
	text-decoration: none;
}

.footer a:hover {
	color: #333;
	text-decoration: underline;
}

/* Gallery-Specific Styles */
.galleryNavLinks a {
	display: list-item;
	margin-left: 15px;
	list-style-type: none;
}

.gallerySearch {
	margin-left: 15px;
}

.gallerySideDiv {
	border-top: #838B66 1px solid;
	margin: 10px 10px 10px 0;
}

.galleryPageNum {
	margin-bottom: -18px;
	margin-left: 3px;
}

.galleryDisplayMode {
	border: #838B66 1px solid;
	text-align: right;
	padding: 1px 3px 2px 0;
}

.galleryPicDescription {
	border: #838B66 1px solid;
	text-align: left;
	margin: 3px 0 3px 10px;
	width: 170px;
}

.galleryPicDescription p {
	padding: 0 3px 2px 3px;
	margin: 0px;
}

.galleryPicInfo {
	font-size: .8em;
	font-weight: bold;
	text-align: left;
	margin-left: 3px;
}

.galleryPicSizes {
	font-size: .8em;
	font-weight: bold;
	float: right;
	margin-top: -25px;
}

.gbDataTable {
	border: #838B66 1px solid;
}

.gbEven {

}

.gbOdd {

}

.giSuccess {
	color: #006633;
	text-align: center;
}

.giError {
	color: #660033;
	text-align: center;
}

.gcBackground1 h2 {
	color: #445044;
	font: normal 2em serif;
	margin-bottom: 15px;
}

.gcBackground1 h2:first-letter {
	display: block;
	float: left;
	font-size: 2.4em;
}

.gbBlock h3 {
	margin-top: 5px;
	margin-bottom: 5px;
}