/*#############################################################
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.
#############################################################*/

.test {
   color:#FFFFCC;
   background: #444;
   text-align: justify;
   font-weight: normal;
   font-style: italic;
   border-top-style: outset;
   border-right-style: groove;
   border-bottom-style: ridge;
   border-left-style: inset;
}
td {font: normal 0.75em "Lucida Sans Unicode",sans-serif;}

/* standard elements ================================*/
* {
   margin: 0;
   padding: 0;
}

a {color: #444;}

a:hover {color:#FFFFCC; background: #444; text-decoration: overline;}

body {
   background: #4E5D3C url(img/bg.jpg);
   color: #444;
   font: normal 62.5% "Lucida Sans Unicode",sans-serif;
   margin: 0;
}

p,blockquote,ul {margin-bottom: 1.2em; text-align: justify; }


h1 {font: normal 1.6em serif;}

h2 {
   font: bold 1em Verdana,serif;
   margin: 3px 0 1px;
}

ul {margin-left: 1.8em;}

blockquote {
   background: url(img/quote.gif) no-repeat;
   color: #555;
   font: normal 1.4em serif;
   padding-left: 22px; 
}

blockquote p {padding: 6px;}

blockquote .auteur {
   color: #666;
   font-size: 0.7em;
   font-style: italic;
   float: left;
   padding-left: 300px;
}

/* misc ================================================*/
.clearer {clear: both;}

.left {float: left;}

.right {float: right; margin: 0px 0px 0px 20px;}

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

.divider {
   background: url(img/divider.gif) no-repeat;
   height: 20px;
   margin: 24px 0;
}
.clic_pix a,.clic_pix a:hover {
   background: none;
}

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


.gfx {
   background: url(img/gfx.jpg) no-repeat;
   float: left;
   height: 140px;
   margin-top: 12px;
   width: 52px;
}

.gfx2 {
   float: left;
   margin-top: 12px;
   width: 52px;
}

.top {
   background: url(img/bgcontent.gif) no-repeat 0 -4%;
   float: left;
   text-align: center;
   width: 632px;
}

.header {
   background: #56644A url(img/header.jpg) no-repeat;
   color: #FFC;
   font-size: 1.4em;
   text-align: center;
   height: 200px;
   padding-right: 245px;
}

.header h1 {
   font: normal 3.2em serif,sans-serif;
   padding: 47px 0 34px 0
}
.header2 {
   background: #56644A;
   color: #FFC;
   font-size: 1.2em;
   text-align: center;
   height: 80px;
   padding-right: 300px;
}

.header2 h1 {
   font: normal 2.2em serif,sans-serif;
   padding: 22px 0 0px 0;
}
.pattern {
   background: #334127 url(img/pattern.gif) repeat-x;
   clear: both;
   height: 12px;
}

/* navigation ============================================*/
.navigation {margin: 0 25px;}

.navigation a {
   color: #6C7151;
   font: normal 1.9em serif;
   line-height: 50px;
   margin: 0 10px;
   text-decoration: none;
}
.navigation a:hover {
   color:#FFFFCC; background: #444; text-decoration: overline;
}
.navigation #selected {
   color: #2C3111;
   font-weight: bolder;
}

/* content ===============================================*/
.content {
   background: url(img/bgcontent.gif) no-repeat;
   clear: both;
   font-size: 1.2em;
   margin: 0 52px;
   padding: 0 38px 12px;
}
.content .minispacer {
   height: 22px;
}
.content .spacer {
   height: 42px;
}

/* content item ============================================*/
.item {clear: both;}

.item img {border: solid 1px #8A6;} /* 1px dashed  #8A6 solid double groove ridge inset*/

.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(img/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:#FFFFCC; 
   background: #444;
   text-decoration: overline;
}