/* 8/11/2009 Trevor Davis - Fire Your Broker Screen Stylesheet */

/* Reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin:0; padding:0; }

/* Basic Definitions */
body { background:#333; color:#333; font:12px/18px Arial, Verdana, sans-serif; }
h1 { color:#9b2b37; font-size:18px; line-height:24px; }
/*h2 { border-bottom:1px solid #582e1d; color:#9b2b37; font-size:15px; font-weight:normal; line-height:24px; }*/
h2 { color:#2f308d; font-size:14px; line-height:20px; text-transform:uppercase; }
h3 { color:#9b2b37; font-size:14px; font-weight:normal; line-height:20px; }
h4 { color:#582e1d; font-size:12px; }
h5, h6 {font-size:12px;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {display:block;}
a { color:#8794c8; font-weight:bold; text-decoration:none; }
a:hover {text-decoration:underline;}
img {border:none;}
p, ul, ol, dl, table {margin-bottom:18px;}
ul, ol, dd {margin-left:24px;}
blockquote { color:#582e1d; font-size:14px; font-weight:bold; margin:0 24px; }
td, th { padding:4px; text-align:left; }
thead th { background:#eaeaea; border-bottom:1px solid #582e1d; }
label, .buttons input {cursor:pointer;}
input, textarea, select {font:inherit;}

/* Custom Classes */
.clearing {clear:both;}
.clearfix {overflow:hidden;}
.last {margin-bottom:0;}
.screenReader, .flash-replaced .alt { display:block; left:-9999px; position:absolute; top:-9999px; }
.image { background:#fff; border:2px solid #d3d3d3; padding:3px; }
.image img { border:1px solid #b5b5b5; display:block; }
.leftSide { float:left; margin:0 10px 10px 0; }
.rightSide { float:right; margin:0 0 10px 10px; }
.listing { list-style:none; margin:0; }
.listing li {margin-bottom:18px;}
.inline { list-style:none; margin-left:0; }
.inline li { display:inline; margin-right:15px; }
.more { font-size:15px; text-transform:uppercase; white-space:nowrap; }
.section { border-bottom:1px solid #dedede; margin-bottom:20px; overflow:hidden; padding-bottom:10px; }

/* Basic Layout */
#container { background:#fff; margin:0 auto 20px; overflow:hidden; width:960px; }
#header { background:#972330; border-bottom:9px solid #d63228; border-top:9px solid #fff; height:69px; padding:4px 23px 0 20px; position:relative; width:917px; }
#contentContainer {background:url(/images/template/content-bg.png) repeat-y right top; float:left; padding:20px 10px; width:940px; }
#content { float:left; margin-right:20px; width:460px; }
#secondaryContent { float:left; margin-right:20px; width:280px; }
#sidebar { float:right; width:160px; }
#footer { background:#972330;  border-top:9px solid #d63228;  clear:both; color:#fff; float:left; padding:10px; width:940px; }

/* Header */
#header #logo { color:#fff; display:block; float:left; height:69px; overflow:hidden; position:relative; width:399px; }
#header a#logo {cursor:pointer;}
#header #logo span {background:url(/images/template/logo.png) no-repeat; display:block; height:100%; left:0; position:absolute; top:0; width:100%; }
#header #nav { height:82px; list-style:none; margin:0; overflow:hidden; position:absolute; right:23px; top:0; width:326px; }
#header #nav li { float:left; height:73px; }
#header #nav #aboutNav {width:101px;}
#header #nav #tipsNav {width:71px;}
#header #nav #buyNav {width:71px;}
#header #nav #blogNav {width:83px;}
#header #nav a {  cursor:pointer; display:block; height:51px; position:relative; overflow:hidden; width:100%; }
#about #header #nav #aboutNav a, #tips #header #nav #tipsNav a, #buy #header #nav #buyNav a, #blog #header #nav #blogNav a {height:73px;}
#header #nav span {background:url(/images/template/nav.png) no-repeat; display:block; height:100%; left:0; position:absolute; top:0; width:100%; }
#header #nav #aboutNav span { background-position:0 0; }
#header #nav #tipsNav span { background-position:-101px 0; }
#header #nav #buyNav span { background-position:-172px 0; }
#header #nav #blogNav span { background-position:-243px 0; }
#about #header #nav #aboutNav span { background-position:0 -51px; }
#tips #header #nav #tipsNav span { background-position:-101px -51px; }
#buy #header #nav #buyNav span { background-position:-172px -51px; }
#blog #header #nav #blogNav span { background-position:-243px -51px; }

/* Content */
.reviews blockquote { color:#333; font-size:12px; font-style:italic; font-weight:normal; margin:0; }
.reviews blockquote cite { font-style:none; font-weight:bold; }

.post { margin-bottom:40px; overflow:hidden; }
.post .meta { color:#777; list-style:none; margin:0 0 10px; }
.post .meta li {display:inline;}
.post .meta .date {margin-right:80px;}
.post .meta .comments a {background:url(/images/template/comments-icon.png) no-repeat 100% 50%; color:#777; font-weight:normal; padding-right:20px; }
.post h2 { font-size:18px; margin-bottom:5px; text-transform:none; }
.post h2 a { color:#9b2b37; font-weight:normal; }

#comments { border-top:1px solid #cecece; list-style:none; margin-left:0; overflow:hidden; }
#comments li { border-bottom:1px solid #cecece; float:left; padding:10px; width:440px; }
#comments .alt {background:#efefef;}
#comments .commentMeta { list-style:none; margin-left:0; }
#comments .commentMeta li { background:none; border:none; float:none; padding:0; width:100%; }
#comments .commentMeta .author {font-weight:bold;}
#comments .comment {width:440px;}
#comments .comment li { float:none; border-bottom:none; padding:0; width:auto; }

.forms { list-style:none; margin-left:0; overflow:hidden; }
.forms li { float:left; padding:5px 0; width:100%; }
.forms label { display:block; float:left; font-weight:bold; padding-right:10px; width:70px; }
.forms .inline label { display:inline; float:none; margin-left:5px; width:auto; }
.forms input, .forms textarea { border:1px solid #dadada; border-radius:3px; -moz-border-radius:3px; padding:3px; -webkit-border-radius:3px; width:522px; }
.forms textarea {height:200px;}
.forms .inline input { margin-left:80px; width:auto; }
.forms .buttons input { background:#F59033;  border:none; border-radius:3px; font-size:16px; -moz-border-radius:3px; overflow:visible; padding:5px; -webkit-border-radius:3px; width:auto; }
.paging {font-size:16px;}

/* kelly in the news */
#kellyVideo .entry-content { width:100%; overflow:hidden; }
#kellyVideo .entry-content img { float:right; margin:0 0 10px 10px; }

/* Sidebar */
#sidebar a {color:#fff;}
#sidebar img { border:2px solid #6c76a0; }
#sidebar h3 { border-bottom:3px solid #fff; color:#fff; font-size:18px; line-height:24px; margin-bottom:6px; text-transform:none; }
#sidebar .module {margin-bottom:40px;}
#sidebar .listing .date { display:block; font-weight:bold; }
#sidebar #sidebarPollForm .pollQuestion {font-weight:bold;}
#sidebar #sidebarPollForm .forms { list-style:none; margin:0; }
#sidebar #sidebarPollForm .forms li { float:none; padding:0; }
#sidebar #sidebarPollForm .forms label { display:inline; float:none; font-weight:normal; margin-left:5px; width:auto; }
#sidebar #sidebarPollForm .forms input {width:auto;}
#sidebar .noFrame, #sidebar .inline img {border:none;}
#sidebar #sidebarNewsletterForm label { display:block; font-weight:bold; margin-bottom:12px; }
#sidebar #sidebarNewsletterForm input { border:1px solid #dadada; padding:3px; }
#sidebar #sidebarNewsletterForm #newsletterEmail, #sidebar #sidebarNewsletterForm #mce-EMAIL { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; width:123px; }
#sidebar #sidebarNewsletterForm #newsletterSubmit, #sidebar #sidebarNewsletterForm #mc-embedded-subscribe { background:none; border:none; cursor:pointer; font-weight:bold; text-transform:uppercase; }

/* Footer */
#footer h3 { border-bottom:1px solid #fff; color:#fff; font-weight:bold; text-transform:uppercase; }
#footer a {color:#fff;}
#footer .module { float:left; margin-right:20px; width:220px; } 
#footer ul { list-style:none; margin:10px 0 0; }
#footer ul li { line-height:45px; overflow:hidden; }
#footer ul a {display:block;}
#footer p {margin-top:10px;}
#footer #matrix { font-size:12px; clear:left; margin:0; }
#footer #cwm-logo { width:210px; height:63px; position:relative; overflow:hidden; float:right; margin:0; }
#footer #cwm-logo span { background:url(/images/cwm-logo.png) 0 0 no-repeat; position:absolute; cursor:pointer; width:100%; height:100%; }
