/*
Theme Name: ideonimbus
Theme URI: http://adrian.gaudebert.fr
Description: ideonimbus Thème Wordpress - Basé sur le thème de Benjamin Romei VDMLike
Author: Adrian Gaudebert
Author URI: http://adrian.gaudebert.fr
version: 1.0
*/

/* CSS Reset by Eric Meyer */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1.5;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/* Generality */
body {
    font-family: 'Trebuchet MS',Helvetica,Geneva,Arial,sans-serif;
    font-size: 16px;
}
a, a:active, a:visited {
    text-decoration: none;
    color: #134B80;
}
a:hover {
    text-decoration: underline;
}
p {
    padding: 5px 0;
    margin: 5px 0;
}
h1 {
    font-size: 1.8em;
}
h2 {
    font-size: 1.7em;
}
h3 {
    font-size: 1.6em;
}
h4 {
    font-size: 1.4em;
}
h5 {
    font-size: 1.2em;
}
h6 {
    font-size: 1.0em;
}
strong {
    font-weight: bold;
}
em {
    font-style: italic;
}
ins {
    text-decoration: underline;
}
button, input[type=submit] {
    cursor: pointer;
}
small {
    font-size: 0.9em;
}

.clearer {
    clear: both;
}
.inside {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    height: inherit;
}

code { font-family: Consolas, "Andale Mono", Courier, "Courier New"; line-height: 1em; background: #eee; }
pre { font-family: Consolas, "Andale Mono", Courier, "Courier New"; background: #eee; border: 1px solid #ddd; overflow: auto; clear: both; }
p.center { text-align: center !important; }
p.bottom { margin: 0 !important; }
.remove_bottom_margin { margin-bottom: 0 !important; }

.clear         { clear:both; }

.float-left    { float:left; }
.float-right   { float:right; }

.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#161616; color:#0fb2fc; }

.wrap          { width:960px;margin:0 auto; }

.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }

.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

ul {margin:0;padding:0;}
ul li { margin-left:5px;padding:0;}
li {list-style-type:none;}
.disc {list-style-type:disc}
/* lists inside posts */
.entry ul ol {margin-left:0;}
.entry ul li {margin-left:10px; list-style:disc; list-style-position:inside}
.entry ul li ol {margin-left:10px;}
.entry ol li {margin-left:5px; list-style: decimal; list-style-position:inside}
.entry ol li li {margin-left:5px;}

/*Captions
---------------------------------------*/
.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}

/*Image
---------------------------------------*/
img { border: none; }
p img {
    padding: 0;
    max-width: 100%;
    }

/*  Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

.alignright {
    float: right;
    }

.alignleft {
    float: left
    }
/* End Images */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
    cursor: help;
    }

acronym, abbr {
    border-bottom: 1px dashed #999;
    }

blockquote {
    background: #fbfbfb url('images/quote.png') no-repeat;
    border: 2px solid #f5eeaa;
    border-radius: 8px;
    margin: 15px 30px 0 10px;
    padding: 0 10px;
}

blockquote cite {
    display: block;
    margin: 5px 0 0;
}

/*Search Box
---------------------------------------*/
#search_form input { margin: 10px 0 0 0; }
#search_form input {
  padding: 4px 2px;
  width: 132px;
  border: 2px solid #acacac;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background: #f4f4f4;
  color: #888;
  }
#search_form input:focus { background: #fff; }
#search_form input#searchsubmit { padding: 2px 10px; }


/*Page Navigation
---------------------------------------*/
#page-navi {
    padding: 10px;
    margin: 10px 20px;
}
    #page-navi a {
        background-color: #E6F6FA;
        border: 1px solid #dddddd;
        color: #999999;
    }
    #page-navi a:hover {
        background-color: #E6F6FA;
        border: 1px solid #dddddd;
        color: #999999;
        text-decoration: none;
    }

/* HEADER
---------------------------------------*/
#header {
    height: 160px;
    background: url('images/header-back.png') repeat-x;
    padding: 0;
}
    #header .logo {
        float: left;
        position: absolute;
        bottom: 0;
        left: 0;
    }
        #header .logo a {
            text-decoration: none;
        }
        #header .logo img {
            vertical-align: bottom;
        }
        #header .logo .help {
            color: white;
            display: none;
            font-size: 1.2em;
            opacity: 0.3;
            position: absolute;
            text-align: center;
            width: 200px;
        }
        #header .logo:hover .help {
            display: block;
        }
    /* HEADER :: MENU */
    #header #menu {
        position: absolute;
        bottom: 0;
        right: 0;
        vertical-align: bottom;
    }
        #header #menu li {
            display: inline;
            height: 47px;
            margin-left: 25px;
        }
            #header #menu li a {
                display: inline-block;
                height: 47px;
                vertical-align: bottom;
            }
                #header #menu li a img {
                    background: url('images/menu-link-back.png') repeat-x;
                    padding: 9px 5px;
                }
                #header #menu li a:hover {
                    text-decoration: none;
                }
                #header #menu li a:before,
                #header #menu li a:after,
                #header #menu li a:hover:before,
                #header #menu li a:hover:after {
                    background: url('images/menu-link.png');
                    content: " ";
                    display: inline-block;
                    height: 47px;
                    width: 10px;
                }
                #header #menu li a:before {
                    background-position: 0px 0px;
                }
                #header #menu li a:after {
                    background-position: 11px 0px;
                }
                #header #menu li a:hover img {
                    background-position: 0px -47px;
                }
                #header #menu li a:hover:before {
                    background-position: 0px 47px;
                }
                #header #menu li a:hover:after {
                    background-position: 11px 47px;
                }

/* PRESENT */
#present {
    background-color: #f5f5f5;
    line-height: 1.3;
}
    #present .inside {
        padding: 20px 0;
    }
    #present p {
        margin: 0;
        text-align: justify;
    }
    #present .welcome {
        float: left;
        width: 580px;
        margin-right: 20px;
    }
        #present .welcome h1 {
            background: url('images/present-welcome-title.png') no-repeat;
            height: 26px;
            text-indent: -9999px;
            width: 375px;
        }
        #present .welcome strong,
        #present .quote em {
            color: #266cca;
        }
    #present .quote {
        background: url('images/present-quote-back.png') repeat-y;
        float: right;
        font-size: 1.0em;
        font-style: italic;
        padding: 30px 20px;
        width: 360px;
    }
    #present hr,
    #content .head .share hr,
    #sidenav hr {
        background: url('images/present-back-bottom.png') repeat-x;
        height: 3px;
        width: 100%;
        border: none;
        margin: 0;
    }

/* CONTENT */
#content {
    float: left;
    width: 750px;
}
    #content .head {
        height: 50px;
        margin-bottom: 30px;
    }
        #content .head .new {
            float: left;
            height: 45px;
            padding-top: 5px;
            vertical-align: middle;
        }
        #content .head .new .rss {
            margin-left: 8px;
        }
        #content .head .diag {
            background: url('images/content-head-diag.png');
            float: right;
            height: 50px;
            width: 100px;
        }
        #content .head .share {
            background-color: #f5f5f5;
            float: right;
            height: 50px;
        }
        #content .head .share a {
            display: inline-block;
            height: 37px;
            padding: 5px 20px 5px 5px;
        }
    #content .post {
        margin: 5px 20px 50px 0;
    }
        #content .post .infos {
            background-color: #83b4e2;
            -moz-border-radius: 3px 3px 0 0;
            -webkit-border-radius: 3px 3px 0 0;
            border-radius: 3px 3px 0 0;
            float: left;
            height: 70px;
            line-height: 1;
            margin-right: 20px;
            padding: 5px;
            text-align: center;
            width: 50px;
        }
            #content .post .infos .date {
                background-color: #f5f5f5;
                -moz-border-radius: 5px 5px 0 0;
                -webkit-border-radius: 5px 5px 0 0;
                border-radius: 5px 5px 0 0;
                color: gray;
            }
            #content .post .infos .day {
                display: block;
                font-size: 1.5em;
            }
            #content .post .infos .month,
            #content .post .infos .year {
                font-size: 0.8em;
            }
            #content .post .infos .comments {
                background: url('images/comments.png') no-repeat;
                font-size: 1.5em;
                font-weight: bold;
                height: 31px;
                margin-top: 4px;
                padding-top: 2px;
            }
            #content .post .infos .comments a {
                color: #ae0a0a;
            }
        #content .post .title {
            border-bottom: 3px solid #83b4e2;
            height: 80px;
        }
        #content .post .thumb,
        #content .post .react {
            float: right;
        }
        #content .post .react {
            position: relative;
            top: -40px;
        }
        #content .post .author {
            font-size: 0.9em;
        }

#sidenav {
    background-color: #f5f5f5;
    float: right;
    width: 250px;
}
    #sidenav .border-left,
    #sidenav .center,
    #sidenav .border-right {
        display: table-cell;
    }
    #sidenav .border-left {
        background: url('images/sidenav-border-left.png') repeat-y;
        width: 3px;
    }
    #sidenav .center {
        padding: 20px;
        width: 204px;
    }
    #sidenav .border-right {
        background: url('images/sidenav-border-right.png') repeat-y;
        width: 3px;
    }
    #sidenav .widget {
        font-size: 0.9em;
        margin: 10px 0;
    }
        #sidenav .widget .widgettitle {
            border-bottom: 2px solid #83b4e2;
            font-size: 1.2em;
            margin: 10px 0 15px 0;
        }
        #sidenav .widget li {
            border-bottom: 1px dashed #ccc;
        }
            #sidenav .widget li:hover {
                background-color: white;
            }

#footer {
    text-align: center;
    margin: 10px 0;
}