/*
Theme Name: Irregulier
Theme URI: http://irregulier.net/
Description: Le nouveau thème du site Irregulier.
Version: 0.2
Author: Reguen
Author URI: http://irregulier.net/

*/

@charset "utf-8";

@font-face {
	font-family: Allerta;
	src: url('fnt/Allerta-Stencil.ttf');
}

/**** General ****/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #fff url(img/body.png) repeat-x;
	/* Font */
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: normal;
}

#container {
	width: 960px;
	margin: 20px auto;
	overflow: hidden;
	/* Font */
	color: #000;
}


header, nav, #content, footer {
	padding: 0 8px;
}

img, nav, #single blockquote, .meta, .wp-caption, footer {
	/* Border */
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

nav input {
	/* Border */
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/**** Liens ****/

a {
	/* Font */
	text-decoration: none;
	color: #000;
}

a:hover {
	/* Font */
	text-decoration: underline;
}

a img {
	/* Border */
	border: none;
}

p a, article li a, blockquote a {	
	/* Font */
	text-decoration: none;
	color: #00f;
}

p a:visited, article li a:visited, blockquote a:visited {
	/* Font */
	color: #1E90FF;
}

p a:active, article li a:active, blockquote a:active {
	/* Font */
	color: #DB0000;
}


header, header a, nav a, footer a {
	/* Font */
	color: #fff;
}


/**** Format du texte ***/

h1, h2, h3, h4, h5, h6 {
	/* Font */
	font-family: Allerta, Arial, sans-serif; 
	font-weight: normal;
	text-transform: uppercase;
}

h2 {
	/* Font */
	font-size: 30px;
}

p, li, blockquote {
	margin: 0 0 6px 0;
	/* Font */
	line-height: 150%;
}


/**** Entete ****/


.nag {
	width: 100%;
	padding: 10px 0;
	display: none;
	background: #000;
	/* Font */
	font-size: 15px;
	text-align: center;
	color: #fff;
}

header {
	height: 80px;
	width: 960px;
}

h1 {
	width: 600px;
	float: left;
	/* Font */
	font-size: 48px;
	font-weight: bold;
}

.twitter {
	width: 324px;
	margin: 0 10px 0 0;
	float: right;
}

.twitter h3 {
	margin: 0 4px 0 0;
	float: left;
	/* Font */
	font-size: 28px;
}

/**** Navigation ****/


nav {
	height: 30px;
	margin: 10px 0 0 0;
	padding: 4px 0 6px 0;
	background: #000 url(img/nav.png) repeat-x;
	/* Font */
	color: #fff;
}

nav ul {
	float: left;
}

nav ul, img {
	margin: 0;
	padding: 0;
}

nav li {
	margin: 0 0 0 40px;
	float: left;
	/* Font */
	line-height: 30px;
	list-style: disc;
}

nav form {
	padding: 4px 8px 0 0;
	float: right;
}

nav form input {
	height: 20px;
	float: left;
	/* Border */
	border: solid 1px #333;
}

nav form input[type=text] {
	width: 220px;
	padding: 0 4px;
	background: #fff url(img/nav_search.png) repeat-x;
}

nav form input[type=submit] {
	height: 22px;
	margin: 0 0 0 8px;
	padding: 0 8px 0 8px;
	background: #000;
	/* Font */
	line-height: 20px;
	color: #fff;
}

/**** Contenu ****/


#content {
	margin: 50px 0 0 0;
}


/*** Contenu - Articles ***/

#single, #articles {
	width: 600px;
	padding: 0 10px 0 0;
	overflow: hidden;
	float: left;
}

#articles h2, #sidebar h2 {
	margin: 0 0 40px 0;
	/* Font */
	font-size: 30px;
}

#articles h2 span {
	/* Font */
	font-size: 15px;
}

#articles article {
	height: 200px;
	width: 600px;
	margin: 40px 0 0 0;
	overflow: hidden;
}

#articles article .art-prv {
	height: 80px;
	width: 580px;
	margin: -102px 0 0 0;
	padding: 10px;
	position: absolute;
	overflow: hidden;
	background: url(img/art-prv.png);
	/* Font */
	font-size: 11px;
}


#articles a {
	/* Font */
	color: #000;
}

#articles article .art-prv-info {
	height: 80px;
	width: 490px;
	margin: 0 10px 0 0;
	float: left;
	overflow: hidden;
	/* Font */
}

#articles avatar {
	height: 80px;
	width: 80px;
	float: right;
}

#articles h3.entry-title {
	padding: 10px 0 0 0;
	/* Font */
	font-size: 20px;
	line-height: 150%;
	color: #000;
}

#articles #posts_list {
	margin: 20px 0;
}

#articles .prev_posts {
	float: left;
}

#articles .next_posts {
	float: right;
}

/*** Contenu - Article seul ***/

#single p {
	margin: 0 0 12px 0;
}

#single li {
	margin: 0 0 12px 16px;
}

#single .share {
	margin: 10px; 
	padding: 18px 0 12px 0;
	/* Font */
	text-align: center;
}

#single .share .fcbk {
	height: 20px;
	width: 120px;
	margin: 0 20px 0 0;
	display: inline-block;
	background: url(img/fcbk.png) no-repeat;
}

#single .share .fcbk:hover {
	background: url(img/fcbkh.png) no-repeat;
}

#single h2 {
	margin: 0 0 36px 0;
	/* Font */
	text-align: center;
}

#single article section.content {
	margin: 0 12px;
}

#single blockquote {
	width: 200px;
	margin: 0 0 0 12px;
	float: right;
}

#single section.content {
	padding: 20px 0 0 0;
}

#single article section.content h2 {
	margin: 16px 0 12px 0;
	/* Font */
	text-align: left;
}

#single article h3 {
	margin: 24px 0;
	/* Font */
	font-size: 18px;
}

#single section.content p {
	/* Font */
	text-align: justify;
}

#single section.meta {
	width: 584px;
	margin: 10px 0 0 0;
	padding: 8px 8px 8px 16px;
	float: left;
	background: #333 url(img/ftr.png) repeat-x;
	/* Font */
	color: #fff;
}

#single section.meta a {
	/* Font */
	color: #fff;
}

#single section.meta img.avatar {
	margin: 0 0 0 8px;
	float: right;
}

/** Commentaires **/

#sidebar li {
	width: 324px;
	float: left;
	margin: 0 0 10px 0;
	/* Font */
	list-style: none;
}

#sidebar article img.avatar {
	margin: 4px 8px 0 0;
	float: left;
}

#sidebar article .approval {
	/* Font */
	color: #c00;
}

#sidebar article .meta {
	width: 300px;
	margin: 6px 0 0 0;
	padding: 5px 8px 6px 16px;
	float: right;
	background: #333 url(img/meta.png) repeat-x;
	/* Font */
	font-size: 11px;
	color: #fff;
}

#sidebar article .meta a {
	/* Font */
	color: #fff;
}

#respond {
	float: left;
}

#respond form {
	margin: 0;
	padding: 0;
}

#respond h2 {
	margin: 0 0 10px 0;	
}

#respond p {
	margin: 0;	
}

#respond #author {
	margin: 15px 0 0 0;
}

#respond textarea {
	height: 204px;
	min-height: 104px;
	width: 306px;
	min-width: 306px;
	max-width: 306px;
	margin: 7px 0 0 0;
	padding: 8px;
}

#respond input[type=text] {
	width: 136px;
}

#respond label {
	margin: 0 0 0 4px;
}

#respond input[type=submit] {
	width: 324px;
	padding: 4px 0;
}

/*** Contenu - Barre de côté ***/

#sidebar {
	width: 319px;
	padding: 0 0 0 15px;
	float: right;
	/* Font */
	text-align: justify;
}

#sidebar article {
	width: 324px;
	margin: -8px 0 28px 0;
	padding: 0 0 8px 0;
	float: left;
}

#sidebar .tag_cloud {
	padding: 30px 0 0 0;
}

#sidebar .tag_cloud h2 {
	margin: 0 0 20px 0;
}

#sidebar .tag_cloud_ctt {
	height: 200px;
	overflow: hidden;
}

.clear {
	width: 100%;
	clear: both;
}

/**** Pied de page ****/


footer {
	float: left;
	margin: 40px 0 0 0;
	padding: 12px;
	background: #333 url(img/ftr.png) repeat-x;
	/* Font */
	color: #fff;
}

footer section {
	width: 296px;
	padding: 8px;
	float: left;
}

footer h2 {
	margin: 0 0 20px 0;
	/* Font */
	font-size: 20px;

}

footer li {
	margin: 0 0 10px 16px;
}

footer .legal {
	width: 100%;
	padding: 20px 0 0 0;
	/* Font */
	font-size: 10px;
	text-align: center;
}

/* Pour les vieux navigateurs */

header, section, footer,
aside, nav, article, figure {
    display: block;
}

/* Classes de Wordpress */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   text-align: center;
   background-color: #ddd;
   margin: 20px 0;  
   padding: 4px; 
}

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

#single article div.wp-caption p.wp-caption-text {
   padding: 8px 0 0 0;
   text-align: center;
}