/*
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 Blue - #dee6eb
 * Dark Blue - #24587a
 * Yellow - #bf9930
 */ 
 
@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: #bf9930; }
a:hover { color: #c69c6d; }
/* 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/houston-banner.jpg') no-repeat;
	                     margin: 0 auto;  }
	div#banner ul      { top: 175px; left: 0; position: absolute; }
	div#banner ul li   { float: left; display: inline; }
	div#banner ul li a { height: 55px; display: block; text-indent: -9999px; }
	div#banner ul li a.collect     { background: url('style/images/houston-button1.png') top no-repeat; width: 153px; }
	div#banner ul li a.fdcpa       { background: url('style/images/houston-button2.png') top no-repeat; width: 100px; }
	div#banner ul li a.defense     { background: url('style/images/houston-button3.png') top no-repeat; width: 76px; }
	div#banner ul li a.deceptive   { background: url('style/images/houston-button4.png') top no-repeat; width: 136px; }
	div#banner ul li a.divorce     { background: url('style/images/houston-button5.png') top no-repeat; width: 117px; }
	div#banner ul li a.business    { background: url('style/images/houston-button6.png') top no-repeat; width: 123px; }
	div#banner ul li a.restructure { background: url('style/images/houston-button7.png') top no-repeat; width: 119px; }
	div#banner ul li a.contact     { background: url('style/images/houston-button8.png') top no-repeat; width: 136px; }
	div#banner ul li a:hover       { background-position: bottom; }

    div#middle-area { width: 960px; margin: 0 auto; background: #fff url(style/images/houston-background.png) repeat-y; }

	div#sidebar { float: left; width: 220px; padding: 10px; background-color: #dee6eb; }
	div#sidebar img { display: block; margin-bottom: 10px; }

	div#rightbar { float: left; width: 220px; padding: 10px; background-color: #dee6eb; font-size: 0.8em; }

	div#content-area { float: left; width: 460px; padding: 10px; }
	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 { margin: 0 auto; width: 920px; padding: 20px; font-size: 0.7em; text-align: center; color: #909090;
	             background: url(style/images/houston-border.png) repeat-x; font-style: italic; }
	div#footer p { margin-bottom: 0.7em; }

	/* Holly Hack for IE \*/
	* html ul#sidebar-links li { float: left; height: 1%; }
	* html ul#sidebar-links li a { height: 1%; }
	/* End */

	h2.widgettitle { background-color: #bf9930; color: #fff; padding: 10px; display: block; font-size: 1.2em;
	                 text-align: center; text-decoration: none; font-weight: bold; margin: 0 0 10px 0; }