/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
h1, h2, h3, h5, h5, h6 { font-weight:bold } 


/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */




body { background-color: #FBE6DD; color: #262626; font-size: 62.5%; line-height: 1.8em; font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }


a { color: #E96D1F; text-decoration: none; }
#sidebar a { color: #fff; }
a.logo { height: 120px; width: 250px; display: block;  }

h1 { height: 120px; width: 250px; background: url(images/logo-rebel.gif) no-repeat center center; }
h1 span { display: none; }
h2 { font-size: 2.2em; color: #E96D1F; font-weight: normal; padding-bottom: .3em; }

p { font-size: 1.1em; padding-bottom: .8em; }

.postDate { color: #7b8890; font-size: 1.1em; text-transform: uppercase; }
.tags { border-bottom: .1em solid #7b8890; padding: .5em 0em; margin-bottom: .5em; }
.bordered { border-bottom: .1em solid #7b8890; padding: .5em 0em; margin-bottom: .5em; }



#wrap { background: #fff; width: 958px; margin: 0px auto -250px; min-height: 100%; height: auto !important; height: 100%; }
#push { height: 250px; }

#header { background: url(images/bkd-header.gif) no-repeat; height: 120px; }
#sidebar { width: 418px; float: left; background: #7b8890; margin-top: 2em; border-top: 1em solid #344450; }
#sidebar .col { width: 175px; margin: 2em 0em 2em 2em; float: left; }
#sidebar .darkBox { background-color: #344450; padding: 2em; }
#mainColumn { width: 520px; background: #fff; float: left; border-right: 20px solid #D0C5C0; border-bottom: 20px solid #D0C5C0; }
#mainColumn .padding { padding: 3em; }


#footer { height: 250px; background-color: #FBE6DD; }
#footer .padding { width: 918px; margin: 0 auto; padding-top: 2em; }

/* Forms
=======================================*/

#contactForm label { float: left; width: 100px; color: #fff; }
#contactForm input { width: 200px; }
#contactForm input.submit { width: auto; margin-left: 100px; }
#contactForm textarea { width: 200px; }

input:focus, textarea:focus {background: #ffc; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: middle; font-weight:bold; font-size: 1em; }

#searchBox { width: 175px; float: right; padding: 2em 4em 2em 0em; }
textarea { width: 465px; margin-bottom: 2em; }
input.search { width: 10em; }
input:focus, textarea:focus { background: #ffc; }