/* eax.fr dotclear theme by sylvain deloux */

/* reset */
* { border: none; margin: 0; padding: 0; font-weight: normal; }
strong { font-weight: bold; }

/* layout */
#content { width: 950px; margin: 0 auto; }

/* links */
a { color: #009; }
a:hover { text-decoration: none; background: #009; color: white; }

/* header */
#header { text-align: center; font-size: 200%; padding: 20pt 0 50pt; }
#header a { text-decoration: none; color: #555; }
#header a:hover { color: #222; background: none; }

/* footer */
#footer { text-align: center; padding: 50pt 0 20pt; }
#footer ul li { display: inline; padding: 0 5pt; }
#footer ul li a { color: #bbb; padding: 2px 5px; }
#footer ul li a:hover { background: #bbb; color: white; text-shadow: #000 0 0 3px; -moz-border-radius: 3px; }

/* typo */
body,
input,
textarea { font-size: 90%; font-family: Georgia, "Times New Roman", Times, serif; }
h1, h2, h3, h4, h5, h6,
.buttons input { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; }
pre, code { font-family: Monaco, "Courier New", Courier, mono; }

/* pagination */
#pagination { text-align: center; padding: 40pt 0 10pt; color: #333; }
#pagination ul li { display: inline; padding: 0 5pt; }
#pagination ul li a { color: #bbb; padding: 2px 5px; }
#pagination ul li a:hover { background: #bbb; color: white; text-shadow: #000 0 0 3px; -moz-border-radius: 3px; }

/* posts */
.post + .post { margin-top: 80pt; }

/* post header */
.post h1 a { font-size: 19pt; text-decoration: none; color: black; float: left; }
.post h1 a:hover { color: black; background: none; }
.post .details { color: #bbb; font-size: 85%; height:25pt; line-height: 25pt; }
.post .details li { list-style: none; float: right; padding-left: 2ex; }
.post .details li a { color: #bbb; padding: 2px 4px; }
.post .details li a:hover { text-decoration: none; background: #bbb; color: white; text-shadow: #000 0 0 2px; -moz-border-radius: 2px; }
.post .details a.comment-number { text-decoration: none; }

/* post content */
.post .content { padding-top: 10pt; }
.post .content h2 { font-size: 80%; } 
.post .content p { padding: 4pt 0 }
.post .content p code { /*font-size: 100%;*/ }
.post .content pre { /*font-size: 100%;*/ padding: 10pt; background: #f0f0f0; margin: 10pt 0; overflow: auto; }
.post .content pre + p { margin-top: 15pt; }
.post .content a { padding: 1px; color: #339; }
.post .content a:hover { background: #669; text-shadow: #000 0 0 3px; -moz-border-radius: 2px; color: white; }

/* comments */
.comments { margin-top: 50pt; }
.comments h2 { padding-bottom: 10pt; }
.comments .details { color: #bbb; font-size: 85%; height:20pt; line-height: 20pt; padding-top: 20pt; }
.comments .details li { list-style: none; float: right; padding-left: 2ex; }
.comments .details li a { color: #bbb; padding: 2px 4px; }
.comments .details li a:hover { text-decoration: none; background: #bbb; color: white; text-shadow: #000 0 0 2px; -moz-border-radius: 2px; }
.comments .details a.comment-number { text-decoration: none; }
.comments .content { background: #f0f0f0; padding: 10pt; margin-left: 20pt; clear: both; }

/* comment form */
.comments p.field { clear: both; height: 20pt; line-height: 20pt; }
.comments p label { float: left; text-align: right; width: 100px; margin-right: 5px; height: 20pt; line-height: 20pt; }
.comments p input { height: 12pt; border: 1px solid #ddd; margin: 3pt 0; padding: 2px; background: #f0f0f0; }
.comments p textarea { border: 1px solid #ddd; margin: 4pt 0; padding: 2px; width: 839px; background: #f0f0f0; float: left; height: 100px; }
.comments p.buttons { margin: 10pt 105px; }
.comments p.feedback { background: #bbb; color:white; font-weight:bold; margin:10pt 0 20pt 80pt; padding:10pt; text-align:center; text-shadow:0 0 3px #555; }
.comments p.buttons input { height: 30px; }
.comments p.buttons .submit { font-weight: bold; }
.comments .preview { margin-top: 40pt; }
.comments .preview .content { margin-left: 105px; }

/* other stuff */
.msg { text-align: center;  padding-bottom: 50pt; }