/* The part */ body { background-image:url(/images/light/bgr.png); background-position:top left; background-repeat:repeat; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; padding:0; margin:0; } /* The differents blocks (# = id = Only 1 use in all the document) */ /* The main part */ #container { background-color:#000; color:#fff; width:750px; padding:5px; margin:10px auto 20px auto; border:5px solid #333; } /* The title+logo part */ #header { background-color:#000; height:125px; width:540px; font-size:3em; font-weight:bold; color:#545454; padding:0 0 0 0; margin:0 0 0 0; float:right; } /* The left part with : navigation + add(?) + fotos(?) */ #left { width:200px; padding:0; margin:0 0 10px 0; float:left; } /* The title in the left part */ .addtitle { color: #999999; background-color:#000; border-left:10px solid #545454; border-bottom:1px solid #545454; padding:0 0 0 10px; margin:0 0 5px 0; text-transform:uppercase; } /* The block used to put texts or fotos */ .add { color:#999999; width:190px; border:1px solid #333333; padding:5px; margin:0; background-color:#222222; display:block; } /* The title in the center part */ .maintitle { background-color:#000; border-left: 10px solid #545454; border-bottom: 1px solid #545454; padding:0 0 0 10px; margin:0 0 10px 0; font-size:1.1em; color:#545454; text-transform:uppercase; font-weight:bold; } /* The part where you put your content */ #center { background-color:#000; width:520px; margin:0 0 5px 5px; padding: 0px 10px 5px 10px; color:#fff; text-align:justify; float:right; } /* the footer, where you can put your copyright */ #footer { background-color:#000; border:1px dashed #545454; text-align:right; color:#999; padding:2px 10px 2px 0; clear:both; } /* Begin of the navigation code */ #menu { width:200px; text-transform:capitalize; } #menu a:link, #menu a:visited { width:183px; margin:0 0 5px 0; padding:4px 0 4px 18px; background-color:#1a1a1a; color: #999; text-decoration: none; border:1px solid #333; background-image:url(/images/light/arrow_off.gif); background-position:left; background-repeat:no-repeat; display: block; } #menu a:hover { background-color:#1a1a1a; background-image:url(/images/light/arrow_on.gif); background-position:left; background-repeat:no-repeat; color: #cccccc; text-decoration: none; border:1px solid #333; } /* End of the navigation code */ /* Different style of txt : links, paragraphs, pictures... */ a:link, a:visited, a:active { background-color:#000; color: #999999; text-decoration: none; } a:hover { background-color:#000; text-decoration: none; color: #009999; } p { padding:0; margin:0; } img { border: none; } li { font-style:italic; list-style-type:decimal; border-bottom:1px dashed #ccc; } textarea { padding:2px; margin:0 0 2px 0; border:1px solid #fff; } input { padding:2px; margin:5px 0 0 0; border:1px solid #fff; background-color:#fff; font-size:0.8em; }