/*  
Theme Name: Skyrocket v2
Theme URI: http://www.skyrocket.be
Description: WP skyrocket theme designed by <a href="http://www.skyrocket.be">Chris Ramakers</a>.
Version: 1.0
Author: Chris Ramakers
Author URI: http://www.skyroket.be

	This theme was designed and built by Chris Ramakers for www.skyrocket.be.

	By downloading and using this theme, you agree to the following terms:
    - You may NOT resell this theme
    - A link back to Skyrocket.be must be retained in the footer (either modified or unmodified)
    - You may use this theme for personal or commercial projects
    - You may modify, translate or distribute
*/

body { background-image: url(images/background_tile.gif); font-family: Arial, Helvetica, sans-serif; font-size: small; }
#container { background-image: url(images/background_grad.gif); background-repeat: repeat-x; padding-top: 1em; }
#page { width: 960px; margin: 0 auto; background-image: url(images/content_tile.png); overflow: hidden; }

.extlink {padding-right: 12px; background: transparent url(icons/external.gif) no-repeat top right; }
code { font-family: "Courier New", Courier, monospace; background-color: #e8e8e8; }

a { color: #263248; }
a:hover { color: #818998; }
ins { text-decoration: none; font-style: italic; }

.alignleft  { float: left;  margin: 1em 1em 1em 0; }
.alignright { float: right; margin: 0 1em 1em 1em; }
img.alignleft, img.alignright, img.border { border: 3px solid #7e8aa2; }

#header { background-image: url(images/header.png); height: 85px; }
#header h1 { text-indent: -9000px; }
#header h1 a { display: block; width: 100%; height: 85px; }
#header .description { text-indent: -9000px; }

#content { float: left; width: 660px; padding: 24px; }

#sidebar { float: right; width: 222px; padding: 12px; color: #818998; line-height: 1.2em; font-size: 12px; }
#sidebar a { color: #818998; }
#sidebar a:hover { color: #263248; }
#sidebar ul li { margin: 0 0 1em 0; }
#sidebar ul li li { margin: 2px 0; }
#sidebar ul li li li { margin-left: 20px; list-style-type: square; }
#sidebar ul li h2 { margin: 0 0 1em 0; background-color: #CFCFCF; padding: 10px 5px 10px 30px; border: 1px solid #E3E3E3; border-width: 1px 0; color: #818998; font-weight: bold; }
#sidebar ul li h3 { margin: 1em 0; color: #818998; font-weight: bold; border-bottom: 1px solid #818998; }

#sidebar .authorPic { float: left; margin: 0 5px 5px 0; }

#sidebar .author  h2    { background: #CFCFCF url(icons/author.gif) no-repeat 10px center; }
#sidebar .pagenav h2    { background: #CFCFCF url(icons/pages.gif) no-repeat 10px center; }
#sidebar .categories h2 { background: #CFCFCF url(icons/categories.gif) no-repeat 10px center; }
#sidebar .archives h2   { background: #CFCFCF url(icons/archives.gif) no-repeat 10px center; }
#sidebar .linkcat h2    { background: #CFCFCF url(icons/links.gif) no-repeat 10px center; }
#sidebar .meta h2       { background: #CFCFCF url(icons/meta.gif) no-repeat 10px center; }
#sidebar .comments h2   { background: #CFCFCF url(icons/comments.gif) no-repeat 10px center; }
#sidebar .comments li { padding: 5px 0; border-bottom: 1px solid #CFCFCF; }
#sidebar .comments li div { font-size: 11px; font-weight: bold; text-align: right; }
#sidebar .comments li p { margin: 2px 0; }

.post { margin-bottom: 1.5em; color: #7e8aa2; }
.post .post-date { width: 43px; height: 58px; background-image: url(images/calendar.png); background-repeat: no-repeat; float: left; text-align: center; margin-right: 0.5em; }
.post .post-month { display: block; width: 43px; font-size: 100%; font-weight: bold; margin: 17px 0 2px 0;}
.post .post-day   { display: block; width: 43px; font-size: 160%; font-weight: bold; }
.post .post-title { width: 100%; overflow: hidden; }
.post .post-title h2 { margin-bottom: 0.2em; color: #263248; font-size: 180%; font-family: "Trebuchet MS",Tahoma,Arial; overflow: hidden; border-bottom: 1px dotted #263248; }
.post .post-title h2 a { text-decoration: none; color: #263248; font-style: italic; display: block; width: 100%; float: left;  }
.post .post-title h2 a:hover { color: #ff9800; }
.post .post-title span.post-cat { font-size: smaller; float: left; padding-bottom: 0.2em; font-style: italic; }
.post .post-title span.post-comments { font-size: smaller; float: right; padding-bottom: 0.2em; font-style: italic; }
.post .post-title a { color: #263248 }
.post .entry { line-height: 1.5em; overflow: hidden; width: 100%; color: #4D566A; font-size: 110%; }
.post .entry p, .post .entry ul, .post .entry ol, .post .entry blockquote { margin: 1em 0; }
.post .entry blockquote { margin: 1em 2em; border: 1px solid #818998; border-width: 1px 0; color: #818998; font-family: "Times New Roman", Times, serif; }
.post .entry q { font-family: "Times New Roman", Times, serif; color: #818998; }
.post .entry a { color: #7e8aa2; }
.post .entry a:hover { color: #263248; }
.post .entry a:visited { font-style: italic; }
.post .entry h2 { font-size: 150%; margin: 1em 0; }
.post .entry h3 { font-size: 130%; margin: 1em 0; }
.post .entry ul, .post .entry ol { margin-left: 1.8em;}
.post .entry ul li { list-style-type: circle; margin-bottom: 5px }
.post .entry ol li { list-style-type: decimal; }
.post .entry dl { margin: 1em 0 }
.post .entry dl dt { font-weight: bold; }
.post .entry dl dd { margin-left: 1em; font-style: italic; }
.post .entry strong { font-weight: bold; }
.post .entry em { font-style: italic; }
.post .entry abbr { border-bottom: 1px dotted #000; }
.divider { height: 2px; border: none; color: #cecece; background-color: #cecece; background-image: url(images/divider.png); }

#comments h3 { font-size: 150%; font-weight: bold; color: #263248; margin: 1em 0; }
#comments ol li.alt { background-color: #CFCFCF; }
#comments ol li .left { width: 40px; float: left; padding: 5px 15px 5px 5px; text-align: center; }
#comments ol li .left .count { font-size: 180%; font-weight: bold; color: #ffffff; border-bottom: 1px solid #fff; padding-bottom: 5px; margin-bottom: 5px; }
#comments ol li .left .date { font-size: 110%; font-weight: bold; color: #7e8aa2; text-transform: uppercase; }
#comments ol li .left .date .day { color: #ff9800; }
#comments ol li .content { width: 540px; float: right; }
#comments ol li .content p { margin: 1em 0; }
#comments ol li .content .author { font-size: 110%; padding-top: 0.7em; }
#comments ol li .content .author a { color: #263248; font-weight: bold; }
#comments ol li .content .author a:hover { color: #ff9800; }
#comments ol li .time { clear: both; text-align: right; font-size: 90%; color: #7e8aa2; padding: 0 1em 1em 0 }

#respond h3 { font-size: 150%; font-weight: bold; color: #263248; margin: 1em 0; }
#respond p { margin: 1em 0; }
#respond p.help small { font-size: 80%; color: #263248; }
#respond textarea { width: 100%; }

#footer { clear: both; text-align: center; padding: 10px 24px; color: #818998; width: 600px; }
#footer a { color: #263248; }
#footer a:hover { color: #818998; }

#sidebar ul li #twitter_update_list { margin: 0 1em; }
#sidebar ul li #twitter_update_list li { margin: 5px 0; padding: 5px 0; border-top: 1px solid #CFCFCF; }