/* DOTCLEAR-MOZILLA CONTEST 2009 */
/* COMMON STYLES */

/*************** DEFAULT DEFINITION */
html, body { margin: 0; padding: 0; font: 100% Arial, Verdana, Helvetica, sans-serif; text-align: center; line-height: normal; color:#FFFFFF; background-color: #00243a; }
img, table, td, fieldset, form, legend, h1, h2, h3, h4, h5, h6, ul, ol, li, p, dl, dt, dd { margin: 0; padding: 0; border: 0; list-style: none; }
dt, dd, p, li { font-size: 0.69em; }
li li, li p, li h2, li h3, dd li, dd p, dd dd, dd dt, dd h2, dd h3 { font-size: 1em; }
table { border-collapse: collapse; font-size: 1em; padding: 0; }
a { outline: 0 none; text-decoration: none; color: #e86800; }
a:hover { text-decoration: underline; }
.offLeft { position: absolute; left: -5000px; top: -2000em; }
.clear { clear: both; display: block; padding-bottom:1px; margin-bottom:-1px; font-size:0; }
acronym, abbr { border: none; }


.specialFont, .sidebar h2, #topnav li { font-weight: normal; text-transform: uppercase; }
h1.specialFont { font-size: 1.5em; }

/*************** CLEARFIX */
.clearfix:after, #mainCols:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, #mainCols { display: block; }

/*************** FORMS */
input, select, textarea { font: 11px Arial, Helvetica, sans-serif; background-color: #FFFFFF; border: 1px solid #094b80; vertical-align: middle; }
.submit, .preview { background-color: #094b80; color: #FFFFFF; font-weight: bold; text-align: center; border-color: #094b80; text-transform: uppercase; }
label { cursor: pointer; vertical-align: middle; }

/*************** LINKS */
.sidebar .feed { padding: 2px 0 2px 20px; background : transparent url(../img/feed.png) no-repeat left center; }

/*************** STRUCTURE - GENERAL */
#outsideContainer { background: #ddd5bd url(../img/bg-crateres.gif) top left repeat; color: #094b80; }
#middleContainer1 { background: transparent url(../img/bg-middle-container-1.gif) top left repeat-x; }
#middleContainer2 { background: transparent url(../img/bg-middle-container-2.gif) bottom left repeat-x; }
#insideContainer1 { width: 960px; margin: 0 auto; background: transparent url(../img/bg-inside-container-1.jpg) top left no-repeat; text-align: left; }
#insideContainer2 { position: relative; background: transparent url(../img/bg-inside-container-2.gif) bottom left no-repeat; }
#mainCols { float: left; width: 731px; }
#content { float: right; width: 502px; margin-top: 100px; padding-bottom: 30px }
#sidebar1 { width: 202px; margin-top: 18px; padding: 0 0 30px 0; }
#sidebar2 { float: right; width: 202px; margin-top: 30px; position: relative; z-index: 1; padding: 0 0 30px 0; }
#header { min-height: 205px; position: relative; }
#footer { padding: 50px 0 30px 0; text-align: center; }
#footer img { padding: 0 15px; vertical-align: middle; }
#pouiLink, #SLLink { padding: 1px; position: absolute; z-index: 0; background-color: #ddd5bd; }
#pouiLink { bottom: 200px; right: 155px; }
#SLLink { padding: 0; bottom: 170px; left: 245px; }

/*************** CONTENT - HEADER */
#logo { float: left; padding: 35px 0 0 90px; font: 2em Georgia, "Times New Roman", Times, serif; font-weight: bold; line-height: 1em; }
#logo a { color: #FFFFFF; }
#logo span { display: block; }
#logo .word1 { padding: 0 0 0 57px; }
#logo .word2 { padding: 0 0 0 40px; }
#logo .word3 { padding: 0 0 0 24px; }
#logo .word4 { font-weight: normal; font-style: italic; }
#prelude { float: right; margin: 5px 2px 0 0; }
#prelude li { width: 200px; text-align: right; }
#prelude li a { display: block; padding: 1px 5px; color: #2f5973; }
#prelude li a:hover { color: #FFFFFF; background-color: #2f5973; text-decoration: none; }
#txtStory { position: absolute; top: 210px; left: 480px; width: 230px; height: 100px; font-size: .75em; color: #e76800; text-align: right; line-height: 1.6em; }

/*************** CONTENT - BLOCKS */
.block { margin: 0 0 15px 0; }
.blockBody { padding: 0 17px 0 17px; background: transparent top left repeat-y; }
.blockHead, .blockFoot { height: 13px; background: transparent top left repeat-y; }
#sidebar1 .blockBody, #sidebar2 .blockBody { background-image: url(../img/bg-sidebar-block.png); }
#sidebar1 .blockHead, #sidebar2 .blockHead { background-image: url(../img/bg-sidebar-block-top.png); }
#sidebar1 .blockFoot, #sidebar2 .blockFoot { background-image: url(../img/bg-sidebar-block-bottom.png); }
#content .blockBody { padding: 10px 25px 15px 25px; background-image: url(../img/bg-content-block.png); }
#content .blockHead { background-image: url(../img/bg-content-block-top.png); }
#content .blockFoot { background-image: url(../img/bg-content-block-bottom.png); }

/*************** CONTENT - POSTS */
#navlinks, .pagination { margin: 0 0 10px 0; padding: 0 0 10px 0; color: #094b80; text-align: center; }
.pagination { margin: 10px 0 0 0; }
#navlinks a { color: #094b80; text-decoration: underline; }
#navlinks a:hover { text-decoration: none; }

.post { margin: 0 0 15px 0; }
.post p, .post ul { padding: 0 0 10px 0; }
.post.first { }
.post.odd { }

.post h2 { font-size: 1em; }
.post h3 { font-size: .88em; }
.post h4 { font-size: .81em; }


.day-date { padding: 0 0 5px 0; font-size: .63em; text-align: right; }
.post-title { color: #e86800; padding: 0 0 7px 0; font-size: 1.13em; }
p.post-info { padding: 0 0 20px 0; font: .63em Georgia, "Times New Roman", Times, serif; }
p.post-tags { padding: 0 0 20px 0; }
.post-excerpt { }
.post-excerpt p, .post-excerpt li { font-size: .75em; }
.post-excerpt li li { font-size: 1em; }
.post-content { }
.post-content p, .post-content li { font-size: .75em;}
.post-content li li { font-size: 1em; }

.read-it { }

.footnotes { }
.footnotes h4 { }

.post-info-co { font: .63em Georgia, "Times New Roman", Times, serif; }
.comment_count { }
.pings_count { }
.attach_count { }

#attachments { padding: 0 0 20px 0; }
#attachments h3 { }
#attachments ul { }
#attachments ul li { padding: 0 0 10px 0; }
#attachments li.audio { }
#attachments li.package { }
#attachments li.text { }

/*************** CONTENT - COMMENTS & PINGS */

#comments { }
#pings { margin: 0 0 10px 0; }
#pr { }
#comment-form { }

.function-title { padding: 0 0 10px 0; color: #e86800; font-size: .88em; }
#comments h3 { }
#pings h3 { }
#pr h3 { }
#comment-form h3 { }

.comments blockquote { border:1px solid #094b80; margin: 10px 0 20px 0; padding: 15px 20px; }
.comments .author_comment, .comments .author_comment a { color: #e86800; }
.comments .author_comment blockquote { color: #e86800; border-color: #e86800; }
.comments blockquote p { line-height:1.4em; }
#comments dl { }
#comments dt { }
#comments dd { }
#comments .first { }
#comments .odd { }
#comments .me { }

#pings blockquote { border:1px solid #094b80; margin: 10px 0 20px 0; padding: 15px 20px; }
#pings dl { }
#pings dt { }
#pings dd { }
#pings .first { }
#pings .odd { }
#pings .me { }

#pr { margin: 0 0 20px 0; }
#pr .submit { width: 579px; }
#pr dl { }
#pr dd { }

.post-forms { padding: 20px 0; }
#comment-form fieldset { }
.field { }
.post-forms p { clear:both; padding: 0 0 10px 0; }
.field label { float: left; display: block; width: 150px; text-align: right; padding: 0 10px 0 0; }
.field input { width: 240px; }
.field textarea { width: 240px; }
#valid, .post-forms p.form-help { padding: 0 0 10px 160px; }

#comment-form input[type=submit] { }
#comment-form input[type=reset] { }

.form-help { }

#ping-url { margin: 0 0 20px 0; }
#comments-feed { }


/*************** CONTENT - SIDEBAR */

.sidebar h2 { padding: 0 0 10px 0; color: #9db32c; font-size: 1.13em; }
.sidebar h3 { padding: 0 0 5px 15px; font-size: .75em; }
.sidebar a { color: #094b80; }
.sidebar ul { padding: 0 0 5px 0; }
.sidebar li { margin: 0 0 0 15px; padding: 0 0 10px 0; list-style-image: url(../img/puce-sidebar.gif); font-size: .75em; }
.sidebar p { padding: 0 0 10px 0; font-size: .75em; }
.sidebar li li { padding: 5px 0 0 0; font-size: 1em; }

/* boites du menu des widgets livres avec Dotclear */
#search { }
#search form { }
#search input[type=text] { width: 126px; } /* ou #search #q */
#search input[type=submit] { } /* ou #search .submit */

#topnav { }
#topnav li { margin: 0; padding: 0 0 0 15px; background: #ddd5bd url(../img/bg-topnav-item.gif) center left no-repeat; list-style-image: none; font-size: 1.13em; }
.topnav-arch { }
.topnav-home { }

.selected { }
.lang { }
.categories { }
.syndicate { }
.syndicate li { list-style-image: none; margin: 0; }
.lastposts { }
.lastcomments { }
.text { }
.links { }

.tags { }
.tags ul { }
.sidebar .tags ul { text-align: center; }
.sidebar .tags li { line-height: 1.2em; margin: 0; }
.tags li { }
.sidebar .tags p { padding: 10px 0; text-align: right; font-size: .69em; }
/* a completer separement ou globalement pour le sidebar et la page
spécifique des tags avec les differentes class des tags en fonction
de leur frequence - voir 9/ classes communes */

/****************** CONTENT - CATEGORY */
#content-info { margin: 0 0 10px 0; }
#content-info p, .content-inner p { font-size: .75em; padding: 0 0 10px 0; }
#subcategories { margin: 0 0 20px 0; }
/* toc */
.dc-multitoc .content-inner { margin : 2em 0; }
#multitoc dl { width: 100%; border-top: 6px solid #efece7; border-bottom: 6px solid #efece7; padding : 0 0 4px 0; }
#multitoc dl, dl#multitoc dd { margin: 0; }
#multitoc dd { padding: 10px; }
#multitoc dd li { line-height: 1.5em; padding: 0 0 10px 0; }
#multitoc dt { cursor: pointer; background: #efece7; font-size: 1.2em; padding: 5px 10px; margin: 4px 0 0px 0; }
.dc-multitoc p.toc-group-desc { background : #efece7; margin : 0; padding : 0 10px 4px 20px; }
span.toc-item-date, span.toc-item-author, span.toc-item-com, span.toc-item-tb { color: #666; }
#linkToggleAllWords { text-align: right; padding: 0 0 10px 0; }
#linkToggleAllWords span { cursor: pointer; }
#linkToggleAllWords span.hover { color: #e86800; text-decoration: underline; }
#linkToggleAllWords span.active { cursor: default; color: #e86800; }

/****************** CONTENT - 404 */
#content .categories, #content .tags { margin: 0 0 20px 0; }
#content .categories h2, #content .tags h2 { font-size: 1em; }

/*************** CONTENT - TAGS */
.dc-tags #content ul li, .tags ul li { display: inline; width: auto; padding: 0 4px 0 0; }
.dc-tags .tag0, .tags .tag0 { font-size: 85%; }
.dc-tags .tag10, .tags .tag10 { font-size: 95%; }
.dc-tags .tag20, .tags .tag20 { font-size: 105%; }
.dc-tags .tag30, .tags .tag30 { font-size: 115%; }
.dc-tags .tag40, .tags .tag40 { font-size: 125%; }
.dc-tags .tag50, .tags .tag50 { font-size: 135%; }
.dc-tags .tag60, .tags .tag60 { font-size: 145%; }
.dc-tags .tag70, .tags .tag70 { font-size: 155%; }
.dc-tags .tag80, .tags .tag80 { font-size: 165%; }
.dc-tags .tag90, .tags .tag90 { font-size: 175%; }
.dc-tags .tag100, .tags .tag100 { font-size: 185%; }

/* messages d'erreur */
.error { border : 1px solid #c44; background : #df0; padding : 0.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; }


/*************** CONTENT - PAGES */

.dc-home { }
.dc-post { }
.dc-categories { }
.dc-category { }
.dc-archive { }
.dc-archive-month { }
.dc-tags { }
.dc-tag { }
.dc-404 { }
.dc-search { }