/*
Theme Name: RichCommerce
Theme URI: http://www.RichCommerce.fr/
Description: Theme du blog RichCommerce
Version: 1.0
Author: nemstudio + Corrections Amaury BALMER
Author URI: http://wp-box.fr/
*/

html, body {
height: 100%;
}

body, form, div, ul, li, span, h1, h2, h3, h4, label, p {
padding: 0;
margin: 0;
font-weight: normal;
}

img {
border: 0;
}

body {
background: #e9e2df url('src/back.gif') repeat-x;
font: 12px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

a, a:hover {
color: #ff5f00;
text-decoration: underline;
outline: none;
}
a:hover {
color: #b84500;
}

#englobe {
position: relative;
width: 100%;
margin-top: 10px;
}
#page {
background: url('src/top_right.jpg') no-repeat top right;
left: 50%;
margin-left: -452px;
width: 874px;
position: relative;
z-index: 20;
}

/* Header */
#header {
position: relative;
overflow: hidden;
height: 144px;
background: url('src/page_top.gif') no-repeat 0px 143px;
}
#logo {
position: absolute;
display: block;
margin: 2px 0 0 22px;
}
#logo a {
margin-top: 10px;
display: block;
width: 407px;
height: 97px;
background: url('src/logo.jpg') no-repeat;
}
#logo a span {
display: none;
}
/* End Header */

/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
img.centered, img.aligncenter {
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 */

/* 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 0;
-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;
font-style: italic;
text-align: center;
padding: 0 4px 0;
margin: 0;
}
/* End captions */

/* Network */
.network {
position:absolute;
z-index: 25;
top:-7px;
left: 50%;
margin-left: -452px;
width: 874px;
}
.network ul {
text-align: center;
list-style: none;
margin-left: 60px;
}
.network ul li {
display: block;
float:left;
border-right: 1px solid #DFDFDF;
padding-right: 0.5em;
font-size:1em;
margin-right: 0.5em;
}
.network ul li.last {
border: 0;
padding: 0;
margin: 0;
}
/* End Network */

#menu {
position: absolute;
list-style: none;
margin: 111px 0 0 41px;
background: url('src/menu/back.gif') repeat-x;
}
#menu.first {
margin-left: 33px;
}
#menu li, #menu li a, #menu li a span {
float: left;
cursor: pointer;
}
#menu li a, #menu li a span {
display: block;
height: 33px;
}
#menu li a span span {
padding: 13px 20px 0 18px;
height: 20px;
}
#menu li a span span, #menu li a {
font: 14px Helvetica, "Trebuchet MS", Verdana, sans-serif;
color: #FFF;
text-decoration: none;
}
#menu li.current a span span, #menu li.current a {
font-size: 14px;
color: #FFF;
text-decoration: none;
}
#menu li.first { margin: 0; }
#menu li.first a span span { padding-left: 20px; }
#menu li { margin-left: -9px; }
#menu li a span { background: url('src/menu/inter_left.gif') no-repeat; }
#menu li.first a span { background: url('src/menu/first_left.gif') no-repeat; }
#menu li.first a span span, #menu li a span span, #menu li.after_current a span span { background: url('src/menu/inter_right.gif') no-repeat top right; }
#menu li.first_current a:hover span span, #menu li.first_current a span span, #menu li.current a span span, #menu li.current a:hover span span { background: url('src/menu/current_right.gif') no-repeat top right; }

#menu li.before_current a span span {
background: url('src/menu/current_left.gif') no-repeat top right;
padding-right: 35px;
}
#menu li.after_current { margin-left: -25px; }
#menu li.after_current a span { background: url('src/menu/current_right.gif') no-repeat -15px; }

#menu li a:hover { background: url('src/menu/back_hover.gif') repeat-x; }
#menu li a:hover span { background: url('src/menu/inter_left_hover.gif') no-repeat; }
#menu li.first a:hover span { background: url('src/menu/first_left_hover.gif') no-repeat; }
#menu li.after_current a:hover span { background: url('src/menu/current_right_hover.gif') no-repeat -15px; }
#menu li.after_current a:hover span span, #menu li.first a:hover span span, #menu li a:hover span span { background: url('src/menu/inter_right_hover.gif') no-repeat top right; }
#menu li.before_current a:hover span span { background: url('src/menu/current_left_hover.gif') no-repeat top right; }

#menu li.last a span span { background: url('src/menu/last_right.gif') no-repeat top right; }
#menu li.last a:hover span span { background: url('src/menu/last_right_hover.gif') no-repeat top right; }

#menu li.current { margin-left: -20px; }
#menu li.current a, #menu li.current a:hover { background: url('src/menu/current_back.gif') repeat-x; }
#menu li.current a span, #menu li.current a:hover span { background: url('src/menu/current_left.gif') no-repeat -20px;  }
#menu li.current a span span, #menu li.current a:hover span span {
padding-left: 15px;
padding-right: 35px;
padding-top: 10px;
height: 23px;
}

#menu li.last_current a span span, #menu li.last_current a:hover span span  {
background: url('src/menu/last_current_right.gif') no-repeat top right;
padding-right: 30px;
}

#menu li.first_current { margin-left: 0px; }
#menu li.first_current a span, #menu li.first_current a:hover span { background: url('src/menu/first_current_left.gif') no-repeat; }
#menu li.first_current a span span, #menu li.first_current a:hover span span { padding-left: 27px; background: url('src/menu/current_right.gif') no-repeat top right; }

#menu li a:active span span {
padding-top: 14px;
height: 19px;
}

#actions {
clear: right;
float: right;
width: 390px;
margin-top: 117px;
}
#search {
float: left;
height: 26px;
background: url('src/actions/search_input.jpg') no-repeat;
margin-right: 1px;
}
#search input {
float: left;
margin: 0;
padding: 0;
}
#search input#s {
width: 131px;
border: 0;
background: transparent;
font: 12px Arial;
color: #928171;
padding: 0px 6px 0 6px;
margin-top: 8px;
}
#actions a#rss, #actions a#newsletter {
float: left;
display: block;
height: 18px;
width: 79px;
padding: 8px 0 0 30px;
background: url('src/actions/rss.jpg') no-repeat;
margin-right: 1px;
color: #FFF;
text-decoration: none;
font: 12px Arial;
font-weight: bold;
}
#actions a#rss:hover { background: url('src/actions/rss_hover.jpg') no-repeat; }
#actions a#newsletter:hover { background: url('src/actions/newsletter_hover.jpg') no-repeat; }
#actions a#newsletter { background-image: url('src/actions/newsletter.jpg'); }

#content_back {
background: url('src/page.gif') repeat-y;
width: 874px;
}
#content_top {
width: 874px;
background: url('src/page_top.gif') no-repeat 0 -1px;
}
#content_bottom {
width: 874px;
background: url('src/page_bottom.gif') no-repeat bottom left;
overflow: auto;
}
#left {
float: left;
width: 580px;
padding: 30px 16px 15px 45px;
}
#sidebar {
clear: right;
float: right;
width: 220px;
padding-bottom: 50px;
}

#sidebar_top {
background: #FFF url('src/sidebar/top_back.gif') repeat-y;
}
#sidebar_top .bottom {
padding-bottom: 10px;
background: url('src/sidebar/top_bottom.gif') no-repeat bottom left;
overflow: auto;
font: 12px Arial;
width: 220px;
}
#sidebar_top p {
clear: left;
float: left;
padding: 10px;
width: 200px;
line-height: 16px;
color: #7c6d66;
}
#sidebar_top #about_link, .about_link {
float: right;
padding: 0 10px 0 0;
}
#sidebar_top div#register_link_div {
padding-right: 10px;
}
#sidebar_top a#register_link {
float: right;
display: block;
margin-bottom: 10px;
height: 26px;
color: #FFF;
text-decoration: none;
font-weight: bold;
background: url('src/sidebar/button_center.gif') repeat-x;
}
#sidebar_top a#register_link span {
display: block;
float: left;
color: #FFF;
font-weight: bold;
height: 26px;
background: url('src/sidebar/button_left.gif') no-repeat;
}
#sidebar_top a#register_link span span {
background: url('src/sidebar/button_right.gif') no-repeat top right;
padding: 7px 12px 0 12px;
height: 19px;
}
#sidebar_top a#register_link:active span span {
padding-top: 8px;
height: 18px;
}
#sidebar h2 {
font: 16px "Trebuchet MS", Verdana, sans-serif;
color: #947e6b;
}
#sidebar h2#calendar, #sidebar h2#about {
clear: both;
float: left;
display: block;
width: 165px;
padding: 16px 10px 0 45px;
height: 36px;
}
#sidebar h2#calendar {
background: url('src/sidebar/calendar.gif') no-repeat;
}
#sidebar h2#about {
padding-top: 17px;
background: url('src/sidebar/about.gif') no-repeat;
}

#sidebar #sidebar_bottom {
padding: 0 15px 15px 15px;
}
#sidebar #sidebar_bottom h2 {
padding-top: 15px;
}

#sidebar ul {
list-style: none;
padding-top: 5px;
padding-bottom: 10px;
}
#sidebar ul li {
display: block;
background: url('src/sidebar/puce.gif') no-repeat 0 7px;
border-bottom: 1px solid #e1d9d6;
padding: 3px 0 3px 13px;
}

#footer {
position: relative;
z-index: 10;
background: url('src/footer/back.gif') repeat-x;
height: 200px;
overflow: hidden;
min-width: 874px;
margin-top: -57px;
}
#footer_in {
background: url('src/footer/footer.jpg') no-repeat;
width: 1078px;
height: 200px;
position: absolute;
left: 50%;
margin-left: -585px;
padding: 70px 0 0 173px;
color: #8f766d;
font: 12px Arial;
overflow: auto;
line-height: 16px;
}
#footer_in p {
clear: left;
float: left;
}
#footer_in p.right {
clear: right;
float: right;
padding-right: 475px;
width: 250px;
text-align: right;
}

/* post */
#content h2.pagetitle {
font-size: 20px;
padding-bottom: 0px;
}
#content h2, #content h3, #content .post_meta {
padding-left: 15px;
}
#content h3 {
padding-bottom: 15px;
}
#content .post_meta {
font-size: 0.9em;
color: #6a6a6a;
padding-bottom: 5px;
margin-bottom: 10px;
}
#content .result_date {
padding: 0 15px 0 15px;
}
#content.results .post {
padding-top: 15px;
}
#content .post {
padding-top: 35px;
width: 578px;
}
#content .post.first {
padding-top: 0;
}
#content .entry {
overflow: hidden;
padding-left: 15px;
width: 563px;
line-height: 18px;
text-align: justify;
}
#content p {
margin-bottom:1em
}
#content .entry img {
border: 5px solid #f7f5f4;
}
#content .entry ul {
list-style-position: inside;
margin: 0 0 10px 10px;
padding: 0;
}
#content .entry ol {
list-style-position: inside;
margin: 0 0 10px 6px;
padding: 0;
}
#content .entry blockquote {
border-left: 2px solid #e5dbd5;
padding-left: 7px;
}
#content .entry h1, #content .entry h2, #content .entry h3, #content .entry h4 {
padding: 14px 0 10px 0 ;
margin: 0;
text-indent: 0px;
font-size: 35px;
line-height: 100%;
}
#content .entry h2 { font-size: 28px; }
#content .entry h3 { font-size: 24px; }
#content .entry h4 { font-size: 18px; }
#content .entry acronym { border-bottom: 1px dotted #000; }

p.postmetadata {
display: block;
width: 563px;
height: 26px;
background: url('src/page/post_bottom.gif') no-repeat;
font: 11px Helvetica, Verdana, sans-serif;
color: #785e4b;
padding: 23px 15px 0 15px;
}

/* comments */
#content h3#comments, #content h3#respond {
padding-top: 15px;
padding-left: 15px;
}
.commentlist li {
padding-bottom: 10px;
}
.commentlist li .comment_head {}
.commentlist li .author {
float: left;
}
.commentlist li .commentmetadata {
clear: right;
float: right;
}
.commentlist li p {
clear: both;
padding: 5px 0 0 0;
}
#commentform {
padding-left: 15px;
padding-top: 10px;
}
#comment {
width: 560px;
}