/******************************************** AUTHOR: Erwin Aligam WEBSITE: http://www.styleshout.com/ TEMPLATE NAME: Underground TEMPLATE CODE:S-0006 VERSION: 1.1 *******************************************/ /******************************************** HTML ELEMENTS ********************************************/ /* top elements */ 
*{margin:0;padding:0;}
body{margin:0;padding:0;font:70%/1.5 Verdana, Tahoma, Arial, Helvetica, sans-serif;color:#333;background:#FFF url(bg.gif) repeat-x;}
 /* links */ 
a{color:#003366;background-color:inherit;text-decoration:none;}
a:hover{color:#CC0000;background-color:inherit;}
 /* headers */ 
h1, h2, h3{font-family:Arial,'Trebuchet MS', Sans-Serif;font-weight:bold;color:#333;}
h1{font-size:120%;letter-spacing:.5px;}
h2{font-size:115%;text-transform:uppercase;}
h3{font-size:115%;color:#003366;}
 /* images */ 
img{border:0px;padding:5px;margin-left:4px;float:right;}
img.float-right{margin:5px 0px 10px 10px;}
img.float-left{margin:5px 10px 10px 0px;}
h1, h2, h3, p{padding:0;margin:10px;}
ul, ol{margin:10px 20px;padding:0 20px;}
code{margin:10px 0;padding:10px;text-align:left;display:block;overflow:auto;font:500 1em/1.5em'Lucida Console','courier new', monospace; /* white-space: pre; */ background:#F3F3F3;border:1px solid #CCCCCC;border-left:4px solid #CC0000;}
acronym{cursor:help;border-bottom:1px solid #777;}
blockquote{margin:10px;padding:0 0 0 32px;background:#F3F3F3 url(quote.gif) no-repeat 5px 10px !important;background-position:8px 10px;border:1px solid #CCCCCC;border-left:4px solid #CC0000;font-weight:bold;}
 /* form elements */ 
form{margin:10px;padding:0 5px;border:1px solid #CCCCCC;background-color:#F3F3F3;}
label{display:block;font-weight:bold;margin:5px 0;}
input{padding:2px;border:1px solid #eee;font:normal 1em Verdana, sans-serif;color:#777;}
textarea{width:400px;padding:2px;font:normal 1em Verdana, sans-serif;border:1px solid #eee;height:100px;display:block;color:#777;}
input.button{margin:0;font:bolder 12px Arial, Sans-serif;border:1px solid #CCC;padding:1px;background:#FFF;color:#CC0000;}
/* search form */ 
form.search{position:absolute;top:5px;right:5px;padding:0;margin:0;border:none;background-color:transparent;}
form.search input.textbox{margin:0;width:120px;border:1px solid #CCC;background:#FFF;color:#333;}
form.search input.searchbutton{margin:0;font-size:100%;font-family:Arial, Sans-serif;border:1px solid #CCC;background:#FFFFFF url(headerbg.gif) repeat-x bottom left;padding:1px;font-weight:bold;height:23px;color:#333;width:60px;}
 /********************************** 
 LAYOUT 
 ***********************************/ 
#wrap{margin:0 auto;width:780px;}
 /* header */ 
#header{position:relative;margin:0;padding:0;height:60px;}
#header span#slogan{z-index:3;position:absolute;left:3px;bottom:7px;font:bold 1.2em Verdana, Arial, Tahoma, Sans-serif;color:#FFF;}
#header-logo{position:relative;clear:both;height:50px;margin:0;padding:0;}
#header-logo #logo{position:absolute;top:3px;left:5px;font:bold 30px"trebuchet MS", Arial, Tahoma, Sans-Serif;margin:0;padding:0;letter-spacing:-1px;color:#000;}
 /* header */ 
#header ul{position:absolute;margin:0;list-style:none;right:-18px;bottom:3px;font:bold 13px'Trebuchet MS', Arial, Sans-serif;}
#header li{display:inline;margin:0;padding:0;}
#header a{float:left;background:url(tableft.gif) no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none;}
#header a span{float:left;display:block;background:url(tabright.gif) no-repeat right top;padding:5px 15px 4px 6px;color:#FFF;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/ 
#header a span{float:none;}
/* End IE5-Mac hack */ 
#header a:hover span{color:#FFF;}
#header a:hover{background-position:0% -42px;}
#header a:hover span{background-position:100% -42px;}
#header #current a{background-position:0% -42px;}
#header #current a span{background-position:100% -42px;}
 /* main column */ 
#main{float:right;margin:0;padding:0;width:545px;}
#main h1{margin:10px 0;padding:4px 0 4px 8px;font-size:105%;color:#FFF;text-transform:uppercase;background-color:#CC0000;letter-spacing:.5px;}
 /* sidebar */ 
#sidebar{float:left;width:220px;margin:0;padding:0;background-color:#FFFFFF;}
#sidebar h1{margin:10px 0 0 0;padding:4px 0 4px 8px;font:bold 105% Arial, Sans-Serif;color:#FFF;text-transform:uppercase;background:#333;letter-spacing:1px;}
#sidebar .left-box{border:1px solid #DDD;margin:0 0 5px 0;background:#FFF;}
#sidebar ul.sidemenu{list-style:none;text-align:left;margin:3px 0px 8px 0;padding:0;text-decoration:none;}
#sidebar ul.sidemenu li{border-bottom:1px solid #DDD;background:url(bullet.gif) no-repeat 3px 2px;padding:3px 5px 3px 25px;margin:0;}
#sidebar ul.sidemenu a{font-weight:bolder;padding:3px 0px;background:none;}
 /* footer */ 
.footer{clear:both;border-top:1px solid #CCCCCC;background:#FFF url(footerbg.gif) repeat-x;padding:2px 0 10px 0;text-align:center;line-height:1.5em;font-size:95%;}
.footer a{text-decoration:none;font-weight:bold;}
/* alignment classes */ 
.float-left{float:left;}
.float-right{float:right;}
.align-left{text-align:left;}
.align-right{text-align:right;}
/* display and additional classes */ 
.clear{clear:both;}
.red{color:#CC0000;}
.rouge{color:#CC0000;font-weight:bold;}
.gris{color:#666666;font-weight:bold;}
.bouton2{margin:0;font-size:100%;font-family:Arial, Sans-serif;border:1px solid #CCC;background:#FFFFFF url(bouton.jpg) repeat-x bottom left;padding:1px;font-weight:bold;height:23px;color:#333;width:50px;}
.comments{margin:20px 10px 5px 10px;padding:3px 0;border-bottom:1px dashed #EFF0F1;border-top:1px dashed #EFF0F1;}
 /* begin styles for RSS Feed This is the most basic style to use for a list with no bullets */ 
.rss_title, rss_title a{margin:1px 0;padding:0;}
.rss_items{list-style:none;padding:0;}
.rss_item{margin-bottom:0.3em;}
.wraptocenter{display:table-cell;text-align:center;vertical-align:middle;width:430px;height:1px;}
.wraptocenter *{vertical-align:middle;}