/*#############################################################
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.
#############################################################*/
/* lightbox */
lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
}

.lightboxDetails{
    /* border-style:solid;*/
    font-size: 1.5em;
    padding: 0.4em;
}

#lightboxCaption{ float: left; }

#keyboardMsg {
    float: right;
    font-size: 1.5em;
    color: silver;
}

#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;}

#overlay img{ border: none; }

#overlay {
   background-image: url(../img/overlay.png);
  }

#Nav {
/*text-align: left;*/
padding: 0px;
margin-top:8px;
margin-bottom:10px;
list-style: none;
/*border-style:outset;*/
position :absolute;
font-size: 12px;
font: bold ;
width:55em;


}

#Nav li {
width:150px;
/*background: #ddd;*/
/*border-style:dashed;*/
float: left;
margin-left:10px;
padding:0;
list-style: none;
color: #6C7151;
font: normal 155% "verdana";
line-height: 30px;

}

#Nav li a {
display: block;
width: 150px;
background-color: #555;
color: white;
text-decoration: none;	
margin-left: -45px; 
padding: 3px;
list-style: none;
 font: normal 14px serif;
 text-align: center;
}

#Nav li a:hover,#Nav li a:active {
width: 150px;
display: block;
background-color: #777;
color: white;
text-decoration: none;	
margin-left: -45px; 
padding: 3px;
}

.top {
	/*border-style:dashed;*/
    background: url(../img/bgcontent.gif) no-repeat 0 -4%;
    float: left;
    text-align: center;
    width: 750px;
	margin-left: 0px;
	
}

/* navigation */
.navigation {
margin: 0 20px;
margin-bottom:40px;
/*border-style:dashed;*/

}

.navigation a {
    color: #6C7151;
    font: normal 155% "verdana";
    line-height: 40px;
    margin: 0 15px;
	margin-left: 2px;
    text-decoration: none;
	/*border-style:outset; */
}
.navigation a:hover,.navigation #selected {
    color: #2C3111;
}

/* thumbnail */
.thumbnail {
    /* border-style:outset; */
    border-color:#669966;
    border-width : 1px;
    /*background: url(/img/shadowAlpha.png) no-repeat bottom right !important;
    background: url(/img/shadow.gif) no-repeat bottom right;*/
    margin: 3px 0 0 3px !important;
    padding: 0px;
}


.thumbnail img {
    float:left;
    display: block;
    position: relative;
    background-color: #fff;
    border: 0px solid #a9a9a9;
    margin: -6px 16px 16px -6px;
    padding: 4px;
}


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

a {
    color: #336633;
    font-size: 1.2em;
 }

a:hover {
    color: #669966;
    
}

body {
    background: #4E5D3C url(../img/bg.jpg);
    color: #444;
    /*font: normal 62.5% "Lucida Sans Unicode",sans-serif;*/
	font: normal 70% "Comic Sans MS";
   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;
}

ul {
	margin-left: 1.8em;
	margin-top: -5px;
}

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

blockquote p {padding: 6px;}

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

.bold{
    font-weight: bold;
    font-size: 14px;
}

.renforce {
    color: #006666;
    font: bold;
    font-size: 16px;
}

.renforce_green {
    color: green;
    font-weight: bold;
    font-size: 22px;
}

.renforce_bold{
    font-weight: bold;
    font-size: 22px;
}

.renforce_italic{
    font-style : italic;
    font-size: 14px;
}

.renforce_red {
    color: red;
    font: bold;
    font-size: 14px;
}

.renforce_purple {
    color: purple;
    font: bold;
    font-size: 22px;
}


.left {float: left;}

.right {float: right;}

.center {text-align:center}

.actu{
	width:200px;
	height:100px;
	margin-left: 160px;
	/*border-style:dashed;*/
	text-align: left;
	font-size: 14px;
}

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

img.center {margin: 0 10px 30px 80px;}

.divider {
    background: url(../img/divider.gif) no-repeat;
    height: 20px;
    margin: 24px 50px 40px 50px;    
}

/* structure */
.container {
	/*border-style:dashed;*/
    background: url(../img/bgcontainer.jpg) repeat-y center;
    margin: 0 auto;
    width: 900px;
}

.gfx {
	/*border-style:dashed;*/
    background: url(../img/gfx.jpg) no-repeat;
    float: left;
    height: 158px;
    margin-top: -6px;
	margin-left: 17px;	
    width: 61px;
}


.header {
	/*border-style:dashed;*/
    background: #56644A url(../img/header.jpg) no-repeat;
    color: #FFC;
    font-size: 14px;
    height: 232px;
	 width: 485px;
    padding-right: 260px;
	 margin-left: 0px;
}

.header h1 {
    font: normal 3.1em serif;
    padding: 62px 0 34px 0;fo
}

.pattern {
    background: #334127 url(../img/pattern.gif) repeat-x;
    clear: both;
    height: 12px;
	width: 745px;
	margin-left: 0px;
}



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

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

.item img {
	/*border: 1px dashed #8A6;*/
	}

.item .title {
    color: #445044;
    font: normal 2em serif;
}

.item .title:first-letter {
    /* display: block; */
    float: none;
    font-size: 2.4em;
}

.item .name{
   color: #445044;
   font: italic 1.2em serif;
	padding-bottom: 4px;
	margin-top: 2px;
	margin-bottom: 1px;
	line-height:200%;
}

.item .metadata {
    color: #666;
    font-size: 1.6em;
	 font-style: italic;
    float: left;
    padding: 0 0 6px 4px;
    line-height:200%;
}

.item .soustitre {
	padding: 0 0 6px 4px;
	line-height:200%;
   font-weight: bold;
   font-style: italic ;
   font-size: 1.6em;
   text-align: center;
   /*text-decoration:underline;*/
}

.item .body {
    clear: both;
	margin: 1em 1em 1em 1em;
}


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

.footer a {
    color: #666;
    font-size: 1.1em;
    text-decoration: none;
}

.footer a:hover {
    color: #333;
    text-decoration: underline;
}