/*
Theme Name: Freshy
Theme URI: http://www.jide.fr
Description: The jide WordPress theme : <a href="http://www.jide.fr">Jide</a>.
Version: 1.0
Author: Julien De Luca
Author URI: http://www.jide.fr
*/

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

@import "layout.css";
@import "pp_album.css";


body, html {
        margin:0;
        padding:0;
        /*font: normal 100.01%/1.5em "Arial", "Lucida Sans Unicode", Lucida Grande, sans-serif;*/
        font-size : 92%;
        font-family:"Arial", "Lucida Sans Unicode", Lucida Grande, sans-serif;
}

body {
        margin-top: 20px;
        padding:0;
        background:#7F7F7F;
}

*::-moz-selection {
        background-color:#F78B0C;
        color:white;
}
p img {
        padding: 0;
        max-width: 100%;
        }

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;
        padding: 5px;
        border: 1px solid #fff;
        }

.alignleft {
        float: left;
        padding: 5px;
        border: 1px solid #fff;
        }
/*-----------GENERAL STYLING--------------*/

a {
        color:#515151;
        text-decoration:none;
}

#content a {
        border-bottom:1px dotted silver;
}

#content a:hover {color:#f78b0c;
        border-bottom:1px dotted #f78b0c;
}

/*------HEADER------*/

#title_image {
        margin:0;
        text-align:left;
        display:block;
        height:95px;
        background:url(images/headers/header_image2.jpg) center center transparent repeat-y;
}

#title {
        background:url(images/header.gif) top #7F7F7F no-repeat;
        height:74px;
        margin:0;
        padding:25px 25px 0 25px;
        clear:both;
        text-align:left;
}

#topright {
        float: right;
        margin-top:0px;
}

html>body #title {
        height:51px;
}

#title h1 {
        padding:0;
        margin:0;
        font-weight:normal;
        line-height:.7em;
        font-size:2.1em;
        letter-spacing:-.1em;
        font-family:helvetica;
}

#title h1 a {
        color:white;
        display:none;
}

.description {
        color:#c9e45a;
        margin-top:-6;
        padding:0px 0px 0px 0px;

}

#content h2 {
        font-size:1.5em;
        color:#515151;
        padding:0;
        margin:0;
        border:none;
        clear:both;
}

#content h2 a {
        text-decoration:none;
        border:none;
}

#content h2 a:hover {
        border-bottom:1px dotted silver;
}

hr {
        display:none;
        clear:both;
}

h3, h4 {
        color:#515151;
        padding:0;
        margin:2em 0 0 0;
        clear:both;
}

input,
textarea,
select {
        padding:4px;
        border:1px solid #515151;
        font-size:.8em;
        line-height:0.6em;
        font-family:"Arial", "Lucida Sans Unicode", Lucida Grande, sans-serif;
}

input,
label {
        height:auto !important;
        height:2em;
        width:auto;
        padding:4px;
}

label {
        font-size:.8em;
}


#searchform input#s {
        width:130px !important;
        padding:1px;
        border:1px solid #515151;
        font-size:.8em;
        line-height:0.6em;
        text-transform:none;
        color:black;
        font-family:"Arial", "Lucida Sans Unicode", Lucida Grande, sans-serif;
        background:white;

}

#sidebar input.btn,
#searchform input {
        width:65px !important;


}

#searchform {
        margin-top:0px !important;
}

#searchform br {
        display:none;
}

input.btn,
#searchform input,
input#submit {
        background:#111111;
        color:#FFFFFF;
        padding:1px;
        border:0px outset #000000;
        font-family:"Arial", "Lucida Sans Unicode", Lucida Grande, sans-serif;
        text-transform:uppercase;

}

input[class=btn],
input[type=submit]
input[id=submit] {
        padding:3px;

}

textarea {
        overflow:auto;
        display:block;
        width:100%;

}

ul,
ol {
        list-style-type:none;
        list-style-position:outside;
        padding:0;
        margin:.2em 0 .2em 0;
}

ul li,
ol li {
        background:transparent url(images/puce.png) 2px .4em no-repeat;
        padding-left:15px;
}

ul ul li,
ol ol li {
        background:transparent url(images/bullet.gif) 0px .5em no-repeat;
        padding-left:8px;
}

#content ol li {
        list-style-type:decimal;
        list-style-position:inside;
        background:transparent;
        padding-left:0;
}
#content ol li li {
        padding-left:2em;
}

a img {
        border: 0 none;
}

form {
        padding:0;
        margin:0;
}

pre,
code {
   display:block;
   font: 1em 'Courier New', Courier, Fixed, monospace;
   font-size : 100%;
   color: #000;
   background : #fff url(images/preback.jpg) no-repeat left top;
   overflow : auto;
   text-align:left;
   border : 1px solid #99cc66; /*highlight color */
   padding : 0px 20px 0 30px;
   margin:1em 0 1em 0;
   line-height:17px;
}

.alt {
        background-color:#F5F5F5 !important;
}

.icon {
        vertical-align:middle;
        border:0;
}
.with_icon {
        padding:2px 0 2px 0
}

.navigation {
        clear:both;
        padding:0;
        display:block;
}

.alignleft {
        display:block;
}

.alignright {
        display:block;
}


/*-------SIDEBAR---------*/

#sidebar {
        font-size:.9em;
        font-weight:bold;
}


#sidebar ul,
#sidebar ol {
        padding:0;
}

#sidebar form,
#sidebar p {
        padding:0;
        margin:0 0 1em 0;
}

#sidebar h2 {
        background:#6a6765 url(images/stripe_gray-large.gif);
        padding: 8px;
        margin:10px 0 10px 0;
        font-size: 1.1em;
        font-weight:bold;
        text-transform:uppercase;
        color:darkgray;
/*        border-bottom:3px solid darkgray;*/
}

html>body .ellipsis li {
        clear:both;
}

html>body .ellipsis li:after {
        content: "...";
        display:inline;
}

html>body .ellipsis li span {
        white-space:nowrap;
        overflow:hidden;
        max-width:180px;
        width:auto !important;
        display:inline;
        float:left;
}

ol.ellipsis li span {
        white-space:nowrap;
        text-overflow:ellipsis;
        overflow:hidden;
        width:190px;
        display:block;
}

#sidebar a{
        text-decoration: none;
}

#sidebar a:hover,
#sidebar .current_page_item li a:hover,
#sidebar .current-cat li a:hover {
        color:#f78b0c;
}

#sidebar .current_page_item a,
#sidebar .current-cat a {
        font-weight:bold;
        color:#f78b0c;
}

#sidebar .current_page_item li a,
#sidebar .current-cat li a {
        font-weight:normal;
        color:#515151;
}

#sidebar li img {
        vertical-align:middle;
        border:0;
}

#sidebar input.btn {
        margin-left:4px;
}

/*
menu
*/





.menus {
        list-style-type:none;
        background:url(images/menu/menu_bg.gif) 50% 0 #515151 repeat-x;
        margin:0;
        padding:0;
        height:80px;
        width:780px;
        border-top:1px solid #FFFFFF;
        overflow:hidden;
}

.menus li {
        background:none;
        padding:0;
        display:table-row;
        vertical-align:middle;
        float:left;
        height:80px;

}

.menus li.last_menus,
.menus li.right_menus {
        float:right;
}


.menus li a {
        font-size:.8em;
        text-transform:uppercase;
        line-height:normal !important;
        line-height:80px;
        display:table-cell;
        vertical-align:middle;
        height:80px;
        padding:0 10px 0 10px;
        background:url(images/menu/menu_triple.gif) top left transparent repeat-x;
}

.menus li a:hover,
.menus li a:active {
        background-position:center left;
        color:#FFFFFF;
}

.menus li.current_page_item a {
        background-position:bottom left !important;
        color:#1F3700 !important;
}

.menus li a.first_menus {
        padding-left:35px;
        background-repeat:no-repeat;
        background-image:url(images/menu/menu_start_triple.gif);
}

.menus li a.last_menus,
.menus li a.last_menus_off {
        padding-right:35px;
        background-repeat:no-repeat;
        background-image:url(images/menu/menu_end_triple.gif);
        background-position:top right;
}

.menus li a.last_menus:hover,
.menus li a.last_menus:active {
        background-position:center right;
}

.menus li.current_page_item a.last_menus {
        background-position:bottom right !important;
}

.menus li a {
        color:white;
        text-decoration:none;
}

.menus li.lang_menus {
        float:right;
}

.menus li.lang_menus a span {
        width:19px;
        height:80px;
        overflow:hidden;
        text-indent:100px;
        display:block;
}


.menus li.lang_menus a {
        display:block;
        width:19px;
        cursor:pointer;
}


/*---------LANGS----------*/

.menus li#fr_FR a span {
        background:url(images/lang_fr.gif) left transparent no-repeat;
}

.menus li#en_US a span {
        background:url(images/lang_en.gif) left transparent no-repeat;
}

.menus li#fr_FR.current_page_item a span,
.menus li#fr_FR  a:active span {
        background-image:url(images/lang_fr.gif);
}

.menus li#en_US.current_page_item a span,
.menus li#en_US  a:active span {
        background-image:url(images/lang_en.gif);
}
#sidebar .menu-item a{  background:none; }    
/*--------FOOTER---------*/
#footer  { margin:0 auto;
          height:20px;
          width:780px;
          background-image:url(images/footer.jpg);
}
#footer .footer_content {
        width:760px !important;
        width:780px;
        display:block;
        margin-right:auto;
        margin-left:auto !important; /* stupid ie... */
        margin-left:0px;
        margin-top:0px;
        padding:10px 10px 10px 10px;
        border-top:1px dotted silver;
        text-align:center;
}

/*--------POST--------*/

.post {
        font-size:.9em;

        margin-bottom:10px;
        padding:1em 0 1em 0;
}

.post h2,
.post h3,
.post h4,
.post h5 {
        font-size:2em;
}

.post hr {
        display:block;
}

.highlight_box {
        font-size:.9em;

        padding:1em;
        margin-bottom:20px;
}

.highlight_box .post {
        font-size:1em;
        border:0px none;
        margin-bottom:0px;
        padding:0 0 0 0;
}

.highlight_box .post p {
        margin:0;
}

.highlight_box .post .date {
        display:none;
}

.highlight_box h2,
.highlight_box h3,
.highlight_box h4,
.highlight_box h5 {
        font-size:2em;
        border-bottom:10px solid #F5F5F5;
}

.highlight_box .post h2,
.highlight_box .post h3,
.highlight_box .post h4,
.highlight_box .post h5 {
        font-size:1.5em;
}

.readmore {
        display:block;
        text-align:left;
        font-weight:bold;
        clear:both;
        margin:1em 0 1em 0;
        color:#F78B0C;
}

.date { /* date & author */
        color : silver;
        float:right;
        line-height:2.3em;
        margin:1.5em 0 5px 10px;
        padding-left:5px;
        border-left:1px solid silver;
        font-size:.8em;
        text-align:center;
        position:relative;
        right:0;
}

.date_day {
        display:block;
        font-size:3em;
        text-align:right;
}

.date_month {
        display:block;
        font-size:3em;
        text-align:right;
        font-weight:bold;
}

.date_year {
        display:block;
        font-size:1.4em;
        line-height:.9em;
}

.postmetadata {
        margin:0;
        color:#515151;
        list-style-type:none;
}

#sidebar div ul li a:hover {color:#f78b0c;}

#content .postmetadata a {
        color : #f78b0c;
        border:none;
        text-decoration:none;
}

#content .postmetadata a:hover {
        border-bottom:1px dotted silver;
}

.gravatar {
        float:left;
        margin:0 5px 0 0;
        border:1px solid lightgray;
        vertical-align:middle;
}

#content .commentlist dt{
        /*        clear:both;*/
        position:absolute;
}

html > body #content .commentlist dt{
        position:static;
}

#content .commentlist dd {
        margin:0;
        padding:10px 3em 10px 10px; /* for ie not overlapping the comment with the date */
        font-size:1em;
        line-height:1.5em;
        color:silver;
        margin:0 0 1em 0;
}

html > body #content .commentlist dd {
        padding:10px;
}

#content .commentlist .comment {
        color:#000000;
}

#content .commentlist .date {
        margin-right:5px;
        font-size:.5em;
}

#content .commentlist .comment_text {
        margin-top:5px;
        display:block;
}

html > body #content .commentlist dd.author_comment {
        background:url(images/transp-80.png) #c9e45a !important;
        width:auto;
}

#content .commentlist dd.author_comment {
        background-color:#c9e45a !important;
        filter:alpha(opacity=20);
        width:510px;
}

#content .commentlist .author_comment .author,
#content .commentlist .author_comment .author a {
        color:#c9e45a !important;
        border-color:#c9e45a !important;
}


#content .commentlist dd.author_comment * { /* ie */
        filter:alpha(opacity=100);
        position:relative;
}

#content .commentlist dt.author_comment .date {
        color:#a5ba52 !important;
        border-color:#a5ba52 !important;
}

#content textarea#comment {
        font-size:1em;
        line-height:1.3em;
}

#commentform small {
        color:#515151;
}

.commentmetadata {

}

.entry {
        margin:0;
        text-align:justify;
}

.entry p {
        margin:1em 0 1em 0;
}