/*
Theme Name: Charlotte
Theme URI:  http://wp.paragraphe.org/
Description: A Blog for Nightly Writters
Version: 1.0
Author: Ignacio
Author URI: http://wp.paragraphe.org/
*/
 html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; margin:0; padding:0}

a img{border:none}

body{font-size:85%; color:#222; background:#222 url('images/wood.png'); font-family:Arial,sans-serif}

h1, h2, h3, h4, h5, h6{font-weight:400; color:#111; font-family:georgia}

h1{font-size:3em; line-height:1em; margin-bottom:0.5em}

h2{font-size:2em; margin-bottom:0.75em}

h3{font-size:1.5em; line-height:1; margin-bottom:1em}

h4{font-size:1.2em; line-height:1.25; margin-bottom:1.25em}

h5{font-size:1em; font-weight:700; margin-bottom:1.5em}

h6{font-size:1em; font-weight:700}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{margin:0}

p{margin:0 0 1.5em}

a{color:#933B4C; text-decoration:none}

tt, code, pre{font:.9em 'andale mono','lucida console',monospace; line-height:1.5}

pre{background:#FEFEFE; border:1px solid #ddd; width:auto; height:auto; overflow:scroll; margin-bottom:3em; color:#555; padding:1em}

strong{font-weight:700}

li ul, li ol{margin:0 1.5em}

ul, ol{margin:0 1.5em 1.5em}

ul{list-style-type:disc}

ol{list-style-type:decimal}

blockquote{border-top:1px dotted #111; border-bottom:1px dotted #111; font-family:georgia; font-style:italic; margin:1em 0 3em; padding:3em 2em}

img{max-width:470px;height:auto}

.small{font-size:.8em; margin-bottom:1.875em; line-height:1.875em}

.large{font-size:1.2em}

.last{margin-right:0; padding-right:0}

.center{text-align:center}

.right{text-align:right}

.padding{padding:3em}

.georgia{font-family:georgia}

.container{width:950px; background:#F6F6F6; border-right:3px solid #111; border-bottom:3px solid #111; border-left:3px solid #111; margin:0 auto}

.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24{float:left; margin-right:10px}

.last, div.last{margin-right:0}

.span-2{width:70px}

.span-3{width:110px}

.span-4{width:150px}

.span-5{width:190px}

.span-6{width:230px}

.span-7{width:270px}

.span-8{width:310px}

.span-9{width:350px}

.span-10{width:390px}

.span-11{width:430px}

.span-12{width:470px}

.span-13{width:510px}

.span-14{width:550px}

.span-15{width:590px}

.span-16{width:630px}

.span-17{width:670px}

.span-18{width:710px}

.span-19{width:750px}

.span-20{width:790px}

.span-21{width:830px}

.span-22{width:870px}

.span-23{width:910px}

.span-24, div.span-24{width:950px; margin:0}

input.span-2, textarea.span-2, select.span-2{width:50px}

input.span-3, textarea.span-3, select.span-3{width:90px}

input.span-4, textarea.span-4, select.span-4{width:130px}

input.span-5, textarea.span-5, select.span-5{width:170px}

input.span-6, textarea.span-6, select.span-6{width:210px}

input.span-7, textarea.span-7, select.span-7{width:250px}

input.span-8, textarea.span-8, select.span-8{width:290px}

input.span-9, textarea.span-9, select.span-9{width:330px}

input.span-10, textarea.span-10, select.span-10{width:370px}

input.span-11, textarea.span-11, select.span-11{width:410px}

input.span-12, textarea.span-12, select.span-12{width:450px}

input.span-13, textarea.span-13, select.span-13{width:490px}

input.span-14, textarea.span-14, select.span-14{width:530px}

input.span-15, textarea.span-15, select.span-15{width:570px}

input.span-16, textarea.span-16, select.span-16{width:610px}

input.span-17, textarea.span-17, select.span-17{width:650px}

input.span-18, textarea.span-18, select.span-18{width:690px}

input.span-19, textarea.span-19, select.span-19{width:730px}

input.span-20, textarea.span-20, select.span-20{width:770px}

input.span-21, textarea.span-21, select.span-21{width:810px}

input.span-22, textarea.span-22, select.span-22{width:850px}

input.span-23, textarea.span-23, select.span-23{width:890px}

input.span-24, textarea.span-24, select.span-24{width:940px}

.append-1{padding-right:40px}

.append-2{padding-right:80px}

.append-3{padding-right:120px}

.append-4{padding-right:160px}

.append-5{padding-right:200px}

.append-6{padding-right:240px}

.append-7{padding-right:280px}

.append-8{padding-right:320px}

.append-9{padding-right:360px}

.append-10{padding-right:400px}

.append-11{padding-right:440px}

.append-12{padding-right:480px}

.append-13{padding-right:520px}

.append-14{padding-right:560px}

.append-15{padding-right:600px}

.append-16{padding-right:640px}

.append-17{padding-right:680px}

.append-18{padding-right:720px}

.append-19{padding-right:760px}

.append-20{padding-right:800px}

.append-21{padding-right:840px}

.append-22{padding-right:880px}

.append-23{padding-right:920px}

.prepend-1{padding-left:40px}

.prepend-2{padding-left:80px}

.prepend-3{padding-left:120px}

.prepend-4{padding-left:160px}

.prepend-5{padding-left:200px}

.prepend-6{padding-left:240px}

.prepend-7{padding-left:280px}

.prepend-8{padding-left:320px}

.prepend-9{padding-left:360px}

.prepend-10{padding-left:400px}

.prepend-11{padding-left:440px}

.prepend-12{padding-left:480px}

.prepend-13{padding-left:520px}

.prepend-14{padding-left:560px}

.prepend-15{padding-left:600px}

.prepend-16{padding-left:640px}

.prepend-17{padding-left:680px}

.prepend-18{padding-left:720px}

.prepend-19{padding-left:760px}

.prepend-20{padding-left:800px}

.prepend-21{padding-left:840px}

.prepend-22{padding-left:880px}

.prepend-23{padding-left:920px}

div.border{padding-right:4px; margin-right:5px; border-right:1px solid #ddd}

div.colborder{padding-right:24px; margin-right:25px; border-right:1px solid #ddd}

.pull-1{margin-left:-40px}

.pull-2{margin-left:-80px}

.pull-3{margin-left:-120px}

.pull-4{margin-left:-160px}

.pull-5{margin-left:-200px}

.pull-6{margin-left:-240px}

.pull-7{margin-left:-280px}

.pull-8{margin-left:-320px}

.pull-9{margin-left:-360px}

.pull-10{margin-left:-400px}

.pull-11{margin-left:-440px}

.pull-12{margin-left:-480px}

.pull-13{margin-left:-520px}

.pull-14{margin-left:-560px}

.pull-15{margin-left:-600px}

.pull-16{margin-left:-640px}

.pull-17{margin-left:-680px}

.pull-18{margin-left:-720px}

.pull-19{margin-left:-760px}

.pull-20{margin-left:-800px}

.pull-21{margin-left:-840px}

.pull-22{margin-left:-880px}

.pull-23{margin-left:-920px}

.pull-24{margin-left:-960px}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24{float:left; position:relative}

.push-1{margin:0 -40px 1.5em 40px}

.push-2{margin:0 -80px 1.5em 80px}

.push-3{margin:0 -120px 1.5em 120px}

.push-4{margin:0 -160px 1.5em 160px}

.push-5{margin:0 -200px 1.5em 200px}

.push-6{margin:0 -240px 1.5em 240px}

.push-7{margin:0 -280px 1.5em 280px}

.push-8{margin:0 -320px 1.5em 320px}

.push-9{margin:0 -360px 1.5em 360px}

.push-10{margin:0 -400px 1.5em 400px}

.push-11{margin:0 -440px 1.5em 440px}

.push-12{margin:0 -480px 1.5em 480px}

.push-13{margin:0 -520px 1.5em 520px}

.push-14{margin:0 -560px 1.5em 560px}

.push-15{margin:0 -600px 1.5em 600px}

.push-16{margin:0 -640px 1.5em 640px}

.push-17{margin:0 -680px 1.5em 680px}

.push-18{margin:0 -720px 1.5em 720px}

.push-19{margin:0 -760px 1.5em 760px}

.push-20{margin:0 -800px 1.5em 800px}

.push-21{margin:0 -840px 1.5em 840px}

.push-22{margin:0 -880px 1.5em 880px}

.push-23{margin:0 -920px 1.5em 920px}

.push-24{margin:0 -960px 1.5em 960px}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24{float:right; position:relative}

.prepend-top{margin-top:1.5em}

.append-bottom{margin-bottom:1.5em}

.box{margin-bottom:1.5em; background:#E5ECF9; padding:1.5em}

hr{background:#ddd; color:#ddd; clear:both; float:none; width:100%; height:1px; border:none; margin:0 0 1.45em}

.clearfix:after, .container:after{content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden}

.clearfix, .container{display:block}

.clear{clear:both}

.header{width:950px; height:417px; background:url('images/headers/red.png'); color:#F9F7E8; border-bottom:2px solid #bbb}

.header2{width:950px; height:238px; background:url('images/headers/red.png'); color:#F9F7E8; border-bottom:2px solid #bbb}

#dateinheader{margin-top:1em; color:#F9F7E8}

.listpages ul{margin:1em 0; padding:0}

.listpages li{list-style-type:none; float:left; padding-right:1em}

.listpages a{color:#F9F7E8}

.listpages a:hover{color:#F9F7E8; border-bottom:1px dotted #F9F7E8}

.main{color:#fff; height:298px}

.thetitle h1{color:#fff; padding:1.5em 1em}

.header2 .thetitle h1{position:relative; top:.5em; left:1em; color:#fff; margin:0 0 -3em; padding:0}

.thetitle a:hover{border-bottom:none}

.surface{padding-top:3em; color:#fff}

.surface li{display:block; border-top:1px dotted #999}

.surface a{color:#fff; display:block}

.surface a:hover{color:#A74B52}

.header h6{clear:both; padding-top:1em; font-family:arial,sans-serif; font-weight:bold; margin-bottom:1em}

.header ul{margin-bottom:1em}

.header .menu{margin-top:27.25em; padding:0 1em}

.header2 .menu2{margin-top:9.75em; background:#222; border-top:1px solid #111; line-height:2em}

.header2 .menu2 li{position:relative; top:.75em}

.menu li, .menu2 li{display:inline}

.menu a, .menu2 a{color:#fff; margin:0 2em 0 1em}

.menu a:hover, .menu2 a:hover{color:#fff; text-decoration:underline; border-bottom:none}

.index{padding-top:5em}

.recent{background:#fff; border:1px solid #ddd; min-height:430px; margin:2em 0}

.index2 .archiveimg img{width:300px; height:auto; border:1px solid #eee; padding:2px}

.photoindex{min-height:350px}

.cat, .date{float:left}

.author{text-transform:uppercase; color:#999; font-style:italic; position:relative; bottom:.5em}

.page{background:#fff; border:1px solid #ddd; min-height:900px; margin-top:2em; margin-bottom:6em;line-height:1.5em}

.nove{min-height:900px;line-height:1.5em}

.nove img{border:1px solid #eee; padding:2px}

.nove hr{margin:4em 0}

.archive{background:#fff; border:1px solid #ddd; height:auto; margin-top:2em; margin-bottom:6em}

.archive h3 a{color:#111}

.archive h3 a:hover{border-bottom:1px dotted #111}

.archiveimg img{width:120px; height:auto; border:1px solid #eee; padding:2px}

.archive .prepend-1{padding-left:60px}

.colonne{padding:3em 1em 3em 2em}

.colonne a{line-height:1.5em}

.colonne a:hover{border-bottom:1px dotted #2c4b6d}

.colonne h5{margin-top:2em}

.margincomm{margin-bottom:3em}

.commentlist li{list-style-type:none; border-top:1px solid #eee; clear:both; padding:2em 0}

.meta{font-family:georgia}

.commtext{color:#2c4b6d; height:auto}

label{color:#2c4b6d; padding-left:2em}

textarea{border:1px solid #ddd}

.wp-caption{border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin:10px 0}

.wp-caption p.wp-caption-text{font-family:monospace}

#button{position:relative; bottom:2em; left:12em}

.footer{height:auto; background:#222 url('images/backfooter.png'); color:#A2AAAA; border-top:3em solid #F6F6F6; position:relative; top:1px; padding:3em 0 4em}

.footer h2{color:#fff; font-family:arial,sans-serif}

.footer h6{color:#FFF; font-family:arial,sans-serif; margin:2em 0}

.footer a{color:#A2AAAA; display:block}

.footer .border{border-right:1px solid #555}

.footer li{list-style-type:none; line-height:1.5em; border-top:1px solid #444}

em, .italic{font-style:italic}


::-moz-selection, ::selection{background:#000; color:#fff}

.hide, .searchpage #button{display:none}

.floatright, .pagesinheader div{float:right}

.blue, .blue a, .blue h3, .grey a:hover{color:#2c4b6d}

.red, .red a{color:#ed2909}

.grey, .grey a{color:#777}

.span-1, input.span-1, textarea.span-1, select.span-1{width:30px}

.thetitle a, .surface h1, .surface h2, .surface h3, .surface h4, .surface h5, .surface h6, .footer a:hover{color:#fff}