/* Theme Rye
Licence : domaine public */

/* ------------------------------------------------------------
LAYOUT
------------------------------------------------------------- */

html, body, #page, #top, #prelude, #wrapper, #footer,#main, #content,#sidebar, #blognav, #blogextra {margin : 0;padding : 0;}
body {text-align : center;}#page {margin : auto;text-align : left;}
#top { height: auto; width: 100%; max-width: 1250px; margin : auto;}
#top h1 {margin : 0; min-height: 35px; height: auto; }
#wrapper {margin: 0;padding: 0;}
#main {padding: 2.5% 8%;}
#content {max-width: 979px; margin: auto; }
#footer {clear: both;text-align:center;height : 130px;width: 80%;margin : auto;}
#sidebar {max-width: 1250px;width: 100%;clear: both;margin: 0px auto;padding: 40px 0 20px 0;}
#sidebar div.widget{margin: 13px;float: left;}
#blogcustom {width: 100%;clear: both;margin: 0px auto;padding: 1px 0;}
#blogcustom div {width: 100%;padding: 0px 10px 20px 10px;}

/* ------------------------------------------------------------
Style
------------------------------------------------------------- */

@font-face {font-family: Ubuntu-L;src: url(index.php?tf=font/Ubuntu-L.ttf);}
html { font-size: 101%; -webkit-text-size-adjust: 101%;  -ms-text-size-adjust: 101%;}
body { background : #f0f0f0; font: 101%/2em Ubuntu-L, "Bitstream Vera Sans", DejaVu Sans,Tahoma,sans-serif; color: #6b6b6b;} 
#page {background : #fff;border: 1px solid #ddd; max-width: 1600px;}


@media (max-width: 999px) {
body { margin: 0.1%; font-size : 100%; }
#page { margin: 0%;}
#top h1 { padding: 20px 10px 20px 10px;}
nav  { margin: 0.3em auto; }
nav a { padding: 0px 4px; margin: 0; }
nav li { padding: 1px 0px;  margin: 0; }
#main {padding: 0.5%;}
#navlinks { font-size: 80%}
#content {width: 98%;padding: 2%;}
#top h1 {  font-size: 150%;}
.post-title {  font-size: 120% !important;}
#prelude { font-size: 80%; }
#navlinks { padding-bottom: 35px;}
#comment-form fieldset {width: 90%;}
.field,.field label,.field input,.field textarea  {width: 90%;}
#post-info-co, .post-category, .post-tags, .comment_count, .attach_count {font-size: 100%; }
#sidebar  {width: auto; max-width: 90%;}
div#search.widget form { max-width: 90%;}
}

@media (min-width: 1000px) {
body { margin:4% 8%;}
#top {min-height : 180px;}
#top h1 { padding: 80px 10px 50px 10px;}
nav  { margin: 2.3em auto; }
nav a { padding: 0px 20px; }
nav li { padding: 10px 0px;}
#comment-form fieldset {width: 60%;}
}

@media (max-width: 1200px) { 
html {  font-size: 110%; }
#navlinks { padding-bottom: 55px;}
}

@media (min-width: 1300px) {
html {  font-size: 110%; }
#navlinks { padding-bottom: 25px;}
#blognav  div.widget { max-width: 22%; }
}


/* ------------------------------------------------------------
2. BALISES HTML PAR DEFAUT 
------------------------------------------------------------- */

h1 { }
h2 { }
h1, h2, h3, h4,h5 { font: 1.1em/1.6em; font-style: normal;font-weight: 100; letter-spacing: 3px;text-decoration: none; text-transform: uppercase; }
h3 { margin-top: 3em; }
h4 {font: 0.9em/1.3em; }
h5 { }
h6 { }
p { }
em { font-style: italic; }
img { max-width: 100%; }
sup,sub {height: 0;line-height: 1;position: relative;vertical-align: baseline;}
sup {bottom: 1ex;}
sub {top: .5ex;}
abbr, acronym { }
blockquote {  margin: 20px; background: url(index.php?tf=img/icon_quote.png) no-repeat top left;}
blockquote { font: 1.2em/1.8em monospace; }
blockquote p { padding: 5px 0 0 40px; }
cite { }
ul { list-style-position:inside;}
ol {  list-style-position:inside;}
dl { }
form { }
fieldset { }
figure {margin: 1.5em 0; padding: 0;}
figcaption {margin: 0; font-size: 85%; font-style: italic; padding: 0 0 0 40px;}
input { }
label { }
a:hover, a:active { color: #3d3d3d; }
a, a:link, a:visited { color: #222222;text-decoration: none;}
a:link { }
a:visited { }
a:hover { text-decoration: none;  transition: .3s;border-bottom: 1px solid gainsboro;   border-color: #999; }
a:focus { }
a[hreflang]:after { }
a img { }
code, pre { }
pre { overflow: auto; clear: both;} 
hr { }
fieldset {border : none; margin: 0; padding: 0;}
.post h3, .post h4 {clear : both;}
table { background: #fcfcfc; max-width: 840px; border-collapse:collapse;border-spacing:0;width:100%;display:table; }
tr { text-align: left;border-bottom: 1px solid #999;}
th { padding-left: 10px;  border-bottom: 1px solid #999; border-top: 1px solid #999; }
td { padding-left: 10px; }

/* ------------------------------------------------------------
3. TOP
------------------------------------------------------------- */

#top {text-align : center;border-bottom : 1px solid #ddd; text-align : center;}
#top h1 a { color: #999 !important; }
#top h1 { color: #999 !important; font: 1.5em/1.5em; font-weight: 100; letter-spacing: 3px; text-transform: uppercase;}
#blogdesc { display: none; color: #999; text-align : center; font-size: 0.7em; letter-spacing: 3px; text-transform: uppercase;}
#prelude { display: none; padding-bottom: 2em; color: #999; text-align : center; font-size: 80%; letter-spacing: 3px; text-transform: uppercase;}
#prelude a { padding-bottom: .2em; color: #999;}
#prelude a:active { color: #999;  text-decoration: none;  transition: .3s;border-bottom: 1px solid gainsboro;   border-color: #999;}

nav  { height: auto;  color: #999; text-align : center; font-size: 80%; letter-spacing: 3px; text-transform: uppercase;}
nav ul { padding: 0; margin: 0;  list-style: none; }
nav li { display:inline-block; }
nav a { color: #999 !important; float: left; display: block; text-decoration: none; }
nav li:after { content: " | "; }
nav li:last-child:after {color: white;}
nav a:active { color: #999;  text-decoration: none;  transition: .3s;border-bottom: 1px solid gainsboro;  }

#headerimage  { text-align: center; }
#headerimage img { clear: both; background-size: cover;  }


/* ------------------------------------------------------------
5. WRAPPER MAIN CONTENT
------------------------------------------------------------- */

#wrapper { }
#content { min-height: 22em;  }
#content-info { }
#content-info h2 {margin-bottom: 2em; }
#content-info p { }
.content-inner { }
.pagination { text-align:center;overflow:hidden;  margin: 0px 0px 0px 0px; clear: both;padding: 0px 0px;}
.pagination p span { margin-right:1px; padding:1px 8px;}
.pagination .this { margin: 0px 9px 0px 0px;  padding:4px 8px; border-bottom: 1px solid gainsboro;}
.pagination a {margin: 0px 9px 0px 0px; padding:4px 8px;}
.pagination a:hover { }
#navlinks { }
#navlinks a {font-size: 85%; line-height: 1.3em; }
#navlinks .prev {float: left; text-align: left;width: 45%; }
#navlinks .next { float: right; text-align: right; width:45%;}
#navlinks span  { display: none;}
#subcategories { padding: 0px; margin-bottom: 3em;}
#subcategories h3 {font-size: 100%;}
#subcategories ul {list-style: circle; padding-left: 16px;}

/* ------------------------------------------------------------
6. BILLETS
------------------------------------------------------------- */

.post { margin-bottom: 6em; }
.dc-post .post { margin-bottom: 2em; }
.post.first { }
.post.odd { }
.day-date {text-align: center; }
.dc-tag .day-date, .dc-category .day-date , .dc-search .day-date {display: none; }
.post-title { margin: 2em auto 1em auto; text-align: center;}
ul.post-tags  a, .post-info a {color: #aaaaaa !important; }
.post-info {font-size: 0.8em; color: #aaaaaa; text-align: center; margin: 0 auto; }
.page-info {display: none; }
.dc-home .post-info, .dc-home .post-tags, .dc-home .post-info-co { display: none; }
.comment_count  { padding: 0px 0px 0px 20px; background: url(index.php?tf=img/icon_comments.png) no-repeat; }
.post-category  { padding: 0px 0px 0px 20px; background: url(index.php?tf=img/icon_category.png) no-repeat; }
ul.post-tags { font-size: 0.8em; padding: 0;  margin: 0;  text-align: center; }
.post-tags:before  {}
.post-tags:after {content: " "; }
.post-tags li:first-child { }
.post-tags li {display: inline;}
.post-tags li:after {content: ", ";}
.post-tags li:last-child:after {content:"";}
.post-excerpt { }
.post-content {margin-bottom:2em; padding: 10px; }
.post-content p {}
.post-content img {max-width: 100%;  -moz-box-shadow: 5px 3px 3px #D3D3D3;-webkit-box-shadow: 5px 3px 3px #D3D3D3;  box-shadow: 5px 3px 3px #D3D3D3;}
.post-content a:hover, .post-content a:active { color: #444444;  text-decoration: none;  transition: .3s;}
.post-content a, .post-content a:link, .post-content a:visited { border-bottom: 1px solid gainsboro;}
.post-content a:visited {   border-bottom-style: dotted; }
.post-content a:hover, .post-content a:active {   border-color: #222222; }
.post-content a:focus {  }   
.read-it { }
#cboxCurrent {font-family: sans-serif !important; font-size: 80%; position: relative; bottom: 0px !important;}
#cboxTitle {font-family: sans-serif !important; font-size: 80%; position: relative; bottom:0px !important;}
.footnotes { font-size: 0.8em; color: #aaaaaa; border-top: 1px solid #dddddd; width: 80%; margin-top: 4em; margin-bottom: 2em;}
.footnotes h4 { margin-bottom: 0.2em;}
.footnotes p { margin-bottom: 0.2em; margin-top: 0.2em; }
.footnotes a { color: #aaaaaa; }
.post-info-co { }
.comment_count { }
.ping_count { display: none;}
.attach_count { }#attachments { }
#attachments h3 { }
#attachments ul { }
#attachments ul li { }
#attachments li.audio { }
#attachments li.package { }
#attachments li.text { }

/* ------------------------------------------------------------
7. COMMENTAIRES, PINGS
------------------------------------------------------------- */

#comments, #comment-form {padding: 10px; }
#pings {display: none; }
#comments h3, #comment-form h3 {padding: 30px 0px 0px 0px;}
.buttons {  margin-bottom: 50px;}
#pr h3 {  padding: 30px 0px 20px 0px;}
#pings h3 {display: none; }
#comments dl { }
#comments dt {padding: 30px 0px 0px 0px; }
#comments dd {margin-left: 10px;font: 1em/1.6em monospace;}
.comment-preview {padding: 0px 10px;margin-bottom: 30px; font-style: italic; }
#comments .first { }
#comments .odd { }
#comments .me { }
#pings dl { }
#pings dt { }
#pings dd { }
#pings .first { }
#pings .odd { }
#pings .me { }
#pr dl { }
#pr dd { }
#comment-form fieldset { }
#comment-form fieldset p {padding: 5px 0;}
#comment-form fieldset p.field {clear: right;width: auto;margin: 0;padding: 5px 0;}
#comment-form p.form-help, #comment-form p.remember {width: 100%;margin: 0 0 0 0%;font-size:0.8em;}
#comment-form p label {width: auto;}#comment-form p.field label {display: block;float: right;width: 100%;padding: 0 0px 4px 4px;text-align: left;}
#comment-form input {width: 100%; height: 25px; border: 1px solid gainsboro; padding:2px;}
#comment-form textarea {width: 100%; border: 1px solid gainsboro; padding:2px;}
#comment-form .jstHandle {margin-left:28%;width:60%;}
#comment-form #subscribeToComments_checkbox input { margin-left: 0px; width:auto; line-height:12px;}
#comment-form input#c_remember {width: auto;margin: 0 5px 0 0px;border: 0;}
#comment-form input.preview {margin-left: 0px;}
#comment-form input.preview, #comment-form input.submit { width: auto; border: 1px solid gainsboro;font-size: .9em; text-transform: uppercase; padding: 0em 2em 1.5em 2em;}
.buttons {margin-bottom: 0px 0px 0px 0px;}
#search form {margin: 0px 0px 0px 0px;}
.form-help { }
#ping-url { font-size: 0.9em;font-style: italic;}
textarea {width: 98%;}
#comment-form input[type=submit] { background-color: #222; color: #fff; border: 1px solid gainsboro;text-transform: uppercase; border-radius: 11px;}
#comment-form input[type=reset] { background-color: #fff; border: 1px solid gainsboro; text-transform: uppercase; }
#ping-url { }
#comments-feed { }

/* ------------------------------------------------------------
8. SIDEBAR
------------------------------------------------------------- */

#sidebar { }
#blognav { }
#blogextra { }
#sidebar h2 { font-size: 0.9em;}
#sidebar h3 {font-size: 0.9em; }
#sidebar ul {margin-left: -40px;  list-style: none; }
#sidebar li { }
#sidebar li li {margin-left: 20px;list-style-type: circle; }
/* boites du menu des widgets livres avec Dotclear */

#blognav  div.widget { width: 100%;}
div#search.widget form { }
div#search.widget input[type=text] { width: 66.66666%;} /* ou #search #q */
div#search.widget input[type=submit] {width: 25.33333%; padding: 1px; text-transform: uppercase; } /* ou #search .submit */

#search { }
#search form { }
#search input[type=text] { border: 1px solid #bbb; } /* ou #search #q */
#search input[type=submit] { background-color: #fff; border: 1px solid #bbb; text-transform: uppercase; } /* ou #search .submit */
#topnav { }
.topnav-arch { }
.topnav-home { }
#topnav span {display:none;}
.tags { }
.tags ul { }
.tags li { }

/* ------------------------------------------------------------
9. FOOTER
------------------------------------------------------------- */

#gotop {  display: block; z-index: 1000;  position: fixed;  bottom: 0;  right: .5em;  width: 2em;  padding: .25em;  border: 1px solid #626262;  border-radius: .25em;  
background-color: white;  color: #333;  font-size: .875em;  text-align: center; }  
#gotop a, #gotop a:link, #gotop a:hover, #gotop a:active {    background: transparent;    border: none;    font-weight: bold;    color: #626262; }
#footer {text-align : center;border-top : 1px solid #ddd; text-align : center;}
#footer p { color: #222222;  font-size: 0.8em; font-weight: 100; letter-spacing: 3px; text-transform: uppercase; padding-top: 30px;}

/* ------------------------------------------------------------
10. CLASSES COMMUNES
------------------------------------------------------------- */

/* class sur les liens rss (on peut y placer l'iconefeed.png a piocher dans le theme par defaut par ex.) */
.feed { padding-left:20px;background : transparent url(index.php?tf=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%; }

/* messages d'erreur */
.error { background-color: #d52125;  color: white;  padding: .25em .5em; }
.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; }

/* ------------------------------------------------------------
11. PAGES SPECIFIQUES
j'indique le marqueur du body, a completer pour cibler 
plus precisement (cf l'exemple ci-dessus pour les tags)
------------------------------------------------------------- */

.dc-home { }
.dc-post { }
.dc-categories { }
.dc-category { }
.dc-archive { }
.dc-archive {  }
.arch-block {display: block;margin: 0 0 2em 4em;vertical-align: top;}
.arch-block:first-child {margin-left: 0;}
.arch-block h3 {  text-align: left; padding: 0.5em 1em; margin-bottom: -1em;text-transform: uppercase;  }
.arch-block h4 { padding-top: 5px;}
.arch-block ul { list-style-type: none;margin: 0;padding: 0;}
.arch-block li {line-height: 2.4em; padding: 2px 0px 2px 0px;}
.arch-block li a {}
.arch-block li li {padding: 0px 0px 0px 20px;}
.arch-block ul ul {margin-left: 20px;}
#time-criteria h3:first-child { margin:0; padding:0 5px; margin-top: 0;}
#by-date {margin-right: 0; margin-bottom: 2em; margin-top: 2em;}
#by-date h3 {display: none; line-height:30px;margin-bottom: 0; }
.fromto {display: none; margin-top: 0;margin-bottom: 2.5em; line-height: 2.4em;}
#by-date div {display: inline-block;vertical-align: top;margin: 0;width: 10em;}
#by-date ul {margin-bottom: 1.5em;}
#by-date span {}
#by-date ul, #by-tag ul, #by-cat ul {list-style:none; }
.dc-archive-month { }
.dc-tags { }
.dc-tag { }
.dc-404 { }
.dc-search { }

/* ---------------------------------------------------  
12. ET POUR FINIR NE PAS OUBLIER LES CLEARERS
ici ceux le plus souvent necessaires
--------------------------------------------------- */

.post, .post-content, .footnotes, .attachments, .post-info-co, #comments, #footer {    clear:both;    }