/*
Theme Name: WebLoanNation Custom
Theme URI: http://webloannation.com/
Description: Custom theme for the Webloannation Blog.
Version: 0.1
Author: Guil Hernandez and Jason Murphy
Author URI: http://leadflash.com/ninjas
Tags: blue, custom header, fixed width, two columns, widgets

	WebLoanNation Custom 0.1
	 http://blog.webloannation.com
*/

/*
***********************************************************

Title:			style.css
Browser(s): 	All
		
Created: 		12.22.2008
Last modified: 	12.22.2008

***********************************************************
*/

/* 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, h5, 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, th, var { font-style:normal; font-weight:normal; }
ul { list-style-type:none; }
caption, th { text-align:left; }
strong {color: #3c3c3c; }
.clear {clear: both;}
.required {font-size: 90%;}


/* TYPOGRAPHY */
@font-face { font-family: "FertigoPro-Regular"; src: url(fonts/Fertigo_PRO.otf) format("opentype") } /* A font by Jos Buivenga: http://exljbris.nl */
h1, h2, h3 { font: bold 20px "FertigoPro-Regular" "Georgia"; color:#151515; margin-bottom: 5px; letter-spacing: -1px; }
h2  {font-size: 18px; }
h2.pagetitle { font-size: 22px; margin-top: 8px; }
#articlesColumn h2 {font-size: 22px; }
h3 {font-size: 16px; }
.blueFont {color:#1c9cc9;}
.widgettitle { margin: 15px 0 0 5px; font-size: 16px; letter-spacing: 0;}
#mainContent p { margin: 0 0 8px 0; }
small {font-weight: bold; color:#020202; }


/* Main Containers */
body {
	background-color: #e8e8e8;
	font: normal 12px Geneva, Arial, Helvetica, sans-serif; color: #686868;
	line-height: 18px;
	margin: 0; }
	
#container{
	width: 1015px; 
	margin: 0 auto;
	background: #fff url(images/wrapper_bg.gif) repeat-x top;
	padding-top: 115px;
	position: relative; }
	
#mainContent {
	width: 980px; 
	margin:0 auto;
	clear: both; }
	
#rightColumn {
	width: 280px; 
	margin: 0 0 0 0;
	float: right;}
	
#categories {
 	width: 180px; 
	float: left;}	
	
#articlesColumn {
	width:488px; 
	float: left; margin: 0;
        padding: 8px 10px 0 12px;
        border-left: solid 1px #e4e4e4;
        border-right: solid 1px #e4e4e4; }
	
#performancingads_region {
	width: 280px; }

#post {
      margin: 0 0 50px 0; }

#mainContent .entry {
     margin: 0 15px; }

.narrowcolumn {
     width: 785px;
     float: right;
     padding-left: 12px;
     border-left: solid 1px #e4e4e4; }

.widget { margin-bottom: 10px; }

/* --------- categories column ----------- */

#categories ul, #rightColumn ul {
	margin: 10px 0 0 0;}
	
#categories ul li, #rightColumn ul li  {
	margin: 5px 10px 0 0;
	padding: 2px 0 0 5px;
	border-top: dotted 1px #e4e4e4;}
	
#categories ul a:link, #categories ul a:visited, #rightColumn ul a:link, #rightColumn ul a:visited {
	text-decoration: none;}
	
#categories ul a:hover, #rightColumn ul a:hover {
	text-decoration: underline; }

#categories .widget_categories { border: none; margin-top: -10px;}

#rightColumn .widget_text { border:none; margin-bottom: 10px; }
	
/* ---------- Header ---------- */
#header {
	width:980px;
	margin:0 auto;
	border-bottom: solid 1px #e4e4e4;}
	
#topNav {
	position: absolute;
	right:10px; top:12px; }
	
a.logo {
	position: absolute;
	top:10px; left: 26px;
	display:block;
	width: 345px; height: 86px;
	background: url(images/blog_logo.gif) no-repeat; 
	text-indent: -9999px; }

#headerRightContent {
	width: 333px; height: 271px;
	background: url(images/header_right_bg.gif) no-repeat;
	border: 1px solid #e5e5e5;
	float: left; margin: 8px 0 0 9px; }
	
#headerRightContent h2 {
	font-size: 20px;
	margin: 15px 0 5px 20px;
	color:#1c9cc9; }

#headerRightContent p {
	font-size: 98%;
	line-height: 16px;
	width: 280px;
	margin: 0 0 0 25px;
	color: #272727;}

/* ---------- Main Links ---------- */

a:link, a:visited {
	color: #259dc7;}
	
/* ---------- Footer ---------- */
#footer {
	clear: both;
	height: 80px;
	background-color: #4bbfe8;
	margin: 20px 3px 0 3px;
	padding: 30px 0 0 0;
	text-align: center; }
	
#footerNav {
	width: 584px; margin: 0 auto 10px auto;
	text-align: center;}
	
#footer ul li {
	display:inline;
	margin-left: 10px;
	padding-right: 10px;

	border-right: 1px solid #fff; }
	
#footer ul .noBorder {
	border: none; }
	
#footer ul a:link, #footer ul a:visited  {
        font-weight: bold;
	text-decoration: none;
	color: #fff; }
	
#footer ul a:hover {
	text-decoration: underline; }

#footer ul span {
       color:#fff; }
	
span.copyright {
	display: block; font-size: 98%; color:#fff;
	margin:0; text-align: center; }