/*#############################################################

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: #36C;}



a:hover {color: #06F;}



body {

	background: #4E5D3C url(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(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;}



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



.divider {

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

	height: 20px;

	margin: 24px 0;

}



/* structure */

.container {

	background: url(bgcontainer.jpg) repeat-y center top;

	margin: 0 auto;

	width: 736px;

}



.gfx {

	background: url(gfx.jpg) no-repeat;

	float: left;

	height: 140px;

	margin-top: 12px;

	width: 52px;

}



.top {

	background: url(bgcontent.gif) no-repeat 0 -4%;

	float: left;

	text-align: center;

	width: 632px;

}



.header {

	background: #56644A url(header3.jpg) no-repeat;

	color: #FFC;

	font-size: 1.4em;
  
	height: 232px;

	padding-right: 270px;

}



.header h1 {

	font: normal 3.2em "Monotype Corsiva",sans-serif;

	padding: 62px 0 34px 0;

}



.pattern {

	background: #334127 url(pattern.gif) repeat-x;

	clear: both;

	height: 12px;

}



/* navigation */

.navigation {margin: 0 24px;}



.navigation a {

	color: #000000;

	font: normal 1.2em serif;

	line-height: 25px;

	margin: 0 16px;

	text-decoration: none;

}

.navigation a:hover,.navigation #selected {

	color: #2C3111;

}



/* content */

.content {

	background: url(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: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;

}



/* footer */

.footer {

	background: url(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;

}