/**
  
Theme Name: LPN season 3
Theme URI: http://www.lepetitnegre.com
Description: The New Lepetitnegre.com theme is written from Scratch
Version: 1 RC
Author: Nyamagana Butera Ignace
Author URI: http://www.nyamsprod.com/
 
*/
html, body { min-width:1024px; margin:0; padding:0; font:normal 1em/1.5 'Palatino Linotype', Palatino, 'Liberation Serif', serif; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; }
html { min-width:23em; color:#e5e5e5; background-color:#fff; }
a { color:#E03E0D; text-decoration: none; -webkit-transition:all .3s linear; transition:all .3s linear; }
a:hover { color:#7C3B29;  }
article, header, hgroup, section, nav, figure, figcaption { -moz-box-sizing:border-box; box-sizing:border-box; margin:0 auto; padding:0; }
blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; -o-hyphens: none; hyphens: none; }
blockquote { font-style:italic; border-left:3px solid #999; padding-left:1em; }
button				{ border:none; padding:5px; cursor:pointer; color:#fff; background-color:#4e4f52; }
button:hover		{ background-color:#222; }
input[type=text],
input[type=email],
input[type=url]		{  width:93%; padding:5px; text-align:left; border-radius:0; border:4px solid rgba(0, 0, 0, .5); }
textarea			{ resize:vertical; min-height:130px; max-height:600px; width:93%; padding:5px; margin-bottom:5px; text-align:left; border-radius:0; border:4px solid rgba(0, 0, 0, .5); }

footer {
margin:0;
padding:0;
display:block;
}

img {
  margin:0; padding:0;
}

/** WP standard class */
.alignleft				{ float:left;}
.alignright				{ float:right;}
.aligncenter			{ display:block; margin:.3em auto; padding:3px; background-color:#fff; border:1px solid #ccc; }
img.alignleft, 
img.alignright			{ padding:3px; background-color:#fff; border:1px solid #ccc; display:inline; }
img.alignleft			{ margin:3px 10px 2px 0; }
img.alignright			{ margin:3px 0 2px 10px; }
.info     { padding:5px; border:1px dotted #ccc; font:normal small/1.8em "Segoe UI", verdana, helvetica, arial,sans-serif; }
.info img { background-color:#fff; }
.wp-caption			{ margin:.3em auto; padding:9px; border:1px solid #eee; }
.wp-caption-text	{ margin:.3em; padding:0; font-size:.9em; }
img.noborder		{ border:none;  }
.wp-post-image		{ max-width:100%; }
.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }

.cf:after,
.cf:before { display:table; content:''; }
.cf:after { clear:both; }

@font-face {
    font-family: "Museo 300";
    font-weight: normal;
    font-style: normal;
    src: url("fonts/museo_300.eot");
    src: url("fonts/museo_300.eot?#iefix") format("embedded-opentype"), url("fonts/museo_300.woff2") format("woff2"), url("fonts/museo_300.woff") format("woff"), url("fonts/museo_300.ttf") format("truetype"), url("fonts/museo_300.svg#Museo 300") format("svg")
}
@font-face {
    font-family: "Museo 500";
    font-weight: normal;
    font-style: normal;
    src: url("fonts/museo_500.eot");
    src: url("fonts/museo_500.eot?#iefix") format("embedded-opentype"), url("fonts/museo_500.woff2") format("woff2"), url("fonts/museo_500.woff") format("woff"), url("fonts/museo_500.ttf") format("truetype"), url("fonts/museo_500.svg#Museo 500") format("svg")
}
@font-face {
    font-family: "Museo Sans 500";
    font-weight: normal;
    font-style: normal;
    src: url("fonts/museo_sans_500.eot");
    src: url("fonts/museo_sans_500.eot?#iefix") format("embedded-opentype"), url("fonts/museo_sans_500.woff2") format("woff2"), url("fonts/museo_sans_500.woff") format("woff"), url("fonts/museo_sans_500.ttf") format("truetype"), url("fonts/museo_sans_500.svg#Museo Sans 500") format("svg")
}

/** GENERAL LAYOUT **/
[class=^blog-],
.wp-pagenavi-container { 
    -moz-box-sizing:border-box;
        box-sizing:border-box;
        padding:0;
    -webkit-transition:all .3s linear;
            transition:all .3s linear;
}

.blog-wrapper,
.blog-wrapper-header { -moz-box-sizing:border-box; box-sizing:border-box; margin:0 auto; padding:0; width:99%; }
.blog-wrapper-header { width:auto; }

/** HEADER **/
.blog-header { position:relative; padding-bottom:1em; background-color:#222; min-height:115px; }
.blog-header:before,
.blog-header:after { content:''; display: table; }
.blog-header:after { clear:both;}
.blog-header hgroup { float:left; width:361px; height:61px; background-image:url(images/logo.png); }
.blog-header hgroup { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.blog-header hgroup:before { content: ""; display: block; width: 0; height: 150%; }

.header-info { float:right; }
.header-info:before,
.header-info:after { content:''; display: table; }
.header-info:after { clear:both;}
.header-info h2 { display:none; }
.header-info div   { float:right; margin:0; padding:0 3px 3px; text-align:right; }
.header-info form   { padding-top:7px; padding-right:5px; text-align:center; }
.header-info button { display:none; }
.header-info input  { display:none; width:480px; padding:7px 2px; border:none; background-color:#e5e5e5; color:#999; font:normal 20px/1 Helvetica, Arial, Sans-serif; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1) inset; }
.header-info input:hover  { color:#444; }
.header-info input:focus  { color:#111; }
.header-info aside { display:block; float:right; margin:0; padding:0 0 3px; }
.header-info a             { 
    outline:none;
    position:relative;
    display:inline-block;
    width:40px;
    height:50px;
    margin:0;
    background-color:transparent;
    transition:.3s all linear;
}
.header-info a:hover       { background-color:#222; }
.header-info a:after       { content:''; display:block; position:absolute; bottom:0; left:38%; border:solid; border-color:#222 transparent; border-width:0 5px 5px; }
.header-info .facebook        { background-image:url(images/icons/facebook.png); }
.header-info .facebook:hover  { background-color:#3B5998; }
.header-info .twitter         { background-image:url(images/icons/twitter.png); }
.header-info .twitter:hover   { background-color:#00C0F7; }
.header-info .rss             { background-image:url(images/icons/rss.png); }
.header-info .rss:hover       { background-color:#EE8C31; }
.header-info .search          { background-image:url(images/icons/search.png); }
.header-info .search-active,
.header-info .search:hover    { background-color:#d32626; }

/** MAIN HEADER **/
.main-header { -moz-box-sizing:border-box; box-sizing:border-box; margin:0 auto; padding:0; background-color:#E03E0D; color:#fff; }
.main-title { margin:0 auto; padding:.5em; }
.main-title a,
.main-title span { color:#422016; }

.blog-main { background-color:#cecbc4; }
.blog-main:before,
.blog-main:after { display:table; content:''; }
.blog-main:after { clear:both; }
.main-content,
.main-sidebar { display:block; -moz-box-sizing:border-box; box-sizing:border-box; float:left; }
.main-content { width:calc(100% - 320px); margin-bottom:1em; }
.main-sidebar { width:320px; padding:0; }

.lpn-special {
    font-family:"Museo 300", Open sans,Verdana,Arial,sans-serif;
}

.archive.tag-cap2010 {
    background-color:#013356;
}

.archive.category-podcast {
    background-color:#222;
}

.lpn-special .blog-footer {
    color:#f1f1f1;
    background-color:#333;
}

.archive.tag-cap2010 .blog-footer {
    background-color:#001B30;
}


.lpn-special .nav-secondary .blog-wrapper {
    color:#f1f1f1;
    background:transparent url(images/lpn-flat.png) no-repeat 2em center scroll;
}

.lpn-special a {
    color:#f7c43d;
}

.lpn-special a:hover {
    text-decoration:underline;
}

.podcast-header {
    border-top:5px solid #f7c43d;
    text-align:center;
    background-color:inherit;
    padding:0;
    margin:0;
}

.lpn-special .blog-main {
    background-image:none;
}

.lpn-special .main-content {
    float:none;
    width:100%;
    background-color:inherit;
    font-size:1.2em;
    line-height:1.5;
    padding-bottom:1em;
}

.podcast-header h1 {
    font-family:"Museo Sans 500";
    font-size:3em;
    font-weight:bold;
    text-transform:uppercase;
    margin:0 auto;
    padding:0;
}

.lpn-special h2 {
    color: #999;
    font-family: "Museo 300";
    font-size: 1.8em;
    font-weight: normal;
    margin: 0 auto;
    padding: 0;
}

.podcast-header span {
    color:#F7C43D;
}

.podcast-episodes-list {
    margin:1em 0 0;
    padding:0;
    width:100%;
    list-style:none;
}

.podcast-episodes-list li {
    padding-top:.5em;
    padding-bottom:.5em;
    margin-bottom:.5em;
    font-size:.9em;
    background-color:#000;
}

.podcast-episodes-list time {
    float:left;
    padding:.3em;
    color:#999;
    font-family:'Droid Sans Mono', monospace;
}

.podcast-episodes-list time:after {
    content:"\0020\25B6";
}

.podcast-episodes-list a {
    float:left;
    padding:.3em;
}

.podcast-episodes-list em {
    display:inline-block;
    padding:.3em;
}

.podcast-social {
    margin:0 auto 1em;
    padding:0;
    text-align:center;
}

.podcast-social ul {
    margin:0 auto 1em;
    padding:0;
    width:272px;
    list-style:none;
    text-align:center;
}

.podcast-social li {
     margin:0 10px;
     width:48px;
     float:left;
     text-align:center;
}

.podcast-social a {
    display:block;
    width:48px;
    height:48px;
    margin:0;
    padding:0;
    border-radius:6px;
}

.podcast-social .twitter {
    background:transparent url(images/svg/webicon-twitter.svg) center no-repeat scroll;
}

.podcast-social .facebook {
    background:transparent url(images/svg/webicon-facebook.svg) center no-repeat scroll;
}

.podcast-social .soundcloud {
    background:transparent url(images/svg/webicon-soundcloud.svg) center no-repeat scroll;
}

.podcast-social .youtube {
    background:transparent url(images/svg/webicon-youtube.svg) center no-repeat scroll;
}

.podcast-content {
    margin:0 auto 1em;
    padding:0;
    width:50%;
    min-width:320px;
    text-align:justify;
}

.podcast-content p {
    font-size:.9em;
}

.podcast-footer {
    text-align:center;
    font-weight:bold;
}

.donate {
    margin:1em auto;
    padding:1em .3em;
    width:300px;
    background-color:#444;
    border:1px solid #444;
    text-align:center;
    transition:all .3s linear;
}

.donate:hover {
    background-color:#666;
    border:1px solid #fff;
}

/** ARTICLE **/
.hentry { -moz-box-sizing:border-box; box-sizing:border-box; padding:0 1em 1em; color:#444; font-size:1.3em; background-color:#fff; -webkit-transition:all .3s linear; transition:all .3s linear; }
article.hentry:first-of-type { border-top:none; }
.hentry header {
-moz-box-sizing:border-box;
     box-sizing:border-box;
     position:relative;
     margin:0; padding:0 0 .5em 5em;
}
.page .hentry header {
    padding:0;
}

.page .main-content {
    float:none;
    margin:1em auto;
    width:80%;
}

.entry-title { margin:0; padding:0; font-size:1.7em; text-transform:uppercase; }
.entry-meta p { margin:0; }
.entry-content { margin:0; }
.entry-content:before,
.entry-content:after { content: ''; display: table;}
.entry-content:after { clear: both; }
.entry-post-id { -moz-box-sizing:border-box; box-sizing:border-box; position:absolute; top:.3em; left:0; padding:.5em; width:4em; display:block; font-weight:bold; color:#fff; background-color:#D32626;}
.entry-content input[type=search] { display:block; margin:.5em auto; padding:.3em; width:80%; border:2px solid #444; border-radius:4px; }
/*.entry-content button { display:none; }*/
.entry-content img { border:1px solid #fff; padding:0; background-color:#e1e1e1; box-shadow:0 0 8px rgba(0, 0, 0, .5); }
.illustration img { display:block; text-align:center; max-width:100%; margin:.3em auto; }
.entry-content .wp-smiley { border:none; background-color:transparent; box-shadow:none; }

/** MEDIA */
.audioplayer_container { text-align:center; }
.oembed-container { margin:0 auto .5em; max-width:100%; }
.oembed-container iframe { display:block; margin:0 auto; max-width:100%; border:1px solid #fff; padding:0; background-color:#e1e1e1; box-shadow:0 0 8px rgba(0, 0, 0, .5); }
.oembed-container figcaption { font-size:.8em; text-align:center; }

/* WEBCOMIC */
.webcomic	{ text-align:center; }
.webcomic p	{ margin:0; padding:0; font-size:.9em; text-align:right; }
.web-info 	{ width:240px; z-index:3; opacity:0; position:absolute; top:42%; left:30%; border-radius:.3em; border:1px solid #659635; background-color:#99ca28; 
background-image:-webkit-linear-gradient(transparent, rgba(0, 0, 0, .3)); background-image:linear-gradient(transparent, rgba(0, 0, 0, .3)); color:#fff; pointer-events: none; font-size:.7em; text-align:center; text-decoration:none; text-shadow: -1px -1px 2px #777; transition:opacity .3s linear; }
.wbc-single	{ position:relative; }
.wbc-single:hover .web-info { display:block; opacity:1; }

/* RELATED POST PLUGIN  */
.related_post_container		{ position:relative; margin:0 auto; }
.related_post               { margin:.3em auto; list-style:none; }
.related_post:before, 
.related_post:after			{ content: ""; display: table; }
.related_post:after			{ clear: both; }
.related_post a             { text-decoration:none; }
.related_post img           { margin:2px; width:120px; height:120px; }
.related_post li            { -moz-box-sizing:border-box; box-sizing:border-box; float:left; width:18%; margin:2px; padding:0; text-align:center; }
.related_post li span       { display:block; }

/* COMMENTS + FORM COMMENTS */
.season_comments			{ position:relative; margin:0 auto; padding:0; }
.season_comments h1			{ margin:0; padding:5px; text-transform:uppercase; }
.comments-list				{ position:relative; margin:0 auto; padding:10px; }
.comments-list li a			{ color:#186c96; }
.comments-list li a:hover	{ color:#f7c43d; }
.comments-list h2			{ color:#f7c43d; }
.comment					{ margin:0 auto; padding:0; border-top:5px solid #999; clear:both; overflow:hidden; width:100%; }
.comment:first-of-type		{ border:none; }
.comment a					{ color:#f72; text-decoration:none; }
.comment a:hover 			{ color:#222; text-decoration:underline; }
.comment cite				{ font-style:normal; font-weight:bold; }
.comment-content			{ float:right; margin:0; padding:0 5px; width:75%; }
.comment-meta  			 	{ float:left; margin:0; padding:0 5px; width:20%; font-size:.9em; text-align:right; }
.comment-meta .avatar		{ margin:5px 0; }
.comment-meta p				{ padding:0; }
.comment-meta .url			{ color:#111; }
.comment-meta .url:hover	{ color:#666; }
.bypostauthor			    { background-color:#222; color:#999; }
.bypostauthor a:hover    	{ color:#f72; }
.bypostauthor a.url		    { color:#f5f5f5; }
.bypostauthor a.url:hover	{ color:#666; }
.comments-form				{ margin:0 auto; padding:0; color:#333; background-color:#e5e5e5; font-size:.8em; }
.comments-form div			{  margin:5px auto 0; padding:5px; }
.comments-form a			{ color:#186c96; }
.comments-form a:hover		{ color:#800; }

/** BLOG NAVIGATION **/
.wp-pagenavi-container { margin:0 auto; padding:.5em 0; font-size:1.2em; font-weight:bold; text-align:center; color:#fff; background-color:#e03e0d; }
.wp-pagenavi a,
.wp-pagenavi span { margin:2px; padding:3px 5px; display:inline-block; text-transform:lowercase; }
.wp-pagenavi span { color:#fff; }
.wp-pagenavi a { color:#e1e1e1; }
.wp-pagenavi a:hover { color:#3d160c; }
.wp-pagenavi-container:empty { display:none; }

/* CONTACT FORM PLUGIN */
#wpcf		{ -moz-box-sizing:border-box; box-sizing:border-box; width:98%; margin:0 auto 10px; padding:1em; color:#333; background-color:#e5e5e5; font-size:.8em; }
#wpcf label	{ line-height:1.5; }
.error404 .entry-content { padding-top:285px; background:transparent url(images/error404.png) center 5px no-repeat scroll; }

/** SIDEBAR **/
.blog-sidebar { font-size:1.1em; color:#fff; background-color:#cecbc4; }

/** FOOTER **/
.blog-footer { padding:.7em 0 0; font-size:.8em; text-align:left; color:#444; background-color:#fff; -webkit-transition:all .3s linear; transition:all .3s linear; }
.blog-footer p { margin:0; padding-left:6em; }

.pub { display:block; margin:0 auto; padding:.3em; -moz-box-sizing:border-box; box-sizing:border-box; text-align:center; }

.widget { -moz-box-sizing:border-box; box-sizing:border-box; color:#444; font-size:.9em; width:100%; text-align:left; margin-bottom:0; }
.widget h2 { margin:0 auto 3px; padding:5px; font-weight:bold; font-size:1.3em; text-align:left; color:#fff; background-color:#e03e0d; }
.widget ul { margin:0 auto 5px; padding:0; list-style:none; text-align:left; } 
.widget li { padding:.5em; }
.widget li:before,
.widget li:after { content:''; display:table; }
.widget li:after { clear:both; }
.widget.pub { border-top-width:1px;  }

.widget-twitter img  { float:left; margin:2px; padding:3px; }
.widget-twitter span { float:right; width:220px; margin-right:5px; }
.widget-twitter time { font-style:italic; font-weight:normal; }
.widget-twitter li time a { color:#444; }
.widget-twitter li:hover time a { color:#000; }
.widget-twitter p { -moz-box-sizing:border-box; box-sizing:border-box; padding:5px; text-align:center; margin-bottom:0; }
.widget-twitter h2 { padding-left:40px; background:#00c0f7 url(images/icons/twitter.png) no-repeat left center scroll; }

.widget-facebook { margin:0; padding:0; border-top:none; }
.widget-facebook .facebook-container { background-color:#fff; width:298px; margin:0 auto; padding:0; }
.widget-facebook iframe { display:block; border:none; margin:1em auto; padding:0; width:298px; height:564px; }
.widget-facebook h2 { padding-left:40px; margin-bottom:0; background:#3b5998 url(images/icons/facebook.png) no-repeat left center scroll; }

.nav-secondary { margin:0 auto; padding:1em; }
.nav-secondary .blog-wrapper { padding:1em; background:transparent url(images/lpn-gray.png) no-repeat 2em center scroll; color:#444; }
.nav-secondary ul { margin:0; padding:0 0 0 6em; list-style: none; }
.nav-secondary ul:before,
.nav-secondary ul:after { content: ''; display: table;}
.nav-secondary ul:after { clear: both; }
.nav-secondary li { float:left; padding-right:.5em; text-transform:capitalize; }
.nav-secondary li:before { content:' | '; }
.nav-secondary li:first-child:before { content:''; }

.ie .blog-wrapper-header,
.ie .blog-wrapper { width:80%; }
.ie .blog-header form   { float:left; text-align:left; }
.ie .blog-header input:focus  { width:380px; }
.ie .header-info { float:right; }
.ie .related_post li  { -moz-box-sizing:border-box; box-sizing:border-box; float:left; width:18%; margin:2px; padding:0; text-align:center; }
.ie .hentry { font-size:1.3em; }

.random-posts h1 {
    -moz-box-sizing:border-box; box-sizing:border-box;
    margin:0;
    padding:0 0 .3em;
    color:#222;
    font-size:1.5em;
}

.random-posts ul {
    -moz-box-sizing:border-box; box-sizing:border-box;
    list-style:none;
    margin:0 auto;
    padding:1em .3em;
}

.random-posts li {
    -moz-box-sizing:border-box; box-sizing:border-box;
    float:left;
    overflow:hidden;
    min-width:150px;
    width:20%;
    text-align:center;
}

.random-posts img {
    padding:1px;
    background-color:#fff;
    width:150px;
    height:150px;
}

.random-posts a {
    color:#e03e0d;
}

.random-posts a:hover {
    color:#222;
}

.ie .main-content { width:900px; }
.ie .hentry,
.ie .widget { margin-bottom:.3em; border-bottom:none; }
.ie .main-sidebar { padding-top:.3em; }