/* Styles for home page */ /*--------------- background and container --------------- */ * { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; } body { background-color:#FFFFFF; } #wrapper { width:100%; margin-left:auto; margin-right:auto; background:#fff; height: 100%; } /*--------------- header, logo and member login --------------- */ #header2 { background: url(../images/header_bg2.jpg); width:100%; height:70px; margin:auto; } /*avec la taille 90px il est mieux d'utliser l'image: "header_bg.jpg" */ #header { background: url(../images/header_blog.jpg); width:100%; height:70px; margin:auto; background-repeat: no-repeat } /* header to display on the top of all templates */ #header2_ { background: url(../images/header_bg2.jpg); width:100%; height:70px; margin:auto; position: relative; z-index: 66; position: absolute; /* IE fix thanks Chris */ top: 0; left: 0;} #header_ { background: url(../images/header_blog.jpg); width:100%; height:70px; margin:auto; background-repeat: no-repeat; position: relative; z-index: 66; position: absolute; /* IE fix thanks Chris */ top: 0; left: 0;} /*--------------- top links --------------- */ #links { background:url(../images/links_bg.jpg); height:42px; } #links ul { list-style:none; } #links li { display:inline; } #links a { float:left; text-decoration:none; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:700; text-transform:uppercase; height:25px; width:14.19%; text-align:center; border-right:1px solid black; padding-top:17px; } #login { float:left; background:#78be6e; padding:12px; width: 90%;} #login p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #login li {margin-left:20px; padding-left: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 2px; list-style: url(../images/arrow.jpg);} #login h2 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 8px;} #login a {color: #381f09;} #rightcontainer { width:80%; background:#fff; float:right; } #leftcontainer { width:20%; background:#fff; float:left;} #intro { color:#aa1a00; background:#eef0f3; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:91%; padding:15px; margin:13px auto 18px auto;} .articles { width:97%; margin: auto; float: right; margin-top:0px; } .heading { background:#a11b04 url(../images/red_lines.jpg); height:43px; clear:both; } .headingtext { float:left; font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#fff; font-weight:100; padding:10px; } .heading2 { height:36px; clear:both; } .headingtext2 { float:left; font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#a11b04; font-weight: bold; padding:10px; } .articlescontent h3 { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#9f0000; font-weight:100; padding-top:10px; padding-bottom:4px; } .articlescontent h4 { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; font-weight:200; padding-bottom:2px;} .articlescontent a { text-decoration:underline; color:#9f0000; font-family:Arial, Helvetica, sans-serif; } .articlescontent a:hover { color:#381f09; } .articlescontent img { margin-bottom:12px; } .articlescontent p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; padding:4px 4px 14px 0px; width: 97%} .articlescontent .readmore { float:left; color:#9f0000; text-decoration:underline; padding:12px 0 20px 0; } .articlescontent .comments { float:right; color:#9f0000; padding:12px 5px 20px 0; } .articles .articlescontent a {text-decoration:none;} #lastcreated .blogdetails a {text-decoration:none;} #mostvisited .blogdetails a {text-decoration:none;} .articles .articlescontent li{ margin-left: 20px; padding-left: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 2px; list-style: url(../images/arrow.jpg);} #lastcreated .blogdetails li { margin-left: 20px; padding-left: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 2px; list-style: url(../images/arrow.jpg);} #mostvisited .blogdetails li { margin-left: 20px; padding-left: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 2px; list-style: url(../images/arrow.jpg);} #blogswrapper { clear:both; width:745px; margin:auto; } #lastarticles {float:left; width:32%; margin-right: 4px;} #lastcreated { float:left; width:32%; margin-right: 4px;} #mostvisited { float: left; width:32%; margin-right: 0px;} #lcheading { background:#a11b04 url(../images/red_lines.jpg); height:43px; } #mvheading { background:#a11b04 url(../images/red_lines.jpg); height:43px; } #lastcreated .adjust { float:left; margin-bottom:10px; margin-right:5px; } .blogdetails { padding-top:8px; padding-bottom:15px; } #lastcreated h3 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#9f0000; font-weight:100; padding-top:10px; padding-bottom:4px; } #lastcreated p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; padding-right:8px; } #lastcreated .readmore { float:left; color:#9f0000; text-decoration:underline; padding:0 0 20px 10px; } #mostvisited h3 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#9f0000; font-weight:100; padding-top:10px; padding-bottom:4px; } #mostvisited .adjust { float:left; margin-bottom:10px; margin-right:5px; } #mostvisited p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; padding-right:8px; } #mostvisited .readmore { float:left; color:#9f0000; text-decoration:underline; padding:0 0 20px 10px; } #footerline { height:4px; background:#9f0000; width:100%; clear:both; } #footercontent { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; padding:10px; background:#fff; } #footercontent a, a:active { text-decoration: none; color: #666666; } #footercontent p { display:inline; float:left; } #footercontent #copyright { float:right; } #search { background:#999999; width:206px; } #member { background:#f1cc45; padding:12px; width: 90%; float: left; clear: left;} .membertitle { color:#9f1700; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; font-weight:bold; } #member img { padding:5px 0 5px 0;} #member p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; padding-right:10px; } #newmembers { background:#f4f4f4; width: 14.87%; padding:10px; } #newmembers img { padding:10px 12px 3px 0; } newmembers p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#9f1700; border:1px solid red; } .memberprofile { display:inline;} #subpage { color:#000; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:94%; padding:15px; margin: -10px auto 18px auto;} #subpage p { margin-top: 16px;} .contenu {margin-left: 17px;} .contenu li {padding-left: 10px; margin-left: 25px; }