/*
Name: Lateral Action
URI: http://lateralaction.com/
Description: Main Lateral Action web site design.
Version: 1.0
Author: Tony D. Clark
*/

/* ~~~~~~~~~~~~~~~~~~~~~ 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; #border: 1px solid #ececec; }

/* ~~~~~~~~~~~~~~~~~~~ FORMAT ~~~~~~~~~~~~~~~~~~~ */

html, body { height: 100%; }
body { background: url('/base/images/bg-body.png') #999 repeat-x top center; font-family: verdana, arial, helvetica, sans-serif; font-size: 85%; line-height: 1.5em; text-align: center; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* -------- HEADINGS -------- */

h1, h2, h3, h4, h5, h6 { font-weight: bold; margin: 10px 0; }
h1 { font-size: 190%; }
h2 { font-size: 160%; color: #cc0000; }
h3 { font-size: 150%; color: #305D6A; }
h4 { font-size: 120%; color: #555; }
h5 { font-size: 100%; }
h6 { font-size: 100%; }

/* ------ PARAGRAPHS ------ */

p {margin: 1.5em 0;}

/* ----- QUOTES/CITATIONS ----- */
cite { font-style: normal; }

blockquote { background: url('/base/images/bg-quote.png') #F5F5E7 no-repeat top left; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 1.5em auto; padding: 0 10px 0 95px; }
blockquote p { font-style: italic; font-family: Georgia, Times, serif; }
blockquote cite { font-style: italic; }

/* ----- LINKS ----- */

a:link { color: #cc0000; font-weight: bold; text-decoration: underline; }
a:visited { color: #555; font-weight: bold; text-decoration: underline; }
a:hover { color: #fff; background-color: #cc0000; text-decoration: none; }

/* ------- LISTS ------- */

ul { margin: 1.2em 2em; list-style-type:square; }
ol { margin: 1.2em 2.5em;  list-style-type:decimal; }
ol li, ul li { margin: 0 0 0.3em 0; }
ol ul, ol ol, ul ul, ul ol { margin-top: 0; margin-bottom: 0; }

/* ----- TABLES ----- */
/*table { border: 1px solid #1D3941; line-height: normal; margin: 10px auto; table-layout: fixed; width: 100%; }*/
caption, th { caption-side: top; font-weight: bold; }
caption span, th, td { padding: 5px; text-align: left; vertical-align: top; }
tbody tr.alt { background-color: #F4F4F4; }
table.highlight tbody tr:hover, table.highlight tbody tr.hover { background-color: #ffffcc; }
th, th a:link, th a:visited { background-color: #1D3941; color: #FFF; }
th a:hover { color: #ccc; }


/* ~~~~~~~~~~~~~~~~~ LAYOUT ~~~~~~~~~~~~~~~~~ */

#wrapper { background: url('/base/images/bg-wrapper.png') transparent repeat-y top left; border-left: 1px solid #3C7586; margin: 0 auto; text-align: left; width: 960px; overflow: hidden; }

#top-wrapper { background: url('/base/images/bg-top-wrapper.png') #fff no-repeat top left; border-left: 1px solid #3C7586; margin: 0 auto; text-align: left; width: 960px; overflow: hidden; }

#page-wrapper { background-color:#fff; border-left: 1px solid #3C7586; border-right: 1px solid #3C7586; margin: 0 auto; padding: 0 10px 0 9px; text-align: left; width: 940px; overflow: hidden; }

#main { background-color:transparent; display:inline; float: right; height: auto !important; min-height: 900px; padding: 0; margin: 0; position: relative; width:685px; overflow: hidden; }

#main-top { background-color:#FF0099; display:inline; float: right; padding: 0; margin: 0; position: relative; width:685px; overflow: hidden; }

#header { background: url('/base/images/bg-header.png') #B0CAD9 no-repeat center center; height: 134px; margin: 0; padding: 0; overflow: hidden; }
#header h1 { text-indent: -9999px; }

#top-wrapper .lead  { font-size: 1.4em; font-weight: normal; color: #cc0000; line-height: 2.2em; margin: 30px 0 0 0; padding: 0; text-align: center; }

/* ----- NAVIGATION ----- */
ul.nav { display: block; line-height: normal; margin: 98px 1px 0 0; padding: 0; font-size: .8em; }
ul.nav li, ul.nav ul, ul.nav a {display: block; line-height: normal; margin: 0; padding: 0;}
ul.nav, ul.nav li, ul.nav ul {list-style: none;}
ul.nav li {position: relative; z-index: 1;}
ul.nav li:hover {z-index: 999;}
ul.nav li:hover > ul {display: block; position: absolute;}
ul.nav li a {min-width: 0; padding: 11px 12px;}
ul.nav li a:link, ul.nav li a:visited, ul.nav li a:hover {position: relative; text-decoration: none;}
ul.menu li {float: right; width: auto;}
ul.menu ul { left: auto; margin-top: -1px; right: auto; top: auto;}

ul.nav li { border-right: 1px solid #ccc; border-left: 1px solid #999; }
ul.nav li a:link, ul.nav li a:visited { background: url('/base/images/bg-nav.png') #1D3840 repeat-x top center; color: #fff; }
ul.nav li a:hover { background: url('/base/images/bg-nav-hover.png') #cc0000 repeat-x top center; }

ul.menu {padding-left: 1px;}
ul.menu li {margin-bottom: -1px; margin-left: -1px;}
ul.nav li a.current, ul.nav li a:hover.current, ul.nav li a:visited.current { background: url('/base/images/bg-nav-current.png') #fff repeat-x top left; color: #1F3D45; padding: 12px 12px 13px 12px; }

/* ----- MAIN CONTENT ----- */
#content { margin: 0; padding: 10px 20px 30px 20px; min-height: 595px; }
#content .small { font-size: 80%; }
#content .post { clear:both; background: url('/base/images/bg-post.png') no-repeat bottom center; margin: 0 0 50px 0; padding: 0 0 20px 0; }

#content h2 { font-size: 1.5em; font-weight: normal; color: #cc0000; line-height: 1.3em; margin: 5px 0; padding: 0; }
#content 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; }
#content h2.lead  { font-size: 2em; font-weight: normal; color: #cc0000; line-height: 1.3em; margin: 10px 0 5px 0; padding: 0; text-align: center; }
#content h2 a:link, #content h2 a:visited { color: #cc0000; text-decoration: none; }
#content h2 a:hover { color: #fff; }
#content h3 { font-size: 140%; color: #305D6A; margin: 0; padding: 15px 0 2px 0;  }
#content h4 { font-size: 110%; color: #444; margin: 0; padding: 15px 0 2px 2px;  }
#content h4.title { font-size: 120%; color: #444; margin: 5px 0 20px 0; padding: 0;  }

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

#content p.byline { border-top: 1px solid #999; color: #888; font-size: 80%; margin: 0 0 30px 0; text-align: right; }
#content p.byline a:link, #content p.byline a:visited { color: #888; font-weight: normal; text-decoration: underline; }
#content p.byline a:hover { color: #fff; background-color: #888; text-decoration: none; }
	
#content img.right { float: right; padding: 10px; }	
#content img.left { float: left; padding: 10px; }	
#content img.top-right { float: right; padding: 0px 10px; }	
#content img.top-left { float: left; padding: 0px 10px; }	
#content img.framed { background-color: #eee; border: 1px solid #999; margin: 0 auto; padding: 5px; }	
#content img.framed-right { background-color: #eee; border: 1px solid #999; float: right; margin: 0px 10px 10px 10px; padding: 5px; }	
#content img.framed-left { background-color: #eee; border: 1px solid #999; float: left; margin: 0px 10px 10px 10px; padding: 5px; }

#content span.right { float: right; padding: 10px; }	
#content span.left { float: left; padding: 10px; }
#content hr { background: #fff url('/base/images/hr-red.png') no-repeat center center; border: 0; height: 1px; margin: 10px auto; }

#content #img-greysquares { background: #fff url('/base/media/post-images/greysquares-hover.jpg'); }
#content #img-greysquares-two { background: #fff url('/base/media/post-images/greysquares-two-hover.jpg'); }

#ninedots { border: 0; width: 450px; height: 200px; margin: 0 auto; padding: 0; text-align:center; }
h4.hdr-ninedots em { font-style:normal; color: #999; }
.btn-ninedots {	width: 450px;	margin: 0 auto;	text-align:center; }
.btn-ninedots img {	border: 0;	margin: 5px auto; }

#content .now-what { background-color: #F5F5F5; border: 1px solid #E2E2E2; margin: 30px 0; padding: 5px 10px; overflow: hidden; width: 95%; }
#content .now-what a:link, #content .now-what a:visited { color: #cc0000; text-decoration: underline; }
#content .now-what a:hover { color: #fff; background-color: #cc0000; text-decoration: none; }

#content .now-what div.share { border-right: 1px solid #E2E2E2; float: left; padding: 3px 10px 10px 10px; width: 35%; }
#content .now-what div.related { float: right; width: 60%; margin: 0 0 5px 0; padding: 0 0 0 5px; }

#content .now-what ul { margin: 0; padding: 0; list-style: none; }
#content .now-what li { font-size: .95em; margin: 7px 0 0 0; position: relative; }
#content .now-what h4 { border-bottom: 1px dotted #ccc; font-size: 1em; color: #444; margin: 3px 0; padding: 0; }

#content .now-what .related li { background: url('/base/images/li-related.png') no-repeat 0 .5em; padding: 0 0 0 17px; }
#content .now-what li.subscribe { background: url('/base/images/subscribe-sm.gif') no-repeat 0 .3em; padding: 0 0 0 22px; }
#content .now-what li.stumble { background: url('/base/images/stumble-sm.gif') no-repeat 0 .3em; padding: 0 0 0 22px; }
#content .now-what li.delicious { background: url('/base/images/delicious-sm.gif') no-repeat 0 .3em; padding: 0 0 0 22px; }
#content .now-what li.digg { background: url('/base/images/digg-sm.gif') no-repeat 0 .2em; padding: 0 0 0 22px; }
#content .now-what li.all-share { background: url('/base/images/share-sm.gif') no-repeat 0 .2em; padding: 0 0 0 22px; }
#content .now-what li.other-share { padding: 0; font-weight: bold; margin: 10px 0 0 0; }

#content div.series-toc { background: url('/base/images/hr-red.png') no-repeat top center; margin: 0; padding: 10px 0 0 0; }	
#content div.series-toc h4 { color: #305D6A; }	

#content .paging .right { float: right; padding: 10px; }
#content .paging .left { float: left; padding: 10px; }

#content .call-box {background-color: #FEFEC8; border: 1px #999999 solid; font-size: 1.3em; margin: 30px auto 30px auto; padding: 14px 5px; text-align: center; width: 420px;}

#content .call-box a:link, #content .call-box a:visited { color: #cc0000; font-weight: bold; text-decoration: underline; }
#content .call-box a:hover { color: #fff; background-color: #cc0000; text-decoration: none; }

#content .callout {background-color: #F0F1DB; border: 1px #999999 solid; margin: 20px auto; padding: 10px; width: 700px;}

#optin-box { background-color: #ECECEC; border: 1px solid #777; margin: 30px auto; padding: 10px 10px 5px 10px; width: 330px; }
#optin-box p { margin: 3px 5px 15px 5px; padding: 0; }
#optin-box label { color: #305D6A; display: block; margin:0; font-weight: bold; padding:0; }
#optin-box label em, #optin-box label strong { font-size: 70%; font-weight: bold; }
#optin-box hr { background: url('/base/images/cg.gif') #777 repeat-x top center; width: 90%; height: 1px; color: #777; border: none; margin: 0 auto 20px auto;}
#optin-box p.error-msg { color: #ff3300; font-weight: bold; margin: 5px 0 15px 0; text-align:center; }

#optin-box .text-input { width: 300px }

#optin-box .text-input { background: url('/base/images/bg-text-input.png') #fff no-repeat top left; border: 1px solid #777; color: #555; font-family: verdana, arial, helvetica, sans-serif; font-size: 1.1em; margin: 0 0 5px; padding: 5px; }

#optin-box .text-input:focus { background: url('/base/images/bg-text-input-focus.png') #ffffcc no-repeat top left; border: 1px solid #AF2907; color: #000; }

.btn-submit { background: url('/base/images/bg-nav.png') #1D3840 repeat-x top center; border: 1px solid #1D3840; color: #fff; font-weight: bold; margin: 0 auto 10px auto; padding: 5px 20px; text-align: center; }
.btn-submit:hover { background: url('/base/images/bg-nav-hover.png') #cc0000 repeat-x top center; }
.btn-submit:active { background: url('/base/images/bg-nav-active.png') #cc0000 repeat-x top center; }


/* ----- COMMENTS ----- */
#content #dl-comments { margin: 20px 0 0 0; }
#content dt.comment { background: url('/base/images/bg-comment.png') #F0F1DB no-repeat top right; font-size: 80%; font-weight: bold; margin: 0; padding: 10px; }
#content dt.comment a:link, #content dt.comment a:hover, #content dt.comment a:visited  { background-color: #F0F1DB; color: #333; }
#content dt.comment.author { background: url('/base/images/bg-comment-la.png') #E2E2E2 no-repeat top right; font-size: 80%; font-weight: bold; margin: 0; padding: 10px; }
#content dt.comment.author a:link, #content dt.comment.author a:hover, #content dt.comment.author a:visited  { background-color: #E2E2E2; color: #333; }

#content dd.comment { background-color: #FAFAF1; border: 1px solid #F0F1DB; font-size: 90%; margin: 0px 0 10px 0; padding: 5px 10px; }
#content dd.comment.author { background-color: #F5F5F5; border: 1px solid #E2E2E2; margin: 0px 0 10px 0; padding: 5px 10px; }
#content dd.comment blockquote { background: url('/base/images/bg-quote-cmt.png') #F5F5E7 no-repeat top left; border: 1px solid #ccc; margin: 0 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-responses  { background: url('/base/images/hdr-responses.png') no-repeat; height: 42px; margin: 50px 0 0 0; text-indent: -9999px; width: 590px; }

#content h4#hdr-comments { font-size: 110%; color: #555; margin: 0 auto 10px auto; padding: 0; text-align: center; }

#content h3#hdr-respond  { background: url('/base/images/hdr-respond.png') no-repeat; height: 40px; margin: 50px 0 0 0; text-indent: -9999px; width: 590px; }

#content #fm-comments { background-color: #ECECEC; margin: 20px auto; padding: 20px; width: 440px; }
#content #fm-comments p { margin: 3px 0; padding: 4px 0 4px 5px; }
#content #fm-comments p.error { background: url('/base/images/error.png') #ffffcc no-repeat top right; border: 1px solid #cc3300; }
#content #fm-comments fieldset { border: 0; margin: 0; padding: 0; }
#content #fm-comments label { color: #305D6A; 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('/base/images/bg-text-input.png') #fff no-repeat top left; border: 1px solid #999; color: #777; _color: #000; #color: #000; font-family: verdana, arial, helvetica, sans-serif; font-size: 95%; margin: 0 0 10px; padding: 4px; width: 300px }
#content #fm-comments textarea { background: url('/base/images/bg-text-input.png') #fff no-repeat top left; border: 1px solid #999; color: #999; _color: #000; #color: #000; font-family: verdana, arial, helvetica, sans-serif; font-size: 88%; height: 300px; margin: 0 0 10px; padding: 4px; width: 415px }
#content #fm-comments input.fm-text:focus,#content #fm-comments input.error:focus { background: url('/base/images/bg-text-input-focus.png') #fff no-repeat top left; border: 1px solid #AF2907; color: #000; }
#content #fm-comments textarea:focus { background: url('/base/images/bg-text-input-focus.png') #ffffcc no-repeat top left; border: 1px solid #AF2907; color: #000; }

#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 #author.error, #fm-comments #email.error { background: url('/base/images/bg-input-error.png') #ffffcc no-repeat right top; border: 1px solid #ff3300; font-family: verdana, arial, helvetica, sans-serif; font-size: 95%; margin: 0 0 10px; padding: 4px; width: 300px }
#fm-comments #comment.error { background: url('/base/images/bg-input-error.png') #ffffcc no-repeat right top; border: 1px solid #ff3300; font-family: verdana, arial, helvetica, sans-serif; font-size: 95%; margin: 0 0 10px; padding: 4px; width: 415px }

/* ----- CONTACT FORM ----- */ 
#contactform { background-color: #ECECEC; margin: 20px auto; padding: 20px; width: 440px; }
#contactform fieldset { border: 0; margin: 0; padding: 0; }
#contactform label { color: #305D6A; display: block; margin: 10px 0 0 0; font-weight: bold; padding:0; }
#contactform label em, #contactform label strong { font-size: 70%; font-weight: bold; }
	
#contactform p.error-msg { color: #ff3300; font-weight: bold; margin: 5px 0 15px 0; text-align:center; }
	
#contactform #wpcf_your_name, #contactform #wpcf_email, #contactform #wpcf_website, #contactform #wpcf_subject { width: 300px }
#contactform #wpcf_msg { width: 415px }
#contactform #wpcf_response { width: 100px }

#contactform #wpcf_your_name, #contactform #wpcf_email, #contactform #wpcf_msg, #contactform #wpcf_website, #contactform #wpcf_response, #contactform #wpcf_subject { background: url('/base/images/bg-text-input.png') #fff no-repeat top left; border: 1px solid #777; color: #777; _color: #000; #color: #000; font-family: verdana, arial, helvetica, sans-serif; font-size: 95%; margin: 0 0 10px; padding: 4px; }

#contactform #wpcf_your_name:focus, #contactform #wpcf_email:focus, #contactform #wpcf_msg:focus, #contactform #wpcf_website:focus, #contactform #wpcf_response:focus, #contactform #wpcf_subject:focus { background: url('/base/images/bg-text-input-focus.png') #ffffcc no-repeat top left; border: 1px solid #AF2907; color: #000; }
	
#contactform #wpcf_your_name.contacterror, #contactform #wpcf_email.contacterror, #contactform #wpcf_msg.contacterror, #contactform #wpcf_website.contacterror, #contactform #wpcf_subject.contacterror, #contactform #wpcf_response.contacterror { background: url('/base/images/bg-input-error.png') #ffffcc no-repeat right top; border: 1px solid #ff3300; color: #000; }

#mail-sub-form { background: url('/base/images/bg-mail-sub-form.png') #fff no-repeat top left; margin: 20px auto; padding: 50px 0 0 0; width: 450px; text-align:center; }
#mail-sub-form label { margin: 0; padding:0; }
#mail-sub-form .input-field { width: 350px }
#mail-sub-form .input-field { background: url('/base/images/bg-text-input.png') #fff no-repeat top left; border: 1px solid #777; font-size: 1.2em; margin: 0; padding: 7px; }
#mail-sub-form .input-field:focus { background: url('/base/images/bg-text-input-focus.png') #ffffcc no-repeat top left; border: 1px solid #AF2907; color: #000; }
#mail-sub-form #mail-sub-form-submit { margin: 0 auto 20px auto; padding: 0; }
 
.ddfmwrap { margin: 10px auto; padding: 10px; width: 440px; }
.ddfmwrap form { background-color: #ECECEC; margin: 10px auto; padding: 20px; }
.ddfmwrap p.fieldwrap {	padding: 1px;	margin: 1px;	clear: left;}
form.ddfm {	text-align: left;	padding: 10px;	width: 430px; }
form.ddfm fieldset { border-bottom: 1px solid #ccc; padding: 5px 0 10px 0; margin: 5px 0 10px 0; display: block; }
form.ddfm legend { display: none; }
form.ddfm label {	display: block; float: left; width: 26%; text-align: right;	margin: 0 10px 0 0; clear: left; color: #305D6A; font-weight: bold; font-size: 90%; }
form.ddfm label.fmtextlblwide {	display: block; float: left; text-align: left; margin: 0 10px 0 1px; padding-bottom: 8px; width: 100%;}
form.ddfm select.fmselect {	float: left; 	display: block;	width: 65%; margin-bottom: 15px; padding: 3px; }
form.ddfm .fmcheck { width: 65%; float: left;	display: block; margin-bottom: 15px;}
form.ddfm .fmradio { width: 65%; float: left;	display: block;	margin-bottom: 15px;}
form.ddfm .fmcheck p { padding: 0; margin: 0; }
form.ddfm .fmradio p { padding: 0; margin: 0; }
form.ddfm textarea { background: url('/base/images/bg-text-input.png') #fff no-repeat top left; border: 1px solid #777; float: left; 	position: relative;	width: 65%;	margin-bottom: 15px;	padding: 3px;}
form.ddfm .fmfullblock { padding-left: 0px;	float: left; 	width: 100%;	margin-bottom: 13px; display: block;}
form.ddfm .fmhalfblock { width: 65%;	padding-left: 29%;	margin-bottom: 13px;	float: left; display: block;}
form.ddfm input.fmverify { background: url('/base/images/bg-text-input.png') #fff no-repeat top left; border: 1px solid #777; float: left; width: 22%;	margin-bottom: 15px; 	padding: 3px;	position: relative;	display: block; }
form.ddfm img {	margin: 1px 0 0 10px;     float: left;}
form.ddfm input.fmfile, form.ddfm input.fmtext { background: url('/base/images/bg-text-input.png') #fff no-repeat top left;  border: 1px solid #777; float: left; display: block; width: 65%; margin-bottom: 15px; padding: 3px; }
form.ddfm input.fmdate {	float: left; 	display: block;	width: 35%;	margin-bottom: 15px;  	padding: 3px;}
form.ddfm textarea.fmtextwide {	background: url('/base/images/bg-text-input.png') #fff no-repeat top left; border: 1px solid #777; display: block;	float: left;	width: 93%;	margin-right: 2px;	margin-bottom: 15px; 	padding: 3px;}
form.ddfm input.fmfile:focus, form.ddfm input.fmtext:focus, form.ddfm textarea.fmtextwide:focus, form.ddfm input.fmverify:focus, form.ddfm textarea:focus { background: url('/base/images/bg-text-input-focus.png') #ffffcc no-repeat top left; border: 1px solid #AF2907; }
form.ddfm .credits {	text-align: right;	margin-top: 7px;	width: 97%;}
form.ddfm .submit {	text-align: center;	clear: both;	margin: 0 auto; padding: 10px 0;}
form.ddfm .submit input { background-color: #ccc; border: 1px solid #999; color:#555; font-family: verdana, arial, helvetica, sans-serif; font-size: 90%; font-weight: bold; padding: 10px; text-align: center; }
.ddfmwrap .ddfmerrors { display: none; }
.ddfmwrap .errorlist { background: url('/base/images/bg-error-big.png') #ffffcc no-repeat center left; border: 1px solid #AF2907; color:#cc3300; display: block; margin: 0 auto; padding: 10px 5px 10px 90px; text-align: left; }
.ddfmwrap .recaptcha {	width: 100%;	text-align: right;	clear: both; 	height: 120px;	margin-right: 7px;	padding-bottom: 10px;}
.ddfmwrap .recaptcha-inner {	float: right;	margin-right: 3px;}

/* ----- SIDEBAR ----- */ 
#sidebar { background-color: transparent; float: left; font-size: 88%; padding: 0 10px; position: relative; width: 255px; }
#sidebar a:link, #sidebar a:hover, #sidebar a:visited  { color: #cc0000; }
#sidebar a:hover  { background-color: #cc0000; color: #F0F1DB; }

#sidebar h3#hdr-subscribe  { background: url('/base/images/hdr-subscribe.png') no-repeat; height: 42px; margin: 20px 0 0 0; text-indent: -9999px; width: 250px; }
#sidebar h3#hdr-search  { background: url('/base/images/hdr-search.png') no-repeat; height: 42px; margin: 40px 0 0 0; text-indent: -9999px; width: 250px; }
#sidebar h3#hdr-topics  { background: url('/base/images/hdr-topics.png') no-repeat; height: 42px; margin: 50px 0 0 0; text-indent: -9999px; width: 250px; }
#sidebar h3#hdr-archives  { background: url('/base/images/hdr-archives.png') no-repeat; height: 42px; margin: 50px 0 0 0; text-indent: -9999px; width: 250px; }
#sidebar h3#hdr-popular  { background: url('/base/images/hdr-popular.png') no-repeat; height: 42px; margin: 50px 0 0 0; text-indent: -9999px; width: 250px; }
#sidebar h3#hdr-videos  { background: url('/base/images/hdr-videos.png') no-repeat; height: 42px; margin: 50px 0 0 0; text-indent: -9999px; width: 250px; }

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

#sidebar ul { margin: 15px 0 10px 20px; padding: 0; list-style: none; }
#sidebar li { background: url('/base/images/li-sidebar.png') no-repeat 0 .4em; margin: 10px 0 0 0; padding: 0 0 0 15px; position: relative; }

#sidebar #rss-feed { background: url('/base/images/bg-feed-updates.png') no-repeat; height: 80px; margin: 15px auto 20px auto; padding: 0;  text-align: right; width: 240px; }
#sidebar #rss-feed .feed-button { margin: 38px 38px 0 auto; }

#sidebar #rss-email { background: url('/base/images/bg-email-updates.png') no-repeat; height: 80px; margin: 15px auto 20px auto; padding: 0;  text-align: right; width: 240px; }
#sidebar #rss-email input.input-field { background: url('/base/images/bg-text-input.png') no-repeat top left; border: 1px solid #162B31; color: #000; height: 21px; margin: 44px 0 0 0; #margin: 43px 0; _margin: 43px 0; padding: 7px 3px 0px 3px; vertical-align: top; width: 155px; }
#sidebar #rss-email input.input-field:focus { background: url('/base/images/bg-text-input-focus.png') no-repeat top left; border: 1px solid #AF2907; }
#sidebar #rss-email input.submit-button { margin: 39px 5px 0 0; }

#sidebar #search { background: url('/base/images/bg-search.png') no-repeat; height: 40px; margin: 15px auto 20px auto; padding: 0;  text-align: right; width: 240px; }
#sidebar #search input.input-field { background: url('/base/images/bg-search-input.png') no-repeat top left; border: 1px solid #162B31; color: #000; height: 21px; margin: 5px 0; #margin: 4px 0; _margin: 4px 0; padding: 7px 3px 0px 3px; vertical-align: top; width: 155px; }
#sidebar #search input.input-field:focus { background: url('/base/images/bg-search-input-focus.png') no-repeat top left; border: 1px solid #AF2907; }
#sidebar #search input.submit-button { margin: 1px 5px 0 0; }

#logo { background: url('/base/images/bg-logo.png') transparent no-repeat center center; height: 170px; margin: 10px 0 10px 20px; padding: 0; width: 220px; }
#logo a:hover, #logo-sm a:hover { background-color: transparent;}

#logo-sm { background: url('/base/images/bg-logo-sm.png') transparent no-repeat center center; height: 120px; margin: 10px 0 10px 20px; padding: 0; width: 220px; }

.desc-details {font-size: 1em; padding: 10px 20px; text-align: left;}
.desc-details ul { list-style-type: disc; }


/* ----- FOOTER ----- */  
#footer { background: url('/base/images/bg-footer.png') #1D3840 repeat-x top center; color: #fff; clear: both; font-size: 80%; height:60px; margin: 0; padding: 20px 0 10px 0; }
#footer a:link, #footer a:hover, #footer a:visited  { color: #fff; font-weight: normal; }
#footer a:hover  { background-color: #fff; color: #000033; }
#footer p.links  { background: url('/base/images/bg-footer-links.png') transparent no-repeat center left; margin: 5px auto 20px auto; padding: 10px 0 10px 45px; width: 480px; }