/*
theme H5 modifie par J.Ducastel

Theme Name: H5
Theme URI: http://diggingintowordpress.com/
Description: A minimalist WordPress template theme built with HTML 5.
Version: 1.0
Author: Jeff Starr
Author URI: http://perishablepress.com/
Tags: minimalist, template, html5

    H5 v1.0
    http://diggingintowordpress.com/

    This theme was lovingly designed and developed by Jeff Starr,
    who blogs at perishablepress.com and designs at monzilla.biz.

    The CSS, HTML and design is released under GPL:
    http://www.opensource.org/licenses/gpl-3.0.html
*/

/**
 * couleurs
 * vert fonce : #565;
 * vert moyen : #9a9;
 * vert noir: #232;
 */

@import 'articles.css';

/* == BASICS == */

header, footer, section, article, aside, nav {
    display: block;
    }
html {
    background: #565;
}
body {
    background: #9a9;
    color: #232;
    margin: 3em 0;
    font-size: 15px;
}

/**
 * section suivant la nav
 * = contenu principal
 */
body>section {
    overflow: hidden;
    /*width: 36em;*/
    width: 60%;
    margin: 0 5%;
    float: left;
    clear: none;
}

/* == LINKS == */

a {
    text-decoration: underline;
    color: #fff;
}

/* == HEADER == */

body>header {
    background: url('images/header.jpg') center top;
    color: #fff;
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    padding: 1em 5%;
    height: 8em;
}
body>header h1
, body>header h2 {
    font-size: 100%;
}
body>header h1 a {
    display: block;
}
body>header h1 span
, body>header h2 {
}

/* == POSTS == */



/* == NAVIGATION == */

nav {
    text-align: center;
    clear: both;
}
body>nav {
    position: absolute;
    top: 0;
    left: 0;
    padding: 1.5em 5% 0.5em;
}
body>nav ul {
    text-align: left;
    margin: 0;
    padding: 0;
}
body>nav li {
    font-weight: bold;
    display: inline;
    margin: 0 2em 0 0;
}
body>nav a {
    text-decoration: none;
}

/** flux */
body>nav .feed a {
    background: url(images/social/rss_16.png) center left no-repeat;
    padding-left: 20px;
}

/**
 * nav prev / next
 */
body>section>nav {
    position: absolute;
    left: 5%;
    top: 10em;
}
body.home>section>nav {
    top: 22em;
}
body>section>nav a {
    color: #9a9;
}
body>section>nav a:hover {
    color: #fff;
}

/* == COMMENTS == */

section.comments article section {
    background: #aba;
}

/* formulaire d'ajout */
section.comments fieldset {
    background: #aba;
    border: 0;
    border-top-right-radius: 2em;
    border-bottom-left-radius: 2em;
}
section.comments legend {
    font-weight: bold;
    color: #565;
}

section.comments label {
    display: block;
}

section.comments input
, section.comments textarea {
    background: #aba;
    border: solid 2px #9a9;
}
section.comments input:focus
, section.comments textarea:focus {
    background: #fff;
}
section.comments textarea {
    width: 90%;
}
section.comments p.submit {
    text-align: right;
}
section.comments p.submit button {
    padding: 0.5em 4em;
}

/* == SIDEBAR == */

aside {
    overflow: hidden;
    width: 25%;
    margin: 0 5% 0 0;
    float: right;
    clear: none;
    }
aside li {
    list-style: none;
}
aside li ul li {
    list-style: disc outside;
}

aside h2 {
    color: #565;
    font-size: 110%;
    border-bottom: solid 1px #565;
}

/* == FOOTER == */

body>footer {
    background: #565;
    color: #9a9;
    margin: 2em 0;
    padding: 1em;
    text-align: center;
    overflow: hidden;
    width: 100%;
    clear: both;
}
body>footer a {
    color: #9a9;
    text-decoration: none;
}
body>footer a:hover {
    color: #fff;
}

/* == SEARCH == */

label[for=s] {
    display: none;
    }

/* == ELEMENTS == */
/* a place for misc. styles */

/* recherche en haut a droite */
.widget_search {
    position: absolute;
    top: 1em;
    right: 5%;
}
.widget_search input {
    background: #565;
    border: solid 1px #9a9;
}
.widget_search input:focus {
    background: #fff;
}

body.home > header {
    height: 20em;
}
/* presentation sur la home */
body.home #text-3 {
    position: absolute;
    top: 10em;
    left: 5%;
    width: 60%;
    color: #fff;
}

code {
    /*border-top: solid 1px #555;
    background: #eee;*/
    font-size: 80%;
    overflow: auto;
}

/**
 * images des posts, classes wordpress
 */
img.alignleft {
    float: left;
    clear: left;
    margin: 0 1em 1em 0;
}
img.alignright {
    float: right;
    clear: right;
    margin: 0 1em 0 1em;
}

/* == ALL YOUR CODE ARE BELONG TO POETRY == */