/**** Css haploos webdesign ****/

*{
    margin:0;
    padding:0;
}

a {text-decoration:none; color: #32cb41;}
a:hover {color: #f9a17f;}

p {padding-bottom: 5px; padding-top: 5px;}
ul{margin-left: 25px;}
li{padding: 2px; text-align: left;}

#hr {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 25px;
    border-bottom: 1px solid #646464;
}

#soustitre {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}


body {
    background: #fff;
    margin: 10px;
    text-align: center;
    font-family:Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #646464;
}

#page {
    width:900px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

#entete {
    float:left;
    margin:5px 0 20px;
    width:100%;
}

#entete h1 {
    float: right;
    background: url(./images/macbook_ecolo.jpg) no-repeat;
    width: 230px;
    height: 150px;
    display:block;
    padding-bottom: 20px;
}

#entete h1 span {
    display:none;
}

#entete h2 {
    float: left;
    display:block;
    background: url(./images/haplooswebdesign.jpg) no-repeat;
    font-size: 20px;
    width: 650px;
    height: 40px;
    margin-top: 0px;
}

#entete h2 span {
    display:none;
}

#entete h3 {
    float: left;
    display:block;
    background: url(./images/img.jpg) no-repeat;
    font-size: 20px;
    width: 250px;
    height: 20px;
    margin-top: 5px;
}

#entete h3 span {
    display:none;
}

#title {
    border-bottom:1px dotted #DFDFDF;
    float:left;
    font-size:0.8em;
    font-family:"Trebuchet MS", "Lucida Grande", Verdana, Arial, sans-serif;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:20px;
    width:670px;
}

#menu {
    font-family:"Trebuchet MS", "Lucida Grande", Verdana, Arial, sans-serif;
    float:left;
    width:100%;
    padding:0.4em 0;
    font-size:0.8em;
    text-transform:uppercase;
    letter-spacing:2px;
    margin:0 0 50px 0;
}

#menu ul {
    list-style-type:none;
}

#menu li {
    float:left;
    display:block;
    padding:0 4em 0 0;
}

#menu a {
    color:#666;
}

#menu a:hover {
    color:#bcea1b;
    background:#fcffea;
}

#langue {
    text-align: right;
    height:2em;
    font-weight: bold;
}

#content {
    float:left;
    width:670px;
}

.entry {
    width:202px;
    height: 152px;
    float:left;
    margin-bottom: 60px;
    margin-left: 0px;
    margin-right: 20px;
    margin-top: 0px;
    padding: 0;
    font-size:0.9em;
}

.entrybody a img {
    border: 1px solid #dedede;
}

.commentinfo {
    display:block;
    float:right;
    background:url(./images/comment.gif) no-repeat 100% 50%;
    padding:0 1.3em 0.2em 0;
    margin:0.5em 0 0 0;
    font-size:1.15em;
}

.entry h2 {
    font-family:"Helvetica Neue",Helvetica, Arial, Verdana, sans-serif;
    font-size:1.2em;
    padding:0.5em 0 0 0;
    letter-spacing:-1px;
    font-weight:normal;
}

/* Rating */

.post-ratings {
    float:left;
    margin:0.5em 0 0 0;
}

.post-ratings strong {
    padding:0 0 0 0.3em;
    letter-spacing:-1px;
    font-weight:normal;
}

.post-ratings img {
    float:left;
    margin-right:2px;
}

.post-ratings-loading {
    display: none;
    height: 16px;
    float:left;
    padding-top:0.3em;
}

.post-ratings-loading img {
    float:left;
}

.navigation {
    clear:both;
}

.entryinfo {
    float:left;
    width:456px;
    text-transform:capitalize;
    font-size:95%;
}

.entryinfo h2 {
    font-family:"Helvetica Neue",Helvetica, Arial, Verdana, sans-serif;
    font-size:1.8em;
    padding:0 0 1em 0;
    letter-spacing:-1px;
    font-weight:normal;
}

.date {
    background:transparent url(./images/calendar.gif) no-repeat 0 50%;
    padding:0 0 0 24px;
}

.color {
    background:transparent url(./images/color.jpg) no-repeat 0 50%;
    padding:0 0 0 24px;
}

.post-content {
    background:transparent url(./images/file.gif) no-repeat 0 50%;
    padding:0 0 0 24px;
}

/* Comments */

h3#comments {
    font-family:"Helvetica Neue",Helvetica, Arial, Verdana, sans-serif;
    font-size:1.2em;
    padding:0 0 0.8em 0;
    letter-spacing:-1px;
    border-bottom: 1px solid #dedede;
    font-weight:normal;
    line-height:1em;
    display:block;
    margin:0 2em 0 0;
}

.commentlist {
    padding:0.8em 2em;
    font-size:95%;
}

.commentlist li {
    padding:0 0 0.8em 0;
}

.commentlist li p {
    padding:0 0 0.4em 0;
}

.commentlist li p.author {
    text-transform:capitalize;
}

#commentform {
    padding:2em;
}

#commentform .text, #commentform textarea {
    width:30em;
    margin:0 0 1em 0;
}

h2.UTW_title, h2.page {
    display:block;
    text-align:center;
    padding:0.5em;
    margin:0 2.5em 1.5em 0;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    text-transform:capitalize;
    font-weight:normal;
    font-family:"Helvetica Neue",Helvetica, Arial, Verdana, sans-serif;
    font-size:1.5em;
    letter-spacing:-1px;
    line-height:1em;
}

    .page p, .page form {
    font-size:95%;
    padding:0.3em 0;
}

/* Sidebar */

#sidebar {
    width: 213px;
    float: right;
}

#sidebar-top {
    background: url(./images/bg_top_sidebar.jpg) no-repeat scroll center bottom;
    width: 213px;
    float: right;
    height:10px;
}

#sidebar-center {
    background: url(./images/bg_center_sidebar.jpg) repeat-y;
    width: 180px;
    float: right;
    padding:10px 18px 0 15px;
    text-align: left;
}

#sidebar-bottom {
    background: url(./images/bg_bottom_sidebar.jpg) no-repeat scroll center top;
    width: 213px;
    float: right;
    height:10px;
}

#sidebar h1 {
    font-family:"Helvetica Neue",Helvetica, Arial, Verdana, sans-serif;
    font-size: 1.6em;
    padding:0 0 0 0;
    font-weight: bold;
    line-height:1em;
}

#sidebar h2 {
    font-family:"Helvetica Neue",Helvetica, Arial, Verdana, sans-serif;
    font-size: 1.2em;
    padding:0 0 0 0;
    font-weight: bold;
}

.sidebox {
    padding:1.5em 0;
}

.sidebox form {
    padding:0 0 0.5em 0;
}

.sidebox select, .sidebox input {
    width:100%;
    font-size:0.9em;
    color:#666;
    font-family:Verdana, Helvetica, Arial, sans-serif;
}

.sidebox select, .sidebox option {
    text-transform:capitalize;
}

.sidebox input {
    width:95%;
    padding:0.2em 0.3em;
    margin-top:0.3em;
}

.ad_box {
  padding:0 0 1.5em;
}

/* Footer */

#footer {
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
    font-size:0.8em;
    font-family:"Trebuchet MS", "Lucida Grande", Verdana, Arial, sans-serif;
    text-transform:uppercase;
    letter-spacing:2px;
}

img {
    border:none;
}

.spacer {
    clear:both;
}

/* Spotlike */

/*#spotlike {
  font-size:0.81em;
  padding:0 0 1.5em 0;
  line-height:1.8em;
}

#spotlike_logo {
  font-size:0.91em;
  padding:0.4em 0 0;
}

#spotlike_logo a {
  font-weight:bold;
}*/