/*
Theme Name: HiO
Theme URI: http://blog.hio.fr
Description: Le theme du blog de HiO utilisant wordpress
Version: 0.2
Author: HiO

Creation Theme by HiO
*/
body {background-color: #373737; color: #cccccc; font-family: Arial, Sans-Serif;}
h1, h2, h3 {font-weight: bold;}
a {color: #ccff00; text-decoration: none; }

.clear { clear: both; }
#page {width: 800px; margin: 0 auto;}
#header {border-bottom: 1px solid #444444; padding: 10px 0 5px 0; margin: 0 0 5px 0;}

#header h1 {font-size: 2.1em;text-align: left;padding: 0; margin: 0;}

#content {font-size: 0.8em;}

h2 {padding: 0; margin: 0;}
h3 {padding: 0; margin: 0;}
h2 a {font-size: 16px;color: #ccff00; text-decoration: none;}

.narrowcolumn {float: left;padding: 0;margin: 0;width: 590px;}
.navigation {display: block;text-align: center;margin: 5px 0 5px 0;}

.post { border: 1px solid #444444;background-color: #3b3b3b; margin: 8px 0 8px 0 }
.post h2 { padding: 10px 0 10px 10px}
.post small { padding: 0px 0 0px 15px;font-size: 11px;}
.post .tags { padding: 0px 0 0px 20px}
.post .entry {padding: 0px 20px 0px 20px}
.post .attachment {text-align: center;}
.post .caption {text-align: center;}
.post .lirelasuite {padding: 0px 0 0px 15px; font-size: 11px;}
.post .lirelasuite a {color: white;font-weight: bold;}
.post .metadata {padding: 0px 15px 0px 15px; font-size: 11px;}
.post ul { padding: 0;margin: 0;}
.post li {padding: 3px 4px 3px 10px;list-style-type:none;font-size: 12px;}
.pagetitle {padding: 0 0 0 15px;background:url(images/li.png) no-repeat 0 50%;color: #ccff00;}

.alt {margin: 0;padding: 10px;}
.commentlist {padding: 0;text-align: justify;}
.commentlist li {border: 1px solid #444444;background-color: #3b3b3b;margin: 15px 0 3px;padding: 5px 10px 3px;list-style: none;}
.commentlist li .avatar {float: right;border: 1px solid #eee;padding: 2px;background: #fff;}
.commentlist p {margin: 10px 5px 10px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;}

#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform .input {border: 1px solid #444444;background-color: #3b3b3b;color: white;}
#commentform textarea {border: 1px solid #444444;background-color: #3b3b3b;color: white;width: 100%;padding: 2px;}
#commentform #submit {margin: 0;float: right;}

.submit {color: #CCFF00;font-size: 12px;font-weight: bold;text-transform: uppercase;background:#373737;border: 0;}
.submit:hover { color:#FFF; }
#sidebar { margin: 8px 0 8px 0;width: 190px;float: right;padding: 0 10px 0 10px; }
#sidebar ul { padding: 0;margin: 0;}
#sidebar li {padding: 3px 4px 3px 10px;list-style-type:none;font-size: 12px;}
#search #s {color: #FFF;width: 130px;background:  #3B3B3B;border: 1px solid #444444;padding: 2px;font-size: 12px;}
#sidebar h2 {color: #FFF;font-size: 14px;font-weight: bold;margin: 10px 0 10px 0;padding: 2px 0 2px 15px;background:url(images/li.png) no-repeat 0 50%;}
#sidebar h3 { color: #FFF; padding: 4px 8px 0 8px; font-size: 12px; }


#footer {padding: 5px 0 0px 0; margin: 0;clear: both;text-align: right; color: #666666;}
#footer a { color: #888888;}
#footer #footer_pos {padding: 5px; margin: 0;font-size: 11px;border-top: 1px solid #444444; }
#footer #left { float: left;}
#footer #right { float: right;}
/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 10px;display: inline;}
img.alignleft {padding: 4px;margin: 10px;display: inline;}
.alignright {float: right;}
.alignleft {float: left;}
.wp_syntax table { background-color: #e6e6e6;width: 100%;}
.wp_syntax .code { background-color: #e6e6e6;}