/*
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:
 * Blue - #0e53a7
 * Dark Blue - #04346c 
 * Orange - #ffc700
 * Dark Orange - #ff5c00     
 */ 
 
@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: #528888; }
a:hover { color: #ffc700; } 

/* 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 */

    div#mainHeader  { height: 352px; background: #528888 url('style/images/background.png') bottom repeat-x; }
    div#middleArea  { background: #fff url('style/images/gradient-background.jpg') top repeat-x; }
    div#footerArea  { background: #528888 url('style/images/background.png') top repeat-x; padding-top: 20px; margin-bottom: 0; }
    div#logoArea    { width: 900px; margin: auto; padding: 10px 0; }
    div#logoArea div { float: right; text-align: center; }
    div#logoArea div h1 { font-size: 1em; color: #fff; }
    div#logoArea div p { font-size: 1.4em; color: #e9c45c; }
    div#logoArea div p.maillink { font-size: 1em; }
    div#logoArea div p.maillink a { color: #e9c45c; }
    div.contentArea { width: 920px; background: url('style/images/content-background.png');
    				  margin: auto; }
    
    ul#navigation   { list-style: none; margin: 0 10px; }
    ul#navigation li { float: left; display: inline; background: url('style/images/menu-background.png'); }
    ul#navigation li a { width: 180px; display: block; padding: 10px 0; text-align: center;
    					 text-decoration: none; color: #fff; }
    ul#navigation li a:hover { background-color: #fff; color: #528888; }
    
    div#images { padding: 10px 20px; }
    img.padRight { padding-right: 10px; }
    
    div#content { width: 620px; float: left; padding: 20px; }
    div#content p { margin-bottom: 1em; font-size: 0.9em; line-height: 130%; }
    div#content h1 { font-size: 1.4em; margin-bottom: 0.8em; border-bottom: #c0c0c0 dotted 1px; }
    div#content ul { padding-left: 10px; margin-bottom: 1em; margin-left: 10px; }
    div#content li { list-style: disc; margin-left: 10px; padding-left: 10px; font-size: 0.9em; line-height: 130%; }
    
    div#sidebar { width: 260px; float: left; }
    div#sidebar div.sidebarTitle { background: url('style/images/sidebar-title.png');
                                   color: #fff; padding: 12px; height: 30px; font-weight: bold; }
	ul#sidebarlinks   { list-style: none; padding-right: 10px; margin-bottom: 20px; }
    ul#sidebarlinks li { display: block; border-right: 10px solid #a16430;
    									 border-top: 1px solid #e3d2c3; }
    ul#sidebarlinks li a { display: block; padding: 7px 10px; background-color: #f0f0f0;
    					   text-decoration: none; color: #528888; font-size: 0.9em; }
	ul#sidebarlinks li a:hover { background-color: #a16430; color: #fff; text-decoration: underline; }
	div#sidebar p { margin-bottom: 1em; font-size: 0.9em; }
	div#sidebar img { float: left; margin-right: 10px; }
	
	div#footer { width: 900px; margin: auto; color: #fff; font-size: 0.7em;
	 	         text-align: justify; padding-bottom: 20px; line-height: 120%; margin-bottom: 0;}
	div#footer p.center { text-align: center; margin-top: 10px; }
	/* extras */
	div.paddingTop { padding-top: 10px; }
	div.marginBottom { margin-bottom: 10px; }
	
	/* Holly Hack for IE \*/
	* html ul#sidebarlinks li { float: left; height: 1%; }
	* html ul#sidebarlinks li a { height: 1%; }
	* html div.contentArea { background: url('style/images/content-background-ie.png'); }
	/* End */