/*
Theme Name: Zadig'n'Co
Theme URI: http://www.zadignco.fr
Description: Le thème par défaut de Zadig'n'Co
Version: 1.0
Author: Onion Wushu
Author URI: http://www.zadignco.fr
Tags: blue, custom header, fixed width, two columns, widgets 

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

body {
    background: #504344 url('images/background_top.png') top center repeat-x;
    margin: 0;
    padding: 0;
}

a {
        outline: none;
}

#page {
    margin: 40px auto 0 auto;
    padding: 0;
    width: 913px;
}

#pagecenter {
        margin: 0 6px 10px 5px;
        background: #fff;
        padding: 18px 7px 1px 5px;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
}

/* Header */

#header {
    height: 132px;
    background: url('images/background_header.png') top center no-repeat;
}

#headerimg {
    background: url('images/title.png') center center no-repeat;
    width: 317px;
    height: 87px;
    position: relative;
    top: 74px;
    left: 15px;
}

#headerimg #imghide {
        display: block;
        width: 12px;
        height: 12px;
        position: relative;
        left: 128px;
        top: 15px;
}

#headerimg #imghidediv {
        display: none;
        width: 500px;
        height: 350px;
        background: url('images/hey.png') center center no-repeat;
        position: relative;
        z-index: 10;
        top: -80px;
        left: 80px;
}

#headerimg h1, #headerimg .description {
        display: none;
}

/* Announcement */

#announcement {
        position: relative;
        top: -125px;
        left: 100px;
        background: url('images/announcement.png') top center no-repeat;
        width: 287px;
        height: 26px;
        display: block;
 }

 #announcement:hover {
         background: url('images/announcement.png') bottom center no-repeat;
 }

/* Shortcuts */

#shortcuts {
        position: relative;
        top: -123px;
        left: 320px;
        margin: 0;
        padding: 0;
        list-style-type: none;
        width: 500px;
}

#shortcuts a {
        color: #ffffff;
        font-family: Verdana;
        text-decoration: none;
        font-size: 11px;
}

#shortcuts a:hover {
        color: #999;
}

#shortcuts li {
        float: left;
        margin: 0 15px 0 0;
}

#equipetip {
        display: none;
        background: url('images/equipetipfleche.png') top center no-repeat;
        padding-top: 1px;
        position: relative;
        top: -164px;
        left: 435px;
        z-index: 9;
        width: 300px;
}

#equipetip p {
        padding: 3px;
        color: #fff;
        font-family: Verdana;
        font-size: 12px;
        font-weight: bold;
        border: 3px solid #665957;
        background-color: #8e7e7c;
}

#equipetip a {
        color: #fff;
        text-decoration: none;
}

#equipetip a:hover {
        color: #ccc;
}


/* Social Links */

#social_links {
        position: relative;
        top: -122px;
        left: 10px;
        margin: 0;
        padding: 0;
        list-style-type: none;
        width: 40px;
}

#social_links li {
        float: left;
        margin-right: 3px;
}

#social_links #facebook {
        background: url('images/facebook_icon.png') top center no-repeat;
        width: 16px;
        height: 16px;
        display: block;
}

#social_links #facebook:hover {
        background: url('images/facebook_icon.png') bottom center no-repeat;
}

#social_links #twitter {
        background: url('images/twitter_icon.png') top center no-repeat;
        width: 16px;
        height: 16px;
        display: block;
}

#social_links #twitter:hover {
        background: url('images/twitter_icon.png') bottom center no-repeat;
}

/* Header Menubar */

#menubar {
        margin-top: -4px;
}

#categories {
        position: relative;
        top: 0px;
        left: 360px;
        margin: 0;
        padding: 0;
        list-style-type: none;
        background: url('images/menubar.png') left top no-repeat;
        width: 521px;
        height: 48px;
}

#categories li {
        float: left;
}

#categories a {
        height: 48px;
        display: block;
        text-indent: -5000px
}

#categories .cat-item-index { width: 64px; }
#categories .cat-item-index a:hover { background: url('images/menubar.png') 0px -50px; }
#categories .cat-item-3 { width: 70px; }
#categories .cat-item-3 a:hover { background: url('images/menubar.png') -64px -50px; }
#categories .cat-item-4 { width: 62px; }
#categories .cat-item-4 a:hover { background: url('images/menubar.png') -134px -50px; }
#categories .cat-item-5 { width: 94px; }
#categories .cat-item-5 a:hover { background: url('images/menubar.png') -196px -50px; }
#categories .cat-item-6 { width: 93px; }
#categories .cat-item-6 a:hover { background: url('images/menubar.png') -290px -50px; }
#categories .cat-item-7 { width: 73px; }
#categories .cat-item-7 a:hover { background: url('images/menubar.png') -383px -50px; }
#categories .cat-item-forum { width: 65px; }
#categories .cat-item-forum a:hover { background: url('images/menubar.png') -456px -50px; }

/* Header search form */

#header #searchform {
        position: relative;
        top: -140px;
        left: 722px;
        text-align: right;
        font-family: Verdana;
        font-size: 11px;
        width: 180px;
        margin: 0;
        padding: 0;
}

#header #searchform .hidden { display: none; }
#header #searchform #searchsubmit { width: 70px }
#header #searchform #searchsubmit:hover { background: #514646; }
#header #searchform input {
        width: 100px;
        color: #fff;
        font-family: Verdana;
        background: #6c6161;
        border: 0;
        margin: 0;
        padding: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
        #header #searchform input {
                padding: 2px;
        }
}

/* Sidebar */

#sidebar {
        width: 180px;
        margin-right: 690px;
        margin-top: -15px;
        font-size: 11px;
        font-family: Verdana;
}

#sidebar a {
        text-decoration: none;
        color: #464646;
}

#sidebar a:hover {
        text-decoration: underline;
}

#sidebar ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
}

#sidebar li ul, #sidebar li p, #sidebar li table, .wp-polls-ans  {
        border-right: 1px solid #bb9175;
        border-bottom: 1px solid #bb9175;
}

#sidebar li p {
        margin: 0;
        padding: 2px 2px 2px 1px;
        line-height: 13px;
}

#sidebar li ul li {
        padding: 1px 0 0 1px;
        margin: 0;
}

#sidebar h2 {
        background-color: #bb9175;
        font-family: Times, "Times new roman";
        font-size: 14px;
        font-weight: bold;
        padding: 3px 3px 0px 5px;
        margin: 15px 0 0 0;
}

#sidebar li table {
        margin: 0;
        padding: 0;
        width: 100%;
}

#sidebar li.row1 { background-color: #f3eee9; }
#sidebar li tr.row1 { background-color: #f3eee9; }
#sidebar li tr { height: 18px; }
#sidebar li th { font-weight: bold; text-align: left; padding-left: 5px; }

#sidebar form p, #sidebar form div ul, #sidebar div div ul, #sidebar div div p {
        border: 0;
        padding-right: 3px;
}

#sidebar form div ul {
        padding: 5px 0 5px 5px;
}

#sidebar form div ul li {
        padding: 3px 0;
}

#sidebar .linknumberpages {
        height: 19px;
}

#sidebar .linknumberpages span {
        display: block;
        float: left;
        margin: 0 6px 0 0;
        padding: 2px 5px;
        border: 1px solid #ccc;
        background: #695a5a;
        color: #fff;
}

#sidebar .linknumberpages a span {
        background: #f3eee9;
        color: #000;
}

#sidebar .postmetadata {
        font-size: 10px;
}

#sidebar .avatar {
        float: left;
        padding: 0;
        margin: 1px 5px 0 0;
}

#sidebar #fresh-comments ul li, #sidebar #wp-united-latest-phpbb-posts ul li {
        padding: 3px;
}

/* Content */

#content {
        font-family: Verdana;
        font-size: 12px;
}

.narrowcolumn, .widecolumn {
    float: right;
    width: 700px;
    text-align: justify;
}

#content h2 {
        margin: 0;
        font-family: Times, "Times New Roman";
}

#content .singlepost h2 {
        padding-bottom: 3px;
        border-bottom: 3px solid #bea899;
        font-size: 28px;
}

#content h3 {
        font-family: Times, "Times New Roman";
        font-size: 18px;
}

#content .singlepost .entry {
        background: url('images/title_background.png') top center repeat-x;
        margin-top: 0px;
        padding-top: 1px;
        line-height: 18px;
}

#content .singlepost blockquote {
        font-style: italic;
        background: url('images/quote.gif') top left no-repeat;
        padding-left: 20px;
}

.entry a, .commentlist a, .navigation a, #respond a {
        color: #363131;
        text-decoration: underline;
}

.entry a:hover, .commentlist a:hover, .navigation a:hover, #respond a:hover {
        color: #9d9191;
}

#content .linknextpages {
        text-align: center;
}

#content .linknextpages a {
        text-decoration: none;
        color: #000;
        padding: 3px 5px;
        border-bottom: 3px solid #bdb0b0;
        text-align: center;
        margin: 0 80px;
        font-weight: bold;
}

#content .linknextpages a:hover {
        border-bottom: 3px dotted #856b6b;
}


.fancybox img {
        border: 1px solid #ccc;
        padding: 1px;
}

hr {
        clear: both;
        visibility: hidden;
}

.singlepost {
        padding: 0 5px; 
}

/* Commentaires */

.commentlist {
        margin: 0;
        padding: 0 0 0 20px;
}

.commentlist p {
        margin: 0;
        padding: 5px 10px;
        font-size: 11px;
        line-height: 18px;
}

.commentlist .avatar {
        float: right;
        margin: 0 10px;
}

.commentlist .vcard {
        margin-left: 10px;
        font-size: 10px;
        color: #545454;
        padding-bottom: 10px;
}

.commentlist .comment-body {
        border-top: 2px solid #ccc;
        padding-top: 10px;
        margin: 0;
}

.commentlist .thread-even {
        background: #f3eee9;
}

.navigation {
        display: block;
}

.navigation a {
        text-decoration: none;
}

.navigation .alignleft {
        float: left;
}

.navigation .alignright {
        float: right;
}

.cancel-comment-reply {
        margin-left: 10px;
}

#respond {
        margin-left: 10px;
}

/* Index */

.columnposts {
        float: left;
        display: inline;
        width: 320px;
        margin: 0px 20px 20px 10px;
}

.columnposts h2 {  font-size: 21px; margin: 0; padding: 0; }
.columnposts h2 a {  text-decoration: none; color: #363131;  }
.columnposts h2 a:hover {  color: #9d9191; }

.columnposts small { font-size: 10px; }
.columnposts small a { color: #000; text-decoration: none; }
.columnposts small a:hover { text-decoration: underline; }

.columnposts .category-cinema { background: #c9bfa4; }
.columnposts .category-series { background: #f9c5ff; }
.columnposts .category-jeux-video { background: #fbd685; }
.columnposts .category-litterature { background: #c0b2b1; }
.columnposts .category-musique { background: #b7cbee; }

.columnposts .bubble {
        background: url('images/bubble.png') center center no-repeat;
        width: 16px;
        height: 14px;
        display: block;
        text-align: center;
        font-size: 9px;
        float: right;
        text-decoration: none;
        color: #000;
}

.columnposts .entry {
        border-top: 2px solid #999;
        margin-top: 5px;
        font-family: Verdana;
        font-size: 12px;
        line-height: 18px;
}

.columnposts .entry img {
        float: left;
        margin: 5px 5px 0 0;
        border: 1px dashed #999;
}

.columnposts .entry p {
        margin: 4px 0 0 0;
}

/* Archives */

#content h2.pagetitle {
        font-size: 23px;
        margin-bottom: 10px;
}

.columnposts h3 {  font-size: 18px; margin: 0; padding: 0; }
.columnposts h3 a {  text-decoration: none; color: #363131;  }
.columnposts h3 a:hover {  color: #9d9191; }

/* Footer */

#footer {
        margin: -13px 6px 20px 5px;
        padding: 1px 0 2px 0;
        background: url('images/page_bottom.png') bottom center no-repeat;
        text-align: center;
        font-family: Verdana;
        color: #ccc;
        font-size: 11px;
        height: 31px;
}

#footer a { color: #999; }
#footer a:hover { color: #fff; }