/*
Template name: The Hobbit
Template URI: http://templates.arcsin.se/the-hobbit-website-template/
Release date: 2006-10-11
Description: Arcsin's submission for OWD template contest "Favourite Book".
Author: Viktor Persson
Author URI: http://arcsin.se/

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/

/* 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;
    color: inherit;
}

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 */
.userAccount
{
    text-align: right;
    padding: 5px 20px 0 0;
}
.clearer
{
    clear: both;
    display: block;
    font-size: 0;
    line-height: 0;
    height: 0;
}

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

/* Menu */
.MainMenu_MenuContainer
{
    background-color: Transparent;
}
.MainMenu_MenuBar
{
    background-color: Transparent;
}
.MainMenu_MenuItem
{
    border-top: #56644A 1px solid;
    border-bottom: #56644A 1px solid;
    border-left: none;
    border-right: none;
    color: #6C7151;
    font: normal 12pt Serif;
    background-color: Transparent;
}
.MainMenu_MenuIcon
{
    width: 15px;
    height: 21px;
    border-left: #56644A 1px solid;
    border-bottom: #56644A 1px solid;
    border-top: #56644A 1px solid;
    text-align: center;
    background-color: #E8ECD1;
}
.MainMenu_SubMenu
{
    background-color: #E8ECD1;
    z-index: 1000;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3);
    border: solid 1px #56644A;
}

.MainMenu_MenuBreak
{
    border-bottom: #EEEEEE 1px solid;
	border-left: #EEEEEE 0px solid;
	border-top: #EEEEEE 1px solid;
	border-right: #EEEEEE 0px solid;
	background-color: #EEEEEE;
	height: 1px;
}
.MainMenu_MenuItemSel
{
    background-color: #FFC;
    color: #2C3111;
    font: normal 12pt Serif;
}

.MainMenu_MenuArrow
{
    visibility: hidden;
    border-right: #56644A 1px solid;
    border-bottom: #56644A 1px solid;
    border-top: #56644A 1px solid;
    font-family: webdings;
    font-size: 10pt;
}
.MainMenu_RootMenuArrow
{
    font-family: webdings;
    font-size: 10pt;
}

/* structure */
.container
{
    background: url(bgcontainer.jpg) repeat-y center top;
    margin: 0 auto;
    width: 736px;
}

.gfx
{
    background: 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;
    left: 52px;
    position: relative;
}

.header
{
    background: #56644A url(header.jpg) no-repeat;
    color: #FFC;
    font-size: 1.4em;
    height: 232px;
    padding-right: 270px;
}

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

.pattern
{
    background: #334127 url(pattern.gif) repeat-x;
    clear: both;
    height: 12px;
}

/* navigation */
.navigation
{
    margin: 0 24px;
    color: #6C7151;
    font-style: normal;
    font-family: Serif;
    line-height: 50px;
    margin: 0 16px;
    text-decoration: none;
}

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

/* 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;
}


/* 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 .left
{
    padding-left: 40px;
}
.footer .right
{
    padding-right: 40px;
}

.footer a
{
    color: #666;
    text-decoration: none;
}
.footer a:hover, .footer .right a:hover
{
    color: #333;
    text-decoration: underline;
}
.footer .right, .footer .right a
{
    color: #ACAF9B;
}