/*
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: #d0eafe url(style/images/background.png) repeat-x; }
    div#main-header  { height: 70px; width: 960px; margin: 0 auto;}
	div#main-header div#contact-info { float: right; display: inline; text-align: center; margin-top: 0px; }
	/*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: 265px; width: 960px; background: #262626 url('style/images/banner.jpg') no-repeat;
	                     margin: 0 auto;  }
	div#banner ul      { top: 230px; left: 0; position: absolute; }
	div#banner ul li   { float: left; display: inline; }
	div#banner ul li a { height: 35px; display: block; text-indent: -9999px; }
	div#banner ul li a.collect     { background: url('style/images/button1.png') top no-repeat; width: 227px; }
	div#banner ul li a.fdcpa       { background: url('style/images/button2.png') top no-repeat; width: 132px; }
	div#banner ul li a.defense     { background: url('style/images/button3.png') top no-repeat; width: 91px; }
	div#banner ul li a.deceptive   { background: url('style/images/button4.png') top no-repeat; width: 99px; }
	div#banner ul li a.divorce     { background: url('style/images/button5.png') top no-repeat; width: 94px; }
	div#banner ul li a.business    { background: url('style/images/button6.png') top no-repeat; width: 148px; }
	div#banner ul li a.restructure { background: url('style/images/button7.png') top no-repeat; width: 169px; }
	div#banner ul li a:hover       { background-position: bottom; }

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

	div#sidebar { float: left; width: 230px; padding: 10px 0 10px 10px; }
	h2.sidebar { border-bottom: 1px solid #d0eafe; font-size: 1.2em; margin-bottom: 0.6em; color: #10619f; }
	div#sidebar div#contact-form { padding-right: 10px !important; margin-bottom: 20px !important; }
	div#sidebar div#contact-form form label { display: block !important; font-weight: bold !important; font-size: 0.8em !important; }
	div#sidebar div#contact-form form input[type=text], div#sidebar div#contact-form form textarea { display: block !important; width: 98% !important; margin-bottom: 0.5em !important; }	
	ul#sidebarlinks    { list-style: none; margin-bottom: 20px; }
    ul#sidebarlinks li { display: block; border-right: 10px solid #10619f;
    									 border-top: 1px solid #e3d2c3; }
    ul#sidebarlinks li a { display: block; padding: 7px 10px; background-color: #e7f4fe;
    					   text-decoration: none; color: #528888; font-size: 0.9em; }
	ul#sidebarlinks li a:hover { background-color: #10619f; color: #fff; text-decoration: underline; }
	
	div#content-area { float: left; width: 680px; padding: 10px 20px; }
	div#content-area p { margin-bottom: 1em; line-height: 1.6em; 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: justify; color: #909090;
	             background: url(style/images/tail.png) no-repeat top; 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 { border-bottom:1px solid #D0EAFE;
color:#10619F;
font-size:1.2em;
margin-bottom:0.6em; }
					 
	div#testimonials { margin-bottom: 1em; background-color: #e7f4fe; padding: 10px; }
	div#testimonials p { font-size: 0.8em; line-height: 1.6em; }
	div#testimonials p.author { font-size: 0.7em; }
	div#testimonials span.testidate { font-style: italic; color: #909090; }