/*

Theme Name: Charlie The Broker

Theme URI: http://charliethebroker.com

Description: Wordpress theme for CharlieTheBroker.com

Version: 1.0

Author: Jack Rugile

Author URI: http://jackrugile.com

*/



/* Eric Meyer's CSS Reset */



html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit;	font-size: 100%;	font-family: inherit;	vertical-align: baseline;}/* remember to define focus styles! */:focus {	outline: 0;}body {	line-height: 1;	color: black;	background: white;}ol, ul {	list-style: none;}/* tables still need 'cellspacing="0"' in the markup */table {	border-collapse: separate;	border-spacing: 0;}caption, th, td {	text-align: left;	font-weight: normal;}blockquote:before, blockquote:after,q:before, q:after {	content: "";}blockquote, q {	quotes: "" "";}



body {background: #ddd url(http://charliethebroker.com/images/bg.png) repeat-y center; font: 100% arial, verdana, sans-serif; color: #444;}

a {text-decoration:none;color:#38a13b;}

a:hover {text-decoration:underline; color:#43b746;}

.additional-meta {font-size: .7em; color: #666;}

blockquote {font-style:oblique}

img {border:none;margin:0;padding:0;}

div {margin:0;padding:0;}



html, body {height: 100%;}

.push {height: 0px; /* .push must be the same height as .footer */}



/* -- MAIN DIV'S -- */



#wrapper {padding:0;width:800px;	

        min-height: 100%;

	height: auto !important;

	height: 100%;

	margin: 0 auto -170px; /* the bottom margin is the negative value of the footer's height */

}

#header {background: url(http://www.charliethebroker.com/images/header3.jpg) no-repeat;height:100px;width:800px;margin:20px 0 0;padding: 0;}

#footer {height:220px;width:800px; margin:0 auto; clear:both; padding:10px 0 0 0; border-top:1px solid #ddd;}

#footer p {font-size:.7em;text-align:center;padding: 0 0 0 0;color:#555;margin: 0 0 5px 0;}

#footer h5 {font-size: 120%; text-align: center; color: #000;}

#footer h6 {font-size: 100%; text-align: center; color: #000; margin: 0 0 3px 0;}



/* -- LISTS -- */



ul {margin:0;padding:0;}

ul li {	margin-left:0;padding:0;}

li {list-style-type:none;}

.disc {list-style-type:disc}



/* lists inside posts */



.entry-content ul ol {margin-left:0;}

.entry-content ul li { padding:6px 0 3px;list-style-type:square; font-size:.85em;}

.entry-content ul li ol {margin-left:10px;}

.entry-content ol li {margin-left:5px; list-style: decimal; list-style-position:inside;}

.entry-content ol li li {margin-left:5px;}



/* -- HEADINGS -- */



h1,h2,h3,h4,h5,h6 {margin:0;padding:0;clear:both;color:#38a13b;}

h2.entry-title, h1.entry-title {font-size:160%;clear:both;}

h2#comments{margin:20px auto 10px;font-size:105%;}

#header h1 {text-indent:-10000px;}



/* headings inside posts */

.entry-content h2 {font-size:160%; margin-bottom:15px;}

.entry-content h3 {font-size:140%; margin-bottom:15px;}

.entry-content h4 {color:#000;font-weight:bold;font-size:.85em;margin-top: 25px;border-bottom: 1px solid #ddd;}

.entry-content h5 {font-size:80%;}

.entry-content h6 {font-size:70%;}

h1 {font-size:130%;}



/* -- POSTS -- */



.post-index {margin:0 0 10px;}

#post-single {margin:0 0 10px;}

.posts-wrap {float:right; clear:none;width:560px;padding:0 0 10px 20px;margin: 15px 0 0 0;border-left: 1px solid #ddd;min-height: 400px;}

.posts-wrap p {font-size:.85em; line-height:140%; margin: 15px 0;}

.posts-wrap ul {margin-left: 20px;} 





/* -- SIDEBARS --*/



.sidebar-wrap {margin: 15px 0 0 0;overflow:hidden; clear:none; width:195px; float:left;padding:0 20px 0 0;}

.sidebar {width:100%;clear:none;padding:0;}

.sidebar p {font-size:.85em; font-weight: bold;margin: 5px 0;}



.sidebar-wrap h3 {color:#38a13b;font-size:130%;border-bottom: 1px solid #ddd;}

.sidebar-wrap h4 {color:#000;font-weight:bold;font-size:.85em;margin-top: 25px;}

.sidebar-wrap p a:link , .sidebar-wrap p a:visited {color: #38a13b;}

.sidebar-wrap p a:hover {color: #43b746;}

.sidebar ul {margin-left: 15px;font-size:.85em;}

.sidebar li {padding:3px 0;list-style-type:square;}

.sidebar ul li ul li {font-size:1.2em;}



/* -- 404-PAGE --*/



.error404 {margin:0;width:100%;}

.error404 h1,.error404 h2 {margin: 10px auto;}



/* -- COMMENTS -- */



div.comments-wrap {margin:15px auto; padding:0;}

li.comment,li.trackback, li.pingback {border:1px solid #c1c1c1;margin: 10px auto;padding:5px;font-size:.9em;}

ul.children {margin-left:10px;}

ul.commentlist, ul.pinglist {margin:10px 0;}

div.reply {}

textarea#comment {overflow:auto}



/* -- ALIGNMENTS --*/



.alignright {float:right;clear:none;margin:0 0 36px 36px}

.alignleft {float:left;clear:none;margin:0 36px 36px 0}

.aligncenter {display: block; margin:36px auto; text-align:center}

.alignnone {margin:0 10px 0 0;}



/* Navigaton */



.navcontainer {

float: left;

width: 800px;

height: 30px;

background: url('http://charliethebroker.com/images/nav1.png') no-repeat;

margin: 15px 0;

clear:both;

}

.navlist {margin: 0 0 0 60px;}



.navlist li {float: left; }



.navlist a {

font-size:.95em;

color: #fff;

font-weight: bold;

display: block;

text-decoration: none;

padding: 6px 12px 6px 12px;

}

.navlist p {

font-size:.95em;

color: #fff;

font-weight: bold;

display: block;

text-decoration: none;

padding: 6px 12px 6px 12px;

}



.navlist a:hover {background: #43b746;}

.current a:link {background: #43b746;}



/* Dropdown Menu */



ul.navlist li ul {display: none;position: relative;}



ul.navlist li:hover ul {display: block;}

.navlist li ul li {display: block;clear: both;}





.navlist li ul li a:link, .navlist li ul li a:visited {background: #38a13b;font-size: .8em;padding: 4px 0 0 0;text-align:center;border: 1px solid #ddd;border-bottom:none;}

.navlist li ul li a:hover {background: #43b746}



.navlist li.available a:link, .navlist li.available a:visited {height: 20px;width: 97px;}

.navlist li.recent a:link, .navlist li.recent a:visited {height: 20px;width: 97px;}

.navlist li.rentals a:link, .navlist li.rentals a:visited {height: 20px;width: 97px;}


.navlist li.buyer a:link, .navlist li.buyer a:visited {height: 20px;width: 85px;}

.navlist li.seller a:link, .navlist li.seller a:visited {height: 20px;width: 85px;}

.navlist li.investor a:link, .navlist li.investor a:visited {height: 20px;width: 85px;}


.navlist li.calculator a:link, .navlist li.calculator a:visited {height: 20px;width: 99px;}

.navlist li.buyer-resources a:link, .navlist li.buyer-resources a:visited {height: 20px;width: 99px;}

.navlist li.seller-resources a:link, .navlist li.seller-resources a:visited {height: 20px;width: 99px;}

.navlist li.investor-resources a:link, .navlist li.investor-resources a:visited {height: 20px;width: 99px;}



.navlist li.resume a:link, .navlist li.resume a:visited {height: 20px;width: 118px;}

.navlist li.testimonials a:link, .navlist li.testimonials a:visited {height: 20px;width: 118px;}

.navlist li.mygoals a:link, .navlist li.mygoals a:visited {height: 20px;width: 118px;}









/* Miscellaneous */



.clear {clear:both}

.spacer {clear:both;height:30px;margin-top:30px;border-top:1px solid #d1d1d1;}

strong { font-weight: bold;}

.navigation {
   display: block;
   text-align: center;
   margin-top: 10px;
   margin-bottom: 60px;
}

.next {
   float: right; 
   border: none;
   margin: 0 0 15px 15px;
   padding: 3px;
}

.previous {
   float: left;
   border: none;
   padding: 3px;
   margin: 0px 15px 15px 0;
}

.vvqbox {clear:both;}

.vvqquicktime