/**
 *
 * @package	AB-D
 * @author	Benoit Asselin <contact(at)ab-d(dot)fr>
 * @version	style.css, 2008/08/24
 * @link	http://www.ab-d.fr/
 *
 */


html, body { background: #303030 url("background-5-30.gif") repeat-y center; font-family: "Lucida Grande", Geneva, Verdana, Arial, sans-serif; font-size: 9pt; color: #aaa; cursor: default; margin: 0; padding: 0; }
.body-1 { background: #f2f2f2 url("background-1-f2.gif") repeat-y center; }
.body-2 { background: #c2c2c2 url("background-2-c2.gif") repeat-y center; }
.body-3 { background: #909090 url("background-3-90.gif") repeat-y center; }
.body-4 { background: #606060 url("background-4-60.gif") repeat-y center; }
.body-5 { background: #303030 url("background-5-30.gif") repeat-y center; }
.body-6 { background: #000000 url("background-6-00.gif") repeat-y center; }


h1 { color: white; font-size: 19pt; font-weight: normal; margin: 5px 0; padding: 0; }
h2 { font-size: 8pt; font-weight: normal; margin: 5px 0; padding: 0; }
h3 { color: white; font-size: 12pt; font-weight: normal; margin: 0; padding: 0; }
h4 { color: white; font-size: 9pt; font-weight: normal; margin: 0; padding: 0; }

ul, li { list-style: none; margin: 0; padding: 0; }
a { color: #aaa; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; text-shadow: #000 1px 1px 1px; }
form { text-align: center; }
input, textarea, select, option { font-family: "Lucida Grande", Geneva, Verdana, Arial, sans-serif; font-size: 9pt; color: #000; }
input.text, textarea { border: 1px solid #aaa; }
p { margin: 10px 0 0 0; padding: 0; }


/* #head { position: fixed; left: 0; width: 100%; height: 70px; } */
#head { position: absolute; left: 0; width: 100%; height: 70px; }
#head img.png { position: absolute; display: none; }
#head h1 a { color: #fff; letter-spacing: 2px; }
#head ul { margin: 0 auto; width: 863px; height: 70px; padding: 30px 0 30px 30px; /* background: url("head.png"); */ background-color: #000; }
.head-left { float: left; width: 380px; }
.head-right { padding-left: 20px; float: left; border-left: 1px solid #303030; width: 380px; }
.head-right span { display: block; margin-top: 4px; }
.head-background { display: block; float: left; text-align: center; width: auto; white-space: nowrap; }
.head-background a { color: #fff; }
.head-search { position: absolute; top: 30px; left: 50%; margin-left: 402px; width: 20px; height: 20px; cursor: pointer; background: url("search.gif") 6px 2px no-repeat; }
.head-search #search { display: none; position: absolute;  }



.image-rand { margin: 0 auto; width: 893px; }
.image-rand { padding-top: 130px; }
.image-rand a { display: block; background-repeat: no-repeat; height: 445px; width: 891px; border-left: 1px solid black; border-right: 1px solid black; }
.image-rand a.image-1 { background-image: url("../images/image-1.jpg"); }
.image-rand a.image-2 { background-image: url("../images/image-2.jpg"); }
.image-rand a.image-3 { background-image: url("../images/image-3.jpg"); }
.image-rand a.image-4 { background-image: url("../images/image-4.jpg"); }
.image-rand a.image-5 { background-image: url("../images/image-5.jpg"); }
.image-rand a.image-6 { background-image: url("../images/image-6.jpg"); }
.image-rand a.image-7 { background-image: url("../images/image-7.jpg"); }
.image-rand a.image-8 { background-image: url("../images/image-8.jpg"); }
.image-rand a.image-9 { background-image: url("../images/image-9.jpg"); }
.image-rand a span { display: none; }


.container { margin: 0 auto; padding: 30px; width: 833px; background-color: #000; }

.text-menu { float: right; width: 180px; margin: 0 0 0 10px; text-align: right; }
.text-menu .menu { margin: 0 0 20px 0; }
.text-menu .head { background: #151515 url("menu-0-head.gif") no-repeat top; padding: 10px 15px 10px 0; border-bottom: 1px solid black; }
.text-menu .body { background: #303030 url("menu-0-foot.gif") no-repeat bottom; padding: 10px 15px 20px 0; }
.text-menu span { display: none; }
#text-menu-1 .head:hover { background: #19150f url("menu-1-head.gif") no-repeat top; }
#text-menu-1 .body:hover { background: #382f22 url("menu-1-foot.gif") no-repeat bottom; }
#text-menu-2 .head:hover { background: #131719 url("menu-2-head.gif") no-repeat top; }
#text-menu-2 .body:hover { background: #323b41 url("menu-2-foot.gif") no-repeat bottom; }
#text-menu-3 .head:hover { background: #1d1a11 url("menu-3-head.gif") no-repeat top; }
#text-menu-3 .body:hover { background: #322c1e url("menu-3-foot.gif") no-repeat bottom; }
#text-menu-4 .head:hover { background: #120e18 url("menu-4-head.gif") no-repeat top; }
#text-menu-4 .body:hover { background: #282137 url("menu-4-foot.gif") no-repeat bottom; }
#text-menu-5 .head:hover { background: #191712 url("menu-5-head.gif") no-repeat top; }
#text-menu-5 .body:hover { background: #343026 url("menu-5-foot.gif") no-repeat bottom; }
#text-menu-6 .head:hover { background: #131b15 url("menu-6-head.gif") no-repeat top; }
#text-menu-6 .body:hover { background: #233227 url("menu-6-foot.gif") no-repeat bottom; }
/*#text-menu-7 .head:hover { background: #1a1710 url("menu-7-head.gif") no-repeat top; }*/
/*#text-menu-7 .body:hover { background: #342e1f url("menu-7-foot.gif") no-repeat bottom; }*/
#text-menu-7 .head:hover { background: #19150f url("menu-1-head.gif") no-repeat top; }
#text-menu-7 .body:hover { background: #382f22 url("menu-1-foot.gif") no-repeat bottom; }
#text-menu-8 .head:hover { background: #1c1919 url("menu-8-head.gif") no-repeat top; }
#text-menu-8 .body:hover { background: #3f3738 url("menu-8-foot.gif") no-repeat bottom; }
#text-menu-9 .head:hover { background: #19150f url("menu-9-head.gif") no-repeat top; }
#text-menu-9 .body:hover { background: #382f22 url("menu-9-foot.gif") no-repeat bottom; }

.tags-cloud { }
.tags-cloud a.active { font-weight: bold; text-shadow: #000 1px 1px 1px; color: #fff; }



.texts { width: 620px; }
.texts .text { padding: 10px 0 10px 0; }
.texts .text h3 { padding-bottom: 10px; }
.texts .text h3 a { color: white; }
.texts .text h3 em { font-size: 9pt; font-style: normal; }
.texts .text h3 small { font-size: 8pt; }
.texts .text h4 { position: relative; padding: 0 0 10px 0; font-size: 8pt; }
.texts .text h4 a { color: white; }
.texts .text h4 a.comment { color: #f60; }
.texts .text h4 a.addthis { position: absolute; top: 0; right: 0; }
.texts .text h4 a.addthis img { border: 0 none; }
.texts .text hr { margin-top: 20px; border: 0px none; border-top: 1px solid #303030; border-bottom: 1px solid #aaa; }
.texts .text code { font-family: Monaco, monospace; padding: 1px 2px; border: 1px solid #303030; background-color: #151515; }
.texts .text code:hover { border: 1px solid #353535; background-color: #202020; }
.texts .text pre { font-family: Monaco, monospace; padding: 10px; border: 1px solid #303030; background-color: #151515; width: 600px; overflow: auto; overflow-x: auto; overflow-y: hidden; }
.texts .text pre:hover { border: 1px solid #353535; background-color: #202020; }

#navigation { text-align: center; }

ul.comments { margin-top: 20px; border-top: 1px solid #aaa; }
ul.comments li { padding: 20px 50px 0 50px; }
ul.comments a.comment { color: #f60; }
ul.comments div.name { color: white; }
ul.comments div.name a { color: white; }
ul.comments div.text { position: relative; margin-left: 20px; margin-top: 18px; padding: 10px; border: 1px solid #303030; background-color: #151515; }
ul.comments div.text .arrow { position: absolute; left: 14px !important; left: 4px; top: -14px !important; top: -13px; width: 14px; height: 14px; background: url("comment_arrow.gif") left top; }
ul.comments div.text:hover { border: 1px solid #353535; background-color: #202020; }
ul.comments div.text:hover .arrow { background-position: left bottom; }
ul.comments div.text form { text-align: left; }
ul.comments div.text form input.text { padding: 0; color: #aaa; width: 150px; border: 1px solid #151515; background-color: #202020; } 
ul.comments div.text form textarea { padding: 0; color: #aaa; width: 100%; height: 70px; border: 1px solid #151515; background-color: #202020; } 



div.comment { position: absolute; left: 0px; top: 0px; width: 500px; height: 300px; z-index: 32; }
div.comment * { font-family: "Lucida Grande", Geneva, Verdana, Arial, sans-serif; font-size: 9pt; }
div.comment form { padding: 85px 85px 0 85px; }
div.comment img { position: absolute; left: 0; top: 0; width: 500px; height: 300px; border: 0 none; background: url("comment_new.png"); }
div.comment input.text { width: 150px; border: 0 none; background-color: #fff; }
div.comment textarea { width: 100%; height: 70px; border: 0 none; background-color: #fff; }
div.comment p { position: relative; color: white; text-align: left; padding: 5px 0 0 0; margin: 0; }
div.comment label { text-shadow: #f90 0 0 2px; }
div.comment p.buttons { text-align: right; }



form.admin { padding: 30px 0; }
form.admin a { color: #FFFFFF; }
form.admin table { margin: 0 auto; }
form.admin table .right { text-align: right; }
form.admin table .left { text-align: left; }
form.admin table tr.mouseover { background-color: #202020; }
form.admin table.sel td { border-top: 1px solid #202020; padding: 2px; }
form.admin input.text,
form.admin textarea.xhtml { padding: 1px; width: 400px; border: 0 none; }
form.admin input.text2 { padding: 1px; width: 200px; border: 0 none; }
form.admin input.date { padding: 1px; width: 100px; border: 0 none; }


#copyright { clear: both; background-color: #000; border-top: 1px solid #151515; font-size: 7pt; text-align: center; margin: 0 auto; padding: 5px 0 15px 0; width: 893px; }