/*  -- BEGIN LICENSE BLOCK ---------------------------------------
This is part of theme Dust to Down theme for Dotclear 2 blog
# Copyright (c) 2014
# Licensed under the GPL version 2.0 license.
# See LICENSE file or
# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
#
# -- END LICENSE BLOCK -----------------------------------------*/


/* ------------------------------------------------------------
LEAVE IT AS IT IS
------------------------------------------------------------- */
html {font-size: 100.01%;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
html, body, #page, #top, #prelude, #wrapper, #footer,#main, #content,#sidebar, img {margin:0;padding:0;border:0;vertical-align:baseline;}
*,*:after,*:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
html, body { font: 90%/1.9 Verdana, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;/* for iPad and its small fonts */-webkit-text-size-adjust: 115%;}
body { color: #5d6669;} 
/* --------------------------------------------------------------
@LAYOUT        
--------------------------------------------------------------- */
body { text-align: center; }
#top,#page,#claimer {max-width: 978px; }
#top, #page,#main,#content,#navigation,#blognav, #blogextra, #blogcustom#claimer {width: 100%;}
.post,.post-content,#comments dt,.footnotes,.attachments,.post-info-co,#comments,#footer,.post h3, .post h4,.dc-archive .post-title{clear:both;}
#top { height: 197px; margin: -30px auto 0px auto; padding: 77px 0px 0px 0px; text-align: left;}
#background {padding: 0px 40px 5px 40px;max-width: 667px;}
#top h1 { margin: 0px 0px 10px 0px; padding: 10px 0px 0px 0px;}
#blogdesc {padding: 0px;}
#page { text-align: left; padding: 0px; margin: 0px auto;}
#navigation { position: relative; top: 0px; clear: both; min-height: 46px; margin: 0px; }
#wrapper {padding: 0%;}
#main {float: left;}
#content {float: left; margin: 0%;}
#claimer  {margin: 0px auto; }
#sidebar { float: left; padding-top:40px; padding-bottom:40px;}
div.widget {padding:5%; }
#blognav, #blogextra, #blogcustom { margin: 0px; padding: 0px; }

/* --------------------------------------------------------------
WANT TO CHANGE  
--------------------------------------------------------------- */	
#breadcrumb {display:none; }
.author { /* display:none;  */  }
.post-category:before{content: "Posted in ";}
.post-tags:before  {content: "Tagged with ";}

/* --------------------------------------------------------------
COLOUR and SIZE    
--------------------------------------------------------------- */
body {
background: linear-gradient(bottom, rgb(255,203,112) 0%, rgb(107,138,169) 30%, rgb(1,44,87) 100%);
background: -o-linear-gradient(bottom, rgb(255,203,112) 0%, rgb(107,138,169) 30%, rgb(1,44,87) 100%);
background: -moz-linear-gradient(bottom, rgb(255,203,112) 0%, rgb(107,138,169) 30%, rgb(1,44,87) 100%);
background: -webkit-linear-gradient(bottom, rgb(255,203,112) 0%, rgb(107,138,169) 30%, rgb(1,44,87) 100%);
background: -ms-linear-gradient(bottom, rgb(255,203,112) 0%, rgb(107,138,169) 30%, rgb(1,44,87) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#012c57', endColorstr='#ffcb70'); /* for IE */
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(255,203,112)),color-stop(0.3, rgb(107,138,169)),color-stop(1, rgb(1,44,87)) );
 } 
#texture {background: transparent url(img/texture.png) repeat-x 0 0; width: 100%;height: 100%;}
#top {background: transparent url(img/ornaments.png) no-repeat;}
#top h1 a {color:#367ca7;line-height: 1.3em; font-weight: 300;text-transform:lowercase;  }
#background  {background: #0b0e18; opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}
#blogdesc { position: relative; top: -10px; color: #eeeeee; font-size: 90%;}
#prelude {background: #0b0e18; text-align: center; height: 50px; width: 100%; padding: 10px;opacity:0.3; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);}
#prelude a {color: #3d688c; font-weight: 100;text-shadow: #293457 1px 1px 0px;opacity:1.0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99); }
#page {background: #eeeae8;}
/* -----------------------------------------------------------------
STRUCTURE FOR DEVICES
------------------------------------------------------------------ */
@media (max-width: 600px) {
#top {margin: 0px;padding: 0% 5% 5% 0%;}
#content,#content-inner, #dateandtitle,#subcategories  { width: 100%;padding: 0% 5% 5% 5%;}
#breadcrumb {height:auto!important;max-width: 390px;padding: 0% 5% 0% 5% !important;}
#background {position: relative; top: 60px;}
.dc-tag .post, .dc-category .post , .dc-archive-month .post, #comments h3, #comment-form h3, #pings h3 {padding-top: 35px;}
#attachments {padding-left: 0px; padding-right: 0px;}
.dc-post #navlinks {padding: 5px 0px;}
#comments {padding-left: 10px; padding-right: 10px;border-right: 1px solid #cccccc;border-left: 1px solid #cccccc;}
#comment-form fieldset {width: 100%;}
#comments,#comment-form,#pr{ padding-top: 17px; padding-bottom: 17px; }
#pings { padding-top: 17px; padding-bottom: 0px; }
dd {margin-left: 0px; }
.field,.field label,.field input,.field textarea  {width: 100%;}
#sidebar  { width: 100%;}
.dc-archive .post {border-bottom: 0px; }
.dc-archive .content-inner ul {margin-bottom: 40px;}
.dc-archive-month #content-info { padding: 0px;}
#sidebar, #blogvav,#blogextra { background: #0b0e18;}
}
@media screen and (min-width: 601px) and (max-width: 800px)  {
#top {margin: 0px;padding: 0% 5% 5% 0%;}
#content,#content-inner, #dateandtitle,#subcategories  { width: 100%;padding: 0% 5% 5% 5%;}
#background {position: relative; top: 70px;}
#main {margin: 0px -30.7% 0px 0px;}
#breadcrumb {height:auto!important;max-width: 390px;padding: 0% 5% 0% 5% !important;}
.dc-post #navlinks {padding: 0px 0px 25px 0px;}
.dc-post #navlinks {padding: 5px 60px 5px 60px;}
#comments {padding-left: 10px; padding-right: 10px;}
#comments,#comment-form,#pr { padding-top: 27px; padding-bottom: 27px; }
#pings { padding-top: 27px; padding-bottom: 0px; }
.dc-archive-month #content-info { padding: 0px;}
#sidebar, #blogvav,#blogextra { background: #0b0e18;}
}
@media (min-width: 800px) {
#prelude {display: none;}
#page {background-repeat:repeat;background-image: linear-gradient(to left, rgb(11,14,24) 31.33333%, rgb(238,234,232) 0%), url('img/sidebar.png');} /* Do not change 31.33333% */
#main {max-width: 978px;width: 100%;margin: 0px -30.7% 0px 0px;}
#breadcrumb {height:auto!important;max-width: 590px;padding: 0px 60px !important;}
#content,#content-inner{ max-width: 68.66667%;}
#dateandtitle {max-width: 580px;}
.post, #attachments, #content-info,#comments,#pings, #ping-url, #comments-feed,#pr,#comment-form {padding-left: 60px; padding-right: 60px;}
.dc-post #navlinks {padding: 5px 60px 5px 60px;}
.content-inner  {padding-left: 60px; padding-right: 60px;}
#content-info,#pings  { padding-top: 0px; padding-bottom: 0px; }
.post,#comments-feed,.dc-archive .content-inner { padding-top: 0px; padding-bottom: 27px; }
.post-excerpt p { font-weight: 700;} 
.post-content p {}
#sidebar {max-width: 30%;}
#sidebar,#blogvav,#blogextra {color: #DDDDDD;}
div.widget {padding:5% 10%;}
.dc-archive-month #content-info { padding: 0px 0px 0px 35px;}
}

/* ------------------------------------------------------------
HTML
------------------------------------------------------------- */
a {color: #497CA7;text-decoration: none;}
a:hover, .post-category a:hover,.post-tags a:hover, #sidebar a:hover, .comment_count a:hover, .ping_count a:hover, .attach_count  a:hover { color: #8c2618;}
a:focus { }
a[hreflang]:after { }
a img { }
a img.external-link{cursor: pointer; margin-bottom:0em;margin-right:0em;box-shadow: none !important;}
img.smiley {margin-bottom:0em;margin-right:0em;box-shadow: none !important;}
address {display: block;margin: 0 0 22px;}
audio,canvas,video{display:inline-block;vertical-align:baseline;margin-bottom:1em;}
abbr,acronym {border-bottom: none;cursor: help;}
blockquote {font-family: Georgia, "Bitstream Charter", serif;font-style: italic;font-weight: normal;margin: 0 0 0 5%;}
blockquote em,blockquote i,blockquote cite {font-style: normal;}
blockquote cite {color: #666;font: 13px Verdana, sans-serif;text-transform: uppercase;}
cite,em,i {font-style: italic;}
code,pre {font-family: Monospace, 'Courier New', Courier;overflow:auto;}
dl {margin: 0 0 22px 0;}
dt {font-weight: bold;}
dd {margin-bottom: 22px;margin-left: 0px;}
h1,h2,h3,h4,h5,h6 {clear: both;}
h1{line-height:24px;}h2{line-height:22px;}h3{line-height:20px;}h4{line-height:18px;}h5{line-height:16px;}h6{line-height:14px;}
.dc-page h1,.dc-page h2,.dc-page h3,.dc-page h4,.dc-page h5,.dc-page h6{padding-top: 1em;}
hr {background-color: #ccc;border: 0;height: 1px;margin-bottom: 21px;}
img { max-width: 100%;height: auto;}
ins {background: #edbba3;}
form { }
.form-help {font-weight: 700;font-size:0.8em;}
fieldset { border: none;}
figure {font-size:90%;margin-left:0px;}
figcaption {font-style:italic;margin-bottom:1em;}
input { }
label { }
input { cursor:pointer;-webkit-appearance:button;}
input[type="search"] {-webkit-appearance: textfield;-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
input.submit { padding: 8px;text-transform: capitalize;}
input.preview {padding: 5px;text-transform: capitalize;}
ins {background: #fff9c0;text-decoration: none;}
kbd{font-family:monospace;font-size:1em;}
mark{background:#FF0;color:#000;padding: 0px 2px;}
pre {background: #f4f4f4;font: 13px "Courier 10 Pitch", Courier, monospace;line-height: 1.5;
margin-bottom: 22px;overflow:auto;padding: 0.75em 1.6923em;}
ul,ol{padding: 0px;margin:0;}
ul {list-style: disc;}
ol {list-style-type: decimal;}
ul ul,ol ol,ul ol,ol ul {margin-bottom: 0;}
small{font-size:80%;}
strong {font-weight: bold;}
sup,sub {font-size: 10px;height: 0;line-height: 1;position: relative;vertical-align: baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img,a img {border:0;}
legend{border:0;padding:0}
p{display:block;margin-top: 1em;margin-bottom: 1em;}
pre{font-family:monospace;font-size:1em;}
pre,textarea{overflow:auto}
samp{font-family:monospace;font-size:1em;}
svg:not(:root){overflow:hidden;}
table{border-collapse:collapse;border-spacing:0;width:100%;display:table;}
table,th,td{border:none}
template{display:none;}


/* ------------------------------------------------------------
WRAPPER MAIN CONTENT
------------------------------------------------------------- */
#content-info h2, .dc-page .post-title,.dc-archive-month #content-info h2 { color: #497CA7;font: 100 22px/22px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
letter-spacing: -2px;margin-bottom: 22px;padding: 0px;text-shadow: #FAF7F5 1px 1px 0px;}
.pagination { text-align:center;overflow:hidden;  margin: 0px; clear: both;padding: 40px;}
.pagination p span { color: #38948c; margin-right:1px; padding:1px 4px;}
.pagination .this { margin: 0px 9px 0px 0px; padding: 4px; color: #ff6a15; border-bottom: 1px dotted #dddddd;}
.pagination a { color: #38948c; margin: 0px 9px 0px 0px; }
.dc-post #navlinks {clear:both;min-height: 40px;font-size: 90%; text-align: center; text-transform: uppercase; margin-top: 0.5em; margin-bottom: 0px;border-bottom: 1px solid #cccccc;}
#navlinks a { text-transform: none; font-size: 100%;}
.dc-post #navlinks .prev {float: left; text-align: left !important;width: 49%; }
.dc-post #navlinks .next { float: right; text-align: right !important;width:49%;}
.dc-archive-month #navlinks { text-align: center;padding-left: 10px; padding-right: 10px;}
.dc-archive-month #navlinks .prev {float: left; text-align: left !important;width: 35%;}
.dc-archive-month #navlinks .next { float: right; text-align: right !important;width: 35%;}
#subcategories {padding: 20px 0px 0px 70px;}
#subcategories h3 {font-size: 90%;}
#subcategories ul {padding-left: 0px;margin-left: 15px;}
/* ------------------------------------------------------------
BILLETS
------------------------------------------------------------- */
.post {border-bottom: 1px solid #cccccc;padding-bottom: 60px; }
#dateandtitle { max-height: 450px;border-right: 7px solid #497ca7; padding: 55px 0px 0px 0px; margin-bottom: 40px;}
.dc-category #dateandtitle {  margin-bottom: 10px;}
.dc-page #dateandtitle, .dc-archive #dateandtitle, .dc-archive-month #dateandtitle, .dc-tags #dateandtitle,.dc-search #dateandtitle,.dc-404 #dateandtitle { min-height: 140px;}
.dc-tag .post, .dc-search .post, .dc-category .post, .dc-archive-month .post, #pings h3 {padding-top: 35px;}
.day-date { letter-spacing: 1px;font-size: 90%;line-height: 1em;margin: 0px 0px 4px;text-transform: uppercase;color: #497CA7;text-shadow: #faf7f5 1px 1px 0px;}
.post-title {font-weight: 100 !important; font: 22px/22px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif; color: #4a4a49; letter-spacing: -2px; text-shadow: #FAF7F5 1px 1px 0px;}
.post-title a {color: #4a4a49;}
.post-title a:hover {color: #497CA7;}
.post-excerpt {font-weight: 700; }
.post-excerpt, .post-content {overflow-wrap: break-word;text-shadow: 1px 1px 1px rgba(243, 243, 243, 0.600); }
.post-excerpt img, .post-content img{margin-right: 0.5em !important;margin-bottom: 0.5em !important; }
p img {margin-bottom: 0.5; /* a small bottom margin prevents content floating under images */}
.post-excerpt ul, .post-content ul,.post-excerpt ol, .post-content ol{margin-left:5%;}
.read-it {text-align: right; }
.footnotes { font-size: 90%;}
.footnotes h4 { border-top: 1px solid #ccc; width: 200px; padding-top: 5px; }
.post-info-co {color: #777777; margin-top: 30px; }
.post-category a {color: #497CA7;line-height: 22px;}
.post-category:before{color: #777777;}
.post-category:after {content: " "; }
.post-tags  { display:inline;line-height: 22px; }
ul.post-tags  { padding-left: 0px;margin: 0px;}
.post-tags:before  {color: #777777;}
.post-tags:after {content: " "; }
.post-tags a {color: #497CA7;}
.post-tags li:first-child { padding: 2px 0px 2px 0px; }
.post-tags li {display: inline;}
.post-tags li:after {content: ", ";color: #497CA7;}
.post-tags li:last-child:after {content:"";}
.post-category,.comment_count, .ping_count, .attach_count {margin-right: 2%;}
.comment_count a,.attach_count,.ping_count  {color: #497CA7; line-height: 22px;}
#attachments { border-bottom: 1px solid #cccccc; padding-top: 27px; padding-bottom: 27px; }
#attachments h3 { margin-top: 0px;}
#attachments ul {list-style:none; }
#attachments ul li { }
#attachments li.audio { }
#attachments li.package { }
#attachments li.text { }
.gravatar { float: right; max-width: 48px; max-height:48px;}
/* ------------------------------------------------------------
COMMENTAIRES, PINGS
------------------------------------------------------------- */
#comments { border-bottom: 1px solid #cccccc;}
#comment-form {border-bottom: 1px solid #cccccc;  }
#comments,#comment-form,#pr,#pings  { padding-top: 27px; padding-bottom: 27px; }
#comments h3,#comment-form h3,#pings h3,#pr h3  { margin-top: 0px;}
dd ul, dd ol {margin-left:5%;}
.field label { display: block; padding-bottom: 10px;}
.field textarea {width: 100%;padding: 5px; }
#search form {margin: 0px 0px 0px 0px;}
#ping-url { font-size: 0.9em;font-style: italic;}
textarea {width: 98%;}
/* ------------------------------------------------------------
SIDEBAR
------------------------------------------------------------- */
div.widget h2{background: url(img/widget_heading.png) 0px 6px no-repeat transparent;font-size:94%;line-height:22px;
border-bottom: 1px solid #252832;margin: 0px 0px 11px;padding: 0px 0px 0px 18px;text-transform: uppercase;}
#sidebar h3 {background: url(img/widget_heading.png) 0px 6px no-repeat transparent;font-size:94%;line-height:22px;
border-bottom: 1px solid #252832;margin: 5% 0px 11px;padding: 0px 0px 0px 18px;text-transform: uppercase;}
div.widget a { color: #367CA7;}
div.widget a:hover { color: #DDDDDD;}
div.widget ul {padding-left: 0px;margin-left: 20px;}
div.widget li {padding-left: 0px;margin: 0px 0px 0px 0px;}
div.widget.syndicate li {list-style-type: none;}
div.widget.syndicate ul {margin-left: 0px;}
div.widget li li {padding-left: 0px;margin: 0px 0px 0px 0px;}
#search.widget input[type=text] {background: #252832;border: 1px solid #3E4354;color: #367CA7;padding: 2px;width: 70%;color: #fff; }
#search.widget input[type=submit] {background: #252832;border: 1px solid #3E4354;color: #367CA7;text-transform: uppercase;width: 20%;padding: 2px 0px; } 
div.topnav.widget span {display:none;}
div.widget.tags ul, div.widget.tags p{margin-left: 4px; }
div.widget.text img {float:left;margin: 0px 10px 4px 0px;  }
div.widget.shortArchives{color: #367CA7; }
/* ------------------------------------------------------------
 FOOTER
------------------------------------------------------------- */
#footer {background: transparent;}
#claimer { background:  transparent url(img/ornaments-bottom.png) no-repeat center bottom; padding-top: 20px;opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
 color:#3b8ed5;line-height: 1.4em;text-transform:lowercase; min-height: 83px;}
#claimer p {text-align: left; padding: 20px; background: #0b0e18; opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); max-width: 679px; }
.logo { background: transparent url(img/logo.png) no-repeat; padding-left:26px; padding-bottom: 7px;padding-top: 2px; text-align: center;} /*Dotclear logo in footer */
/* ------------------------------------------------------------
CLASSES COMMUNES
------------------------------------------------------------- */
.feed { margin-right: 10px;padding-left:20px;background: transparent url(img/feed.png) no-repeat left center; }
/* tags dans le sidebar et dans la page les regroupant(exemple ici pour un nuage) */
.dc-tags #content ul li, .dc-tags #content ul li a, .tags ul li, .tags ul li a {
display: inline;width: auto;padding-left: 0;padding-right: 4px;background: transparent;line-height: 1.5em;}
.tags ul li a:hover {background-image:none;}
.dc-tags .tag0, .tags .tag0 { font-size: 85%; }
.dc-tags .tag10, .tags .tag10 { font-size: 90%; }
.dc-tags .tag20, .tags .tag20 { font-size: 95%; }
.dc-tags .tag30, .tags .tag30 { font-size: 100%; }
.dc-tags .tag40, .tags .tag40 { font-size: 105%; }
.dc-tags .tag50, .tags .tag50 { font-size: 110%; }
.dc-tags .tag60, .tags .tag60 { font-size: 115%; }
.dc-tags .tag70, .tags .tag70 { font-size: 120%; }
.dc-tags .tag80, .tags .tag80 { font-size: 125%; }
.dc-tags .tag90, .tags .tag90 { font-size: 130%; }
.dc-tags .tag100, .tags .tag100 { font-size: 135%; }
.error {border: 1px solid #ccc;background: #f9f9f9;padding: 0.5em;color: #367CA7;}
.error ul {padding-left: 20px;}
.error li {list-style: square;}
/* exemples de ceux que j'ajoute souvent */
.left { float: left; margin-right: 1em; }
.right { float: right; margin-left: 1em; }
.center { margin-left: auto; margin-right: auto; }
.left-text { text-align: left; }
.right-text { text-align: right; }
.center-text { text-align: center; }
.little-text { font-size: .8em;}
.little-upper-text { font-size: .8em; text-transform: uppercase; }
/* ------------------------------------------------------------
 PAGES SPECIFIQUES
------------------------------------------------------------- */
.dc-archive .post {padding: 0.3% 0% 0% 0%;margin-bottom: 10px;}
.dc-archive .post-title,.dc-archive .post-title a {line-height: 1.5em;font-weight: 100 !important;text-shadow: transparent 0px 0px 0px;
font: 105%  Verdana, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif; letter-spacing: 0px;}
.dc-archive .archive-post-date {float: right;padding-left: 20px;font-size: 100%;}
.dc-archive-month .content-inner {padding-left: 0px;padding-right: 0px;}
.dc-archive .content-inner h3 {margin-bottom: 0.2em;clear: both; font-weight: 700 !important;padding: 10px 10px 10px 0px;}
.dc-archive .content-inner ul {list-style: none;margin-top: 0.2em; }
.dc-archive .content-inner li {clear: both;font-size: 100%;display: inline;}
.dc-archive .content-inner li:after {content: ", ";color: #497CA7;}
.dc-archive .content-inner li:last-child:after {content:"";}