/*  
Theme Name: Volo
Theme URI: http://www.volo.fr/blog/
Description: Le thème du blog Volo.
Version: 1.0
Author: Amaury BALMER
Author URI: http://wp-box.fr/

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

/* General */
body {
font-family:Arial, Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
font-size:12px;
color:#000;
background:#6f7e49;
width:100%;
}

.clear {
clear:both;
}

p {
text-align:justify;
margin:0 0 20px;
}

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

/* Mise en forme des liens */
a img,img a {
border:0;
}

a {
text-decoration:underline;
outline:none;
}

a:link,a:visited {
color:#494c3d;
text-decoration:underline;
}

a:hover {
color:#494c3d;
}

blockquote {
color:#666;
overflow:auto;
font-style:italic;
margin:1.5em 0 1.5em 1.5em;
}

blockquote p {
margin:0;
}

strong {
font-weight:700;
}

em {
font-style:italic;
}

pre {
font-size:1.2em;
font-family:monospace;
border:1px solid #E0E0E0;
background:#EEE;
color:#000;
width:90%;
overflow:auto;
margin:0 auto;
padding:1em;
}

code {
font:0.9em Monaco, monospace;
}

label {
cursor:pointer;
font-size:14px;
}

/* Begin Images */
p img {
max-width:100%;
padding:0;
}

img.centered,img.aligncenter {
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;
}

/* 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;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin:10px;
}

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

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

/* End captions 
 Structure */
#wrap {
background:#fff;
position:relative;
width:1030px;
margin:20px auto;
}

/* Header */
#header {
position:relative;
background:url(images/header.jpg) no-repeat 0 0;
height:205px;
}

#header h1 a {
display:block;
position:absolute;
top:96px;
left:50px;
height:92px;
width:206px;
text-indent:-9999px;
}

#header .description {
display:none;
}

/* Nav */
#nav {
position:relative;
height:52px;
background:url(images/menu.jpg) no-repeat 0 0;
}

#nav ul {
list-style:none;
}

#nav ul li {
display:block;
float:left;
}

#nav ul li a {
display:block;
float:left;
text-decoration:none;
text-indent:-9999px;
}

#nav ul li#groupe a {
width:100px;
height:52px;
margin-left:64px;
}

#nav ul li#groupe a:hover {
background:url(images/menu.jpg) -64px -52px;
}

#nav ul li#album a {
width:215px;
height:52px;
margin-left:64px;
}

#nav ul li#album a:hover {
background:url(images/menu.jpg) -228px -52px;
}

#nav ul li#contact a {
width:103px;
height:52px;
margin-left:65px;
}

#nav ul li#contact a:hover {
background:url(images/menu.jpg) -508px -52px;
}

/* Content */
#content {
clear:both;
position:relative;
background:url(images/content-bg.jpg) repeat-y 0 0;
padding-top:16px;
}

/* Left */
#left {
position:relative;
float:left;
width:550px;
margin:0 13px 0 70px;
}

h2.pagetitle {
font-style:italic;
font-size:15px;
color:#58624E;
text-align:right;
margin:0 5px 5px 0;
}

#left #intro {
display:block;
color:#fff;
background-color:#68816d;
margin-bottom:14px;
padding:14px;
}

#left #intro p {
margin:0;
}

#left .post {
background-color:#fff;
padding:14px;
}

#left span.date {
color:#494c3d;
font-size:11px;
}

#left .post h2 {
color:#d4272d;
font-size:16px;
font-weight:700;
margin:20px 0;
}

#left .post h2 a {
color:#d4272d;
text-decoration:none;
}

#left div.com {
float:right;
}

#left div.com a {
text-decoration:none;
}

#left .post .comments {
margin-top:40px;
}

#left .post .comments h3 {
color:#d4272d;
font-size:16px;
font-weight:700;
margin:0 0 10px;
}

#left .post .comments p {
margin:10px 39px 0 0;
}

.post .entry ol.commentlist {
margin:0 3px 20px;
}

#left #submit {
float:right;
background:url(images/comments.gif);
border:0;
color:#fff;
margin-right:3px;
width:70px;
height:20px;
padding-bottom:2px;
}

#left #commentform {
background:#7c926d;
color:#fff;
padding:14px 14px 32px;
}

/* Right */
#right {
position:relative;
float:left;
width:314px;
}

#right .widget ul {
list-style:none;
}

#right .widget {
margin-bottom:13px;
}

#right #newsletter {
background:#7c926d;
color:#fff;
padding:14px;
}

#right #newsletter h3 {
text-indent:-9999px;
display:block;
width:240px;
height:34px;
background:url(images/bg_title_mailing.jpg) no-repeat;
margin-bottom:15px;
}

#right #newsletter p {
clear:both;
margin:2px 0;
}

#right #newsletter form {
margin-bottom:8px;
}

#right #newsletter input.mail-subscribe2 {
margin-bottom:5px;
width:278px;
color:#333;
border:1px solid #96a78b;
padding:2px 3px;
}

#right #newsletter input.submit-subscribe2 {
float:right;
margin-left:5px;
background:#e6e6e6;
color:#333;
border:1px solid #96a78b;
text-transform:uppercase;
padding:1px 3px;
}

#right #categorie {
display:block;
background:#7c926d;
color:#fff;
padding:14px;
}

#right #categorie h3 {
font-size:20px;
font-weight:400;
color:#fff;
}

#right #categorie a {
text-decoration:none;
color:#fff;
}

#right #show {
position:relative;
background:url(images/show.gif) no-repeat 0 0;
height:161px;
}

#right #show a {
display:block;
text-indent: -9999px;
height: 161px;
}

#right #links {
display:block;
background:#7c926d;
padding:14px 14px 20px;
}

#right #links h3 {
font-size:20px;
font-weight:400;
color:#fff;
margin-bottom:10px;
}

#right #links a {
display:block;
text-decoration:none;
color:#fff;
border-top:#fff 1px solid;
padding:3px 0;
}

#right #last-posts {
display:block;
background:#58624e;
padding:14px;
}

#right #last-posts h3 {
font-size:20px;
font-weight:400;
color:#fff;
margin-bottom:10px;
}

#right #last-posts a {
display:block;
text-decoration:none;
color:#fff;
border-top:#fff 1px solid;
padding:3px 0;
}

#right #download {
position:relative;
background:#6B7461;
margin-bottom:14px;
padding:16px;
}

#right #download h3 {
background: url(images/telecharge.gif) no-repeat scroll 0 0;
color:#FFFFFF;
font-size:20px;
font-weight:400;
height:54px;
margin-bottom:10px;
text-indent:-9999px;
}
#right #download h3 span {
font-size: 16px;
display: block;
}

#right #download p {
color:#E6EFE0;
font-size:11px;
margin:5px 0 0;
}

#right #download .error {
color: #FF8A00;
font-size: 12px;
margin: 2px 0;
}

#right #download p.checkbox input {
float:left;
margin: 2px 5px 0 0;
}

#right #download p.checkbox label {
font-size:11px;
}

#right #download button.submit-mail-dl {
float: right;
display:block;
height:25px;
width:102px;
background:#58624e url(images/download-a.gif) no-repeat 0 0;
border:0;
}
#right #download button.submit-mail-dl span {
display: none;
}

#right #download button.submit-mail-dl:hover {
background:#58624e url(images/download-h.gif) no-repeat 0 0;
}

#right #download input.mail-dl {
border:1px solid #96A78B;
color:#333;
margin-bottom:5px;
width:274px;
float:left;
padding:2px 3px;
}

/* Footer */
#footer {
clear:both;
position:relative;
background:url(images/footer.jpg) no-repeat 0 0;
height:36px;
}

#footer p {
display:none;
}

#footer ul {
color:#333333;
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:330px;
padding-top:14px;
position:relative
}

#footer li {
display:block;
float:left;
text-align:center;
width:150px;
}

/* Posts */
.post {
margin-bottom:2em;
}

.post h2 {
font-weight:700;
font-size:2em;
line-height:0.9;
}

.post h2 a {
text-decoration:none;
}

.post h2 a:hover {
text-decoration:underline;
}

.post .entry img {
float:left;
margin-right:10px;
}

.post .entry ul,.post .entry ol {
list-style-type:none;
margin:0 0 15px 25px;
}

.post .entry h1 {
font-size:3em;
margin:0.5em 0;
}

.post .entry h2 {
font-size:2em;
margin:0.5em 0;
}

.post .entry h3 {
font-size:1.6em;
font-weight:700;
margin:0.3em 0;
}

.post .entry h4 {
font-size:1.4em;
font-weight:700;
margin:0.2em 0;
}

.post .entry h5 {
font-size:1.2em;
font-weight:700;
margin:0.2em 0;
}

.post .entry h6 {
font-size:1.1em;
font-weight:700;
margin:0.1em 0;
}

/* Cforms */
.linklove {
display:none;
}