/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
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/bg-body-main.png') #fff repeat-x top; font-family: verdana, arial, helvetica, sans-serif; font-size: 16px; line-height: 1em; text-align: center;}

body#home {background: url('/images/bg-home.png') #fff repeat-x top;}
body#enrollment {background: url('/images/bg-enrollment.png') #fff repeat-x top;}
body#learn {background: url('/images/bg-learn.png') #fff repeat-x top;}
body#free {background: url('/images/bg-free-content.png') #fff repeat-x top;}

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: disc; 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/bg-header.png') transparent repeat-x top center; color: #fff; font-size: .7em; margin: 0; padding: 0 15px 3px 15px; text-align: right;}

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

#header a:active, #header a:hover {color: #fff; font-weight: normal; text-decoration: none;}

#home-header {background: url('/images/bg-home-header.png') transparent no-repeat top left; height: 100px; margin: 20px auto 0 auto; padding: 15px 0 30px 0; text-align: right; width: 820px;}

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

#main-header {background: url('/images/bg-header-main.jpg') transparent no-repeat top right; color: #fff; font-size: .7em; margin: 20px 0 0 0; padding: 0; text-align: left;}

#main-header #ts-logo {margin: 15px 0 0 0; text-align: left;}

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

#headline {margin: 0 auto; padding: 3px; text-align: center; width: 870px;}

#headline h1 {margin: 0 auto 15px auto;}

#headline h1.home {font-size: 2.1em; margin: 0 auto;}

#headline h1.details {font-size: 3.1em; margin: 0 auto; padding: 10px 0 20px 0;}

#headline h1.learn-page {font-size: 2em; margin: 20px auto 0 auto; padding: 0;}

#headline h1.enrollment-page {font-size: 2.5em; margin: 20px auto 0 auto; padding: 0;}

#headline h2 {color: #000; font-size: 1.95em; font-weight: bold; margin: 30px auto 50px auto;}

#headline h1.tier {color: #000; font-size: 1.8em; font-weight: bold; margin: 15px auto 50px auto;}

#headline h1.two-line {color: #000; font-size: 1.8em; font-weight: bold; line-height: 1.4em; margin: 25px auto 70px auto;}

#headline p {color: #777; font-size: 1.1em; line-height: 1.4em; margin: 10px auto;}

#headline p.details {color: #777; font-size: 1.3em; line-height: 1.4em; margin: 10px auto;}
#headline p.learn-page {color: #777; font-size: 1.3em; line-height: 1.4em; margin: 5px auto;}
#headline p.enrollment-page {color: #555; font-size: 1.25em; line-height: 1.7em; margin: 10px auto;}

#subhead {color: #555; font: bold 1em verdana, tahoma, arial, sans-serif; margin: 0; padding: 3px 30px; text-align: right;}
#subhead p.login {font-size: .8em; margin: -4px 0 0 0; padding: 0}
#subhead p.login a {background: url('/images/bg-header-login.png') transparent no-repeat right center; padding: 4px 50px 5px 5px}
#subhead p.login a:hover, #subhead p.login a:focus, #subhead p.login a:active  {background: url('/images/bg-header-login-hover.png') transparent no-repeat right center; color: #555; background-color: #FFFFCC; text-decoration: none;}

#subhead a, #subhead a:visited {color: #555;text-decoration: underline;}
#subhead a:hover, #subhead a:focus, #subhead a:active  {color: #eee; background-color: #555; text-decoration: none;}
#content {font-size: .9em; margin: 50px auto; padding: 0; text-align: left; width: 850px;}

#video-box {background: url('/images/bg-video-box.png') transparent no-repeat top center; height: 440px; margin: 0 auto; padding: 0; text-align: left; width: 900px;}

#player-box { float: left; margin: 0; padding: 8px 0 0 1px; text-align: center; width: 654px;}
#player-box p { font-size: .7em; margin: 10px 10px; padding: 10px 15px;}

#optin-box { float: right; font-size: .7em; margin: 0; padding: 0 4px; text-align: left; width: 236px;}
#optin-box h3.goods {background: url('/images/hdr-optin-get-the-goods.png') transparent no-repeat top left; height: 40px; margin:40px 0 5px 0; text-indent: -9000px; overflow: hidden; }
#optin-box p {padding: 5px 8px;}
#optin-box form p {text-align: center;}
#optin-box label {font: bold 1.2em verdana, arial, helvetica, sans-serif; color: #444; text-align: left;}
#optin-box .text-input {background: url('/images/bg-input.png') #fff repeat-x left top; font: 1.5em verdana, arial, helvetica, sans-serif; color: #555; width: 200px; display: inline; margin: 0; padding: 2px; border: 1px solid #999;}

#optin-box-bottom {background: url('/images/bg-optin-bottom.png') transparent no-repeat center center; font-size: .8em; margin: 5px auto; padding: 35px 4px 20px 4px; text-align: left; width: 250px;}
#optin-box-bottom p {padding: 5px 8px;}
#optin-box-bottom form p {text-align: center;}
#optin-box-bottom label {font: bold 1.2em verdana, arial, helvetica, sans-serif; color: #444; text-align: left;}
#optin-box-bottom .text-input {background: url('/images/bg-input.png') #fff repeat-x left top; font: 1.2em verdana, arial, helvetica, sans-serif; color: #555; width: 200px; display: inline; margin: 0; padding: 4px; border: 1px solid #999;}

#player-wrap {margin: 0 auto; padding: 30px 10px; text-align: center;}

#playerhere p { background: url('/images/vid-preview-error.jpg') #eee no-repeat top center; border: 1px solid #999; font-size: .8em; height: 140px; margin: 0 auto; padding: 250px 20px 0px 20px; width: 600px; }

#free-content {font-size: 1em; margin: 50px auto; padding: 0; text-align: left; width: 900px;}
#free-content p.notify {font-size: .95em; margin: 0; padding: 0;}
#free-content p.notify a img {float: left; margin: 0 20px 0 0 ;}

#free-content-left {float: left; margin: 35px 10px 0 0; padding: 0; text-align: left; width: 630px;}
#free-content-left h2 { background-color: transparent; color: #444; font-size: 1.5em; font-weight: bold; margin: 0; padding: 35px 0 6px 75px; width: 545px;}
#free-content-left h2#item-01 {background: url('/images/hdr-free-item-01.png') transparent no-repeat top left;}
#free-content-left h2#item-02 {background: url('/images/hdr-free-item-02.png') transparent no-repeat top left;}
#free-content-left h2#item-03 {background: url('/images/hdr-free-item-03.png') transparent no-repeat top left;}
#free-content-left h2#item-04 {background: url('/images/hdr-free-item-04.png') transparent no-repeat top left;}
#free-content-left h2#item-05 {background: url('/images/hdr-free-item-05.png') transparent no-repeat top left;}
#free-content-left h2#item-06 {background: url('/images/hdr-free-item-06.png') transparent no-repeat top left;}
#free-content-left h2#item-07 {background: url('/images/hdr-free-item-07.png') transparent no-repeat top left;}
#free-content-left h2#item-08 {background: url('/images/hdr-free-item-08.png') transparent no-repeat top left;}

#free-content-left .content-box {background: url('/images/bg-free-item-box.png') #F7F9F9 repeat-x bottom center; border-bottom: 1px solid #DEE2E2; border-left: 1px solid #DEE2E2; border-right: 1px solid #DEE2E2; margin: 0 0 30px 0; padding: 15px 0; width: 618px;}

#free-content-left .content-box p {font-size: .9em; line-height: 1.5em; padding: 5px 10px;}

#free-content-left .content-box p.small {font-size: .75em; padding: 10px 20px; text-align: center;}

#free-content-left .content-box ul {font-size: .9em; list-style: none; margin: 0 0 0 40px; padding: 5px 10px;}

#free-content-left .content-box ul li {list-style: disc; margin: 3px 0;}

#free-content-left .content-box li.mp3 {background: url('/images/li-mp3.png') no-repeat 0 .4em; list-style: none; padding: 0 0 0 22px; margin: 7px 0;}
#free-content-left .content-box li.pdf {background: url('/images/li-pdf.png') no-repeat 0 .3em; list-style: none; padding: 0 0 0 22px; margin: 7px 0;}

#free-content-left .content-box #player-wrap {margin: 10px auto; padding: 0; text-align: center;}

#free-content-left .notice  {background: url('/images/bg-more-to-come.png') #FFFFCC no-repeat center left; border: 1px solid #DEE2E2; font-size: 1em; margin: 20px auto; padding: 10px 10px 10px 70px; text-align: left; width: 480px;}

#free-content #eb-form {background: url('/images/bg-eb-form.png') transparent no-repeat center center; margin: 20px auto; padding: 100px 10px 10px 10px; text-align: center; width: 450px;}
#free-content #eb-form label {font: bold 1em verdana, arial, helvetica, sans-serif; color: #444; text-align: left;}
#free-content #eb-form .text-input {background: url('/images/bg-input.png') #fff repeat-x left top; font: 1.2em verdana, arial, helvetica, sans-serif; color: #555; width: 300px; display: inline; margin: 0; padding: 4px; border: 1px solid #999;}

#free-content-right {display: inline; font-size: .95em; float: right; margin: 70px 0 30px 0; padding: 0; position: relative; text-align: left; width: 260px;}
#free-content-right p {padding: 5px 17px;}
#free-content-right h3 {background: url('/images/hdr-early-sidebar.png') #fff no-repeat top center; height: 70px; margin: 0; text-indent: -9000px; overflow: hidden; }
#free-content-right p.end-cap {background: url('/images/ftr-early-sidebar.png') #fff no-repeat top center; height: 30px; margin: 0; text-indent: -9000px; overflow: hidden; }
#free-content-right form p {text-align: center;}
#free-content-right label {font: bold 1.2em verdana, arial, helvetica, sans-serif; color: #444; text-align: left;}
#free-content-right .text-input {background: url('/images/bg-input.png') #fff repeat-x left top; font: 1.5em verdana, arial, helvetica, sans-serif; color: #555; width: 200px; display: inline; margin: 0; padding: 2px; border: 1px solid #999;}

#free-content-right h4 {background: url('/images/bg-sidebox-header.png') no-repeat top left; color: #444; font-size: 1.4em; font-weight: bold; padding: 5px 8px;}

#free-content-right .sidebar-box {background-color: #EEF0EF; font-size: 0.75em; margin: 10px auto; padding: 0 0 4px 0; width: 224px;}

#free-content-right .sidebar-box a, #member-content #sidebar #sidebar-box a:visited {color: #555; text-decoration: underline;}

#free-content-right .sidebar-box a:hover {background-color: #555; color: #EEF0EF; text-decoration: none;}

#free-content-right .sidebar-box p {padding: 4px 8px;}

#free-content-right .sidebar-box p.more {background: url('/images/bg-sb-more.png') #FFFFCC no-repeat top left; border: 1px solid #DEE2E2; margin: 0 5px; padding: 5px 5px 5px 42px; text-align: left;}

#free-content-right .sidebar-box ul {list-style: none; margin: 0; padding: 5px 10px;}

#free-content-right .sidebar-box ul li {margin: 7px 0;}

#free-content-right ul#content-nav li {background: url('/images/li-sb-content.png') no-repeat 0 .1em; list-style: none; padding: 0 0 5px 25px;}

#sub-content {clear: both; font-size: .9em; margin: 40px auto; padding: 0; text-align: left; width: 850px;}

#content-area-left {float: left; margin: 0 10px 0 0; padding: 0; text-align: left; width: 500px;}

#content-area-left h2 {margin: 3px 0;}

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

#content-area-left p {margin: 20px 0;}

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

#sidebar-right {display: inline; float: right; margin: 0 0 30px 0; padding: 0; position: relative; text-align: left;}

#copy-area {font-size: .9em; width: 900px; margin: 30px auto; text-align: left;}

#left-box h2 {margin: 10px 0;}

#left-box h3 {font-size: 1.3em; margin: 15px 0 10px 0;}

#left-box blockquote.notice {background-color: #FFFFE5; border: 1px #999999 solid; margin: 40px; padding: 10px;}

#left-box .call-box {background-color: #FFFFE5; border: 1px #999999 solid; font-size: 1.25em; padding: 14px 5px; text-align: center; width: 420px;}

#left-box blockquote.call-box {margin: 10px auto 30px 60px;}

#left-box p.call-box {margin: 10px auto 30px auto;}

#left-box .call-box p { margin: 0; padding: 10px; }

#right-box {float: right; font-size: 0.8em; margin: 30px; border: 2px solid #C9EEB5; background: url('/images/bg-right-box.png') #EFFBE9 no-repeat top left; padding: 15px 10px; width: 270px;}

#right-box h3 {background: url('/images/hdr-are-saying.png') transparent no-repeat top left; height: 50px; margin: 0; text-indent: -9000px; overflow: hidden; }

/*#right-box h3 {color: #003333; font-size: 1.6em; font-weight: normal; margin:0 0 10px 0;}*/

#right-box h4 {color: #4F8487; font-size: 1.1em; font-weight: bold; margin: 10px 0 5px 0;}


#info-form {background: url('/images/bg-report-form-sm.png') transparent no-repeat top center; height: 300px; margin: 0 auto 0 70px; padding: 65px 35px 0 45px; _padding: 65px 35px 0 35px; width: 270px;}

#info-form p {font-size: .8em; margin: 0px; padding: 7px 0px; text-align: left;}

#info-form p.center {text-align: center; margin: 0 auto;}

#info-form hr {margin: 20px auto; width: 270px;}

#info-form p strong {font-size: 1.4em; color: #555;}

#info-form label {font: bold 1.2em verdana, arial, helvetica, sans-serif; color: #4F8487;}

#info-form p a:link, #signup-box p a:link, #enroll-box p a:link {color: #4F8487;}

#info-form p a:hover, #signup-box p a:hover {color: #ffffcc;}

#info-form .text-input {background: url('/images/bg-input.png') #fff repeat-x left top; font: 1.5em verdana, arial, helvetica, sans-serif; color: #555; width: 250px; display: inline; margin: 0; padding: 2px; border: 1px solid #4F8487;}

#signup-box {border: 2px solid #ccc; background-color: #fffff2; margin: 0 auto; padding: 10px; text-align: center; width: 300px;}

#signup-box p {font-size: .8em; margin: 0px; padding: 10px 0;}

#signup-box hr, #enroll-box hr {margin: auto; width: 270px;}

#signup-box p strong, #enroll-box p strong {font-size: 120%; color: #4F8487;}

#signup-box label, #enroll-box label {font: bold 1.3em verdana, arial, helvetica, sans-serif; color: #4F8487; text-align: left;}

#signup-box .text-input, #enroll-box .text-input {background: url('/images/bg-input.png') #fff repeat-x left top; font: 1.3em verdana, arial, helvetica, sans-serif; color: #555; width: 250px; display: inline; margin: 0; padding: 2px; border: 1px solid #4F8487;}

#enroll-top {background: url('/images/bg-enroll-top.png') transparent no-repeat top center; height: 55px; margin: 0 auto; padding: 0 30px; width: 270px;}

#enroll-box {border: 2px solid #ccc; background-color: #fffff2; margin: 0 auto; padding: 15px 10px; width: 278px;}

#enroll-box p {font-size: .8em; margin: 0 0 5px 0; padding: 10px 5px;}

#enroll-box h3 {color: #4F8487; font-size: 1.25em; font-weight: bold; margin: 10px 0 5px 0;}

#enroll-box h4 {color: #4F8487; font-size: 1.1em; font-weight: bold; margin: 10px 0 5px 0;}

#enroll-box p.testimonial strong {font-size: 1em; color: #000;}

#enroll-box p a:hover {background: url('') transparent no-repeat top center; color: #777; font-weight: bold; text-decoration: none;}

#signup-content {margin: 50px auto; padding: 0; text-align: center; width: 850px;}
#signup-content h2.member { border-bottom: 2px solid #DDDDDD; color: #003333; font: normal 1.5em 'Trebuchet MS', Tahoma, Arial, Sans-serif; margin: 5px 0 20px 0; text-align: left; }

#signup-content h2.member a {font-weight: normal;}

#signup-content #error {background: url('/images/bg-error-main.png') #FFFFCC no-repeat center left; border: 2px solid #DDD; color: #990000; font-size: 1em; margin: 10px auto; padding: 10px 10px 10px 75px; width: 500px;}

#signup-content #signup-options {margin: 50px auto; padding: 0; text-align: left;}

#signup-content #member-options {margin: 0 auto 50px auto;width: 700px;}

#signup-content #member-options a, #signup-content #member-options a:visited {text-decoration:none;  margin: 0; padding: 20px 0; }

#signup-content #member-options a:hover {text-decoration:underline; background-color: transparent; color: #009966;}

#signup-content #email-pass {background: url('/members/images/bg-email-pass.png') no-repeat bottom right; margin: 0 auto; padding:20px 0 21px 80px; margin: 20px auto; text-align: left; width: 270px;}

#signup-content #forum-prof {background: url('/members/images/bg-forum-prof.png') no-repeat bottom right; margin: 0 auto; padding:20px 0 21px 80px; margin: 20px auto; text-align: left; width: 270px;}

#signup-content #back-dash {background: url('/members/images/bg-back-dash-lg.png') no-repeat bottom right; margin: 0 auto; padding:20px 0 21px 80px; margin: 20px auto; text-align: left; width: 270px;}

#signup-content #contact-support {background: url('/members/images/bg-contact-support.png') no-repeat bottom right; margin: 0 auto; padding:20px 0 21px 80px; margin: 20px auto; text-align: left; width: 270px;}


#footer {background: url('/images/bg-footer.png') transparent repeat-x top center; clear: both; color: #777; font: 0.7em verdana, tahoma, arial, sans-serif; margin: 0px auto; padding: 10px; text-align: right;}

#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-area-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;  }

#content-area-left .post p { margin: 4px auto; }
.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 p {margin: 2px 0;}
#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; }

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
aMember/Signup Structure
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#error {background-color: #ffffcc; border: 1px solid #cc3300; color: #000; font: normal 1em verdana, arial, sans-serif; margin: 0 auto 20px auto; padding: 10px; text-align: left; width: 550px;}

#paypal { clear: both; color: #000; font: normal .7em verdana, tahoma, arial, sans-serif; margin: 0 auto; text-align: right; width: 860px;}

#sub-area {background-color: #fff; font-size: .9em; margin: 0 auto; padding: 0; width: 750px;}

#sub-area .left, #sub-area .right {margin: 5px; text-align: center; width: 350px;}

#sub-area h2 {margin: 0 0 15px 0;}

#sub-area a:link {color: #4F8487;}

#sub-area form {margin: 0;}

#sub-area a:hover, #sub-area a:active {background: url('/images/') transparent no-repeat top center; color: #777; font-weight: bold; text-decoration: none;}

#login-box {background: url('/images/bg-login-main.png') transparent no-repeat top center; height: 470px; margin: 15px auto; padding: 80px 30px 0 40px; width: 370px;}

#login-box p {font-size: .8em; margin: 0px; padding: 7px 0px; text-align: left;}

#login-box p.center {text-align: center;}

#login-box hr {margin: 20px auto; width: 270px;}

#login-box p strong {color: #555; font-size: 1.4em;}

#login-box label {color: #4F8487; font: bold 1.3em verdana, arial, helvetica, sans-serif;}

#login-box p a:link {color: #4F8487;}

#login-box p a:hover {color: #ffffcc;}

#login-box .text-input {background: url('/images/bg-input.png') #fff repeat-x left top; border: 1px solid #4F8487; color: #555; display: inline; font: 1.4em verdana, arial, helvetica, sans-serif; margin: 0; padding: 5px; width: 350px;}

#login-box .check-input {display: inline; margin: 0;}

#login-enroll-box {background: url('/images/bg-login-enroll.png') transparent no-repeat top center; height: 500px; margin: 0 auto; padding: 55px 30px 0 30px; width: 270px;}

#login-enroll-box p {font-size: .95em; margin: 0px; padding: 7px 0px; text-align: left;}

#login-enroll-box hr {margin: 15px auto; width: 270px;}

#login-enroll-box p strong {color: #555; font-size: 1.4em;}

#login-enroll-box p.center {text-align: center;}

#login-enroll-box label {color: #4F8487; font: bold 1.4em verdana, arial, helvetica, sans-serif;}

#login-enroll-box .text-input {background: url('/images/bg-input-sm.png') #fff repeat-x left top; border: 1px solid #4F8487; color: #555; display: inline; font: 1.5em verdana, arial, helvetica, sans-serif; margin: 0; padding: 2px; width: 250px;}