/*  
Theme Name: Fab - Mag 02
Theme URI: http://www.wp-box.fr/
Description: Thème du site Mag 02
Version: 1.0
Author: Amaury BALMER
Author URI: http://wp-box.fr/
*/

/* Reset */
* {
margin: 0;
padding: 0;
}

/* General */
body {
font-family: “Lucida Sans Unicode”, Lucida Grande, sans-serif;
font-size: 13px;
color: #333;
background: #fff url(images/bg.gif);
width:100%;
}
.clear {
clear:both;
}
p {
margin: 0 0 8px 0; 
text-align: justify;	
}

/* Mise en forme des titres */
h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
}
h2 {
font-size: 16px;
}

/* Mise en forme des liens */
a img, img a {
border:0;
}
a {
text-decoration: underline;
outline: none;
}
a:link, a:visited{
color: #333;
text-decoration: underline;
}
a:hover {
color: #000;
}

blockquote {
margin: 1.5em 0 1.5em 1.5em;
color: #666;
overflow: auto;
font-style: italic;
}
blockquote p {
margin:0;
}
strong {
font-weight:700;
}
em {
font-style:italic;
}
pre {
font-size: 1.2em;
font-family: monospace;
border: 1px solid #E0E0E0;
padding: 1em;
margin: 0 auto;
background: #EEE;
color: #000;
width: 90%;
overflow: auto;
}
code {
font: 0.9em Monaco, monospace;
}
label {
cursor: pointer;
}

/* Structure */
#wrap {
width:920px;
margin: 20px auto;
position: relative;
background: #fff;
padding: 40px;
}

/* Header */
#header {
position: relative;
display: block;
margin-bottom: 20px;
}
#header h1 a,
#header .description {
display: none;
}

/* Nav */
#nav {
clear: both;
height:25px;
}
#nav ul {
float: left;
list-style: none;
} 
#nav ul li {
display: block;
float: left;
} 
#nav ul li a {
display: block;
float: left;
text-decoration: none;
margin-right:15px;
padding-bottom: 7px;
border-bottom: 6px solid #333;
font-size: 11px;
text-transform: uppercase;
font-weight: 700;
color: #333;
z-index: 99;
position: relative;
height: 12px;
} 
#nav ul li a:hover {
border-bottom: 6px solid #AFAFAF;
}

#header_search {
position: absolute;
top: 40px;
right: 50px;
padding-left: 25px;
background: url(images/ico-search.gif) 0 50% no-repeat;
}
#nav #searchform {
float: right;
/*padding-bottom: 7px;
border-bottom: 6px solid #333;*/
}
#nav #searchform #s {
width:135px;
background: #ccc;
border: none;
}
#nav #searchform #searchsubmit {
border: none;
width: auto;
margin: 0;
background: none;
text-transform: uppercase;
font-size: 11px;
padding: 0;
}

#nav #logo-rss {
position: absolute;
top: 120px;
right:60px;
height: 20px;
line-height: 20px;
vertical-align: middle;
background: url(images/rss.gif) 0 50% no-repeat;
padding-left: 22px;
text-decoration: none;
font-size: 11px;
display: block;
}

#nav #header_newsletter {
position: absolute;
top: 70px;
right: 55px;
padding-left: 25px;
background: url(images/ico-newsletter.gif) 0 50% no-repeat;;
}
#nav #header_newsletter .cform {
margin: 0 !important;
padding: 0 !important;
width: auto;
}
#nav #header_newsletter ol.cf-ol,
#nav #header_newsletter ol.cf-ol li {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
float: left !important;
}
#nav #header_newsletter .emailreqtxt,
#nav #header_newsletter label,
#nav #header_newsletter .cf_hidden {
display: none;
}
#nav #header_newsletter input {
width:135px !important;
background: #ccc !important;
border: none !important;
float: left !important;
padding: 0 !important;
margin-right: 5px;
}
#nav #header_newsletter .cform input.backbutton,
#nav #header_newsletter .cform input.resetbutton,
#nav #header_newsletter .cform input.sendbutton,
#nav #header_newsletter input#sendbutton {
border: none !important;
width: auto !important;
margin: 0 !important;
background: none !important;
text-transform: uppercase !important;
font-size: 11px !important;
padding: 0 !important;
border: 0 !important;
}
#nav #header_newsletter .cf-sb {
float: left;
}

/* Content */
#content {
clear: both;
padding: 40px 0 30px;
}

/* Left */
#left {
float: left;
width:675px;
}

/* Right */
#right {
float: left;
width: 187px;
margin-left:58px;
}
#right div.widget {
border-bottom: 6px solid #333;
padding-bottom: 10px;
}
#right h3 {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
margin:10px 0;
}
#right ul {
margin-left: 15px;
list-style: none;
}
#right ul li a {
text-decoration: none;
}

/* Footer */
#footer {
clear: both;
background: url(images/sep_gris.gif) left top no-repeat;
padding-top:20px;
margin-top: 10px;
}

/* Posts */
/* Comments */
/* Home */
.home h2 {
text-transform: uppercase;
}
.home h2 a {
text-decoration: none;
}
.home h3 {
font-size: 13px;
text-transform: uppercase;
}
.home h3 a {
text-decoration: none;
}

.home_une {
clear: both;
padding-bottom: 10px;
}
.home_une img {
float:right;
margin-left: 20px;
}
.home_une_small {
background: url(images/sep_gris.gif) left top no-repeat;
padding-top:50px;
}

.home_list {
clear: both;
background: url(images/sep_gris.gif) left top no-repeat;
padding-top:50px;
margin-top: 30px;
}
.home_list .post {
width:310px;
float: left;
margin: 10px;
}
.home_list h2 {
margin-bottom: 15px;
}
.home_list .post img {
float:left;
margin-right: 10px;
}
.home_list .post ul {
list-style: none;
margin: 10px 0;
}
.home_list .post a.permalink {
font-weight: 700;
text-decoration: none;
}

.index_list {
background: none;
padding: 0;
margin-top: 15px;
}

/* Authors */
.authors {
margin: 30px 0;
}  
.authors .jScrollPaneContainer {
float:left;
}
.authors .list_authors {
float:left;
width: 200px;
overflow: auto;
height:350px;
}
.authors .list_authors ul {
list-style: none;
}
.authors .list_authors ul li {
display: block;
margin:8px 0;
}
.authors .posts_authors {
float:left;
width: 440px;
height:350px;
overflow: auto;
}
.authors .posts_authors h2 {
padding-left: 15px;
}
.authors .posts_authors .post {
clear: both;
padding: 8px 15px;
}
.authors .posts_authors h3 {
margin-bottom: 15px;
font-size: 13px;
}
.authors .posts_authors .post img {
float:left;
margin-right: 10px;
}
.authors .posts_authors .post ul {
list-style: none;
margin: 10px 0;
}
.authors .posts_authors .post a.permalink {
font-weight: 700;
}

.linklove {
display: none;
}

/* Single */
.single h2 {
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 20px;
}

/* 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;
-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;
}
/* End captions */

/* Comments */
.comments_template {
border-top:6px solid #333333;
position:relative;
padding:10px 0;
margin-top: 20px;
}
.comments_template h3 {
font-size:18px;
font-weight:400;
margin-bottom:10px;
line-height:0.9;
}
.comments_template h3 a {
text-decoration: none;
}
.comments_template h3 a:hover {
}
.comments_template ol {
list-style:none;
margin-bottom:25px;
}
.comments_template ol li {
display:block;
margin:5px 0 0;
border-bottom:1px solid #eee;
}
.comments_template ol li .avatar {
border:1px solid #ccc:
display:block;
float:right;
}
.comments_template ol li cite {
font-style:normal;
font-weight:700;
}
.comments_template ol li .commentmetadata {
display:block;
margin-bottom:5px;
}
.comments_template form label {
display:block;
}
.comments_template form input, .comments_template form textarea {
width:80%;
border:1px solid #ccc;
padding:3px 5px;
}
.comments_template form input#submit {
width:auto;
}