/* Technorati Base Stylesheet */

/* 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, fieldset { 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; }

/* 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/buttons/bubble.png") no-repeat 0 1px; }
a.links:hover, a.authority:hover { border-bottom: 1px dotted #390; background-image: url("../images/buttons/bubble-hover.png"); }
span.nolinks { padding-left: 20px; font-weight: bold; color: #999; background: url("../images/buttons/bubble-inactive.png") no-repeat 0 1px; }

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

a.unfavorite { padding-left: 20px; background: url("../images/buttons/unfave.png") no-repeat 0 1px; }
a.unfavorite:hover { background-image: url("../images/buttons/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 { display: block; position: relative; }
.video-thumbnail img { display: block; }
.video-thumbnail span { display: block; position: absolute; width: 16px; height: 16px; left: 8px; bottom: 8px; text-indent: -1000em; }
.video-thumbnail > span { background: url("../images/icons/video.png") no-repeat 0 0; }

/* Snap Previews */
a.snap_shot { display: block; clear: both; padding-left: 16px; font-size: 0.9166em; font-weight: normal; color: #999; border: none; background: url("../images/partners/snap-icon.png") no-repeat 2px 1px; }


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

html { height: 100%; }
body { height: 100%; }
#container { position: relative; min-width: 950px; }
#banner { float: left; width: 100%; padding: 5px 0; border-top: 1px solid #88c469; border-bottom: 1px solid #006200; }
#header { clear: both; float: left; width: 100%; padding: 5px 0; border-top: 1px solid #41942b; border-bottom: 1px solid #005500; }
#navigation { clear: both; position: relative;  float: left; width: 100%; border-bottom: 1px solid #e4e4e4; z-index: 2; }
#content { position: relative; clear: both; width: 950px; margin: 0 auto; padding: 20px 0; }
#main, #extra { position: relative; margin-bottom: 30px; }
#main { float: left; width: 630px; }
#extra { float: right; width: 300px; }
#footer { position: relative; clear: both; width: 100%; border-top: 1px solid #ddd; }
.tracking { display: none; }
* html #container { height: 1%; }
* html #content { height: 1%; }

/* Global Sections
==============================================================================================  */

#banner { background: #197d00 url("../images/banner.png") repeat-x 0 0; }
    #banner .inner { width: 950px; margin: 0 auto; }
    #banner .doubleclick { float: right; border: 1px solid #ccc; width: 728px; height: 90px; overflow: hidden; }
    #banner .doubleclick a { display: block; border: none; }
    #banner #guide { float: left; width: 182px; height: 70px; padding: 10px; background: url("../images/modules/guide.png") no-repeat left bottom; overflow: hidden; font-size: 0.9166em; }
    #banner #guide h2 { font-size: 1.1em; margin-bottom: 2px; }
    #banner #guide .image-link { float: left; margin: 0 5px 5px 0; padding: 2px; }
    #banner #guide .image-link:hover { padding: 1px; border: 1px solid #ccc; }
    #banner #guide .image-link img { display: block; border: 1px solid #ccc;}
    #banner #guide .sponsor { float: right; }
    
    
#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; width: 147px; border: none; }
    #header h1 img, #header a.logo img { display: block }
    #header a.logo:hover { border: none; }
    #header form { float: right; margin-top: 2px; line-height: 1.5; font-weight: bold; color: #fff; text-shadow: 0 -1px 1px #060; }
    #header ul { float: left; }
    #header li { float: left; margin-left: 20px; }
    #header a { color: #fff; }
    #header a:hover { border-bottom: 1px dotted #fff; }
    #header .profile { position: relative; }
    #header .photo { position: absolute; top: -1px; left: -22px; border: 1px solid #060; border-bottom: 1px solid #00B92C; }
    #header a:hover .photo { border-color: #9c9; }
    #header fieldset { float: left; margin-left: 20px; line-height: 1.5; }
    #header fieldset a { margin-left: 5px;}
    #header input { margin-right: 2px; }
    #header form #search { width: 200px; text-shadow: none; font-size: 0.9166em; outline: none; }
    * html #header fieldset { margin-top: -2px; }
    * html #header input { font-size: 0.9166em; margin-bottom: -1px; }
    * html #header #search { margin-bottom: 0; }
  
#navigation { position: relative; height: 26px; border-bottom: 1px solid #ccc; background: url("../images/navigation-1.png") repeat-x 0 0; font-size: 1.0em; font-weight: bold; text-shadow: #fff 0 1px 0; }
    #navigation .inner { position: relative; width: 950px; height: 26px; margin: 0 auto; }
    #navigation ul { float: left; }
    #navigation li { position: relative; float: left; background-position: left top; background-repeat: no-repeat; padding-left: 14px; margin-left: -1px; }
    #navigation li span, #navigation li a { float: left; background-position: right top; background-repeat: no-repeat; display: block; height: 26px; line-height: 26px; padding-right: 14px; }
    #navigation li a, #navigation li a:visited { position: relative; color: #4261df; z-index: 150; }
    #navigation li.first-child { margin-left: 0; }
    #navigation-channels li {  }
    #navigation-channels li, #navigation-channels li span, #navigation-channels li a { background-image: url("../images/nav-green.png") }
    #navigation-media li, #navigation-media li span, #navigation-media li a { background-image: url("../images/nav-blue.png") }
    #navigation-blogging li, #navigation-blogging li span, #navigation-blogging li a { background-image: url("../images/nav-beige.png") }
    #navigation li.selected, #navigation li.selected span, #navigation li.selected a { background-image: url("../images/nav-selected.png"); }
    #navigation li a:hover { border: none; color: #222; }

    #navigation #navigation-media { margin-left: 25px; }
    #navigation #navigation-blogging { float: right; }

    /* Hovering subnavigation */
    #navigation li:hover .subnavigation, #navigation li.active .subnavigation { display: block; }
    #navigation .subnavigation { display: none; position: absolute; top: 0; left: 0; right: auto; z-index: 100; width: 600px; min-height: 1px; padding-top: 38px; padding-left: 10px; background: url("../images/subnavigation-dropdown.png") no-repeat left bottom; }
    #navigation .subnavigation .inner { width: 600px; height: 32px; line-height: 32px; padding-right: 10px; margin-right: -10px; background: url("../images/subnavigation-dropdown.png") no-repeat right top; }
    #navigation .subnavigation h2 { display: inline; inline; color: #666; text-shadow: 0 0 0 #666; font-weight: bold; line-height: 1.0; }
    #navigation .subnavigation ul { float: none; display: inline; }
    #navigation .subnavigation li { float: none; display: inline; padding: 0; margin-left: 0.75em; background: none; }
    #navigation .subnavigation li a { float: none; display: inline; padding: 0; border: 0; margin: 0; background: none; color: #fff; text-shadow: 0 0 0 #fff; }
    #navigation .subnavigation li a:hover { border-bottom: 1px dotted #fff; color: #fff; }
    #navigation .subnavigation span.indicator { float: none; width: 22px; height: 12px; line-height: 1.0; padding: 0; display: block; position: absolute; top: -10px; left: 1em; z-index: 200; background: url("../images/subnavigation-arrow.png") no-repeat 0 0; text-indent: -1000em; }
    
    #navigation #navigation-technology .subnavigation { left: -160px; }
    #navigation #navigation-technology .subnavigation .indicator { left: 180px; }
    #navigation #navigation-blogging .subnavigation { left: auto; right: 10px; }
    #navigation #navigation-blogging .subnavigation .indicator { left: auto; right: 4em; }
    
#subnavigation { float: left; width: 100%; position: relative; background: url("../images/subnavigation-1.png") repeat-x 0 0; border-bottom: 1px solid #e4e4e4; padding: 6px 0 1px 0; }
    #subnavigation .inner { width: 950px; margin: 0 auto; }
    #subnavigation h2 { display: inline; font-weight: bold; margin-right: 0.5em; color: #999; }
    #subnavigation ul { display: inline; }
    #subnavigation li { display: inline; margin-right: 1em; font-weight: bold; }
    #subnavigation li a { color: #4261df; }
    #subnavigation .selected {  }
    #subnavigation .selected a { color: #222; border-color: #222; }

    
#footer { font-size: 0.9166em; }
    #footer #highlights { clear: both; float: left; width: 100%; padding: 14px 0; border-top: 1px solid #fff; background: #e7f4d7; }
    #footer #highlights .inner { width: 950px; margin: 0 auto; }
    #footer #highlights h2 { margin-bottom: 5px; color: #666; }
    #footer #highlights h2 a { font-weight: normal; color: #666; }
    #footer #highlights h2 a:hover { border-color: #222; color: #222; }
    #footer #highlights h3 { font-size: 1.0909em; margin-bottom: 3px; }
    #footer #highlights li { float: left; width: 133px; padding: 2px 10px; border-left: 1px solid #c3e39b; line-height: 1.4em; overflow: hidden; }
    #footer #highlights li.extended { width: 305px; }
    #footer #highlights li.first-child { width: 306px; border: none; padding-left: 0; }
    #footer #highlights li.photos { width: 305px; }
    #footer #highlights .photos a.image-link { float: left; padding: 2px; }
    #footer #highlights .photos a.image-link:hover { padding: 1px; border: 1px solid #ccc; }
    #footer #highlights .photos a.image-link img { display: block; border: 1px solid #ccc; }
    #footer-links { clear: both; width: 100%; padding: 10px 0; border-top: 1px solid #61C253; border-bottom: 1px solid #004B00; background: #060 url("../images/footer.png") repeat-x 0 0; text-align: center; font-weight: bold; color: #fff; text-shadow: 0 -1px 1px #060; line-height: 18px; }
    #footer-links ul { margin: 0 0; }
    #footer-links li { display: inline; padding: 0 6px 0 10px; }
    #footer-links li.first-child { padding-left: 0; background: none; }
    #footer-links a { color: #fff; border-color: #fff; }

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

.feed { position: absolute; top: 3px; right: 0; }

#extra .sponsor { margin-bottom: 20px; }
#extra .sponsor img { display: block; }

#extra .module { margin-bottom: 20px; }
#extra #chart h2, #extra #contribute h2 { font-weight: bold; }
#extra #chart a { border: none; }
#extra .module em { font-weight: bold; }


/*** 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; }
* html #tabs { margin-bottom: 0; }
    

/*** Ads ***/
.doubleclick.banner { text-align: center; }
.doubleclick.square { height: 250px; }
.doubleclick.skyscraper { height: 600px; }

/*** Search Settings ***/

#settings { clear: both; padding: 2px 10px; border: none; border-bottom: 1px solid #CCC; background: #EEE url("img/bg/related-gray.png") repeat-x 0 0; line-height: 1.75em; }
#settings.top { border-top: 1px solid #CCC;}
#settings h3 { display: inline; font-weight: bold; }
#settings em { font-weight: bold; }
#settings fieldset { padding: 2px 0; border: 0; }
#settings fieldset label { font-weight: bold; }
#settings select { margin-right: 2em; }

/*** Search Results ***/

#results { width: 630px; padding-top: 1px; margin-bottom: 20px; }
#results li { clear: left; padding-left: 34px; margin-top: 20px; word-wrap: break-word; min-height: 1%; }
#results li.first-child { border: none; }
#results.collection li { padding-left: 0;}
    #results li .image-link { float: left; margin: 0 0 0 -34px; padding: 2px; }
    #results li .image-link:hover { padding: 1px; border: 1px solid #CCC; }
    #results li .image-link img { display: block; float: none; border: 1px solid #CCC; margin: 0; }
    #results li .photo { float: left; border: 1px solid #CCC; margin-left: -32px; }
    #results li h2 { font-size: 1.15em; }
    #results li .excerpt { margin: 2px 0; font-weight: normal; }
    #results li .keyword { font-weight: bold; background: #FFC; }
    #results li .url { display: block; margin-bottom: 2px; color: #999; font-weight: normal; font-size: 0.9167em; }
    #results li .url:hover { border: none; color: #222; }
    #results li .meta { font-size: 0.9167em; }
    #results li .meta .links { background-position: 0 0; }
    #results li .vcard .url { display: inline; font-weight: bold; color: #4261DF; font-size: 1em; }
    #results li .vcard .url:hover { border-bottom: 1px dotted #0728ED; color: #0728ED }


/* Video module in search results */
#results #videos { float: left; width: 630px; padding: 0 0 10px 0; margin: 20px 0; background: url("../images/modules/simple-search.png") no-repeat left bottom; }
#results #videos div { position: relative; float: left; width: 586px; padding: 5px 10px 0 34px; background: url("../images/modules/simple-search.png") no-repeat 0 0; }
#results #videos h2 { font-size: 1.0em; font-weight: bold; margin-bottom: 5px; }
#results #videos .more { position: absolute; top: 5px; right: 34px; }
#results #videos li { float: left; clear: none; width: auto; height: auto; padding: 0; margin: 0 10px 0 0; }
#results #videos .video-thumbnail { float: none; display: block; margin: 0; }

/* Inline ads in search results */
#results li.inline { float: left; width: 630px; margin: 0 0 10px 0; padding-left: 0; }
#results li.inline #adsense-text { width: 630px; padding: 5px 0; }
#results li.inline #adsense-text li { padding: 0; clear: none; margin: 0 5px 0 0; }

* html #results li { height: 1%; }

/*** Related Videos ***/

#related-videos { position: relative; margin: 0 auto; }
#related-videos h2 { font-size: 1.0833; font-weight: bold; }
#related-videos h2 .subject { color: #666; }
#related-videos ol { float: left; width: 300px; margin-bottom: 20px; }
#related-videos li { display: inline; float: left; margin: 5px; }
#related-videos li a { display: block; padding: 2px; }
#related-videos li a:hover { padding: 1px; border: 1px solid #ccc; }
#related-videos li a img { display: block; border: 1px solid #ccc; }
* html #related-videos { height: 1%; }

#related-videos .more { position: absolute; top: 0; right: 0; }

/*** Blog Reactions ***/

#reactions { }
    #reactions li { min-height: 1%; padding-left: 32px; margin: 5px 0 20px 0; }
    #reactions h2 { font-size: 1.1666em; }
    #reactions .photo { float: left; display: inline; margin-left: -32px; }
        #reactions a.photo { padding: 2px; }
        #reactions a.photo:hover { border: 1px solid #CCC; padding: 1px; }
        #reactions a.photo img { display: block; border: 1px solid #CCC; }
        #reactions img.photo { border: 1px solid #CCC; }
    #reactions .details { font-weight: bold; color: #666; }
    #reactions p { margin-top: 5px; line-height: 1.4545; }
    * html #reactions li { height: 1%; }

/*** Related Tags ***/

#related-tags { clear: both; padding: 3px 10px; border-bottom: 1px solid #CCC; background: #EEE url("img/bg/related-gray.png") repeat-x 0 0;  line-height: 1.75em; }
    #related-tags h3 { display: inline; font-weight: bold; }
    #related-tags ul { display: inline; }
    #related-tags li { display: inline; padding-left: 3px; }
    * html #related-tags { height: 1%; }

/*** Empty Search Results ***/

#empty { clear: both; padding: 10px 0; }
#empty p { margin: 10px 0; }

/*** Reactions Extras ***/

/*** Featured Post ***/

#featured-post { clear: both; float: right; width: 300px; margin: 20px 0 10px 10px; padding-bottom: 10px; background: url("../images/modules/profile.png") no-repeat left bottom; }
    #featured-post .inner { width: 280px; padding: 10px 10px 0 10px;  background: url("../images/modules/profile.png") no-repeat 0 0; overflow: hidden; }
    #featured-post .channel { font-size: 0.9167em; color: #666; margin-bottom: 10px; }
    #featured-post h2 { font-size: 1.0833em; font-weight: bold; }
    #featured-post .url { display: block; margin-bottom: 5px; font-weight: normal; font-size: 0.9167em; color: #999; }
    #featured-post .url:hover { border: none; color: #222; }
    #featured-post .meta { margin: 0.25em 0; font-size: 0.9167em; color: #666; }
    #featured-post .tags { margin: 0.25em 0; font-size: 0.9167em; color: #666; }
    #featured-post .tags ul, #featured-post .tags ul li { display: inline; padding: 0; margin: 0; }
    #featured-post .image-link { float: left; margin: 0 5px 10px 0; padding: 2px; }
    #featured-post .image-link:hover { padding: 1px; border: 1px solid #ccc; }
    #featured-post .image-link img { float: none; display: block; margin: 0; }

#partner { margin-bottom: 10px; }
    #partner a.image-link { float: left; padding: 2px; margin-right: 10px; }
    #partner a.image-link:hover { float: left; padding: 1px; border: 1px solid #CCC; }
    #partner a.image-link img { display: block; border: 1px solid #CCC; }
    #partner h2 { font-weight: bold; font-size: 1.1666em; margin-bottom: 3px; }

#article { padding-bottom: 10px; margin-bottom: 30px; background: url("../images/modules/blog-summary.png") no-repeat left bottom; }
    #article div { padding: 10px 10px 0 10px; background: url("../images/modules/blog-summary.png") no-repeat left top; }
    #article h2 { margin-bottom: 10px; font-size: 1.1666em; }
    #article .more { display: block; margin-top: 10px; }

/*** 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; background: url("../images/icons/wtf-medium.png") 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; background: url("../images/modules/vote-count.png") 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; background: url("../images/buttons/vote.png") 0 0 no-repeat; text-indent: -1000em; }
        #wtfs .buttons .vote-button:hover { background-position: 0 -13px; }
        #wtfs .buttons .vote-button.loading { background: url("../images/buttons/vote-spin.gif") 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; background: url("../images/buttons/send.png") 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 ***/

#dialog-overlay { position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background: url("img/bg/screen24.png") left top repeat;  }
#dialog-overlay .close { display: block; position: absolute; top: -7px; left: -5px; width: 26px; height: 26px; border: none; background: url("img/icn/close24.png") 0 0 no-repeat; text-indent: -1000em; }

* html #dialog-overlay { background-image: url("img/bg/screen.png"); }
* html #signin-dialog, * html #email-dialog { width: 318px; background-image: url("img/bg/dialog.png"); }
* html #signin-dialog .inner, * html #email-dialog .inner { height: 1%; position: relative; padding: 0 14px 3px 14px; background-image: url("img/bg/dialog.png"); }
* html #signin-dialog .text-field input { width: 135px; }
* html #dialog-overlay .close { background: url("img/icn/close.png") 0 0 no-repeat; top: -23px; left: -11px; }

#signin-dialog { position: relative; width: 330px; padding: 14px 0 0 0; margin: 0 auto; background: url("img/bg/dialog24.png") left top no-repeat; }
    #signin-dialog .inner { float: left; width: 290px; padding: 0 20px 11px 20px; margin: 0 0 -20px 0; background: url("img/bg/dialog24.png") left bottom no-repeat; }
    #signin-dialog h2 { display: inline; margin-right: 0.5em; font-size: 1.25em; font-weight: bold; }
    #signin-dialog p { margin: 5px 0 10px 0; }
    #signin-dialog form div { padding: 4px 10px 4px 130px; }
    #signin-dialog label { float: left; width: 120px; line-height: 2.5; margin-left: -130px; text-align: right; font-weight: bold; }
    #signin-dialog .instructions { color: #555; font-weight: bold; text-indent: 2px; }
    #signin-dialog .instructions label { padding: 0; color: #222; line-height: 1.35; }
    #signin-dialog .text-field { display: block; padding: 1px; border: 1px solid #FFF; margin: 2px 0; }
    #signin-dialog .text-field input { display: block; width: 140px; font: bold 1.0em "Helvetica Neue", Arial, sans-serif; background: #F0FCE2; color: #046800; }
    #signin-dialog .base { padding: 4px 0; border-top: 1px solid #DDD; margin-left: -11px; margin-right: -11px; background: url("img/bg/dialog-base.png") left bottom no-repeat; text-align: center; }
    #signin-dialog .note {color: #666; font-size: .95em;}
#email-dialog { position: relative; width: 330px; padding: 14px 0 0 0; margin: 0 auto; background: url("img/bg/dialog24.png") left top no-repeat; }
    #email-dialog .inner { float: left; width: 290px; padding: 0 20px 11px 20px; margin: 0 0 -20px 0; background: url("img/bg/dialog24.png") left bottom no-repeat; }
    #email-dialog h2 { display: inline; margin-right: 0.5em; font-size: 1.25em; font-weight: bold; }
    #email-dialog p { margin: 5px 0 10px 0; }
    #email-dialog label { float: left; display:block; font-weight: bold; padding-left: 2px;}
    #email-dialog .instructions { color: #555; font-weight: bold; text-indent: 2px; }
    #email-dialog .text-field { display: block; padding: 1px; border: 1px solid #FFF; margin: 2px 0 10px 0; }
    #email-dialog .text-field input { display: block; clear: both; width: 280px; font: bold 1.0em "Helvetica Neue", Arial, sans-serif; background: #F0FCE2; color: #046800; }
    #email-dialog .text-area { display: block; padding: 1px; border: 1px solid #FFF; margin: 2px 0 10px 0; }
    #email-dialog .text-area textarea {display: block; width: 280px; clear: both; font: bold 1.0em "Helvetica Neue", Arial, sans-serif; background: #F0FCE2; color: #046800; }
    #email-dialog .base { padding: 4px 0; border-top: 1px solid #DDD; margin-left: -11px; margin-right: -11px; background: url("img/bg/dialog-base.png") left bottom no-repeat; padding-left: 125px;}
    #email-dialog #comma-instructions {float: right; margin-right: 4px;}
    #email-dialog .loading { }
    #email-dialog div.error_msg_dialog { clear:both; font-weight:bold; }
        #email-dialog div.error_msg_dialog div { padding: 0pt 10px 10px; }
        #email-dialog div.error_msg_dialog ul li { margin-left: 20px; }
            #email-dialog div.error_msg_dialog ul li img { margin-left: -20px; margin-bottom: -3px; }
            #email-dialog div.error_msg_dialog ul li span { padding-left: 3px; }

#notice { width: 300px; padding-bottom: 12px; margin-bottom: 30px; background: url("../images/modules/notice.png") no-repeat left bottom; }
    #notice .inner { padding: 10px 7px 0 42px; background: url("../images/modules/notice.png") no-repeat left top; font: 1.0em/1.5 Georgia, "Times New Roman", serif; }
    #notice h2 { margin-bottom: 0.25em; font-size: 1.3333em; line-height: 1.0; font-weight: bold; }
    #notice p { font-size: 1.1667em; }


/*** Pagination ***/

#pages { clear: both; padding: 2px; margin: 10px 0 50px 10em; text-align: center; }
#pages li { clear: none; display: inline; float: left; padding: 0; margin: 0.1em; margin-bottom: 50px; }
#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 p, .ad p { text-align: center; display: block; padding: 2px 0; background: #EEE; font-size: 0.9167em; }
#ad p a .ad p a { border: none; }

/*** Google AdSense ***/

#adsense-image img { display: block; }
#adsense-text .source { display: block; border: none; margin-bottom: 10px; 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 { }

/* Inline Adsense */
.inline .doubleclick { clear: both; display: block; padding-top: 10px; }
.inline .doubleclick a { border: none; }
.inline #adsense-text { position: relative; float: left; width: 630px; padding: 5px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-top: 10px; }
.inline #adsense-text li { float: left; width: 305px; margin-right: 10px; margin-bottom: 0; }
.inline #adsense-text .source { position: absolute; top: 0; right: 0; clear: both; font-size: 0.75em; float: right; }

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

#content .alert { margin: 0 0 10px 0; padding-bottom: 5px; background: url("../images/modules/warning.png") no-repeat left bottom; }
#content .alert .inner { padding: 5px 10px 0 10px; background: url("../images/modules/warning.png") no-repeat 0 0; }
* html #content .alert, * html #content .alert .inner { height: 1%; }
#content .alert h2 { font-weight: bold; margin-bottom: 5px; }

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

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

#main .error_msg_dialog { padding: 10px 0 0 0; margin-bottom: 1em; background: url(img/bg/bg-error-280.png) top left no-repeat; }
#main .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; }

/*** "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}