/*  































Theme Name: The Hobbit















Theme URI: http://rock-kitty.net















Description: Very nice theme dedicated to J.R.R. Tolkien's "The Hobbit" story. The theme is widget and Adsense ready. This theme is a linkware, so please, make sure you agree to my <a href="http://rock-kitty.net/graphics/wordpress-themes/tos/" target="_blank">Terms Of Use</a>.















Author: Kate















Author URI: http://rock-kitty.net































*/

	
/*































IMPORTANT NOTICE, PLEASE READ! 















































ANY CHANGES YOU MAKE CAN MISALIGN THE WHOLE THEME!















IF YOU DECIDE TO MAKE ANY CHANGES, YOU MAKE THEM AT YOUR OWN RISK!















I WILL NOT OFFER ANY SUPPORT!































*/
body {
	background:url(images/background.jpg);
	background-position:center top;
	background-repeat:repeat;
	background-attachment:fixed;
	margin-top:0;
	margin-bottom:0;
	padding:0;
	font:8pt Verdana, arial;
}

#wrapper {
	width:800px;
	height:100%;
	margin:0 auto;
}

#bg {
	float:left;
	width:800px;
	height:100%;
	background:url(images/background.gif);
	background-repeat:no-repeat;
}


	
/* HEADER */
#header {
	width:766px;
	height:0;
}


	
/* TOP NAVIGATION */
#navbar {
	margin-top:0;
	width:766px;
}

.menu * {
	padding:0;
	margin:0;
}

.menu {
	width:766px;
	padding:0;
	margin:0;
}

.menu ul {
	margin:0;
	position:relative;
	list-style:none;
	list-style-type:none;
	padding-right:20px;
}

.menu ul li {
	float:right;
	display:inline;
	padding-top:0;
	padding-right:10px;
	list-style:none;
}

.menu li a {
	float:left;
	display:inline;
	font:bold 12pt Verdana, arial;
	text-align:center;
	margin:0 12px;
	text-decoration:none;
	text-transform:uppercase;
	color:#0066CC;
}

.menu li.current_page_item a {
	color:#0066CC;
}

.menu li a:hover {
	text-decoration:none;
	color:#0066CC;
}


	
/* BLOG NAME PROPERTIES */
h1 {
	color:white;
	font:bold 2.3em Verdana, serif;
	text-align:left;
	clear:both;
	margin:0;
	padding-top:0;
	padding-left:0;
}

a.mainlink {
	color:red;
	text-decoration:none;
}

a.mainlink:hover {
	color:aqua;
	text-decoration:none;
}

#description {
	clear:both;
	padding-top:0;
	padding-left:43px;
	font:1.1em Verdana, serif;
	color:#000000;
}


	
/* SIDEBAR */
#mainnav {
	float:right;
	width:150px;
	margin-top:10px;
	padding-right:20px;
}

.nav h2 {
	color:black;
	font:bold 11pt Verdana, arial;
	clear:both;
	margin-top:15px;
	padding:7px 0;
}

.nav * {
	padding:0;
	margin:0;
}

.nav li {
	list-style:none;
}

.nav li a {
	display:block;
	padding:7px 0;
	width:176px;
	background:url(images/link.gif) 0 12px no-repeat;
	border-bottom:1px dashed #0099CC;
	font:8pt Verdana, arial;
	text-indent:10px;
	text-decoration:none;
	text-transform:capitalize;
	color:#003399;
}

.nav li a:hover {
	color:#660000;
}


	
/* MAIN PROPERTIES */
#main {
	color:#000000;
	font:16px verdana, serif;
	text-align:justify;
	float:left;
	margin-top:10px;
	padding-left:20px;
	width:565px;
}

.ad {
	padding-top:20px;
	padding-bottom:20px;
}

h1 {
	clear:both;
	margin:0;
	text-align:left;
	padding-top:0;
	padding-left:0;
	font:bold 1.3em Verdana, serif;
	color:#000000;
}

h2 {
	color:black;
	font:bold 1.3em Verdana, serif;
	text-align:left;
	clear:both;
	margin:0 0 -10px;
	padding-top:0;
	padding-left:0;
}

h3 {
	color:black;
	font:bold 1.1em Verdana, serif;
	text-align:left;
	clear:both;
	margin:0 0 -15px;
	padding-top:0;
	padding-left:0;
}

h4 {
	color:black;
	font:bold 1em Verdana, serif;
	text-align:left;
	clear:both;
	margin:0;
	padding-top:0;
	padding-left:0;
}

h6 {
	padding:1px 0 5px;
	margin:3px 0;
	font:bold 14pt "Lucida Sans", arial;
	letter-spacing:-1px;
	text-align:left;
	margin-bottom:14px;
	color:#000000;
}

a.link {
	margin-top:20px;
	text-decoration:none;
	color:#FF0000;
}

a.link:hover {
	color:aqua;
	text-decoration:none;
}

.reply {
	clear:both;
	padding:1px 0 5px 32px;
	margin-top:20px;
	font:bold 14pt "Lucida Sans", arial;
	background:url(images/h3.jpg) top left no-repeat;
	letter-spacing:-1px;
	text-align:left;
	margin-bottom:14px;
	color:#000000;
}

blockquote {
	padding-left:7px;
	padding-right:5px;
	font-size:8pt;
	background-color:#D4D3BF;
	border-left:3px solid #9B9842;
	color:#000000;
}

.clear {
	clear:both;
}


	
/* AUTHOR TEXT */
h5 {
	color:white;
	font:7pt Verdana, arial;
	margin-top:-10px;
}

h5 strong {
	color:white;
}

.entries {
	clear:both;
	height:25px;
	padding:0;
	margin-top:35px;
	margin-bottom:20px;
}

.entries a {
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
}

.entries a:hover {
	text-decoration:none;
	color:#000000;
}

.left {
	float:left;
}

.right {
	float:right;
}


	
/* COMMENTS */
.com {
	clear:both;
	text-align:right;
	height:18px;
	border-bottom:1px solid #ADB67B;
	padding-right:10px;
	margin-bottom:20px;
	color:#000000;
}

.com a {
	text-decoration:none;
	color:#FF0000;
}

.com a:hover {
	text-decoration:none;
	color:#000000;
}

.author {
	padding:7px 0 0 10px;
	font:bold 10pt Times New Roman, arial;
	color:#000000;
}

.author a {
	color:#FF0000;
}

.alt {
	background-color:#F0FFFF;
}

.comment {
	padding:0 10px;
}

.userinfo {
	padding:0 10px 10px 0;
	text-align:right;
}


	
/* INPUT PROPERTIES */
#search {
	margin-top:10px;
	margin-bottom:30px;
}

.searchform {
	background-color:#E8E7DC;
	border:1px solid #98927C;
	font-weight:bold;
	padding-left:6px;
	color:#98927C;
}

.field {
	background-color:#E8E7DC;
	border:1px solid #98927C;
	color:#98927C;
}

.comments {
	background-color:#E8E7DC;
	border:1px solid #98927C;
	color:#98927C;
}

.button {
	font-weight:bold;
	background-color:#E8E7DC;
	border:1px solid #98927C;
	color:#98927C;
}

* html .button {
	height:20px;
}


	
/* IMAGE STYLE */
img {
	/*float:left;*/
	padding-right:0;
	border:0;
}

.wp-smiley {
	float:none;
}

hr {
	margin-top:20px;
	margin-bottom:20px;
	style:noshade;
	color:#000000;
}


	
/* GENERAL LINK STYLE */
a {
	text-decoration:none;
	color:#FF0000;
}

a:hover {
	color:aqua;
	text-decoration:underline;
}


	
/* FOOTER */
#footer {
	clear:both;
	background:url(images/footer1.jpg);
	width:800px;
	height:97px;
	margin-bottom:0;
	font-size:0;
	color:#000000;
}

#footer a {
	font-size:0;
	text-align:left;
	text-decoration:none;
	color:#000000;
}

#footer a:hover {
	text-decoration:none;
	color:#000000;
}