/*
Theme Name: Ille et bio
Theme URI: http://www.illeetbio.com
Description: 
Version: 1.01
Author: Fabien Roux
Author URI: 
*/
/*reset*/
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    margin: 0;
    padding: 0
    }
strong {
    text-transform: bold;
    /*color:#829f45;*/
    }
body {
    line-height: 1
    }
ol, ul, li {
    list-style: none
    }
blockquote, q {
    quotes: none
    }
blockquote:before, blockquote:after, q:before, q:after {
    content: none
    }
:focus, :active {
    outline: 0
    }
button {
    outline: none;
    margin: 0;
    padding: 0
    }
ins {
    text-decoration: none
    }
del {
    text-decoration: line-through
    }
table {
    border-collapse: collapse;
    border-spacing: 0
    }
/*general elements*/
body {
    font-family: arial, Helvetica, sans-serif;
    background-color: #ebeadb;
    height: 100%
    }
.hidden {
    display: none !important
    }
.clear {
    clear: both
    }
div.clear.right {
    clear: right;
    height: 0
    }
acronym, abbr, span.caps {
    cursor: help
    }
acronym, abbr {
    border-bottom: 1px dashed #999
    }
blockquote {
    margin: 20px 0 20px 0;
    padding-left: 20px;
    border-left: 5px solid #7c9742
    }
blockquote cite {
    margin: 5px 0 0;
    display: block
    }
.center {
    text-align: center
    }
.hidden {
    display: none
    }
.screen-reader-text {
    position: absolute;
    left: -1000em
    }
.container {
    width: 939px;
    margin: 0 auto
    }
a {
    color: #d25431;
    text-decoration: none
    }
a:hover {
    color: #d25431
    }
a.btnAllposts {
    text-indent: -9999px;
    display: block;
    clear: both;
    width: 113px;
    height: 40px;
    background: url(images/more.png) left top
    }
a.btnAllposts:hover {
    background-position: left bottom
    }
/*header*/
#header {
    width: 939px
    }
#heading, #heading #heading_right {
    background: url(images/header_side.png) no-repeat left top;
    height: 93px;
    padding-left: 5px
    }
#header.black #heading, #header.black #heading #heading_right {
    background-image: url(images/black/header_side.png)
    }
#header.blue #heading, #header.blue #heading #heading_right {
    background-image: url(images/blue/header_side.png)
    }
#header.green #heading, #header.green #heading #heading_right {
    background-image: url(images/green/header_side.png)
    }
#header.grey #heading, #header.grey #heading #heading_right {
    background-image: url(images/grey/header_side.png)
    }
#header.orange #heading, #header.orange #heading #heading_right {
    background-image: url(images/orange/header_side.png)
    }
#header.pink #heading, #header.pink #heading #heading_right {
    background-image: url(images/pink/header_side.png)
    }
#header.purple #heading, #header.purple #heading #heading_right {
    background-image: url(images/purple/header_side.png)
    }
#header.red #heading, #header.red #heading #heading_right {
    background-image: url(images/red/header_side.png)
    }
#header.yellow #heading, #header.yellow #heading #heading_right {
    background-image: url(images/yellow/header_side.png)
    }
#heading #heading_right {
    padding-left: 0;
    padding-right: 5px;
    background-position: right top
    }
#heading #heading_right #heading_bg {
    background: url(images/header_bg.png);
    height: 93px;
    padding: 0 11px 0 13px
    }
#heading h1, #heading h2 {
    float: left
    }
#heading h2 {
    color: #a3a39a;
    font-size: 14px;
    line-height: 91px;
    margin-left: 4px
    }
#heading #adv_468 {
    float: right;
    margin-top: 11px
    }
#heading #adv_468 a {
    background-color: #ebeadb;
    border: 1px solid #dbdac9;
    float: left;
    height: 60px;
    position: relative;
    padding: 4px
    }
#heading #adv_468 a:hover {
    border-color: #5fafa5
    }
#heading #adv_468 a:hover span.hidden {
    background-color: #FFF;
    position: absolute;
    width: 468px;
    height: 60px;
    left: 4px;
    top: 4px;
    display: block !important;
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2
    }
#heading .share {
    float: right;
    margin-top: 31px
    }
#heading .share li {
    float: left;
    margin-right: 11px
    }
/*navigation*/
#navigation {
    background: url(images/navigation_sides.png) no-repeat top right;
    padding-right: 5px;
    height: 40px;
    clear: both;
    width: 934px;
    padding-bottom: 2px;
    margin-bottom: 14px;
    font-size: 0.8em;
    font-weight: bold;
    text-transform: none
    }
#navigation.black {
    background-image: url(images/black/navigation_sides.png)
    }
#navigation.blue {
    background-image: url(images/blue/navigation_sides.png)
    }
#navigation.green {
    background-image: url(images/green/navigation_sides.png)
    }
#navigation.grey {
    background-image: url(images/grey/navigation_sides.png)
    }
#navigation.orange {
    background-image: url(images/orange/navigation_sides.png)
    }
#navigation.pink {
    background-image: url(images/pink/navigation_sides.png)
    }
#navigation.purple {
    background-image: url(images/purple/navigation_sides.png)
    }
#navigation.red {
    background-image: url(images/red/navigation_sides.png)
    }
#navigation.yellow {
    background-image: url(images/yellow/navigation_sides.png)
    }
#navigation a {
    color: #fff;
    display: block;
    padding: 0 19px
    }
#navigation a.home {
    width: 53px;
    height: 42px;
    padding-right: 0;
    background: url(images/home.png) left top no-repeat;
    padding-left: 21px;
    float: left;
    line-height: 40px;
    color: #fff
    }
#navigation.black a.home {
    background-image: url(images/black/home.png)
    }
#navigation.blue a.home {
    background-image: url(images/blue/home.png)
    }
#navigation.green a.home {
    background-image: url(images/green/home.png)
    }
#navigation.grey a.home {
    background-image: url(images/grey/home.png)
    }
#navigation.orange a.home {
    background-image: url(images/orange/home.png)
    }
#navigation.pink a.home {
    background-image: url(images/pink/home.png)
    }
#navigation.purple a.home {
    background-image: url(images/purple/home.png)
    }
#navigation.red a.home {
    background-image: url(images/red/home.png)
    }
#navigation.yellow a.home {
    background-image: url(images/yellow/home.png)
    }
#navigation ul.sf-menu {
    background: url(images/navigation_bg.png) repeat-x;
    height: 40px;
    width: 860px;
    float: left;
    padding-bottom: 2px
    }
#navigation ul li {
    background: url(images/navigation_sep.png) no-repeat right top;
    padding-right: 2px;
    float: left;
    line-height: 40px
    }
#navigation.black ul li {
    background-image: url(images/black/navigation_sep.png)
    }
#navigation.blue ul li {
    background-image: url(images/blue/navigation_sep.png)
    }
#navigation.green ul li {
    background-image: url(images/green/navigation_sep.png)
    }
#navigation.grey ul li {
    background-image: url(images/grey/navigation_sep.png)
    }
#navigation.orange ul li {
    background-image: url(images/orange/navigation_sep.png)
    }
#navigation.pink ul li {
    background-image: url(images/pink/navigation_sep.png)
    }
#navigation.purple ul li {
    background-image: url(images/purple/navigation_sep.png)
    }
#navigation.red ul li {
    background-image: url(images/red/navigation_sep.png)
    }
#navigation.yellow ul li {
    background-image: url(images/yellow/navigation_sep.png)
    }
#navigation ul li.lonely a {
    background: url(images/navigation_bg.png) left top
    }
#navigation ul li.popular.active {
    line-height: 32px;
    padding-right: 2px
    }
ul#nav li.popular.active > a {
    background: url(images/hover_test.png) no-repeat top left;
    margin-top: 4px;
    margin-left: 8px;
    padding-right: 8px;
    padding-left: 5px;
    color: #d25431;
    z-index: 1000;
    height: 36px;
    float: left;
    position: relative
    }
ul#nav li.popular.active > a span {
    background: url(images/hover_test.png) no-repeat bottom right;
    padding-right: 11px;
    display: block;
    height: 31px;
    padding-left: 6px;
    float: left
    }
ul#nav li.popular .menu-item-arrow {
    background: url(images/arrows.gif) -16px 0;
    width: 8px;
    height: 5px;
    float: none;
    margin-left: 5px;
    display: inline-block;
    line-height: 4px;
    padding: 0
    }
ul#nav li.popular.active .menu-item-arrow {
    background: url(images/arrows.gif) -8px 0;
    width: 8px;
    height: 5px;
    float: none;
    margin-left: 5px;
    display: inline-block;
    line-height: 4px;
    padding: 0
    }
.red ul#nav li.popular.active .menu-item-arrow, .red ul#nav li.popular .menu-item-arrow {
    background-image: url(images/red/arrows.gif)
    }
.black ul#nav li.popular.active .menu-item-arrow, .black ul#nav li.popular .menu-item-arrow {
    background-image: url(images/black/arrows.gif)
    }
.blue ul#nav li.popular.active .menu-item-arrow, .blue ul#nav li.popular .menu-item-arrow {
    background-image: url(images/blue/arrows.gif)
    }
.green ul#nav li.popular.active .menu-item-arrow, .green ul#nav li.popular .menu-item-arrow {
    background-image: url(images/green/arrows.gif)
    }
.grey ul#nav li.popular.active .menu-item-arrow, .grey ul#nav li.popular .menu-item-arrow {
    background-image: url(images/grey/arrows.gif)
    }
.orange ul#nav li.popular.active .menu-item-arrow, .orange ul#nav li.popular .menu-item-arrow {
    background-image: url(images/orange/arrows.gif)
    }
.pink ul#nav li.popular.active .menu-item-arrow, .pink ul#nav li.popular .menu-item-arrow {
    background-image: url(images/pink/arrows.gif)
    }
.purple ul#nav li.popular.active .menu-item-arrow, .purple ul#nav li.popular .menu-item-arrow {
    background-image: url(images/purple/arrows.gif)
    }
.yellow ul#nav li.popular.active .menu-item-arrow, .yellow ul#nav li.popular .menu-item-arrow {
    background-image: url(images/yellow/arrows.gif)
    }
ul#nav li.popular.active .child .menu-item-arrow {
    background-position: 0 0;
    display: block;
    float: right;
    right: 3px;
    top: 50%;
    width: 8px;
    position: absolute;
    margin-top: -2px
    }
ul#nav li.popular.active .child {
    padding-right: 11px;
    width: 101px
    }
ul#nav li.popular.active li.hover .child .menu-item-arrow {
    background-position: -24px 0;
    width: 8px
    }
#nav, #nav ul {
    list-style: none;
    line-height: 1;
    margin: 0;
    padding: 0
    }
#nav li div.outerbox {
    position: absolute;
    z-index: 19;
    left: -999em
    }
#nav li.active div.outerbox li.active.last div.outerbox {
    margin-top: -30px
    }
#nav li.active div.outerbox li.active.hover div.outerbox {
    margin-top: -29px
    }
#nav li.active div.outerbox li.active div.outerbox {
    z-index: 20;
    left: auto;
    margin: -29px 0 0 115px
    }
#nav li.active div.children li.active ul li a {
    color: #d25431
    }
#nav li.active div.children {
    left: 8px;
    top: 34px
    }
.outerbox, .innerbox {
    background: url(images/childul_tops.png) left top no-repeat;
    width: 140px;
    z-index: 2
    }
.outerbox {
    padding-top: 12px
    }
#nav ul.innerbox {
    background-position: right bottom;
    padding-bottom: 16px;
    float: left
    }
#nav ul li, #nav li.active .children li.active ul li {
    padding-left: 13px;
    padding-right: 15px;
    line-height: 24px;
    width: 112px;
    background: url(images/childul_bg.png)
    }
.red #nav ul li, .red #nav li.active .children li.active ul li {
    background-image: url(images/red/childul_bg.png)
    }
.black #nav ul li, .black #nav li.active .children li.active ul li {
    background-image: url(images/black/childul_bg.png)
    }
.grey #nav ul li, .grey #nav li.active .children li.active ul li {
    background-image: url(images/grey/childul_bg.png)
    }
.pink #nav ul li, .pink #nav li.active .children li.active ul li {
    background-image: url(images/pink/childul_bg.png)
    }
.purple #nav ul li, .purple #nav li.active .children li.active ul li {
    background-image: url(images/purple/childul_bg.png)
    }
.blue #nav ul li, .blue #nav li.active .children li.active ul li {
    background-image: url(images/blue/childul_bg.png)
    }
.green #nav ul li, .green #nav li.active .children li.active ul li {
    background-image: url(images/green/childul_bg.png)
    }
.orange #nav ul li, .orange #nav li.active .children li.active ul li {
    background-image: url(images/orange/childul_bg.png)
    }
.yellow #nav ul li, .yellow #nav li.active .children li.active ul li {
    background-image: url(images/yellow/childul_bg.png)
    }
#nav ul li a, #nav li.active .children li.active ul li a {
    border-top: 1px solid #e1e1d3;
    color: #d25431;
    display: block;
    padding: 0
    }
.red ul#nav li.popular.active > a, .red #nav ul li a, .red #nav li.active .children li.active ul li a {
    color: #95381f
    }
.black ul#nav li.popular.active > a, .black #nav ul li a, .black #nav li.active .children li.active ul li a {
    color: #55554b
    }
.grey ul#nav li.popular.active > a, .grey #nav ul li a, .grey #nav li.active .children li.active ul li a {
    color: #abab9d
    }
.pink ul#nav li.popular.active > a, .pink #nav ul li a, .pink #nav li.active .children li.active ul li a {
    color: #ce5c8d
    }
.purple ul#nav li.popular.active > a, .purple #nav ul li a, .purple #nav li.active .children li.active ul li a {
    color: #8a3e77
    }
.blue ul#nav li.popular.active > a, .blue #nav ul li a, .blue #nav li.active .children li.active ul li a {
    color: #388ca6
    }
.green ul#nav li.popular.active > a, .green #nav ul li a, .green #nav li.active .children li.active ul li a {
    color: #9da12d
    }
.orange ul#nav li.popular.active > a, .orange #nav ul li a, .orange #nav li.active .children li.active ul li a {
    color: #c2771d
    }
.yellow ul#nav li.popular.active > a, .yellow #nav ul li a, .yellow #nav li.active .children li.active ul li a {
    color: #c8a024
    }
#nav ul li a:hover, #nav li.active .children li.active ul li a:hover {
    color: #fff
    }
#nav ul li.last a.child, #nav li.active .children li.active ul li.last a {
    border-bottom: 1px solid #e1e1d3
    }
#nav ul li.hover, #nav li.active .children li.active ul li.hover {
    border-top: 1px solid #7db9b2;
    border-bottom: 1px solid #7db9b2;
    background-position: top right
    }
.red #nav ul li.hover, .red #nav li.active .children li.active ul li.hover {
    border-top: 1px solid #be4f30;
    border-bottom: 1px solid #be4f30
    }
.black #nav ul li.hover, .black #nav li.active .children li.active ul li.hover {
    border-top: 1px solid #515146;
    border-bottom: 1px solid #515146
    }
.grey #nav ul li.hover, .grey #nav li.active .children li.active ul li.hover {
    border-top: 1px solid #c1c1b1;
    border-bottom: 1px solid #c1c1b1
    }
.pink #nav ul li.hover, .pink #nav li.active .children li.active ul li.hover {
    border-top: 1px solid #c65988;
    border-bottom: 1px solid #c65988
    }
.purple #nav ul li.hover, .purple #nav li.active .children li.active ul li.hover {
    border-top: 1px solid #ac5696;
    border-bottom: 1px solid #ac5696
    }
.blue #nav ul li.hover, .blue #nav li.active .children li.active ul li.hover {
    border-top: 1px solid #58a4bb;
    border-bottom: 1px solid #58a4bb
    }
.green #nav ul li.hover, .green #nav li.active .children li.active ul li.hover {
    border-top: 1px solid #bec44e;
    border-bottom: 1px solid #bec44e
    }
.orange #nav ul li.hover, .orange #nav li.active .children li.active ul li.hover {
    border-top: 1px solid #e0b828;
    border-bottom: 1px solid #e0b828
    }
.yellow #nav ul li.hover, .yellow #nav li.active .children li.active ul li.hover {
    border-top: 1px solid #da9d43;
    border-bottom: 1px solid #da9d43
    }
#nav ul li.hover a.child, #nav li.active .children li.active ul li.hover a {
    border: none;
    color: #fff
    }
#nav ul li.next a, #nav li.active .children li.active ul li.next a {
    border-top: none
    }
#navigation a.home:hover, #navigation ul li.lonely a:hover {
    background-position: bottom left
    }
#navigation.black ul.sf-menu, #navigation.black ul li.lonely a {
    background-image: url(images/black/navigation_bg.png)
    }
#navigation.blue ul.sf-menu, #navigation.blue ul li.lonely a {
    background-image: url(images/blue/navigation_bg.png)
    }
#navigation.green ul.sf-menu, #navigation.green ul li.lonely a {
    background-image: url(images/green/navigation_bg.png)
    }
#navigation.grey ul.sf-menu, #navigation.grey ul li.lonely a {
    background-image: url(images/grey/navigation_bg.png)
    }
#navigation.orange ul.sf-menu, #navigation.orange ul li.lonely a {
    background-image: url(images/orange/navigation_bg.png)
    }
#navigation.pink ul.sf-menu, #navigation.pink ul li.lonely a {
    background-image: url(images/pink/navigation_bg.png)
    }
#navigation.purple ul.sf-menu, #navigation.purple ul li.lonely a {
    background-image: url(images/purple/navigation_bg.png)
    }
#navigation.red ul.sf-menu, #navigation.red ul li.lonely a {
    background-image: url(images/red/navigation_bg.png)
    }
#navigation.yellow ul.sf-menu, #navigation.yellow ul li.lonely a {
    background-image: url(images/yellow/navigation_bg.png)
    }
#navigation ul li.popular, #nav ul li a.child {
    position: relative
    }
/*RSS*/
#rss {
    float: left;
    width: 226px;
    height: 61px;
    margin-right: 17px
    }
#rss a {
    background: url(images/rss.png) left top no-repeat;
    width: 162px;
    height: 27px;
    display: block;
    color: #f1cbc1;
    padding-top: 34px;
    padding-left: 64px;
    font-weight: 700;
    font-size: 0.95em
    }
#rss a:hover {
    color: #efbcae;
    background-position: left bottom
    }
#rss a span {
    color: #e29783;
    font-weight: 400;
    font-size: 0.9em
    }
#rss a:hover span {
    color: #e69983
    }
#rss.black a {
    background-image: url(images/black/rss.png);
    color: #cfcfcb
    }
#rss.black a span {
    color: #9d9d96
    }
#rss.black a:hover {
    color: #b8b8b3
    }
#rss.black a:hover span {
    color: #a6a6a0
    }
#rss.blue a {
    background-image: url(images/blue/rss.png);
    color: #c2e1e9
    }
#rss.blue a span {
    color: #95cad8
    }
#rss.blue a:hover {
    color: #c4e5ed
    }
#rss.blue a:hover span {
    color: #99d1e0
    }
#rss.green a {
    background-image: url(images/green/rss.png);
    color: #e7e9b5
    }
#rss.green a span {
    color: #dcdf8e
    }
#rss.green a:hover {
    color: #eff1c7
    }
#rss.green a:hover span {
    color: #dfe28f
    }
#rss.grey a {
    background-image: url(images/grey/rss.png);
    color: #efefeb
    }
#rss.grey a span {
    color: #e2e2db
    }
#rss.grey a:hover {
    color: #f1f1ec
    }
#rss.grey a:hover span {
    color: #e6e6df
    }
#rss.orange a {
    background-image: url(images/orange/rss.png);
    color: #f6dfb9
    }
#rss.orange a span {
    color: #f1c987
    }
#rss.orange a:hover {
    color: #fae7c5
    }
#rss.orange a:hover span {
    color: #f5ce8a
    }
#rss.pink a {
    background-image: url(images/pink/rss.png);
    color: #efc2d5
    }
#rss.pink a span {
    color: #e6a1bf
    }
#rss.pink a:hover {
    color: #f6d6e4
    }
#rss.pink a:hover span {
    color: #ecaac7
    }
#rss.purple a {
    background-image: url(images/purple/rss.png);
    color: #e8c3df
    }
#rss.purple a span {
    color: #dda4ce
    }
#rss.purple a:hover {
    color: #f2d4ea
    }
#rss.purple a:hover span {
    color: #e5aad6
    }
#rss.teal a {
    background-image: url(images/teal/rss.png);
    color: #d1edea
    }
#rss.teal a span {
    color: #a1dad4
    }
#rss.teal a:hover {
    color: #d3f1ee
    }
#rss.teal a:hover span {
    color: #a6e3dd
    }
#rss.yellow a {
    background-image: url(images/yellow/rss.png);
    color: #f8e8a5
    }
#rss.yellow a span {
    color: #f6e08f
    }
#rss.yellow a:hover {
    color: #fcf2c9
    }
#rss.yellow a:hover span {
    color: #fae592
    }
/*search*/
#search {
    background: url(images/search_sides.png) top left no-repeat;
    height: 60px;
    float: left;
    padding-left: 6px;
    width: 690px;
    margin-top: 1px
    }
#search #search_right {
    background: url(images/search_sides.png) bottom right no-repeat;
    padding-right: 6px;
    height: 60px;
    width: 684px
    }
#search #search_right #search_bg {
    background: url(images/search_bg.png);
    height: 49px;
    padding-left: 10px;
    padding-top: 11px;
    width: 674px
    }
#search .input-holder {
    background: url(images/seach_input.png);
    float: left;
    width: 429px;
    height: 36px
    }
#search .input-holder.focusField {
    background-position: bottom left
    }
#search .input-holder input {
    width: 380px;
    height: 24px;
    border: none;
    background: none;
    color: #bfbfb8;
    line-height: 24px;
    padding: 6px 12px 6px 35px
    }
#search .input-holder.focusField input {
    color: #838375
    }
#search .searchBtn {
    background: url(images/search_btn.png) top;
    width: 83px;
    height: 40px;
    border: none;
    float: left;
    cursor: pointer;
    margin-top: -1px
    }
#search.black .searchBtn {
    background-image: url(images/black/search_btn.png)
    }
#search.blue .searchBtn {
    background-image: url(images/blue/search_btn.png)
    }
#search.green .searchBtn {
    background-image: url(images/green/search_btn.png)
    }
#search.grey .searchBtn {
    background-image: url(images/grey/search_btn.png)
    }
#search.orange .searchBtn {
    background-image: url(images/orange/search_btn.png)
    }
#search.pink .searchBtn {
    background-image: url(images/pink/search_btn.png)
    }
#search.purple .searchBtn {
    background-image: url(images/purple/search_btn.png)
    }
#search.teal .searchBtn {
    background-image: url(images/teal/search_btn.png)
    }
#search.yellow .searchBtn {
    background-image: url(images/yellow/search_btn.png)
    }
#search .searchBtn.hover {
    background-position: bottom
    }
#search a#cat-button {
    float: left;
    margin-left: 8px;
    margin-right: 6px;
    background: url(images/categoriesBtn.png) top left;
    height: 38px;
    padding-left: 15px;
    font-size: 0.8em;
    width: 125px
    }
#box-outer {
    overflow: hidden;
    height: 40px;
    position: absolute;
    width: 138px
    }
ul#cat-menu {
    background: url(images/categoriesLst.png) bottom left no-repeat;
    font-size: 0.75em;
    width: 100%;
    z-index: 5;
    position: absolute;
    text-transform: capitalize;
    padding: 6px 0
    }
ul#cat-menu li {
    line-height: 24px;
    padding: 0 10px
    }
ul#cat-menu li a {
    border-top: 1px solid #e1e1d3;
    border-bottom: 1px solid #e1e1d3;
    padding-left: 14px;
    background: url(images/categoriesRbt.png) no-repeat left center
    }
ul#cat-menu li a:hover {
    background-position: -118px center
    }
ul#cat-menu li.ui-selectmenu-item-selected a {
    background-position: -236px center
    }
ul#cat-menu li + li a {
    border-top: none
    }
#search a#cat-button span {
    background: url(images/categoriesBtn.png) top right;
    height: 38px;
    line-height: 35px;
    padding-right: 20px
    }
#search a#cat-button:hover {
    background-position: left -38px;
    color: #3d7770
    }
#search a#cat-button:hover span {
    background-position: right -38px
    }
#search a#cat-button.ui-state-active {
    background-position: left bottom;
    color: #3d7770
    }
#search a#cat-button.ui-state-active span {
    background-position: right bottom
    }
.ui-selectmenu {
    display: block;
    position: relative;
    height: 2em;
    text-decoration: none;
    overflow: hidden
    }
.ui-selectmenu-icon {
    position: absolute;
    right: 6px;
    margin-top: -8px;
    top: 50%
    }
.ui-selectmenu-menu {
    list-style: none;
    position: absolute;
    top: 0;
    overflow: auto;
    margin: 0;
    padding: 0
    }
.ui-selectmenu-open {
    visibility: visible
    }
.ui-selectmenu-menu-popup {
    margin-top: -1px
    }
.ui-selectmenu-menu li {
    display: block;
    border-top: 1px dotted transparent;
    border-bottom: 1px dotted transparent;
    border-right-width: 0 !important;
    border-left-width: 0 !important;
    font-weight: 400 !important;
    margin: 0;
    padding: 0
    }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status {
    padding-left: 20px;
    position: relative;
    margin-left: 5px
    }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon {
    position: absolute;
    top: 1em;
    margin-top: -8px;
    left: 0
    }
/*content*/
#content_container {
    margin-top: 13px;
    clear: both
    }
#content_container {
    background: url(images/content_tops.png) no-repeat top left;
    float: left;
    /*hoe anders oplossen?*/
    padding-top: 4px;
    width: 937px
    }
#content_container_bg {
    padding: 30px 29px 19px;
    float: left;
    /*hoe anders oplossen?*/
    width: 880px;
    background: url(images/content_bg.png)
    }
#content_container #content {
    float: left;
    width: 566px;
    margin-right: 25px
    }
#content_container_bg_noside {
    padding: 30px 29px 19px;
    float: left;
    /*hoe anders oplossen?*/
    width: 880px;
    background: url(images/content_bg.png)
    }
#content_container #content_noside {
    float: left;
    width: 880px;
    margin-right: 25px
    }
/*featured posts*/
#content #featured_posts {
    width: 563px;
    height: 181px;
    margin-bottom: 14px;
    margin-left: 2px
    }
#slider {
    width: 563px;
    position: relative;
    margin: 0 auto
    }
#slider .borders {
    background: url(images/banner_borders.png);
    position: absolute;
    left: 0;
    top: 0;
    width: 563px;
    height: 181px;
    z-index: 1
    }
#slider ul.navigation {
    position: absolute;
    z-index: 3;
    background: url(images/banner_nav_bg.png);
    width: 145px;
    height: 36px;
    bottom: 7px;
    right: 11px;
    padding: 0 3px
    }
#slider ul.navigation li {
    display: block;
    float: left;
    width: 29px
    }
#featured_posts #slider ul.navigation li a, #featured_posts.teal #slider ul.navigation li a {
    background: url(images/banner_nav_li_bg.png) no-repeat top left;
    display: block;
    width: 26px;
    height: 26px;
    padding-bottom: 2px;
    line-height: 26px;
    text-align: center;
    color: #e5e5d6;
    font-size: 0.9em;
    margin: 5px 1px 5px 2px
    }
#featured_posts.black #slider ul.navigation li a {
    background-image: url(images/black/banner_nav_li_bg.png)
    }
#featured_posts.blue #slider ul.navigation li a {
    background-image: url(images/blue/banner_nav_li_bg.png)
    }
#featured_posts.green #slider ul.navigation li a {
    background-image: url(images/green/banner_nav_li_bg.png)
    }
#featured_posts.grey #slider ul.navigation li a {
    background-image: url(images/grey/banner_nav_li_bg.png)
    }
#featured_posts.orange #slider ul.navigation li a {
    background-image: url(images/orange/banner_nav_li_bg.png)
    }
#featured_posts.pink #slider ul.navigation li a {
    background-image: url(images/pink/banner_nav_li_bg.png)
    }
#featured_posts.purple #slider ul.navigation li a {
    background-image: url(images/purple/banner_nav_li_bg.png)
    }
#featured_posts.red #slider ul.navigation li a {
    background-image: url(images/red/banner_nav_li_bg.png)
    }
#featured_posts.yellow #slider ul.navigation li a {
    background-image: url(images/yellow/banner_nav_li_bg.png)
    }
#featured_posts #slider ul.navigation li a:hover {
    background-position: 0 -28px
    }
#featured_posts #slider ul.navigation li a.selected {
    background-position: 0 -56px;
    color: #8b8b7e
    }
.scroll {
    overflow: auto;
    position: relative;
    clear: left;
    width: 563px;
    height: 181px
    }
.scrollContainer div.panel {
    height: 181px;
    width: 563px;
    background: url(images/banner.jpg);
    position: relative
    }
.scrollContainer div.panel .content {
    position: absolute;
    background: url(images/banner.png);
    width: 312px;
    height: 122px;
    left: 15px;
    top: 18px;
    z-index: 2;
    color: #838375;
    padding: 12px 15px 10px
    }
.scrollContainer div.panel .content a:hover {
    color: #fff
    }
.scrollContainer div.panel .content a {
    color: #898983
    }
/*cufon*/
.scrollContainer div.panel .content h2 a {
    color: #CA4F2E;
    font-size: 1.2em
    }
.scrollContainer div.panel .content h2 a:hover {
    color: #9e3114
    }
.scrollContainer div.panel .content p {
    display: block;
    font-size: 0.8em;
    height: 66px;
    margin-top: 5px;
    margin-bottom: 15px;
    line-height: 19px;
    text-align: justify
    }
.scrollContainer div.panel .content a.story, .scrollContainer div.panel .content a.comments {
    font-size: 0.8em;
    float: left
    }
.scrollContainer div.panel .content a.comments {
    float: right
    }
/*posts*/
#content div#posts {
    clear: both;
    width: 567px;
    margin-bottom: 11px
    }
#content div#posts .post {
    margin-right: 11px;
    background: url(images/post_bg.gif) repeat-y;
    width: 278px;
    float: left;
    margin-bottom: 11px
    }
#content div#posts .post.right {
    margin-right: 0
    }
#content div#posts .post .categorie, #content div#posts.teal .post .categorie {
    background: url(images/post_top.png);
    height: 33px;
    width: 278px;
    color: #fff;
    line-height: 33px
    }
#content div#posts.black .post .categorie {
    background: url(images/black/post_top.png)
    }
#content div#posts.blue .post .categorie {
    background: url(images/blue/post_top.png)
    }
#content div#posts.green .post .categorie {
    background: url(images/green/post_top.png)
    }
#content div#posts.grey .post .categorie {
    background: url(images/grey/post_top.png)
    }
#content div#posts.orange .post .categorie {
    background: url(images/orange/post_top.png)
    }
#content div#posts.pink .post .categorie {
    background: url(images/pink/post_top.png)
    }
#content div#posts.purple .post .categorie {
    background: url(images/purple/post_top.png)
    }
#content div#posts.red .post .categorie {
    background: url(images/red/post_top.png)
    }
#content div#posts.yellow .post .categorie {
    background: url(images/yellow/post_top.png)
    }
#content #posts .post .categorie h3 {
    margin-left: 14px;
    font-size: 0.9em;
    font-weight: 100;
    float: left;
    color: #fff
    }
#content #posts .post .categorie h3 a, #content #posts .post .categorie h3 a:hover {
    color: #fff
    }
#content #posts .post .categorie .icons {
    margin-right: 6px;
    float: right;
    margin-top: 10px
    }
#content #posts .post .categorie .icons a, #content #posts.teal .post .categorie .icons a {
    background: url(images/post_icons.png) left top;
    height: 14px;
    width: 14px;
    display: block;
    float: left;
    margin-right: 6px;
    cursor: pointer
    }
#content #posts.black .post .categorie .icons a {
    background-image: url(images/black/post_icons.png)
    }
#content #posts.blue .post .categorie .icons a {
    background-image: url(images/blue/post_icons.png)
    }
#content #posts.green .post .categorie .icons a {
    background-image: url(images/green/post_icons.png)
    }
#content #posts.grey .post .categorie .icons a {
    background-image: url(images/grey/post_icons.png)
    }
#content #posts.orange .post .categorie .icons a {
    background-image: url(images/orange/post_icons.png)
    }
#content #posts.pink .post .categorie .icons a {
    background-image: url(images/pink/post_icons.png)
    }
#content #posts.purple .post .categorie .icons a {
    background-image: url(images/purple/post_icons.png)
    }
#content #posts.red .post .categorie .icons a {
    background-image: url(images/red/post_icons.png)
    }
#content #posts.yellow .post .categorie .icons a {
    background-image: url(images/yellow/post_icons.png)
    }
#content #posts .post .categorie .icons a:hover {
    background-position: 0 -14px
    }
#content #posts .post .categorie .icons a.clicked {
    background-position: left bottom
    }
#content #posts .post .min {
    height: 233px
    }
#content #posts .post .text {
    padding: 12px 14px
    }
#content #posts .post .text .thumb_cont {
    margin-bottom: 9px;
    float: none;
    margin-right: 0
    }
#content #posts .post .text a.thumb {
    background-color: #ebeadb;
    border: 1px solid #dbdac9;
    width: 240px;
    height: 88px;
    display: block;
    position: relative;
    padding: 4px
    }
#content #posts .post .text a.thumb:hover {
    background-color: #e6e5d3;
    border-color: #5fafa5
    }
#content #posts .post .text a.thumb:hover span.hidden {
    background-color: #FFF;
    position: absolute;
    width: 254px;
    height: 88px;
    left: 4px;
    top: 4px;
    display: block !important;
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2
    }
/*cufon*/
#content #posts .post .text h2 a {
    color: #ca4f2e;
    font-size: 1.2em
    }
#content #posts .post .text h2 a:hover {
    color: #9e3114
    }
#content #posts .post .text p {
    color: #43433c;
    font-size: 0.8em;
    text-align: justify;
    margin-top: 10px
    }
#content #posts .post .more {
    clear: both
    }
#content #posts .post .more a {
    background: url(images/read_more.png) no-repeat top left;
    width: 278px;
    height: 32px;
    padding-bottom: 4px;
    display: block;
    text-align: center;
    line-height: 32px;
    font-size: 0.85em
    }
#content #posts .post .more a:hover {
    background-position: bottom left;
    color: #23665f
    }
/*sidebar*/
#sidebar {
    width: 289px;
    float: left
    }
#sidebar #newsletter {
    background: url(images/newsletter.png) repeat scroll 0 0 transparent;
    height: 43px;
    margin-bottom: 13px;
    padding-left: 14px;
    padding-right: 12px;
    padding-top: 40px;
    width: 263px
    }
#sidebar #newsletter .input-holder {
    float: left
    }
#sidebar #newsletter .input-holder input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #838375;
    height: 19px;
    width: 179px;
    line-height: 19px;
    padding: 6px 9px
    }
#sidebar #newsletter .emailBtn {
    background: url(images/btnNewsletter.png) left top;
    width: 62px;
    height: 33px;
    border: none;
    margin-left: 4px;
    margin-top: -1px;
    cursor: pointer;
    float: left
    }
#sidebar #newsletter .emailBtn.hover {
    background-position: left bottom
    }
#sidebar #newsletter.black {
    background-image: url(images/black/newsletter.png)
    }
#sidebar #newsletter.blue {
    background-image: url(images/blue/newsletter.png)
    }
#sidebar #newsletter.green {
    background-image: url(images/green/newsletter.png)
    }
#sidebar #newsletter.grey {
    background-image: url(images/grey/newsletter.png)
    }
#sidebar #newsletter.orange {
    background-image: url(images/orange/newsletter.png)
    }
#sidebar #newsletter.pink {
    background-image: url(images/pink/newsletter.png)
    }
#sidebar #newsletter.purple {
    background-image: url(images/purple/newsletter.png)
    }
#sidebar #newsletter.red {
    background-image: url(images/red/newsletter.png)
    }
#sidebar #newsletter.yellow {
    background-image: url(images/yellow/newsletter.png)
    }
#sidebar #adv_125 {
    margin-left: 2px;
    width: 287px;
    margin-bottom: 19px
    }
#sidebar #adv_125 a.adv {
    position: relative;
    background-color: #ebeadb;
    border: 1px solid #dbdac9;
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
    padding: 4px
    }
#sidebar #adv_125 a.even {
    margin-right: 0
    }
#sidebar #adv_125 a.adv:hover {
    border-color: #5fafa5
    }
#sidebar #adv_125 a.adv:hover span.hidden {
    background-color: #FFF;
    position: absolute;
    width: 125px;
    height: 125px;
    left: 4px;
    top: 4px;
    display: block !important;
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2
    }
#sidebar #adv_125 #adv_w_us {
    margin-left: -2px;
    clear: both
    }
#sidebar #adv_125 #adv_w_us a {
    width: 272px;
    height: 33px;
    display: block;
    text-align: center;
    line-height: 33px;
    font-size: 0.9em;
    padding-bottom: 2px
    }
/*tabs*/
#tabs {
    padding-top: 37px;
    position: relative;
    margin-bottom: 13px
    }
#tabs ul.tabs {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0.75em
    }
#tabs ul.tabs li {
    display: block;
    float: left;
    margin-top: 1px;
    margin-right: 4px
    }
#tabs ul.tabs li a {
    background: url(images/tabs.png) no-repeat -98px 0;
    height: 38px;
    display: block;
    padding-left: 5px;
    line-height: 38px;
    color: #76766a;
    cursor: pointer
    }
#tabs ul.tabs li a:hover {
    background-position: -98px -42px
    }
#tabs ul.tabs li a span {
    background: url(images/tabs.png) no-repeat top right;
    height: 38px;
    display: block;
    padding-right: 13px;
    padding-left: 8px;
    line-height: 36px
    }
#tabs ul.tabs li a:hover span {
    background-position: right bottom;
    color: #d25431
    }
#tabs ul.tabs li.first a {
    height: 40px;
    background-position: left top
    }
#tabs ul.active {
    display: block
    }
#tabs ul.tabs li.ui-tabs-selected {
    margin-top: 0
    }
#tabs ul.tabs li.ui-tabs-selected a, #tabs ul.tabs li.ui-tabs-selected a span {
    background-image: url(images/tabs_active.png);
    background-position: left bottom;
    height: 39px;
    line-height: 39px;
    color: #d25431
    }
#tabs ul.tabs li.ui-tabs-selected.first a {
    height: 41px;
    background-position: left top
    }
#tabs ul.tabs li.ui-tabs-selected.first a span {
    background-position: right top
    }
#tabs ul.tabs li.ui-tabs-selected.first a:hover {
    background-position: left top
    }
#tabs #tabtop {
    background: url(images/tabs_content_tops.png);
    width: 289px;
    height: 5px;
    clear: both
    }
#tabs .tab {
    width: 289px;
    clear: both;
    font-size: 0.8em
    }
#tabs .tab div.bottom {
    background: url(images/tabs_content_tops.png) bottom;
    padding-bottom: 7px;
    width: 289px
    }
#tabs .tab div.cont {
    background: url(images/tabs_content.gif) repeat-y;
    width: 283px;
    padding: 8px 3px 7px
    }
#tabs .tab div.cont ul li {
    padding-left: 11px;
    padding-right: 13px;
    font-size: 0.9em;
    width: 259px
    }
#tabs .tab div.cont ul.small li a, #tabs .tab div.cont ul.big li span.element {
    line-height: 30px;
    height: 30px;
    color: #d25431;
    display: block;
    border-top: 1px solid #e1e1d3;
    border-bottom: 1px solid #e1e1d3;
    position: relative
    }
#tabs .tab div.cont ul.small li a span.ct {
    position: absolute;
    right: 0;
    background: url(images/count_comments.gif) no-repeat left top;
    height: 13px;
    padding-left: 16px;
    top: 9px;
    line-height: 12px
    }
#tabs .tab div.cont ul li.hover {
    border-top: 1px solid #7db9b2;
    border-bottom: 1px solid #7db9b2;
    background-color: #6fd2c8
    }
#tabs .tab div.cont ul.small li.prev a, #tabs .tab div.cont ul.big li.prev span.element {
    border-bottom: none
    }
#tabs .tab div.cont ul.small li.hover a, #tabs .tab div.cont ul.big li.hover span.element {
    border: none;
    color: #fff
    }
#tabs .tab div.cont ul.small li.hover a span.ct {
    background-position: left bottom;
    color: #23665f
    }
#tabs .tab div.cont ul.big li span.element {
    display: block;
    height: 69px;
    line-height: normal;
    padding: 5px 0
    }
#tabs .tab div.cont ul.big li a {
    line-height: normal
    }
#tabs .tab div.cont ul.big li.hover a {
    color: #d4f2ef
    }
#tabs .tab div.cont ul.big li span.text {
    display: block;
    margin-top: 5px;
    word-wrap: break-word;
    color: #76766a
    }
#tabs .tab div.cont ul.big li.hover span.text {
    color: #37837b
    }
#tabs .tab div.cont ul.big li a.author {
    background: url(images/count_comments.gif) no-repeat 0 2px;
    height: 13px;
    padding-left: 16px;
    margin-top: 1px
    }
#tabs .tab div.cont ul.big li.hover a.author {
    background-position: 0 -13px
    }
#tabs ul.tabs li.first a:hover, #tabs ul.tabs li.ui-tabs-selected a:hover {
    background-position: left bottom
    }
#tabs ul.tabs li.ui-tabs-selected a span, #tabs ul.tabs li.ui-tabs-selected a:hover span {
    background-position: right bottom
    }
#tabs .tab div.cont ul.small li + li a, #tabs .tab div.cont ul.big li + li span.element, #tabs .tab div.cont ul.small li.next li a, #tabs .tab div.cont ul.big li.next li span.element {
    border-top: none
    }
/*footer*/
#footer_bg {
    width: 100%;
    background-color: #ebeadb;
    clear: both;
    padding-bottom: 15px
    }
#footer_bg .hr {
    height: 1px;
    background-color: #E6E6DA;
    clear: both;
    margin: 0 2px !important
    }
#footer_bg .hr.scnd {
    background-color: #dedece
    }
#footer {
    clear: both;
    width: 878px;
    float: left;
    background: url(images/footer_bg.png) repeat-y;
    padding: 26px 30px 23px
    }
#footer .box {
    border-right: 1px solid #dadad1;
    float: left;
    padding-right: 5px;
    margin-right: 20px;
    text-transform: capitalize
    }
#footer h3 {
    margin-bottom: 11px;
    font-weight: 400;
    font-size: 1.2em
    }
#footer h3 a {
    color: #ca4f2e
    }
#footer h3 a:hover {
    color: #9e3114
    }
#footer ul {
    float: left
    }
#footer li {
    font-size: 0.8em;
    margin-bottom: 10px;
    margin-right: 15px
    }
#footer li a {
    color: #d25431
    }
#footer li a:hover {
    color: #23665f
    }
#love {
    background: url(images/credits.png);
    height: 37px;
    width: 939px;
    clear: both;
    text-align: center;
    color: #76766a;
    line-height: 33px;
    font-size: 0.75em;
    position: relative
    }
#love p a.icon {
    background: url(functions/monkpanel/images/icon.png);
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: -7px
    }
#love p a.icon:hover {
    background-position: right top
    }
/*search page*/
#content.search #postcontainer .post {
    margin-right: 0;
    background: none;
    clear: both
    }
#content.search #postcontainer h1.title a {
    color: #ca4f2e
    }
#content.search #postcontainer h1.title a:hover {
    color: #9e3114
    }
.search a.more {
    width: 75px;
    clear: both
    }
/*general stuff*/
.page h2.results {
    color: #838375;
    font-size: 1.5em
    }
.page h2.results span {
    color: #ca4f2e
    }
#content #postcontainer ul li {
    background: url(images/ul.png) no-repeat scroll 0 6px transparent;
    color: #838375;
    font-size: 0.8em;
    line-height: 24px;
    padding-left: 20px
    }
#content #postcontainer ulrouge li {
    background: url(images/ulred.png) no-repeat scroll 0 6px transparent;
    color: #838375;
    font-size: 0.8em;
    line-height: 24px;
    padding-left: 20px
    }
#content #postcontainer ulbleu li {
    background: url(images/ulbleu.png) no-repeat scroll 0 6px transparent;
    color: #838375;
    font-size: 0.8em;
    line-height: 24px;
    padding-left: 20px
    }
#content #postcontainer ol li {
    color: #838375;
    font-size: 0.9em;
    padding-left: 34px;
    background: url(images/ol_1.png) no-repeat left center;
    line-height: 32px
    }
#content #postcontainer p, #respond p {
    color: #43433c;
    font-size: 0.8em;
    margin-bottom: 30px;
    line-height: 15px;
    padding: 0;
    text-align: justify
    }
#content.search #postcontainer .post p {
    margin-bottom: 10px
    }
#content #postcontainer .post p, #content #postcontainer .post img {
    margin-bottom: 10px
    }
#content #postcontainer .post ul {
    margin-bottom: 25px
    }
#content #postcontainer .post ol {
    margin-bottom: 29px
    }
#content #postcontainer h1, .comments h2, .share h2, .comment h2 {
    color: #4e4b37;
    font-size: 1.6em
    }
#content #postcontainer .post h1, #content #postcontainer .post h2, #content #postcontainer .post h3, #content #postcontainer .post h4, #content #postcontainer .post h5, #content #postcontainer .post h6 {
    margin-bottom: 0;
    color: #4e4b37;
    clear: both
    }
#content #postcontainer h1 a, #content #postcontainer h2 a, #content #postcontainer h3 a, #content #postcontainer h4 a, #content #postcontainer h5 a, #content #postcontainer h1 span, #content #postcontainer h2 span, #content #postcontainer h3 span, #content #postcontainer h4 span, #content #postcontainer h5 span {
    color: #ca4f2e
    }
#content #postcontainer .post h2 {
    font-size: 1.5em
    }
#content #postcontainer .post h3 {
    font-size: 1.4em
    }
#content #postcontainer .post h4 {
    font-size: 1.3em
    }
#content #postcontainer .post h5 {
    font-size: 1.2em
    }
#content #postcontainer .post h6 {
    font-size: 1.4em;
    margin-bottom: 0
    }
#postcontainer hr {
    background-color: #ebeadb;
    margin-top: 18px;
    margin-bottom: 16px;
    border: none;
    height: 1px;
    clear: both
    }
.search .thumb_cont {
    height: 113px
    }
.thumb_cont {
    position: relative;
    width: 250px;
    height: 98px;
    float: left;
    margin-right: 12px
    }
.thumb_cont .thumb {
    background-color: #EBEADB;
    border: 1px solid #DBDAC9;
    display: block;
    height: 88px;
    width: 240px;
    padding: 4px
    }
.search .thumb_cont .thumb, .search .thumb_cont .thumb:hover span.hidden {
    height: 103px
    }
.thumb_cont .thumb:hover {
    border-color: #5fafa5
    }
.thumb_cont .thumb:hover span.hidden {
    background-color: #FFF;
    position: absolute;
    width: 254px;
    height: 88px;
    left: 4px;
    top: 4px;
    display: block !important;
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2
    }
a.comments_balloon {
    display: block;
    position: absolute;
    background: url(images/comments.png) left top;
    width: 31px;
    height: 22px;
    line-height: 22px;
    color: #49a69e;
    text-align: center;
    font-size: 0.7em;
    top: 12px;
    right: 9px;
    padding-bottom: 7px
    }
a.comments_balloon:hover {
    background-position: left bottom;
    color: #286d66
    }
div.tida {
    display: inline-block;
    margin-bottom: 10px;
    width: 304px
    }
#content #postcontainer h1.title {
    float: left;
    color: #ca4f2e;
    margin-bottom: 0
    }
#content #postcontainer h1.title span.date {
    color: #d6d5c7;
    font-size: 0.8em;
    margin-left: 10px
    }
/*comments*/
.comments.block {
    position: relative
    }
.comments .item {
    overflow: hidden;
    position: relative;
    padding: 10px 0 13px 34px
    }
.comments .children, .grandchildren {
    clear: left;
    padding-left: 26px;
    position: relative
    }
* html .comments .info {
    margin: 0 7px 0 0
    }
.comments div.avatar {
    display: inline;
    position: relative;
    z-index: 3;
    background: #fff;
    margin: -10px 8px 0 -34px;
    padding: 13px 0 0
    }
.comments .avatar a {
    display: block;
    position: relative
    }
.comments .avatar a:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7
    }
.comments .avatar img {
    display: block
    }
.comments .avatar .border {
    position: absolute;
    background: url(images/gravatar_borders.png);
    width: 65px;
    height: 65px;
    top: 13px;
    left: 0
    }
.comments .line {
    width: 19px;
    height: 9999px;
    border: solid #dbdac9;
    position: absolute;
    bottom: 50%;
    left: -26px;
    border-width: 0 0 1px 1px
    }
.comments .info {
    margin: 0 10px 0 0
    }
.comments .info strong {
    display: block;
    font-size: 13px;
    color: #4e4b37;
    line-height: 15px
    }
.comments .info strong a {
    color: #d25431;
    text-decoration: none
    }
.comments .info strong a:hover {
    color: #23665f
    }
.comments .info em {
    font-style: normal;
    font-size: 11px;
    height: 1%;
    display: block;
    color: #838375
    }
* html .comments .info em {
    display: inline
    }
.comments .info a.comment-reply {
    float: left;
    width: 48px;
    height: 30px;
    overflow: hidden;
    font-size: 0.7em;
    text-align: center;
    line-height: 26px;
    position: relative;
    background: url(images/reply.png) no-repeat left top;
    display: block;
    margin-top: 10px;
    cursor: pointer
    }
.comments div.reply {
    clear: left;
    padding-top: 24px;
    position: relative
    }
.comments div.reply div.reply {
    margin-left: 33px
    }
.comments .reply:after {
    content: "";
    display: block;
    clear: both
    }
.comments .reply .avatar {
    margin-left: 0;
    z-index: 2
    }
.comments .text {
    overflow: hidden;
    background: #ebeadb url(images/bg-comment-l.png) repeat-y;
    position: relative;
    margin: 0 0 -2px
    }
.comments .text .r {
    background: url(images/bg-comment-r.png) repeat-y 100% 0
    }
.comments .text .tl {
    background: url(images/bg-comment-tl.png) no-repeat
    }
.comments .text .tr {
    background: url(images/bg-comment-tr.png) no-repeat 100% 0
    }
.comments .text .bl {
    background: url(images/bg-comment-bl.png) no-repeat 0 100%
    }
.comments .text .br {
    background: url(images/bg-comment-br.png) no-repeat 100% 100%;
    min-height: 28px;
    position: relative;
    padding: 17px 20px 20px 24px
    }
#content #postcontainer .comments .text .br p {
    margin-bottom: 0;
    word-wrap: break-word
    }
* html .comments .text .br {
    height: 28px
    }
.comments .text p {
    margin: 0 0 10px
    }
.comment.block {
    border-top: 1px solid #e9e0cf;
    overflow: hidden;
    width: 100%;
    padding: 25px 0 0
    }
.comment.block h4 {
    color: #4e4a35;
    font-size: 25px;
    font-weight: 400;
    line-height: 28px;
    margin: 0 0 10px
    }
.comment.block .col-left {
    width: 167px;
    float: left
    }
.comment.block .col-right {
    width: 389px;
    float: left;
    margin-left: 10px
    }
.comment.block .row {
    width: 100%;
    padding-bottom: 5.5px;
    overflow: hidden
    }
.comment.block label {
    color: #4e4b37;
    float: left;
    cursor: pointer;
    font-size: 0.8em;
    margin: 0 0 4px
    }
.comment.block .input-holder {
    width: 158px;
    height: 24px;
    background: url(images/comments_inputSmall.png) top left no-repeat;
    float: left;
    line-height: 14px;
    padding: 9px 0 0 9px
    }
.comment.block .area-holder {
    width: 367px;
    height: 143px;
    float: left;
    background: url(images/comments_inputBig.png) top left no-repeat;
    padding: 0 11px
    }
.comment.block .area-holder textarea {
    overflow: auto;
    width: 367px;
    padding-bottom: 3px;
    height: 131px;
    border: 0;
    background: none;
    float: right;
    line-height: 19px;
    color: #a8a89e;
    text-align: left;
    font-size: 0.8em;
    font-family: Arial, Helvetica, sans-serif;
    margin: 9px 0 0
    }
.comment.block form {
    margin-top: 15px
    }
.comment.block .notify {
    width: 100%;
    padding-top: 4px;
    margin-top: 15px;
    height: 35px;
    line-height: 33px
    }
.comment.block .input-holder .text {
    border: 0;
    background: none;
    width: 146px;
    color: #a8a89e;
    padding: 0
    }
.comment.block .input-holder.focusField .text, .comment.block .area-holder.focusField textarea {
    color: #838375
    }
.comment.block .notify input {
    float: left;
    margin-top: 10px;
    margin-right: 5px
    }
.comment.block .notify label {
    color: #838375;
    font-size: 0.8em
    }
.form-inner {
    height: 1%;
    overflow: hidden
    }
#respond p.subscribe-to-comments {
    line-height: 33px !important
    }
.block {
    clear: both;
    width: 566px
    }
.block_noside {
    clear: both;
    width: 880px
    }
.comments .grandchildren, .comment.block .form-inner {
    overflow: hidden
    }
.comments .info, .comments .avatar, .comment-form button, .comment.block .notify .row2 {
    float: left
    }
.comments .info a.comment-reply:hover, .comment.block .area-holder.focusField, .comment.block .input-holder.focusField {
    background-position: left bottom
    }
/*wp-post elements*/
.alignleft {
    float: left;
    margin-right: 13px
    }
.alignright {
    float: right;
    margin-bottom: 23px;
    margin-left: 13px
    }
.wp-caption {
    background-color: #ebeadb;
    border: 1px solid #dbdac9;
    color: #4e4b37;
    margin-bottom: 13px;
    padding: 4px;
    text-align: center
    }
.wp-caption:hover {
    border-color: #5fafa5
    }
.aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
    }
.wp-caption img {
    border: 0 none;
    margin: 0 !important;
    padding: 0
    }
.wp-caption p {
    margin: 10px 0 !important;
    text-align: center !important
    }
/*sharethis button*/
.share h2 {
    margin-left: 2px
    }
.shareInner {
    padding: 10px
    }
.share .tl {
    background: url(images/share_tl.png) no-repeat
    }
.share .tr {
    background: url(images/share_tr.png) no-repeat 100% 0
    }
.share .bl {
    background: url(images/share_bl.png) no-repeat 0 100%
    }
.share .br {
    background: url(images/share_br.png) no-repeat 100% 100%;
    padding: 6px 0
    }
.share .c {
    background: url(images/share_bg.png);
    height: 40px;
    padding: 4px 10px
    }
.share ul {
    float: left;
    height: 32px
    }
#content #postcontainer .share ul {
    margin-top: 4px
    }
#content #postcontainer .share ul li {
    background: none;
    display: inline;
    float: left;
    margin-right: 11px;
    padding: 0
    }
.share ul li a {
    display: inline-block;
    height: 32px;
    width: 32px
    }
.share ul li a:hover {
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
    zoom: 1
    }
.share a.digg {
    background: url(images/digg.png)
    }
.share a.facebook {
    background: url(images/facebook.png)
    }
.share a.twitter {
    background: url(images/twitter.png)
    }
.share a.technorati {
    background: url(images/technorati.png)
    }
.share a.delicious {
    background: url(images/delicious.png)
    }
.share a.stumbleupon {
    background: url(images/stumbleupon.png)
    }
.share a.reddit {
    background: url(images/reddit.png)
    }
.share a.myspace {
    background: url(images/myspace.png)
    }
#share, #sharethis_0 {
    float: right
    }
#sharethis_0 a {
    background: url(images/share_btn.png) repeat scroll left top transparent !important;
    float: left;
    font-size: 0.8em;
    height: 38px;
    margin-left: 8px;
    margin-right: 6px;
    padding: 0 0 0 15px !important;
    width: 110px !important
    }
#sharethis_0 a span {
    background: url(images/share_btn.png) repeat scroll right top transparent;
    display: block;
    height: 38px;
    line-height: 35px;
    padding-right: 20px
    }
#sharethis_0 a:hover {
    background-position: 0 -38px !important
    }
#sharethis_0 a:hover span {
    background-position: right -38px
    }
/* styled checkbox*/
.ui-checkbox, .ui-radio {
    cursor: pointer
    }
span.ui-checkbox, span.ui-radio {
    display: block;
    float: left;
    height: 14px;
    margin-right: 5px;
    margin-top: 10px;
    width: 14px
    }
.ui-checkbox span.ui-icon, .ui-radio span.ui-icon {
    background: url(images/checkbox.png);
    display: block;
    height: 14px;
    width: 14px
    }
.ui-checkbox #check {
    display: none
    }
.ui-checkbox.ui-state-hover span.ui-icon {
    background-position: 0 -14px
    }
.ui-checkbox.ui-state-hover span.ui-icon-check, .ui-checkbox span.ui-icon-check {
    background-position: bottom
    }
/*paginator*/
#pagination {
    height: 58px;
    margin: 0 auto;
    position: relative;
    width: 568px
    }
#pagination a.btn {
    background: url(images/pagination_btns.png) top left;
    display: block;
    height: 40px;
    left: 0;
    padding-left: 0;
    position: absolute;
    top: 0;
    padding-right: 0;
    width: 83px;
    text-indent: -9999px
    }
#pagination a.btn.newer:hover {
    background-position: left bottom
    }
#pagination a.btn.older {
    background-position: right top;
    left: auto;
    right: 0
    }
#pagination a.btn.older:hover {
    background-position: right bottom
    }
#pagination #paginator {
    height: 58px;
    margin: 0 auto;
    position: relative;
    width: 384px
    }
#pagination .numbers {
    margin-left: -5px;
    width: 390px
    }
.paginator span strong, .paginator span a {
    background: url(images/pagination.png);
    display: block;
    float: left;
    font-size: 0.9em;
    height: 38px;
    line-height: 35px;
    margin-left: 4px;
    text-align: center;
    width: 35px
    }
.paginator span a:hover {
    background-position: -35px 0
    }
.paginator span strong {
    background-position: right;
    color: #9c9d8f;
    font-style: normal;
    font-weight: 400;
    width: 35px
    }
#pagination .scroll_trough {
    background: url(images/pagination_bar.png);
    border-left: 1px solid #dedfd7;
    border-right: 1px solid #dedfd7;
    height: 5px;
    width: 382px;
    z-index: 10
    }
#pagination .scroll_knob {
    background: url(images/pagination_drag.png);
    bottom: -11px;
    height: 14px;
    width: 19px
    }
.paginator table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%
    }
.paginator table td {
    padding: 0;
    text-align: center;
    white-space: nowrap
    }
.paginator .scroll_bar {
    height: 20px;
    margin-top: 10px;
    position: relative;
    width: 100%
    }
.paginator .scroll_thumb {
    background: #9d9d8f;
    height: 3px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 0;
    z-index: 2
    }
.paginator .scroll_knob {
    cursor: pointer;
    left: 50%;
    margin-left: -10px;
    overflow: hidden;
    position: absolute
    }
.paginator .current_page_mark {
    background: #d1d1c6;
    height: 3px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 1px;
    width: 0;
    z-index: 1
    }
/*comment popup*/
.popup-comment {
    background: url(images/popup_tops.png) no-repeat left top;
    display: block;
    left: 300px;
    padding-top: 12px;
    position: absolute;
    top: -9999px;
    width: 529px;
    z-index: 10
    }
.popup-comment_bottom {
    background: url(images/popup_tops.png) no-repeat right bottom;
    padding-bottom: 4px;
    width: 529px
    }
.popup-comment .comment {
    background: url(images/popup_bg.png) repeat-y;
    padding: 5px 12px;
    width: 505px
    }
.popup-comment .title a {
    background: url(images/close.png) no-repeat;
    cursor: pointer;
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 15px;
    text-indent: -9999px;
    top: 27px;
    width: 17px
    }
.active .popup-comments {
    display: block
    }
.comment.block .popup-comment .col-right {
    width: 328px
    }
.comment.block .popup-comment .area-holder {
    background-image: url(images/comments_inputBig_popup.png);
    width: 306px
    }
.comment.block .popup-comment .area-holder textarea {
    width: 306px
    }
/*flowhub buttons*/
button, a.btn {
    border: 0;
    cursor: pointer;
    overflow: visible;
    padding: 0;
    position: relative
    }
button::-moz-focus-inner {
    border: none
    }
button span, a.btn span {
    display: block;
    position: relative;
    white-space: nowrap
    }
a.btn {
    display: block
    }
button.btn, a.btn {
    background: transparent url(images/btn_sprite.png) no-repeat right -110px;
    font-size: 0.8em;
    margin-right: 5px;
    padding-right: 12px;
    text-align: center
    }
button.btn {
    padding-right: 11px
    }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    button span, a.btn span {
        margin-top: -1px
        }
    button.btn {
        padding-right: 10px
        }
    }
button.btn span, a.btn span {
    background: transparent url(images/btn_sprite.png) no-repeat left top;
    color: #d25431;
    height: 35px;
    line-height: 31px;
    padding-left: 12px
    }
button.btn:hover, button.btn.hover, a.btn:hover {
    background-position: right -165px
    }
button.btn:hover span, button.btn.hover span, a.btn:hover span {
    background-position: 0 -55px
    }
/* wordpress related*/
.sticky {
    background: #f7f7f7;
    padding: 0 10px 10px
    }
.sticky h2 {
    padding-top: 10px
    }
.commentlist cite, .commentlist cite a {
    font-weight: 700;
    font-style: normal;
    font-size: 1.1em
    }
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
    color: #777
    }
code {
    font: 1.1em "Courier New", Courier, Fixed
    }
acronym, abbr, span.caps {
    font-size: 0.9em;
    letter-spacing: 0.07em
    }
#wp-calendar #prev a, #wp-calendar #next a {
    font-size: 9pt
    }
#wp-calendar a {
    text-decoration: none;
    display: block
    }
#wp-calendar caption {
    font: bold 1.3em "Lucida Grande", Verdana, Arial, Sans-Serif;
    text-align: center;
    width: 100%
    }
#wp-calendar th {
    font-style: normal;
    text-transform: capitalize
    }
p img {
    max-width: 100%;
    padding: 0
    }
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto
    }
img.alignright {
    display: inline;
    margin: 0 0 2px 7px;
    padding: 4px
    }
img.alignleft {
    display: inline;
    margin: 0 7px 2px 0;
    padding: 4px
    }
.alignright {
    float: right
    }
.alignleft {
    float: left
    }
#wp-calendar {
    empty-cells: show;
    width: 155px;
    margin: 10px auto 0
    }
#wp-calendar #next a {
    padding-right: 10px;
    text-align: right
    }
#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left
    }
#wp-calendar td {
    text-align: center;
    padding: 3px 0
    }
#wp-calendar td.pad:hover {
    background-color: #fff
    }
/*newsletter page*/
#content #postcontainer.newsletter-page h1 {
    margin-bottom: 8px;
    text-transform: capitalize;
    color: #CA4F2E
    }
.newsletter-page .block {
    padding-left: 80px;
    background: url(images/newsletter_page.png) no-repeat left top;
    width: 486px
    }
#content #postcontainer.newsletter-page p {
    font-weight: normal
    }
.widget {
    margin-bottom: 13px
    }
.widgettitle {
    font-size: 115%
    }
/*instructions*/
grasrouge {
    color: #d25431;
    font-weight: bold;
    text-decoration: none
    }
grasvert {
    color: #7c9742;
    font-weight: bold;
    text-decoration: none
    }
.single div.tida {
    width: 100%
    }
.metatag, .metatag a {
    color: #696969;
    font-size: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 14px
    }
.metatag a {
    color: #829f45
    }
/** Archives
==============================================================================*/
#archives {
    margin-top: 25px
    }
#archives h1 {
    border-bottom: 1px solid #cdcdcd
    }
#archives div {
    float: left;
    overflow: hidden;
    border-bottom: 1px solid #cdcdcd;
    width: 100%
    }
#archives ul {
    float: left;
    margin-left: 0;
    overflow: hidden;
    list-style: none
    }
#archives li {
    float: left;
    list-style: none;
    width: 120px;
    margin-right: 20px
    }
#archives a {
    font-weight: normal;
    text-decoration: none;
    color: #40403e
    }
#archives .yearly {
    border-right: 1px solid #ac977f;
    margin-right: 10px
    }
#archives .group {
    margin-bottom: 15px;
    padding-bottom: 10px
    }
#archives .excerpt div a:link, #archives .excerpt div a:visited {
    color: #555
    }
#archives .excerpt div a:hover, #archives .excerpt div a:focus, #archives .excerpt div a:active {
    color: #ad5332
    }
/** Grille
==============================================================================*/
.module60, .module120, .module180, .module240, .module280, .module300, .module320, .module340, .module360, .module420, .module460, .module480, .module520, .module600, .module660, .module720, .module780, .module840, .module920, .module960 {
    float: left;
    margin-right: 20px
    }
.module60 {
    width: 40px
    }
.module120 {
    width: 120px
    }
.module180 {
    width: 180px
    }
.module240 {
    width: 240px
    }
.module280 {
    width: 280px
    }
.module300 {
    width: 300px
    }
.module320 {
    width: 320px
    }
.module340 {
    width: 340px
    }
.module360 {
    width: 360px
    }
.module420 {
    width: 420px
    }
.module460 {
    width: 460px
    }
.module480 {
    width: 480px
    }
.module520 {
    width: 520px
    }
.module600 {
    width: 570px
    }
.module660 {
    width: 660px
    }
.module720 {
    width: 720px
    }
.module780 {
    width: 780px
    }
.module840 {
    width: 840px
    }
.module900 {
    width: 900px
    }
.module960 {
    width: 940px
    }
.cat-item {
    font-size: 80%
    }
#archivesconteneur {
    text-align: left;
    margin-bottom: 30px;
    border-bottom: 1px solid #c3c3c3;
    padding-top: 0;
    padding-bottom: 20px
    }
#archivesconteneur h3 {
    font-size: 16px;
    color: #d25431;
    padding-bottom: 15px
    }
#content #postcontainer ul li {
    background: url(images/ul.png) no-repeat scroll 0 6px transparent;
    color: #838375;
    font-size: 0.8em;
    line-height: 24px;
    padding-left: 20px
    }