/*
Theme Name: UnibuTheme
Theme URI: http://unibu.com
Description: Really nothing much to it.
Version: 1
Author: Christopher La Chica
Author URI: http://blog.unibu.com
Tags: unibu, clean
*/

/*
 * Colors I use on the site:
 * Dark Gray - #262626
 * Light Gray - #aeaeae
 * Bright Orange - #ff8e00
 * Dark Blue - #24587a
 */ 
 
@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/* RESET */
*, 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:''}
strong { font-weight: bold }
em { font-style: italic }
a img { border:none }

/* typography.css */
h1, h2, h3, h5, h5, h6 { font-weight: bold; }
body { font-family: Arial, Geneva, Tahoma, sans-serif; }
a { color: #ff8e00; }
a:hover { color: #ff8e00; }
/* Verdana, Geneva, Tahoma, sans-serif */ 

/* layout.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 }

br.reset { 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: #262626; }
    div#main-header  { height: 100px; width: 960px; margin: 0 auto;}
	div#main-header div#contact-info { float: right; display: inline; text-align: center; margin-top: 10px; }
	div#main-header div#contact-info p { color: #aeaeae; font-size: 1.4em; }
	div#main-header div#contact-info p.big { font-size: 2em; }
	div#main-header div#contact-info p a { font-size: 0.6em; }

	div#banner         { height: 230px; width: 960px; background: #262626 url('style/images/debt-banner.jpg') no-repeat;
	                     margin: 0 auto;  }
	div#banner ul      { top: 126px; left: 20px; position: absolute; }
	div#banner ul li   { float: left; display: inline; margin-right: 10px; }
	div#banner ul li a { width: 190px; height: 88px; display: block; text-indent: -9999px; }
	div#banner ul li a.bankruptcy { background: url('style/images/debt-button1.png') top no-repeat; }
	div#banner ul li a.debt       { background: url('style/images/debt-button2.png') top no-repeat; }
	div#banner ul li a.credit     { background: url('style/images/debt-button3.png') top no-repeat; }
	div#banner ul li a:hover      { background-position: bottom; }

    div#middle-area { width: 940px; margin: 0 auto; background-color: #fff; padding: 20px 10px; overflow: auto; }

	div#sidebar { float: left; width: 220px; padding-right: 15px; margin-right: 5px; background: url('style/images/debt-border.png') right repeat-y; }
	div#sidebar a#debt-evaluation { background-color: #ffc173; color: #24587a; padding: 10px; display: block;
	                                text-align: center; text-decoration: none; font-weight: bold; margin-bottom: 20px; }
	div#sidebar ul#sidebar-links    {  }
	div#sidebar ul#sidebar-links li { font-size: 0.9em; }
	div#sidebar ul#sidebar-links li a { background: url('style/images/debt-line.png') bottom repeat-x; display: block;
	                                    padding: 5px 10px; font-family: Arial Black; text-decoration: none; }
    div#sidebar ul#sidebar-links li a:hover { background-color: #ececec; }
	div#sidebar ul#sidebar-links li.sublink-header { background: url('style/images/debt-line.png') bottom repeat-x; display: block;
	                                                 padding: 5px 0px 5px 10px; font-family: Arial Black; }
	div#sidebar ul#sidebar-links li.sublink-header ul.sublink li a { background: #fff; font-family: Arial; font-size: 0.9em; }
	div#sidebar ul#sidebar-links li.sublink-header ul.sublink li a:hover { background-color: #ececec; }

	div#content-area { float: left; width: 690px; }
	div#content-area p { margin-bottom: 1em; line-height: 1.5em; font-size: 0.75em; }
	div#content-area h1, div#content-area h2, div#content-area h3 { margin-bottom: 10px; color: #24587a; font-family: Georgia; }
	div#content-area h1 { font-size: 1.3em; }
	div#content-area h2 { font-size: 1em; }
	div#content-area ul { list-style: square; margin: 15px; }
	div#content-area li { list-style: square; font-size: 0.75em; line-height: 1.5em; margin-bottom: 5px; }
	
	div.footer { width: 95%; border-top: 1px #c0c0c0 solid; margin: 10px auto; }
	div.footer p { margin-top: 1em; font-size: 0.8em; color: #c0c0c0; }
	/* Holly Hack for IE \*/
	* html ul#sidebar-links li { float: left; height: 1%; }
	* html ul#sidebar-links li a { height: 1%; }
	/* End */