/*  







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/perurocksbkg.gif);



background-position: center top;



background-repeat: repeat;



background-attachment: fixed;



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







/* HEADER */







#header {



width: 800px;



height: 355px;}





#header2 {



width: 800px;



height: 355px;}




/* 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: 322px;



padding-left: 40px;



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: 210px;



margin-top: 10px;



padding-right: 20px;



color: #FFFFFF;}





.nav h2 {



clear: both;



font: bold 11pt Verdana, arial;



text-indent: 0px;



margin-top: 15px;



padding: 7px 0;



color: #929F46;}







.nav * {



padding: 0;



margin: 0;}







.nav li {



list-style: none;}







.nav li a {



display: block;



padding: 7px 0;



width: 210px;



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: 20px;



line-height: 16px;



text-align: justify;



font: 9pt verdana, serif;



width: 520px;



color: #FFFFFF;}







.ad {



padding-top: 20px;



padding-bottom: 20px;}







h3 {



padding: 1px 0 5px 0px;



margin: 3px 0;



font: bold 14pt "Lucida Sans", arial;



letter-spacing: -1px;



text-align: left;



margin-bottom: 14px;



color: #929F46;}







a.link {



margin-top: 20px;



text-decoration: none;



color: #867E63;}







a.link:hover {



text-decoration: none;



color: #867E63;}







.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: #867E63;}







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







#footer a {



font-size: 2pt;



text-align: left;



text-decoration: none;



color: #000000;}







#footer a:hover {



text-decoration: none;



color: #000000;}







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



padding-right: 0px;



border: 0;}







.wp-smiley {



float: none;}







/* GENERAL LINK STYLE */







a {



text-decoration: none;



color: #FF0000;}







a:hover {



text-decoration: underline;



color: #660000;}