/* Font sizes: 10px = 0.8333em; 12px = 1.0em; 14px = 1.1666em; 16px = 1.3333em; 18px = 1.5em */

/* Friendly global style resetting */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { padding: 0; margin: 0 }
table { border-collapse: collapse; border-spacing: 0 }
a, img { border: none; outline: none }
address, caption, cite, th { font-style: normal; font-weight: normal }
ol, ul { list-style: none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
em, strong { font-weight: normal; font-style: normal }
abbr { border: none; }
iframe { border: none; overflow: hidden; }

/* Global Styles
==============================================================================================  */

body { background: #FFF; font: 12px/1.25 "Helvetica Neue", Arial, sans-serif; color: #222 }

/* Titles */
h1 { margin-bottom: 10px; font-size: 1.5em; color: #F60; }
h1 a.subject { color: #F60; }
h1 a:hover.subject { border-color: #F60; color: #F60; }

/* Links */
a { font-weight: bold; text-decoration: none }
a:link { color: #4261DF }
a:visited { color: #1A3577 }
a:hover { border-bottom: 1px dotted #0728ED; color:#0728ED }
a:active { border-color: #3BB000; color: #3BB000 }

a.links:link, a.links:visited, a.authority, span.authority { padding-left: 20px; border: none; font-weight: bold; color: #390; background: url("/images/bubble.png") no-repeat 0 1px; }
a.links:hover, a.authority:hover { border-bottom: 1px dotted #390; background-image: url("/images/bubble-hover.png"); }
span.nolinks { padding-left: 20px; font-weight: bold; color: #999; background: url("/images/bubble-inactive.png") no-repeat 0 1px; }

a.favorite { padding-left: 20px; background: url("/images/fave.png") no-repeat 0 1px; }
a.favorite:hover { background-image: url("/images/fave-hover.png"); }

a.unfavorite { padding-left: 20px; background: url("/images/unfave.png") no-repeat 0 1px; }
a.unfavorite:hover { background-image: url("/images/unfave-hover.png"); }

a.feed, a.feed:visited { padding-left: 16px; color: #666; background: url("img/icn/feed-12x12.png") 0 0 no-repeat; font-weight: normal; border:none; font-size:.95em; }
a.feed:hover { color:#FF7500 }

a.opml, a.opml:visited { padding-left: 16px; color: #666; background: url("img/icn/opml-12x12.png") 0 0 no-repeat; font-weight: normal; border:none; font-size:.95em; }
a.opml:hover { color:#FF7500 }

/* Form Styles */
textarea, input[type=text], input.text-field { font: bold 1.0em "Helvetica Neue", Arial, sans-serif; background: #F0FCE2; font-weight: bold; color: #046800; }

/* General Classes */
.hidden { display: none; }
.subject { font-weight: bold; }
#timer { position: absolute; top: 0; right: 0; font-size: 0.95em; color: #999; line-height: 20px; }

/* Video Thumbnails */
.video-thumbnail { position: relative; }
.video-thumbnail span { display: block; position: absolute; width: 16px; height: 16px; left: 8px; bottom: 8px; text-indent: -1000em; }
.video-thumbnail > span {  no-repeat 0 0; }

/* Layout
==============================================================================================  */

html { height: 100%; }
body { height: 100%; }
#container { position: relative; min-width: 950px; min-height: 100%; }
#ticker { float: left; width: 100%; padding: 4px 0; }
#header { clear: both; float: left; width: 100%; padding: 12px 0; border-top: 1px solid #97BF74; border-bottom: 1px solid #225216; }
#navigation { clear: both; float: left; width: 100%; padding: 5px 0; border-bottom: 1px solid #CDD5BF; }
#subnavigation { clear: both; float: left; width: 100%; padding: 5px 0; border-bottom: 1px solid #D6D6D6; }
#content { position: relative; clear: both; width: 950px; margin: 0 auto; padding: 20px 0; }
#main, #extra { margin-bottom: 40px; }
#footer { position: relative; clear: both; width: 100%; padding: 10px 0; border-top: 1px solid #E9E9E9; margin-top: -57px; line-height: 18px; }
#tracking { display: none;  }
* html #container { height: 100%; }
* html #content { height: 1%; padding-bottom: 52px; }

/* Global Sections
==============================================================================================  */
#headerad {height:100px;}
#ticker { background: #000 url("/images/ticker.png") repeat-x 0 0; }
    #ticker .inner { position: relative; width: 950px; height: 1.25em; line-height: 1.25em; margin: 0 auto; overflow: hidden; }
    #ticker .inner > .overlay-left { position: absolute; width: 107px; height: 1.25em; padding: 4px 0; left: 0; top: -4px; z-index: 10; background:  url("/images/ticker-overlay-left.png") repeat-y 0 0; }
    #ticker .inner > .overlay-right { position: absolute; width: 108px; height: 1.25em; padding: 4px 0; right: 0; top: -4px; z-index: 10; background:  url("/images/ticker-overlay-right.png") repeat-y 0 0; }
    #ticker #close-ticker { position: absolute; top: 0; right: 0; z-index: 100; background: url("/images/modules/ticker.png") repeat-x 0 -4px; color: #008000; }
    #ticker #close-ticker:hover { color: #000; background: #0F0; }
    #ticker ul { position: absolute; width: 9000em; top: 0; left: 0; }
    #ticker li { float: left; margin-right: 20px; font: normal 10px "Monaco", "Courier New", monospace; color: #0F0; }
    #ticker a { position: relative; font: normal 10px "Monaco", "Courier New", monospace; color: #0F0; }
    #ticker a:hover { border: none; background: #0F0; color: #000; }
    * html #ticker li, * html #ticker a { font-size: 12px; }
    * html #close-ticker { padding-left: 4px; }

#header { background: #34721E url("/images/header.png") repeat-x 0 0; }
    #header .inner { width: 950px; margin: 0 auto; }
    #header h1, #header a.logo { float: left; border: none; }
    #header h1 img, #header a.logo img { display: block }
    #header form { float: right; width: 510px; padding-left: 70px; line-height: 1.5em; font-weight: bold; color: #FFF; text-shadow: -0 -1px 0 #046800; }
        #header form div { clear: both; }
        #header form ul { float: left; display: inline; text-align: left; }
        #header form li { display: inline; padding-left: 16px; background: url("/images/header-separator.png") no-repeat 6px center; }
        #header form li.first-child { padding: 0; background: none; }
        #header form li a { border: none; margin: 0; color: #75D553; }
        #header form li a.selected { color: #FFF; }
        #header form a { margin-left: 20px; border-color: #FFF; color: #FFF; }
        #header form #search-field label { float: left; margin-left: -70px; }
        #header form #search-field #search { width: 440px; padding: 2px 0 1px 0; text-shadow: none; }
        #header form .controls { width: 440px; text-align: right; }
        * html #header form { width: 520px;}
  
#navigation { position: relative; background: #E1E9D2 url("/images/navigation.png") repeat-x 0 -2px; font-size: 1.1em; line-height: 1.0;}
    #navigation .inner { width: 950px; margin: 0 auto; }
    #navigation ul#sections { float: left }
    #navigation ul#utilities { float: right }
    #navigation li { float: left; padding: 0 10px; border-right: 1px solid #BEC7AF; border-left: 1px solid #FFF; text-shadow: 0 1px 0 #FFF }
    #navigation li.current { position: relative; z-index: 100; font-weight: bold }
    #navigation li.current span { position: absolute; left: 0; bottom: -13px; z-index: 100; display: block; width: 100%; height: 11px; text-indent: -1000em; background: url("/images/navigation-current.png") no-repeat center bottom; }
    #navigation li.current.first-child span { left: -5px;}
    #navigation ul .first-child { padding-left: 0; border-left: none }
    #navigation ul .last-child { border-right: none }
    #navigation li a { padding: 1px 0; border-color: #257f03;  color: #257f03; }
    #navigation .profile { position: relative; }
    #navigation .photo { position: absolute; top: 1px; left: -22px; border: 1px solid #CCC; border-top: 1px solid #97A48F; }
    #navigation a:hover .photo { border-color: #AAA; border-top-color: #787;}
    * html #navigation li.current span { width: 15px; left: 40%; }
    * html #navigation li.current.first-child span { left: 25%; }
  
#subnavigation { clear: both; float: left; width: 100%; padding: 5px 0; border-bottom: 1px solid #D6D6D6; background: #F1F1F1 url("/images/subnavigation.png") repeat-x 0 0; }
  #subnavigation .inner { width: 950px; margin: 0 auto; }
  #subnavigation ul { float: left; }
  #subnavigation li { float: left; padding: 0 6px 0 10px; background: url("/images/subnavigation-separator.png") no-repeat left center }
  #subnavigation li.current { padding: 1px 6px; font-weight: bold; }
  #subnavigation li.first-child { padding-left: 0 }
  #subnavigation a { display: block; padding: 1px 0; }
  #subnavigation a:hover { padding-bottom: 0; }

#footer { width: 100%; background: url("/images/footer.png") repeat-x 0 0; text-align: center; font-size: 0.9166em; font-weight: bold; }
  #footer ul { margin: 0 0; }
  #footer li { display: inline; padding: 0 6px 0 10px; background: url("/images/footer-separator.png") no-repeat left center; }
  #footer li.first-child { padding-left: 0; background: none; }

/* Common Modules
==============================================================================================  */

/*** Tabs ***/
#tabs { float: left; width: 630px; border-bottom: 1px solid #CCC; }
    #tabs li { float: left; padding-left: 10px; margin-right: 3px; background: url("img/corners/tab.png") no-repeat left top; }
    #tabs li.first-child { margin: 0; }
    #tabs li a { display: block; padding: 3px 10px 3px 0; border: none; outline: none; background: url("img/corners/tab.png") no-repeat right top; color: #666; }
    #tabs li a:hover { color: #333; }
    #tabs li.active { position: relative; margin-bottom: -1px; background-position: 0 -40px; }
    #tabs li.active span { display: block; padding: 3px 10px 4px 0; background: url("img/corners/tab.png") no-repeat right -40px; font-weight: bold; color: #333; }

/*** Ads ***/
.doubleclick.banner { padding: 5px; height: 90px; background: #DDD; text-align: center; }
.doubleclick.square { height: 250px; }
.doubleclick.skyscraper { height: 600px; }

/*** Search Settings ***/
#settings { margin-bottom: 20px; padding-bottom: 10px; line-height: 1.5; background: url("img/bg/wtf-panel.png") no-repeat left bottom; }
#settings .inner { padding: 10px 10px 0 10px; background: url("img/bg/wtf-panel.png") no-repeat left top; }
#settings h2 { font-size: 1.2em; font-weight: bold; }
#settings dl { margin: 10px 0; padding-left: 9em; line-height: 2.0em; }
#settings dl dt { float: left; width: 8em; margin-left: -9em; text-align: right; font-weight: bold; }
#settings dl dd { margin-bottom: 3px; }
#settings .submit { padding-left: 9em; }

/*** WTFs ***/

#wtfs { margin-bottom: 10px; padding-bottom: 10px; }
    #wtfs .hatom {  }
        #wtfs .hentry { padding-left: 70px; clear: both; padding-top: 10px; border-top: 1px solid #E6E6E6; margin: 10px 0; }
        #wtfs .hentry:first-child { padding-top: 0; border-top: none; margin-top: 20px; }
        #wtfs .topic { padding-left: 17px; margin-left: -17px; no-repeat 0 0; font-size: 1.1667em; line-height: 17px; }
        #wtfs .topic-info { margin-bottom: 2px; }
        #wtfs .author .nickname { color: #390; }
        #wtfs .entry-title { margin-bottom: 2px; font-size: 1.3333em; }
        #wtfs .image-link { display: inline; float: left; padding: 2px; margin-top: -2px; margin-left: -40px; }
        #wtfs .image-link:hover { padding: 1px; border: 1px solid #CCC; }
        #wtfs .image-link img { float: none; display: block; border: 1px solid #CCC; margin: 0; }
        #wtfs .photo { display: inline; float: left; margin-left: -40px; } /* non-wrapped img */
        #wtfs .entry-content p { margin-top: 5px; }
    #wtfs .buttons { position:relative; display: inline; float: left; margin-left: -70px;}
        #wtfs .buttons .vote-count { width: 40px; height: 34px; margin-bottom: 5px;  0 0 no-repeat; line-height: 1.0; font-weight: bold; text-align: center; color: #FFF; text-shadow: #DB341A 0px 0px 2px; }
        #wtfs .buttons .vote-count .count { display: block; padding-top: 1px; font-size: 18px; }
        #wtfs .buttons .vote-button { display: block; width: 40px; height: 13px; line-height: 13px; border: none; margin-bottom: 5px;  0 0 no-repeat; text-indent: -1000em; }
        #wtfs .buttons .vote-button:hover { background-position: 0 -13px; }
        #wtfs .buttons .vote-button.loading {  no-repeat 0 0; }
        #wtfs .buttons .vote-button.voted { background-position: 0 -26px; }
        #wtfs .buttons .send-button { display: block; width: 40px; height: 13px; line-height: 13px; border: none; no-repeat 0 0; text-indent: -1000em; }
        #wtfs .buttons .send-button:hover { background-position: 0 -13px; }
    #wtfs .hentry.show-author { padding-left: 100px; }
        #wtfs .show-author .buttons { margin-left: -100px; }
    #wtfs .more { clear: both; }

/*** Signin/Join Dialog ***/



/*** Pagination ***/

#pages { clear: both; padding: 2px; margin: 10px 0 10px 10em; text-align: center; }
#pages li { float: left; margin: 0.1em; }
#pages a { float: left; padding: 0 0.5em; height: 1.5em; line-height: 1.5; border: 1px solid #CCC; margin: 0; }
#pages a:hover { background: #4261DF; color: #FFF; }
#pages .prev a, #pages .next a { width: 3em; border: 0; margin: 0 0.5em; }
#pages li.current { width: 1.5em; height: 1.5em; line-height: 1.5; border: 1px solid #FFF; font-weight: bold; }

/*** Display Ads ***/

#ad { text-align: center; margin-bottom: 20px; }
#ad p { display: block; padding: 2px 0; background: #EEE; font-size: 0.9167em; }
#ad a { border: none; }

/*** Google AdSense ***/

#adsense-image img { display: block; }
#adsense-text .source { border: none; font-size: 0.9em; font-weight: normal; text-decoration: underline;   color: #999; }
#adsense-text li { margin-bottom: 10px; }
#adsense-text a { border: none; }
#adsense-text span { display: block; }
#adsense-text a .title { text-decoration: underline; }
#adsense-text a .text { color: #222; font-weight: normal; }
#adsense-text a .link { }

/*** Alert Messages ***/
.info_msg { margin:2em 0 1em 0; position:relative; background: url(img/bg/fade-lightyellow.png) repeat-x; padding: 1em; }
.info_msg_wide { padding: 10px 0 0 0; margin-bottom: 1em; background: url(img/bg/bg-info-wide.png) top left no-repeat;  }
.info_msg_wide div { height: 10px; margin: 0; background: url(img/bg/bg-info-wide.png) bottom left no-repeat; }
.info_msg_narrow { padding: 10px 0 0 0; margin-bottom: 1em; background: url(img/bg/bg-info-narrow.png) top left no-repeat; }
.info_msg_narrow div { height: 10px; margin: 0; background: url(img/bg/bg-info-narrow.png) bottom left no-repeat; }

.alert_msg { margin:3em 0 1em 0; position:relative;  background: url(img/bg/fade-lightgreen.png) repeat-x; padding: 1em; }
.alert_msg_wide { padding: 10px 0 0 0; margin-bottom: 1em; margin-top: 3em; background: url(img/bg/bg-alert-wide.png) top left no-repeat; }
.alert_msg_wide div.inner { height: 10px; margin: 0; background: url(img/bg/bg-alert-wide.png) bottom left no-repeat; }
.alert_msg_narrow { padding: 10px 0 0 0; margin-bottom: 1em; background: url(img/bg/bg-alert-narrow.png) top left no-repeat; }
.alert_msg_narrow div { height: 10px;margin: 0; background: url(img/bg/bg-alert-narrow.png) bottom left no-repeat; }

.error_msg { padding-top: 10px; margin-bottom: 1em; background: url(img/bg/bg-error.png) top no-repeat; }
.error_msg div { padding: 10px; padding-top: 0; background: url(img/bg/bg-error.png) bottom no-repeat; font-weight: bold; }
.error_msg { padding-top: 10px; margin-bottom: 1em; background: url(img/bg/bg-error.png) top no-repeat; }
.error_msg div { padding: 10px; padding-top: 0; background: url(img/bg/bg-error.png) bottom no-repeat; font-weight: bold; }
.error_msg_narrow { padding-top: 10px; margin-bottom: 1em; background: url(img/bg/bg-error-narrow.png) top no-repeat; }
.error_msg_narrow div { padding: 10px; padding-top: 0; background: url(img/bg/bg-error-narrow.png) bottom no-repeat; font-weight: bold; }

.error_msg_dialog { padding: 10px 0 0 0; margin-bottom: 1em; background: url(img/bg/bg-error-280.png) top left no-repeat; }
.error_msg_dialog div { margin: 0; background: url(img/bg/bg-error-280.png) bottom left no-repeat; }

/*** Soft Landing Modules for Media Partners ***/

#soft-landing-head { padding-bottom: 10px; background: url("img/bg/soft-landing-head.png") left bottom no-repeat; }
#soft-landing-head .inner { padding: 10px 10px 0 10px; width: 500px; background: url("img/bg/soft-landing-head.png") left top no-repeat; }
#soft-landing-base { padding-bottom: 10px; margin-bottom: 20px; background: url("img/bg/soft-landing-base.png") left bottom no-repeat; }
#soft-landing-base .inner { padding: 10px 10px 0 10px; width: 500px; background: url("img/bg/soft-landing-base.png") left top no-repeat; }
#soft-landing-head .logo { float: left; border: 1px solid #CCC; margin-right: 10px; margin-bottom: 10px; }
#soft-landing-head .logo img { display: block; }
#soft-landing-head h3 { font-size: 1.2em; font-weight: bold; margin-bottom: 4px; }
#soft-landing-base h3 { font-size: 1.35em; margin-bottom: 10px; }
#soft-landing-base a.more { display: block; margin-top: 10px; border: none; }
* html #soft-landing-head, * html #soft-landing-head .inner, * html #soft-landing-base, * html #soft-landing-head .inner { height: 1%; }

/*  DEPRECATED -- This is to be phased out
==============================================================================================  */

.heatmap {font-size: 0.97em; text-transform: lowercase; }
.heatmap li {display: inline;}
.heatmap em {font-style: normal; font-size: 1.03em;}

.failure-module { padding: 10px; }

#sb-right { float: right; }

/*** Sidebar Modules ***/
.sb-module {width:220px;margin-bottom:20px;}
    .sb-module h3 {font-size:1.25em;color:#fff;padding:.2em .2em .2em .4em;border-bottom:1px solid #999}
    .sb-module h3.over a, .sb-module h3.over a:visited {border-bottom:1px dotted}
    .sb-module h3 a, .sb-module h3 a:visited {color:#fff;border:none}
    .sb-module h3 a:hover {color:#fff;border:none;border-bottom:1px dotted #fff}
    .sb-module h3 a:hover span {text-decoration:none}
    .sb-module h3 span {display:block;font-size:.8em}
    .sb-module .hdr {position:relative;padding-bottom:5px;background:url(img/bg/sb-hdr-bottom.png) repeat bottom left;}
    .sb-module .contents {padding-top: 10px}
    .sb-module a.more {color:#390;border:none}
    .sb-module p.more {margin-top:1em}

    /* Colors */
    .sb-orng h3 {background:#FC5424 url(img/bg/sb-fade-orange.png) repeat-x !IMPORTANT;border-color:#B93E1A !IMPORTANT}
    .sb-blue h3 {background:#142879 url(img/bg/sb-fade-blue.png) repeat-x !IMPORTANT;border-color:#142879 !IMPORTANT}
    .sb-grn h3 {background:#1e6f00 url(img/bg/sb-fade-green.png) repeat-x !IMPORTANT}
    .sb-ylw h3 {background:#F5AB1C url(img/bg/sb-fade-yellow.png) repeat-x !IMPORTANT;border-color:#B17E16 !IMPORTANT}
    .sb-pink h3 {background:#bb1a59 url(img/bg/sb-fade-pink.png) repeat-x !IMPORTANT}
    
/******* Rounded Corners with <b> *******/

.box {position:relative;}
b.cn { position: absolute; height: 1px; width: 1px; margin: 0; padding: 0; background-color:#FFF; line-height: 1px; font-size: 1px; } 
b.tl {top: 0px; left: 0px;}
b.tr {top: 0px; right: 0px;}
b.bl {bottom: 0px; left: 0px;}
b.br {bottom: 0px; right: 0px; }
* html .box { height: 1%; }
/* Large radius image backgrounds */
.boxc {position:relative;}
.boxc b.cn { height: 10px; width: 10px; background: url(img/corners/white.png) no-repeat;} 
.boxc b.tl {top: -1px; left: -1px; background-position: top left;}
.boxc b.tr {top: -1px; right: -1px; background-position: top right;}
.boxc b.bl {bottom: -1px; left: -1px; background-position: bottom left;}
.boxc b.br {bottom: -1px; right: -1px; background-position: bottom right;}

/*** "Sorter" Tabbed Navigation ***/
#sorter {margin: 20px 0 1em; padding-bottom: 0.3em; border-bottom: 1px solid #ccc; line-height: 1.0; clear: left;}
#sorter h3 {padding:0 10px}
#sorter h3, #sorter ul {display: inline;}
#sorter .nav {white-space: nowrap;}
#sorter .nav li {display: inline; list-style: none;}
#sorter .nav span {font-weight: bold;}
#sorter .nav a {padding: 4px 10px 0.3em 0; text-decoration: none;border:none}
#sorter .nav span {padding: 4px 1px 0.3em 10px;}
#sorter li.activetab {background: #CCC url(img/corners/sort-tab-active-r.png) top right no-repeat; padding: 5px 10px 4px 0;}
#sorter li.activetab span {color: #222; text-decoration: none; background: url(img/corners/sort-tab-active-l.png) top left no-repeat;padding: 4px 1px 4px 10px;}
#sorter a {background: #CCC url(img/corners/sort-tab-r.png) top right no-repeat;}
#sorter a span {text-decoration: none; color:#666; background: url(img/corners/sort-tab-l.png) top left no-repeat;}
#sorter a:hover span {color:#222}
    /* IE Filters for Tabbed Nav */
    * html #sorter .nav {height: 1em;}
    * html #sorter .nav a {padding-top: 0; padding-bottom: 0;}
    * html #sorter .nav li {margin-right:4px}
    * html #sorter .nav span {padding: 4px 1px 0.3em 10px;}
    * html #sorter li.activetab {padding: 0px 10px 0 0;}

/*** "Mbr Smry" == Member Summary ***/
/* Member Summary and Member Favorites Summary */
.mbr-smry {background: url(img/bg/mbr-smry.png) repeat-x;float:left;width:710px;margin-bottom:20px}
    .mbr-smry img {width:62px;height:62px;border:1px solid #ccc;float:left;margin:10px 0 10px 10px}
    .mbr-smry .member-info {padding:10px;width:500px;padding-right:10px;float:left;}
    .mbr-smry dl {margin:.5em 0;font-size:.95em;}
    .mbr-smry dd {width:200px;}
    .mbr-smry h3 {font-size:1.25em}
    .mbr-smry p {float:left;clear:both;margin-top:1em}
    * html .mbr-smry p {margin:0}
    .mbr-smry-srch {background: url(img/bg/mbr-fv-smry-top.png) repeat-x;}
        .mbr-smry-srch b.bottom {clear:both;background: url(img/bg/mbr-fv-smry-btm.png);background-position:bottom;background-repeat:no-repeat;height:10px;display:block;}
        .mbr-smry-srch .member-info {padding:10px 10px 0 10px;width:400px}
        .mbr-smry-srch .search {float:right;width:150px;padding:10px 10px 0 0}
        .mbr-smry-srch .search input {width:140px;margin-bottom:.25em}
        .mbr-smry-srch .search label {font-weight:bold;display:block;margin-bottom:.25em}


/******* Post Details *******/

#detailsBox {border:4px solid #ccc;position:absolute;top:0;left:35px;z-index:20000;background-color:white;display:none;width:600px}
#main .postDetail {width:530px;border:1px solid #D9E7B5;margin-bottom:1em}
#main .postDetail a.close {display:none}
.postDetail {width:100%;}
    .postDetail .contents {margin:20px;}
    .postDetail blockquote {;margin-bottom:1em;line-height:1.75em;height:15em;overflow:auto;padding-right:1em;}
    .postDetail .post-tags {line-height:1.5em !IMPORTANT;border:1px solid #ccc;position:relative;padding:10px 5px 5px 5px;margin:2em 0 0 -5px;}
    .postDetail .post-tags li {display:inline;}
    .postDetail .post-tags a {font-weight:normal;}
    .postDetail .goto {margin-bottom:1em;}
    .postDetail h6 {position:absolute;padding:0 4px;background-color:#fff;top:-10px;}
    .postDetail a.close {position:absolute;right:1em;top:1em}
    .postDetail .hdr {padding:5px;background:#fff url(/static/css/img/bg/postinfo-hdr-fade-green.png) bottom left repeat-x;border-bottom:1px solid #BCD49F; border-top:1px solid #fff;}
        .postDetail .hdr h5 {font-size:1.2em;margin-bottom:.15em;}
        .postDetail .hdr span {font-size:.95em;}
        .postDetail .bar {font-size:.95em;padding:2px 4px 2px 5px;background:#fff url(/static/css/img/bg/postinfo-fade-gray.png) bottom left repeat-x;border-bottom:1px solid #C5C5C5;}
        .postDetail .bar a {font-weight:bold !IMPORTANT;color:#323232 !IMPORTANT;margin-right:1em;border-bottom:none}
        .postDetail .bar a.faves { background: url(../img/icn/fave.png) 0 1px no-repeat; padding-left: 18px; border:none}
        .postDetail .bar a.fave-on {background: url(../img/icn/fave-on.png)}
        .postDetail .bar a.faves:hover { background: url(../img/icn/fave-over.png) 0 1px no-repeat;}
        #detailsBox .links { background-position: 0 0; }
    
/*** WTF One-box ***/
#wtf-one-box { padding-bottom: 10px; margin-bottom: 2em; background: url("img/bg/bg-wtf-narrow.png") no-repeat left bottom; }
#wtf-one-box div { padding: 10px 10px 0 10px; background: url("img/bg/bg-wtf-narrow.png") left top no-repeat; }
#wtf-one-box h3 { background: url("img/icn/icon-wtf-big.png") 0 3px no-repeat; padding-left: 40px; font: 2.7em Georgia, serif;  font-weight: bold; }
#wtf-one-box p { clear: both; margin-top: 5px; padding-left: 40px; }
#wtf-one-box a { display:block; border: none; }
#wtf-one-box h3 a, #wtf-one-box h3 a:visited { color: #F60; }

/*** "Quickbox" - Popular module on the home page ***/
.quickbox {width:400px;}
.quickbox a.feed { padding-left: 0; background: none; position:absolute;top:3px;right:4px; }
.quickbox .hdr {float:left;position:relative;width:100%;}
.quickbox h3 {background:#FC5424 url(img/bg/sb-fade-orange.png);color:#fff;border-bottom:1px solid #B93E1A;font-size:1.25em;padding:4px 10px 3px 11px;}
    .quickbox h3 a, .quickbox h3 a:visited {color:#fff;border-color:#fff}
    .quickbox h3 span {color:#F9E2B9;}
.quickbox .hr {border-top:1px solid #E7E7E7;float:left; width:100%;display:block;height:4px; font-size:1px;background:#D6D6D6 url("img/corners/quickbox-tab-bg.png") repeat-x bottom; }
.quickbox .tabs {border-top:1px solid #E7E7E7;float:left; width:100%; background:#D6D6D6 url("img/corners/quickbox-tab-bg.png") repeat-x bottom; font-size:.95em; line-height:normal; }
    .quickbox .tabs ul { margin:0; padding:3px 10px 0; list-style:none; }
    .quickbox .tabs li { float:left; background:url("img/corners/quickbox-tab-left-both.png") no-repeat left top; margin:0 1px 0 0; padding:0 0 0 5px; border-bottom:1px solid #CFCFCF; }
    .quickbox .tabs a { float:left; display:block; width:.1em; background:url("img/corners/quickbox-tab-right-both.png") no-repeat right top; padding:2px 7px 2px 0px; text-decoration:none; font-weight:bold; color:#666; border:none; white-space:nowrap; }
    .quickbox .tabs > ul a {width:auto;}
    .quickbox .tabs a:hover { color:#222; }
    .quickbox .tabs .selected { background-position:0 -150px; border-width:0; }
    .quickbox .tabs .selected a { background-position:100% -150px; padding-bottom:3px; color:#222; }
    .quickbox .tabs li:hover, .tabs li:hover a { background-position:0% -150px; color:#222; }
    .quickbox .tabs li:hover a { background-position:100% -150px; }
.quickbox .ftr {background: url(img/corners/quickbox-right.png) bottom right no-repeat;float:left;width:100%;}
    .quickbox .ftr .c {background: url(img/corners/quickbox-left.png) bottom left no-repeat; padding:10px; }
    .quickbox .ftr h4 {font-size:1.25em;margin-bottom:.25em}
    .quickbox .ftr li {padding:0;margin:0}
    .quickbox .ftr img.photo {height:48px;width:48px;float:left;position:static;margin-right:6px} 
    * html .quickbox .photo h4 {margin-top:-.85em}

.quickbox .multi, .quickbox .multi .c {background:none}
.quickbox .multi li {border-bottom:1px solid #F9E2B9;margin-bottom:.75em;padding-bottom:.75em}
.quickbox .multi li.last {border:none;padding-bottom:0;margin-bottom:0}

.quickbox .otr {float:left;margin-top:1em;width:100%;}
.quickbox .otr li {padding: .65em 0 0 15px;margin-bottom:.65em;border-top:1px solid #F9E2B9;}
.quickbox .otr li.first {border:none;padding-top:0;}
.quickbox .otr em {color:#FF6600;position:absolute;left:0;font-weight:bold;font-size:1.2em;margin-top:-.1em;}
* html .quickbox .otr em {left:-1em;}

.quickbox .more {background: url(img/corners/quickbox-more-right.png) bottom right no-repeat;float:left;width:100%;border-top:1px solid #f2f2f2;margin-top:.5em;clear:both}
.quickbox .more .c {background: url(img/corners/quickbox-more-left.png) bottom left no-repeat; padding:6px 10px 5px 10px; }

/* Video tab of pop quickbox on front page */
#qb_pop .contents {    clear: both; padding-top: 1em; }
#qb_pop .contents p { } 
#qb_pop .contents ol { clear: both; padding: 0; margin: 0; }
#qb_pop .contents li { float: left; width: 165px; padding: 0 0 0 60px; margin-top: 16px; }
#qb_pop .contents li.odd { clear: left; margin-right: 20px; }
#qb_pop .contents .more { clear: both; margin-top: 10px; }
#qb_pop .contents li img { float: left; margin-left: -60px; }
#qb_pop .contents li .links { font-size: 0.95em; background-position: 0 0; }
#qb_pop #news li { width: 225px; padding: 0; }
#qb_pop #buzz { padding: 20px; }
#qb_pop #buzz a.image { float: left; margin-right: 10px; border: none; }
#qb_pop #buzz h4 { padding: 0; border: none; margin-bottom: 10px; font-size: 1.35em; }
#qb_pop #buzz p { margin: 10px 0; }
#qb_pop #buzz h5 { display: inline; font-weight: bold; }
#qb_pop #buzz ul, #qb_pop #buzz li { float: none; display: inline; width: auto; padding: 0; margin: 0; }
#qb_pop #buzz .more { margin-top: 30px; }

/* Resize for the logged-in pages */
#happenings #qb_pop { margin-top: 20px; }
#happenings #qb_pop .contents { padding-top: 0; }
#happenings #qb_pop .contents li { width: 134px; }
#happenings #qb_pop .contents li.odd { margin-right: 10px; }
#happenings #qb_pop #news li { width: 194px; padding: 0; }

/* Blog Info Summary */
.bloginfo-summary {background: url(img/bg/fade-lightgreen.png) repeat-x;float:left;margin-bottom:20px;padding:10px;width:690px}
    .bloginfo-summary h2 {font-size:1.15em;padding-bottom:2px}
    .bloginfo-summary .search {width:190px;float:right;margin:0;}
        .bloginfo-summary .search input {width:125px;}
        * html .bloginfo-summary .search input {width:115px}
        .bloginfo-summary .search input.label, .mbr-smry .search input.label {color:#666}
        .bloginfo-summary .search .btn {width:auto}
    .bloginfo-summary li {padding-bottom:2px}
    .bloginfo-summary li.cosmos a.links {background: url(img/icn/talkbubble.png) 0 0px no-repeat; padding-left:18px;font-weight:bold;font-size:1em}
    .bloginfo-summary li.cosmos a.links:hover {background-image:url(img/icn/cosmos-over.png)}
    .bloginfo-summary li.updated, .bloginfo-summary li.favorited {padding-left:18px}
    .bloginfo-summary label {font-weight:bold;display:block;margin-bottom:.25em;display:none}

#module {
	clear: both;
	float: left;
	width: 400px;
	
	margin-bottom: 20px;
	margin-left: 20px;
}
#module .subheader { position: relative; padding-bottom: 5px; background: url("/images/header2.png") left bottom no-repeat;height:30px;}
#module .subheader .inner { padding: 9px 10px 0 10px; background: url("/images/header2.png") left top no-repeat;height:  }
#module .subheader h2 { padding-left: 0; margin: 0; font-weight: bold; font-size: 14px;}


#module2 {
	clear: both;
	float: right;
	width: 400px;
	margin-right:75px;
	display:none
	
	}
#module2 .subheader { position: relative; padding-bottom: 5px; background: url("/images/header3.png") left bottom no-repeat;height:30px;}
#module2 .subheader .inner { padding: 9px 10px 0 10px; background: url("/images/header3.png") left top no-repeat;height:  }
#module2 .subheader h2 { padding-left: 0; margin: 0; font-weight: bold; font-size: 14px;}