/*----------------------------------------
Theme Name: Combustingboy
Author: Marcel Moreau
Author URI: http://combustingboy.com
-------------------------------------------*/

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;text-align:left;vertical-align:baseline;margin:0;padding:0;}a img,:link img,:visited img{border:0;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

/* GLOBAL & TYPE */
body {background: #333; color: #333; font-size: 62.5%; font-family: arial, sans-serif; line-height: 1.5;}
a {color: #005ba8; text-decoration: none;}
a:hover {text-decoration: underline;}
.module {margin: 0 0 3em;}
h1,h2,h3,h4,h5 {font-family: helvetica, arial, sans-serif; font-weight: bold; margin: 0 0 .3em;}
h1.pagetitle {color: #888; font-size: 2.8em; letter-spacing: -1px; line-height: 30px; margin: 0 0 .5em;}
h2 {font-size: 2.4em; letter-spacing: -1px; line-height: 30px;}
h3 {font-size: 2em; margin: 0 0 .3em;}
h4 {font-size: 1.8em;}
h5 {font-size: 1.6em;}
p {font-size: 1.4em;}
p img {padding: 0; max-width: 100%;}
img.centered {display: block; margin: 0 auto;}
img.alignleft {float: left; margin: 0 20px 10px 0;}
img.alignright {float: right; margin: 0 0 10px 14px;}
.right, .alignright {float: right;}
.left, .alignleft {float: left;}
em {font-style: italic;}
strong {font-weight: bold;}

/* STRUCTURE */
#site {margin: 0 0 40px 5px; width: 960px;}
#header {height: 105px; overflow: auto; position: relative;}
.level1 {background: #fff; overflow: auto; padding: 20px 30px; width: 900px; -moz-border-radius: .3em .3em 0 0; -webkit-border-top-left-radius: .3em;-webkit-border-top-right-radius: .3em;-webkit-border-bottom-left-radius: 0;-webkit-border-bottom-right-radius: 0;}
.content {float: left; width: 680px;}
.page .content {float: left; width: 450px;}
.post {margin: 0 0 40px;}
.sidebar {float: right; width: 190px;}
.page .sidebar {float: right; width: 200px;}
.side {float: left; margin: 0 30px 0 0;}
.footer {background: #282828; overflow: auto; padding: 20px 30px;-moz-border-radius: 0 0 .3em .3em; -webkit-border-radius: 0 0 .3em .3em;}
.footer .col {float: left; margin: 0 20px 0 0; width: 240px;}
.photos {float: left; overflow: auto; width: 380px;}
.photos img {background: #333; display: block; float: left; margin: 0 8px 8px 0; padding: 6px; -moz-border-radius: .2em ; -webkit-border-top-left-radius: .2em;-webkit-border-top-right-radius: .2sem;-webkit-border-bottom-left-radius: .2em;-webkit-border-bottom-right-radius: .2em;}

/* header */
#header h1, #header p.description {position: absolute; left: 30px; top: 20px;}
#header h1 {font-size: 4.4em; letter-spacing: -1px;}
#header h1 a {color: #f5f5f5;}
#header h1 a:hover {color: #fff200; text-decoration: none;}
#header p.description {color: #838383; font: normal 1.4em georgia, serif; letter-spacing: 1px; text-transform: uppercase; top: 74px;}
.feed {background: url(images/icon_rss.png) 0 0 no-repeat; height: 40px; position: absolute; right: 30px; text-indent: -9999px; top: 35px; width: 40px;}
.feed:hover {background-position: 0 -40px;}

/* post */
.post p {margin: 0 0 1em;}
.postmeta {background: #f5f5f5; clear: both; height: 1%; margin: 2.8em 0 0; overflow: auto; padding: 7px 10px; -moz-border-radius: .3em; -webkit-border-radius: .3em;-webkit-border-top-left-radius: .3em;-webkit-border-top-right-radius: .3em;-webkit-border-bottom-left-radius: .3em;-webkit-border-bottom-right-radius: .3em;}
.postmeta p {color: #969696;font-size: 12px; letter-spacing: 2px; margin: 0; text-transform: uppercase;}
.postmeta .date {float: left;}
.postmeta .comment-count {float: right;}
.post code {background: #f5f5f5; border: 1px dashed #ccc; color: #555; font-family: Courier,"Courier New",Monaco, serif;margin: 1em 0; padding: 4px;}
.post ul, .post ol {margin: 0 0 2em 24px;}
.post ul li, .post ol li {font-size: 1.4em; list-style: disc; margin: 0 0 .3em;}
.post ol li {list-style-type: decimal;}
.wp-caption-text {color: #666; padding: .4em; text-align: center;}

/* comments */
.comments {clear: both;}
.commentlist {margin: 0 0 1.6em; overflow: auto;}
.commentlist li {margin: 0 0 3em; overflow: auto;}
.comment-author {border-top: 3px solid #d7d7d7; float: left; padding: 8px 0 0; width: 180px;}
.comment-author p, .comment-author cite {text-align: right; line-height: 1.4;}
.comment-author cite {display: block; letter-spacing: 1px; text-transform: uppercase;}
.comment-text {background: #f5f5f5; float: right; min-height: 70px; padding: 12px 10px; width: 460px; -moz-border-radius: .3em; -webkit-border-radius: .3em;-webkit-border-top-left-radius: .3em;-webkit-border-top-right-radius: .3em;-webkit-border-bottom-left-radius: .3em;-webkit-border-bottom-right-radius: .3em;}
.comment-date {color: #888; font-size: 1.2em; margin: 15px 0 0;}
#respond .group {margin: 0 0 3em; overflow: auto; text-transform: uppercase; letter-spacing: 1px;}
#respond label {border-top: 3px solid #d7d7d7; float: left; font-size: 1.4em; letter-spacing: 1px; padding: 8px 0 0; text-align: right; width: 180px;}
#respond input, #respond textarea {border: 9px solid #f5f5f5; float: right; font: normal 1.4em arial, sans-serif; padding: 4px 2px; width: 466px; -moz-border-radius: .3em; -webkit-border-radius: .3em;-webkit-border-top-left-radius: .3em;-webkit-border-top-right-radius: .3em;-webkit-border-bottom-left-radius: .3em;-webkit-border-bottom-right-radius: .3em;}
#respond #submit {background: #e1e1e1; border: 0; clear: right; cursor: pointer; font: 1.4em arial, sans-serif; letter-spacing: 1px; margin: 1em 0 0; padding: 6px; text-transform: uppercase; width: auto; -moz-border-radius: 0; -webkit-border-radius: 0;}
#respond #submit:hover {background: #e9e9e9; color: #005ba8;}

/* sidebar */
.sidebar {color: #888;}
.sidebar h3 {color: #888; font-size: 1.4em; text-transform: uppercase;}
.sidebar p {font-size: 1.2em; margin: 0 0 .4em;}
.sidebar li {font-size: 1.2em; margin: 0 0 .2em;}
.sidebar a {color: #409deb; padding: 0 0 .2em;}

/* footer */
.footer {color: #969696; height: 1%; overflow: auto;}
.footer h4 {font-size: 1.4em; text-transform: uppercase; margin: 0 0 .3em;}
.footer li {font-size: 1.2em; line-height: 1.5; margin: 0 0 .3em ;}
.footer li a {color: #265780; padding: 0 0 .3em;}