/*  



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/dreamflybkg.jpg);

background-position: center top;

background-repeat: repeat-x;



margin-top: 0px;

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) repeat-n;}



/* HEADER */



#header {

width: 800px;

background: url(images/header.jpg) no-repeat;

height: 0px;}



/* TOP NAVIGATION */



#navbar {

margin-top: 0;

width: 800px;}



.menu * {

padding: 0;

margin: 0;}



.menu {

width: 800px;

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: #6D674B;}



.menu li.current_page_item a {

color: #564B28;}



.menu li a:hover {

text-decoration: none;

color: #564B28;}



/* BLOG NAME PROPERTIES */



h1 {

clear: both;

margin: 0;

text-align: left;

padding-top: 0px;

padding-left: 0px;

font: bold 2.3em Verdana, serif;}



a.mainlink {

text-decoration: none;

color: #FFFFFF;}



a.mainlink:hover {

text-decoration: none;

color: #FFFFFF;}



#description {

clear: both;

padding-top: 0;

padding-left: 43px;

font: 1.1em Verdana, serif;

color: #ffffff;}



/* SIDEBAR */



#mainnav {

float: right;

width: 200px;

margin-top: 10px;

padding-right: 40px;}



.nav h2 {

clear: both;

background: url(images/leaves.jpg) left center no-repeat;

font: bold 12pt Verdana, arial;

text-indent: 24px;

margin-top: 15px;

padding: 5px 0;

color: #509B85;}



.nav * {

padding: 0;

margin: 0;}



.nav li {

list-style: none;}



.nav li a {

display: block;

padding: 7px 0;

width: 185px;

background:url(images/link.gif) 0 12px no-repeat;

border-bottom: 1px dashed #A39E6F;

font: 8pt Verdana, arial;

text-indent: 10px;

text-decoration: none;

text-transform: capitalize;

color: #444540;}



.nav li a:hover {

color: #6C7629;}



/* MAIN PROPERTIES */



#main {

float: left;

margin-top: 10px;

padding-left: 40px;

line-height: 16px;

text-align: justify;

font: 9pt verdana, serif;

width: 500px; 

color: #696969;}



.ad {

padding-top: 20px;

padding-bottom: 20px;}

h2{
color: #000000;
}

h3 {

padding: 1px 0 5px 32px;

margin: 3px 0;

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;}



a.link {

margin-top: 20px;

text-decoration: none;

color: #FF4500;}



a.link:hover {

text-decoration: none;

color: #FF6666;}



.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: #696969;}



blockquote {

padding-left: 7px;

padding-right: 5px;

font-size: 8pt;

background-color: #D4D3BF;

border-left: 3px solid #9B9842;

color: #797858;}



.clear {

clear: both;}



/* AUTHOR TEXT */



h5 {

font: 7pt Verdana, arial;

margin-top: -10px;

color: #5B5F32;}



h5 strong {

color: #616037;}



.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: #6A833A;}



.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: #97926C;}



.com a {

text-decoration: none;

color: #8A935A;}



.com a:hover {

text-decoration: none;

color: #798431;}



.author {

padding: 7px 0 0 10px;

font: bold 10pt Times New Roman, arial;

color: #798431;}



.author a {

color: #87933C;}



.alt {

background-color: #E8E7D9;}



.comment {

padding: 0 10px;}



.userinfo {

padding: 0 10px 10px 0;

text-align: right;}



/* FOOTER */



#footer {

clear: both;

background: url(images/footer.gif) bottom no-repeat;

width: 800px;

height: 59px;

margin-bottom: 10px;

font-size: 2pt;

color: #FFFFFF;}



#footer a {

font-size: 1pt;

text-align: left;

text-decoration: none;

color: #FFFFFF;}



#footer a:hover {

text-decoration: none;

color: #FFFFFF;}



/* 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 {
border: 0;}



.wp-smiley {

float: none;}



/* GENERAL LINK STYLE */



a {

text-decoration: none;

color: #660000;}



a:hover {

text-decoration: underline;

color: #660000;}