/*
Theme Name: Peinture Twenty Thirteen Child
Description: Thème enfant pour Twenty Thirteen
Author: MikadoMultimedia
Template: twentythirteen
*/

@import url("../twentythirteen/style.css");

body {
	color:#AAA;
	font-size:0.9rem;
	background:#2E2E33;
}

.site {
	background:#2E2E33;
}

.hentry {
	padding:10px 0 0 0;
}

.entry-header, .entry-content, .entry-summary, .entry-meta {
	max-width:1040px;
}

.archive .hentry {
	padding:0;
}

#content {
	max-width:940px;
	margin:0 auto;
	padding:3% 0 0 0;
}

.error404 .page-header {
	background:#2E2E33;
}

.error404 .page-wrapper {
	background:none;
}

/***********header*************/
.site-header .home-link {
	min-height:100px;
	color:#CBCBCB;
	padding:0;
	max-width:940px;
}

.site-header {
	/*background:url("http://www.dessins-monique-brochet.net/peinture/wp-content/themes/peinture/images/fond-header.jpg") no-repeat scroll center top transparent;*/
}

.site-title {
	font-size:30px;
	padding:55px 0 10px;
	text-transform:uppercase;
	display:inline-block;
	font-weight:normal;
	letter-spacing:4px;
}

.site-header .site-title:hover {
	text-decoration:none;
}

.site-description {
	display:inline-block;
	font-style:italic;
	margin:0 0 0 10px;
	letter-spacing:4px;
}

/***********menu**************/
.main-navigation {
	max-width:940px;
}

.navbar {
	background:none;
	border-bottom:1px solid #717171;
}

.nav-menu li a {
	color:#AAA;
	border-bottom:4px solid #2E2E33;
}

.nav-menu li:hover > a, .nav-menu li a:hover {
	background:none;
	border-bottom:4px solid #2E2E33;
	color:#FFF;
}

.nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a {
	color:#FFF;
	border-bottom:4px solid #FFF;
	font-style:normal;
}

ul.nav-menu ul a, .nav-menu ul ul a {
	border:none;
	width:220px;
}

ul.nav-menu ul .current_page_item > a, ul.nav-menu ul .current_page_ancestor > a, ul.nav-menu ul .current-menu-item > a, ul.nav-menu ul .current-menu-ancestor > a {
	color:#FFF;
	border:none;
}

ul.nav-menu ul a:hover, .nav-menu ul ul a:hover {
	border:none;
}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover {
	background-color: #676767;
}

ul.nav-menu ul li {
	background:#3E3E43;
}



/***************home******************/
.format-quote, .format-gallery, .format-video {
	background:none;
}

.format-quote .entry-content, .format-quote .entry-meta {
	color:#888888;
}

.home .hentry, .home .entry-header, .archive .hentry, .archive .entry-header {
	text-align:left;
}

.format-quote {
	width:100%;
}

.format-quote blockquote {
	font-style: inherit;
}

.format-quote blockquote:before {
	content:no-close-quote;
}

blockquote em, blockquote i {
	font-style: italic;
	font-family: cursive;
}

.format-quote .entry-content blockquote {
	border:1px solid #717171;
	padding:2% 3%;
}

.format-quote .entry-content blockquote, .format-gallery .entry-title, .format-video .entry-title {
	font-size:22px;
}

.home .hentry {
	display:inline-block;
}

.home .format-standard {
	max-width:400px;
	width:100%;
	overflow:hidden;
	background:#404045;
	padding:1% 2%;
	margin:4% 0 0 0;
}

.home .format-video {
	min-width:390px;
	float:right;
	padding:0;
	margin:/*5% 0 0 0*/0;
}

.home .entry-header {
	margin:0;
}

.entry-title a {
	color:#D6D6D6;
}

.easingsliderlite {
	border:2px solid #FFF;
}

.home .entry-content {
	border:none;
	padding:0;
}


/***************articles*************/
.entry-title {
	color:#D6D6D6;
	font-size:22px;
}

.entry-header {
	margin:2% 0 0 0;
}

.entry-title a:hover {
	color:#FFF;
}

.paging-navigation, .post-navigation {
	background:none;
}

.paging-navigation .meta-nav {
	background:#676767;
}

.navigation a {
	color:#D6D6D6;
}

.navigation a:hover {
	color:#FFF;
}

.paging-navigation a:hover .meta-nav {
	background:#9F9F9F;
}

.entry-content img.alignright, .entry-content .wp-caption.alignright {
	margin-right:0;
}

.entry-content img.alignleft, .entry-content .wp-caption.alignleft {
	margin-left:0;
}

.archive .entry-header {
	margin:3% 0 0 0;
}

.entry-content {
	border:1px solid #717171;
	padding:3%;
}

.navigation .nav-previous, .navigation .nav-next {
	padding:2%;
}

/*****************images*************/
.attachment .entry-content, .attachment .hentry {
	background:none;
}

.wp-caption .wp-caption-text, .entry-caption, .gallery-caption {
	color:#AAA;
	margin:5% 0 0 0;
}

.attachment .entry-caption {
	text-align:center;
}

.gallery-item {
	margin:0 10px 8px 0;
}



/****************footer*************/
.site-footer {
	background:none;
	border-top:1px solid #717171;
	color:#7E7E7E;
	margin:5% 0 0 0;
	font-size:0.8rem;
}

.site-footer a {
	color:#7E7E7E;
}

.site-footer a:hover {
	color:#FFF;
}

.site-info {
	padding:10px 0;
}


/****************form**************/
button, input[type="submit"], input[type="button"], input[type="reset"] {
	background: #e05d22; /* Old browsers */
	background: -webkit-linear-gradient(top, #7B7B7B 0%, #414141 100%); /* Chrome 10+, Safari 5.1+ */
	background:linear-gradient(to bottom, #7B7B7B 0%, #414141 100%) repeat scroll 0 0 transparent;
	border-color:-moz-use-text-color -moz-use-text-color #414141;
}

button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
	background: #9B9B9B; /* Old browsers */
	background: -webkit-linear-gradient(top, #9B9B9B 0%, #616161 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #9B9B9B 0%, #616161 100%); /* W3C */
	border-color:-moz-use-text-color -moz-use-text-color #616161;
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	background: #9B9B9B; /* Old browsers */
	background: -webkit-linear-gradient(top, #9B9B9B 0%, #616161 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #9B9B9B 0%, #616161 100%); /* W3C */
	border-top: 3px solid #616161;
}

/***************generic***********/
h1, h2, h3, h4, h5, h6 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h2 {
	font-size:20px;
	font-weight:normal;
	margin:25px 0 5px 0;
}

h3 {
	font-size:16px;
	margin:22px 0 5px 0;
	color:#D6D6D6;
}

img {
	border:1px solid #FFF;
}
a img:hover {
	opacity:0.7;
}

p {
	margin:0 0 6px 0;
}

.entry-content a, .comment-content a {
	color:#D6D6D6;
	display:block;
	font-style: italic;
}

.entry-content a:hover, .comment-content a:hover {
	color:#FFF;
}