@charset "utf-8";
/* CSS Document */
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Reset
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

html,body,address,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,p,blockquote,table,caption,th,td,img { margin: 0; padding: 0; }
a img, a:link img, a:visited img { border: none; border-width: 0; vertical-align: top; }
fieldset { border: none; border-width: 0; }

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Globals
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

html, body {border: 0; height: 100%;}

body {background: url('/images/homebg.png') repeat;}

a:link, a:visited {color: #009966; font-weight: bold; text-decoration: underline;}

a:hover {background-color: #009966; color: #ffffcc; font-weight: bold; text-decoration: none;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix {*zoom: 1;/*for ie 5.5-7*/}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Main Formatting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

h1 {font: bold 1.7em 'Trebuchet MS', Tahoma, Arial, Sans-serif;}

h2 {color: #444; font: normal 1.7em 'Trebuchet MS', Tahoma, Arial, Sans-serif; margin: 0;}

h3 {color: #000; font: normal 1.55em 'Trebuchet MS', Tahoma, Arial, Sans-serif; margin: 0;}

h4 {color: #000; font: normal 1.45em 'Trebuchet MS', Tahoma, Arial, Sans-serif; margin: 0;}

p, ul, ol {margin: 0; line-height: 1.7em; padding: 0 0 18px 0;}

blockquote {margin: 22px 40px; padding: 0;}

ul, ol {margin: 0 15px 20px 25px; padding: 0;}

ol li {list-style-type: decimal; margin: 5px 0 10px 0; text-align: left;}

ul li {list-style-type: square; margin: 5px 0 10px 0; text-align: left;}

ul.offer li {padding: 6px 10px 10px 28px; background-image: url('/images/li-arrow.png'); background-repeat: no-repeat; background-position: 0 .6em; list-style-type: none; position: relative;}

small {font-size: 0.85em;}

strong {font-weight: bold;}

img {border: 0;}

acronym, abbr {cursor: help; letter-spacing: 1px; border-bottom: 1px dashed;}

hr {text-align: center; width: 90%; height: 1px; color: #ccc; border: none; margin: 0 auto 20px auto;}

html > body hr {margin: 0 auto 20px auto; width: 90%; height: 1px; background-color: #ccc; border: 0px solid #ccc;}

.center {margin: 10px auto; text-align: center;}

.notice  {background-color: #FFFFCC; border: 1px solid #99B4B6; font-size: 1em; margin: 10px auto; padding: 10px; text-align: left; width: 750px;}

.right, #nav .buttons li {float: right;}

.left {float: left;}

.callto {border: 3px solid #ccc; background-color: #ffffcc; margin: 0 auto; padding: 15px; text-align: center; width: 300px;}

.callto a:hover, .callto a:active {background-color: #ffffcc;}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Forms
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

form {margin: 0; padding: 0; display: inline;}

input, select, textarea {font-size: 1em;}

textarea {line-height: 1.25;}

label, .faq-list li.collapsed, .faq-list li.expanded {cursor: pointer;}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Site Formatting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#header {background: url('/images/headerbg.png') repeat-x; height: 100px; margin: 20px auto 0 auto; padding: 0 0 0 0; text-align: right; width: 820px;}
#logo{backgroud: url("/images/financefrogheader.gif") transparent no-repeat top left; padding:0 0 0 0;}

#tag{color:#06C; font-size:12px;}
#tag h2{color: #090; font-size:12px;}

#nav {
	background: url(images/nav-top.png) no-repeat top left; margin: 0 auto 0 auto; width: 820px;
	height: 26px;
}
#nav ul{
	list-style: none;
	margin: 0px 0px 0px 25px;
	padding: 0px;
	font: bold 12px/100% Arial, Helvetica, sans-serif;
}
#nav ul li{
	margin: 0px 1px 0px 0px;
	padding: 0px;
	float: left;
}
#nav ul li a{
	padding: 5px 7px 6px 7px;
	text-decoration: none;
	color: #000000;
	display: block;
}
#nav li a:visited{
	text-decoration: none;
	color: #000000;
}
#nav li a:hover, #nav .current_page_item a{
	text-decoration: none;
	background: #2e91c6 url(images/nav-hover.gif) repeat-x;
	color: #ffffff;
}

#header a:active, #home-header a:hover {background: url('/images/cg.gif') transparent no-repeat top left;}

#content { background:url(images/contentbg.png) repeat; font-size: .8em; margin: 10px auto; padding: 0 0 0 0; text-align: left; width: 820px; height:auto; border: #666 thin solid;}

#content-left {float: left; margin: 20px 10px 10px 10px; padding: 0; text-align: left; width: 500px; font-size:13px}

#content-left h1.summary {color:#3F0; font-size: 18px; margin: 0 auto;}

#content-left h2 {margin: 10px 0; font-size:16px; color: #060;}

#content-left h3 {margin: 20px 0; font-size: 1.7em; color: #555;}

#content-left p {margin: 20px 0; font-size:13px;}
#mainbody {font-size:14px; font-family:Verdana, Geneva, sans-serif;}

#content-left ul li.home-list {background-image: url('/images/bullet.png');}

#sidebar {color:#666666;float: right; margin: 20px 10px 10px 10px; padding: 0 ; position: relative; text-align: left; width:270px; line-height: 160%}

#sidebar p {
	margin: 0px 0px 15px;
}
#sidebar h3 {
	font: bold 12px/100% Arial, Helvetica, sans-serif;
	color: #666666;
}
#sidebar h3 a, #sidebar h3 a:visited {
	color: #666666;
}
#sidebar h3 img {
	vertical-align: middle;
}
#sidebar a, #sidebar a:visited {
	color: #000000;
	text-decoration:none;
}
#sidebar a:hover, #sidebar a:focus, #sidebar a:active {
	text-decoration:underline;
}
#sidebar ul {
	list-style: none;
	margin: 0 ;
	padding: 0 ;
}
#sidebar ul li {
	background: url(images/bullet-orange.gif) no-repeat;
	padding-left: 18px ;
}
#sidebar ul li ul li {
	background: url(images/bullet-grey.gif) no-repeat;
	padding-left: 12px ;
}#categories ul li {
	background: url(images/mini-resources.png) no-repeat;
}

.center {
	text-align: center;
}
img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.left {
	float: left;
}
img.left, img[align="left"] {
	float:left;
	margin: 2px 10px 5px 0px;
}
.right {
	float: right;
}
img.right, img[align="right"] {
	float:right;
	margin: 2px 0px 5px 10px;
}
.clear {
	clear:both;
}
hr.clear {
	clear:both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}
.hidden {
	clear: both;
	visibility: hidden;
}

#footer { clear: both; color: #000000; font: 0.7em verdana, tahoma, arial, sans-serif; margin: 0px auto 0 auto; padding: 10px; text-align: left; width:820px;}

#footer a:link, #footer a:visited {color: #777; font-weight: normal; text-decoration: underline;}

#footer a:hover {background-color: #eee; color: #777; font-weight: normal; text-decoration: none;}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Basic Blog Structure
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#content-left .post h2 {margin: 0; padding: 0;}
.post {font-size: .95em;}
.post h2 {color: #cc0000; margin: 0; padding: 0;}
.post h2.storytitle {margin: 0; padding: 0;}
.post h2.title  { border-bottom: 2px solid #305D6A; color: #305D6A; font-size: 1.7em; font-weight: normal; line-height: 1.3em; margin: 5px 0 20px 0; padding: 2px 0; }
.post h2 a:link, .post h2 a:visited { color: #009966; text-decoration: none; }
.post h2 a:hover { color: #ffffcc; background-color: #009966 }
.post h4.title { font-size: 120%; color: #444; margin: 5px 0 20px 0; padding: 0;  }

.post p.center { margin: 10px auto; text-align: center; }
.post p.right { text-align: right; }

.post .byline { border-top: 1px solid #ccc; color: #888; font-size: .8em; margin: 2px 0 20px 0; text-align: right; }
.post .byline a:link, #content .byline a:visited { color: #888; font-weight: normal; text-decoration: underline; }
.post .byline a:hover { color: #fff; background-color: #888; text-decoration: none; }

.post img.right { float: right; padding: 10px; }
.post img.left { float: left; padding: 10px; }
.post img.top-right { float: right; padding: 0px 10px; }
.post img.top-left { float: left; padding: 0px 10px; }
.post img.framed { background-color: #eee; border: 1px solid #999; margin: 0 auto; padding: 5px; }
.post img.framed-right { background-color: #eee; border: 1px solid #999; float: right; margin: 0px 10px 10px 10px; padding: 5px; }
.post img.framed-left { background-color: #eee; border: 1px solid #999; float: left; margin: 0px 10px 10px 10px; padding: 5px; }

.post span.right { float: right; padding: 10px; }
.post span.left { float: left; padding: 10px; }

.meta {color: #777; font-size: 0.7em; margin: 0;}

.meta a:hover, .meta a:active {color: #ffcc99; font-weight: normal; text-decoration: none;}

.post {clear: left; padding: 0px 0px 25px 0px; margin: 0px 0px 30px 0px; background: url('/images/separator.gif') no-repeat center bottom;}

.postmetadata {font-size: 0.75em;}

.postmetadata a:link, .postmetadata a:visited {color: #333399; text-decoration: underline;}

.postmetadata a:hover, .postmetadata a:active {color: #ffcc99; text-decoration: none;}

.storycontent {padding: 0px; margin: 15px 0px;}

img.centered {display: block; margin-left: auto; margin-right: auto;}

img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}

img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}

.small {font-size: .8em;}

/* ----- COMMENTS ----- */
#content #dl-comments { margin: 10px 0; }
#content dt.comment { background: url('/images/bg-comment.png') #F5F5F5 no-repeat top left; border-bottom: 1px dashed #ccc; border-top: 2px solid #ccc; font-size: 75%; font-weight: bold; margin: 0; padding: 10px 10px 10px 35px; }
#content dt cite { font-style: normal;}
#content dt.comment a:link, #content dt.comment a:hover, #content dt.comment a:visited  { background-color: #F5F5F5; color: #333; }
#content dt.comment.author { background: url('/images/bg-comment-ts.png') #fffff2 no-repeat top left; border-bottom: 1px dashed #CCCC99; border-top: 2px solid #CCCC99; font-size: 75%; font-weight: bold; margin: 0; padding: 10px 10px 10px 35px; }
#content dt.comment.author a:link, #content dt.comment.author a:hover, #content dt.comment.author a:visited  { background-color: #fffff2; color: #333; }

#content dd.comment { background-color: #F5F5F5; border-bottom: 2px solid #ccc; font-size: 80%; margin: 0px 0 20px 0; padding: 5px 10px}
#content dd.comment.author { background-color: #fffff2; border-bottom: 2px solid #CCCC99; margin: 0px 0 20px 0; padding: 5px 10px; }
#content dd.comment blockquote { border: 1px solid #ccc; margin: 0 auto 10px auto; padding: 10px; width: 85%; }

#content ol.li-trackbacks { font-size: 80%; list-style: decimal; }
#content ol.li-trackbacks li { margin: 10px 0; }

#content h3#hdr-comments { font-size: 130%; color: #555; margin: 0 auto 20px auto; padding: 0; text-align: center; }

#content #comments h4  { border-bottom: 1px solid #4F8487; font-size: 130%; color: #336666; margin: 30px 0 10px 0; }

#content #comment-form { border: 2px solid #ccc; background-color: #efefef; margin: 20px auto; padding: 20px; }

#content #fm-comments { margin: 20px auto; padding: 20px; width: 440px; }
#content #fm-comments p { margin: 3px 0; padding: 4px 0 4px 5px; }
#content #fm-comments fieldset { border: 0; margin: 0; padding: 0; }
#content #fm-comments label { color: #336666; font-weight: bold; padding:0; }
#content #fm-comments fieldset.fs-text label { display: block; }
#content #fm-comments label strong { font-size: 70%; vertical-align:top; }

#content #fm-comments input.fm-text { background: url('/images/bg-input.png') #fff repeat-x left top; color: #555; width: 300px; display: inline; margin: 0; padding: 3px; border: 1px solid #4F8487; }
#content #fm-comments textarea { background: url('/images/bg-input.png') #fff repeat-x left top; color: #555; width: 420px; display: inline; margin: 0; padding: 3px; border: 1px solid #4F8487; }

#fm-comments .checkbox { background: 0;	border:0;	margin:0;	padding:0;	width:auto; }
#fm-comments p.remember label, #fm-comments p.subscribe-to-comments label { display: inline; margin: 0 0 5px 0; }
#fm-comments fieldset.fs-check { background-color: #eee; padding: 3px; }