/* Reset Styles
==============================================================================================  */

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: #eaeaea; font: 11px/1.4 "Helvetica Neue", Arial, sans-serif; color: #222 }

a { color: #390; text-decoration: none; }
a:hover { border-bottom: 1px dotted #390; }

a.external { padding-left: 12px; background: url("img/external.png") no-repeat 0 1px; color: #0095a1; }
a.external:hover { border-bottom: 1px dotted #0095a1; }
h3 a.external, h4 a.external { padding-left:0; background:none; }


a.externalnoimg { color: #0095a1; }
a.externalnoimg:hover { border-bottom: 1px dotted #0095a1; }

a.authority { padding-left: 17px; background: url("img/authority.png") no-repeat 0 0; }

a.snap_shot { background:transparent url(img/snap-icon.png) no-repeat scroll 2px 1px; border:medium none; clear:both; color:#999; display:block; font-size:0.9166em; font-weight:normal; padding-left:16px;}

.tag { padding-left: 10px; background: url("img/tag.png") no-repeat 0 2px; }

.main-header { color: #339900; }
.main-header span { color: black; }

#header-channels { color: #e8ff8e; font-size: 11px; font-weight: bold; line-height: 21px; text-align: center; background: url(img/header-channels-background.png) repeat-x; }
#header-channels span { color: white; }
#header-channels a { color: #e8ff8e; margin: 0 6px; }
#header-channels a:hover { border-bottom: 1px dotted #e8ff8e; }

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

#nav { position: relative; z-index: 2; }
#content { clear: both; z-index: 1; padding-top: 10px; }
#content-inner { width: 970px; margin: 0 auto; }
#main { float: left; width: 640px; margin-bottom: 10px; overflow: hidden; }
#extra { float: left; width: 320px; margin-left: 10px; margin-bottom: 10px; }
#footer { clear: both; width: 970px; margin: 0 auto; }
.tracking { display: none; }

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

.wide-rounded { background: white url(img/content-rounded-top.png) no-repeat top; padding-top: 10px; }
.wide-rounded-inner { background: white url(img/content-rounded-bottom.png) no-repeat bottom; padding-bottom: 10px; }

#banner-ad { width: 728px; height: 90px; margin: 1px auto; }
#banner-ad a, #banner-ad img { display: block; }
#banner-ad a:hover { border: none; }

#header { border-top: 1px solid #3e9352; border-bottom: 1px solid #006e00; background: url("img/header.png") repeat-x 0 0; }
#header #header-inner { position: relative; width: 970px; height: 40px; padding-top: 21px; margin: 0 auto; }
#header #logo { display: block; width: 192px; height: 35px; background: url("img/technorati.png") no-repeat 0 0; text-indent: -1000em; }
#header #search { position: absolute; top: 21px; left: 240px; width: 384px; height: 25px; padding: 3px 27px 8px 6px; background: url("img/search.png") no-repeat 0 0; }
#header #search .submit { display: block; position: absolute; top: 0; right: 0; }
#header #search a { position: absolute; top: 9px; right: -5em;}
#header .JavascriptEnabled label { display: none; }
    #search #q { padding: 0; margin: 0; border: none; outline: none; font-size: 14px; color: #00a300; font-weight: bold; }
    #header .JavascriptEnabled #q { display: block; width: 95%; height: 20px; background: transparent; color: #6bc044; }
#header #account { position: absolute; top: 27px; right: 0; padding-right: 30px; font-weight: bold; color: #fff; text-shadow: 0 -1px 1px #060;}
#header #account a, #header #search a { text-decoration: none; color: #fff; }
#header #account li { display: inline; margin-left: 10px; }
#header #account a:hover, #header #search a:hover { border-bottom: 1px dotted #fff; }
#header #account .photo { float: left; border: 1px solid black; margin-top: -1px; margin-right: 7px; }
#header #account a:hover .photo { border-color: #9c9; }
#header #account .support { position: absolute; top: 2px; right: 0; width: 13px; height: 13px; border: none; background: url("img/header-info.png") no-repeat 0 0; text-indent: -1000em; }
#header #account .support:hover { border: none; }

#nav { font-size: 1.1em; float: left; width: 100%; background: url("img/nav-tile.png") repeat-x 0 50%; line-height: 26px; font-weight: bold; color: #060; text-shadow: #fff 0 1px 0; }
#nav .dropdown { text-shadow: none; }
#nav a { border-bottom: none;}
#nav-inner { width: 969px; margin: 0 auto; }
#nav li { position: relative; float: left; line-height: 26px; background: url("img/menu-left.png") no-repeat 0 -26px; padding-left: 15px; margin-left: -12px; }
#nav #channels-menu { margin-left: -8px; }
#nav li a { display:block; float: left; color: #060; text-decoration: none; padding-right: 30px; line-height: 26px; background: url("img/menu-right.png") no-repeat right -26px; }
#nav li.no-subitems { background: transparent; }
#nav li.no-subitems a { background: transparent; padding-right: 22px; }
#nav li.featured { background-position: 0 -52px; }
#nav li.hovered { background-position: 0 0; }
#nav li.featured + li.hovered { background-position: 0 -78px; } 
* html #nav li.adjacent-featured  { background-position: 0 -78px; } 
#nav li.featured a { background-position: right -52px; }
#nav li.hovered a { background-position: right 0; }
#nav ul.dropdown { display: none; position: absolute; top: 26px; left: 0; width: 382px; margin: 0; padding: 12px 8px 20px 8px; background: url("img/dropdown-notop.png") no-repeat bottom; }
#nav .complex-menu .dropdown { padding-left: 20px; width: 370px; }
#nav #blogs-menu .dropdown, #nav #favorites-menu .dropdown, #nav #bloggercentral-menu .dropdown, #nav #popular-menu .dropdown { width: 222px; background: url("img/dropdown-thin.png") no-repeat bottom; }
#nav ul.dropdown li { background: none; display: block; line-height: 16px; margin-left:0; padding-left:0; float: none; }
* html #nav ul.dropdown li { border-bottom: 1px solid white; margin-top: -1px;}
* html #nav li li { border-bottom: 1px solid white; margin-top: -1px; position: static; }
* html #nav ul.dropdown { background: white ! important; border: 1px solid #b9c7a6; border-top: none; padding: 12px 0 12px 0;  margin-left: 7px; }
* html #nav .complex-menu .dropdown { padding-left: 12px; }
#nav ul.dropdown li a { background: none; color: #5d5d5d; float: none; line-height: 16px; padding-right: 0; font-weight: normal; }
#nav .complex-menu ul.dropdown .complex-li { display: block; float: left; width: 117px; height: 128px; border-right: 1px dotted #5d5d5d; border-bottom: 1px dotted black; }
#nav .complex-menu ul.dropdown ul { }
#nav .complex-menu ul.dropdown li.first-block { margin-top: 15px; }
#nav .complex-menu ul.dropdown li.second-block { margin-top: 15px; }
#nav .complex-menu ul.dropdown li.third-block { border-right: none; margin-top: 15px; }
#nav .complex-menu ul.dropdown li.fourth-block { border-bottom: none; }
#nav .complex-menu ul.dropdown li.fifth-block { border-bottom: none; }
#nav .complex-menu ul.dropdown li.sixth-block { border-bottom: none; border-right: none; }

#nav #photos-menu a:hover, #nav #videos-menu a:hover { text-decoration: underline; }

* html #support-menu ul.dropdown li ul, * + html #support-menu ul.dropdown li ul { margin-top: -1.1em; }

#nav ul.dropdown ul li a { padding-left: 15px; z-index:2; }
#nav ul.dropdown li ul li a { padding-left: 30px; }
#nav .complex-menu ul.dropdown li ul li a { padding-left: 15px; }
#nav ul.dropdown ul li a:hover { background: #ebebeb; }
#nav ul.dropdown li h3 a { font-weight: bold; line-height: 20px; color: #339700; padding-left: 15px; }
#nav ul.dropdown li h3 a:hover { color: white; background: url(img/header.png) repeat-x 60% 50%; }
#nav .complex-menu h3 a { padding-left: 0; }
#nav ul.dropdown li.dropdown-promo { display: block; margin-top: -11px; margin-left: -12px; float: none; line-height: 31px; }
#nav ul.dropdown li.dropdown-promo a { display: block; width: 330px; margin-left: 1px; line-height: 31px; padding-left: 50px; }
#nav ul li.dropdown-promo a { font-size: .9em; font-weight: bold; }
#nav ul li.dropdown-promo a span { font-size: .9em; font-weight: normal; }

#nav #navigation-promo { position: relative; margin-left: -18px; }
#nav #navigation-promo a { color: black; position: absolute; padding-left: 22px; white-space: nowrap; background: url(img/nav-promo-arrow.png) no-repeat; }
#nav #navigation-promo a:hover { text-decoration: underline; }

#nav #channels-menu ul li.dropdown-promo a { background: url("img/2010-cars-380x31.png") no-repeat; }

#footer { clear: both; width: 970px; margin: 0 auto 10px auto; }
#footer ul { clear: both; margin: 10px 0; padding-top: 10px; text-align: center; }
#footer li { display: inline; margin: 0 5px; }
#footer .promo { clear: both; }
#footer .promo h2 { font-weight: bold; }
#footer .promo h2 a { color: black; font-weight: bold; }
#footer .promo ul { float: left; width: 950px; padding: 0 10px; margin: 0; text-align: left; }
#footer .promo .partner ul { float: none; width: auto; padding: 0; background: transparent; }
#footer .promo li { float: left; width: 230px; margin: 0 10px 0 0; }
#footer .promo .partner li { float: none; display: block; width: auto; line-height: 16px; }
#footer .promo .partner ul { margin-top: 5px; }
#footer .promo .rising-item { width: 170px; padding-left: 60px; }
#footer .promo .rising-item .channel { margin-left: -60px; }
#footer .promo .image-link { margin-left: -60px; }
#footer .promo .partner { margin-right: 0; }
#footer .promo .partner .logo { display: block; margin-top: 10px; }
#footer-links { width: 970px; clear: both; margin: 0 auto; text-align: center; }
#footer-links li { display: inline; margin: 0 5px; padding: 10px 0; }

#footer .promo .promo-item { float: left; width: 210px; padding: 0 10px 10px 10px; overflow: hidden; }
#footer .promo .second-promo { width: 209px; border-left: 1px solid #efefef; }
#footer .promo .promo-item h2 { font-size: 1.1em; margin-bottom: 2px; }
#footer .promo .promo-item .image-link { float: left; margin: 0 5px 5px 0; padding: 2px; }
#footer .promo .promo-item .image-link:hover { padding: 1px; border: 1px solid #ccc; }
#footer .promo .promo-item .image-link img { display: block; border: 1px solid #ccc;}
#footer .promo .promo-item .sponsor { float: right; width: 85px; height: 25px; }
#footer a#photos-anchor:hover { border-bottom: none; }

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

/** Two column layout modules **/
.two-column .module { background-image: url("img/module-640.png"); }
.two-column .module-inner { background-image: url("img/module-640.png"); background-position: -640px bottom; }

/*** Full-page Headers ***/
h1#content-header { padding-top: 5px; background: url("img/module-970.png") no-repeat 0 0; }
h1 span.inner { display: block; padding: 0 10px 5px 10px; background: #fff url("img/module-970.png") no-repeat -970px bottom; font-size: 18px; }

/*** Feed Subscribe Button ***/
#content-header{ position: relative; }
#feed-link{ position: absolute; right: 10px; }
#feed-link.search {margin-top: -5px; } /* Specifically for search page, since it has 10px padding from 'module-inner'*/
#header-adsense { position:absolute; }

a#feed-link:hover { color: #FF7500; border-bottom: 1px dotted #339900; }
a#feed-link, a#feed-link:visited { background: transparent url("img/feed-12x12.png") no-repeat scroll 0 0; border: none; font-size: 10px; color: #666666; font-weight: normal; padding-left: 16px; background-position: 2px 50%; top: 10px; z-index: 1; }

/*** Modules & Submodules ***/
.module { margin-top: 10px; padding-top: 8px; background-repeat: no-repeat; overflow: hidden; }
.padded-module, .green-module-unpadded { color: white; }
.padded-module, .green-module-unpadded a { color: white; }
.padded-module p { margin-bottom: 13px; }
.module-inner { padding: 2px 10px 10px 10px; background-color: #fff; background-repeat: no-repeat; }
.module h1, .module h2, .blog h2, .news h2 { position: relative; padding: 0 10px 5px 10px; border-bottom: 1px solid #eaeaea; margin: -3px -10px 10px -10px; font-size: 16px; font-weight: bold; background: none; }
.padded-module h2 { position: relative; padding: 0; border-bottom: none; margin: 0 0 13px 0; font-size: 14px; font-weight: bold; background: none; }
.module h2 a.more, .blog h2 a.more, .news h2 a.more { position: absolute; top: 5px; right: 10px; font-size: 11px; line-height: 16px; }

.module-footer strong { font-weight: bold; }
.dark-green-module { color: #000; }
.dark-green-module a { color:#390; }
.dark-green-module h2 { font-size:13px; margin-left:3px; margin-bottom:11px;}
.dark-green-module li { padding:3px 10px 5px 9px; margin:0 -6px; background:transparent url("img/dots-horiz.png") repeat-x top left;}
.dark-green-module li a { padding-left:10px; background:transparent url("img/bullet-right-arrow.png") no-repeat 0 4px;}
.dark-green-module .module-footer { margin:0 -6px 0px -8px; padding:9px 20px 2px; font-size:10px; background-color:#E1F1CD;}

#extra #technorati-blog-promo h2 { border-bottom: none; margin-bottom: 0; }
#extra #technorati-blog-promo h2 div { font-size: .9em; }
#extra #technorati-blog-promo h2 span { color: #666; }
#extra #technorati-blog-promo p { color: #666; }



/* IE hacks */


.submodule { margin-top: 10px; padding-top: 5px; background-repeat: no-repeat; background-position: 0 0; }
.submodule-inner { padding: 0 10px 5px 10px; background-repeat: no-repeat; background-position: 0 bottom; }

#extra .module {  background-image: url("img/module-320.png"); }
#extra .module-inner { background-image: url("img/module-320.png"); background-position: -320px bottom; }
#extra .green-module { padding-top: 15px; background-image: url("img/green-module-extra.png"); }
#extra .green-module .module-inner { padding: 2px 17px 17px 17px; background-image: url("img/green-module-extra.png"); }
#extra .black-module { padding-top: 15px; background-image: url("img/black-module-extra.png"); }
#extra .black-module .module-inner { padding: 2px 17px 17px 17px; background-image: url("img/green-module-300.png"); }

#content #extra .green-module-unpadded { padding-top: 5px; background-image: url("img/green-module-300.png"); color: white; font-size: 1.1em; }
#content #extra .green-module-unpadded .module-inner { padding: 0 7px 7px 7px; background-image: url("img/green-module-300.png"); background-position: -300px bottom;}
#content #extra .green-module-unpadded h2 { margin: 0 0 15px 0; padding: 0; border-bottom: none; }
#content #extra .green-module-unpadded p { color: white; margin-bottom: 5px; }

#extra .dark-green-module { padding-top: 15px; background-image: url("img/dark-green-module-extra.png  "); }
#extra .dark-green-module .module-inner { padding: 2px 17px 15px 17px; background-image: url("img/dark-green-module-extra.png"); }
#extra .dark-green-module .module-footer  { background-image:url("img/dark-green-module-footer.png");}
#extra .dark-green-module .module-footer .inner { background-image:url("img/dark-green-module-footer.png"); background-position:-300px bottom;}
#extra .submodule { background-image: url("img/submodule-320.png"); }
#extra .submodule-inner { background-image: url("img/submodule-320.png"); }
#extra #related-tags li { display: inline; }

/*** Posts ***/
.posts .hentry { clear: both; padding-left: 80px; margin-bottom: 10px; }
.posts .hentry .image-link { float: left; margin-left: -80px; }
.posts .hentry .updated { display: block; color: #666; }

/*** General Thumbnails ***/
.image-link { float: left; padding: 2px; margin: -2px 0 0 -2px; }
.image-link:hover { padding: 0; border: 2px solid #390; }
.image-link .thumbnail, .image-link .photo { display: block; border: 1px solid #390; }

/*** Video Thumbnails ***/
.video-link { display: block; position: relative; width: 112px; height: 83px; padding: 2px; margin: 0 auto; }
.video-link:hover { padding: 0; border: 2px solid #390; }
.video-link img { display: block; border: 1px solid #390; }
.video-link span { display: block; position: absolute; left: 3px; bottom: 3px; width: 16px; height: 16px; background: url("img/video-icon.png") no-repeat 0 0; text-indent: -1000em; }
* html .video-link:hover span { left: 1px; bottom: 1px; }
* + html .video-link:hover span { left: 1px; bottom: 1px; }

/*** Pagination ***/
#pages-v2 { clear: both; height:35px; margin: 0 -10px -10px -10px; font-size:11px; }
* + html #pages-v2 ol { width: 100%; }
#pages-v2.pages-sa { background:url("img/paginate_bg_sa.gif"); }
#pages-v2 { background:url("img/paginate_bg_ft_2.gif"); }
#pages-v2 ol { margin:0; padding:0; list-style:none; text-align:center; }
#pages-v2.pages-sa ol { background:url("img/paginate_cap_sa.gif") right top no-repeat; }
#pages-v2 ol { background:url("img/paginate_cap_ft_2.gif") right top no-repeat; }
#pages-v2 li { display:inline; height:35px; line-height:35px; margin:0 2px; }
#pages-v2 a { color:#339700; text-decoration:none; }
#pages-v2 a:hover { border:solid 1px #8dc63f; background:#fff; margin:0; }
#pages-v2 .current { color:#000; font-weight:bold; }
#pages-v2 .current, #pages-v2 a { padding:5px; margin:1px; line-height:23px; text-align:center; }
#pages-v2 .prev { border-right:solid 1px #000; padding-right:7px; margin-right:8px; }
#pages-v2 .next { border-left:solid 1px #000; padding-left:7px; margin-left:8px; }

/*** Old 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 #390; margin: 0; }
#pages a:hover { background: #390; 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; }

/*** Alert Messages ***/
.info-message { clear: both; padding-bottom: 5px; margin-bottom: 20px ; background: url("img/alert-950.png") no-repeat left bottom; }
.info-message .inner { padding: 15px 10px 10px 10px; margin: 0; background: url("img/alert-950.png") no-repeat 0 0; }
.info-message .inner div { display: block; padding-left: 64px; background: url("img/icn-alert.png") no-repeat 10px 0; }
.info-message h3 { font-size: 1.0833em; font-weight: bold; display: inline; }

#main .info-message { clear: both; padding-bottom: 5px; margin: 10px 0; background: url("img/info-630.png") no-repeat left bottom; }
#main .info-message .inner { padding: 5px 10px 0 10px; margin: 0; background: url("img/info-630.png") no-repeat 0 0; }
#main .info-message h3 { padding-left: 18px; background: url("img/info.png") no-repeat 0 1px; font-size: 1.0833em; font-weight: bold; }
#main .info-message p { margin-top: 5px; }

#main .alert-message { clear: both; padding-bottom: 5px; margin: 10px 0; background: url("img/alert-630.png") no-repeat left bottom; }
#main .alert-message .inner { padding: 5px 10px 0 10px; margin: 0; background: url("img/alert-630.png") no-repeat 0 0; }
#main .alert-message h3 { padding-left: 18px; background: url("img/alert.png") no-repeat 0 1px; font-size: 1.0833em; font-weight: bold; }
#main .alert-message p { margin-top: 5px; }

#main .error-message { clear: both; padding-bottom: 8px; margin: 10px 0; background: url("img/error-630.png") no-repeat left bottom; }
#main .error-message .inner { padding: 8px 10px 0 10px; margin: 0; background: url("img/error-630.png") no-repeat 0 0; }
#main .error-message h3 { padding-left: 18px; background: url("img/error.png") no-repeat 0 1px; font-size: 1.0833em; font-weight: bold; }
#main .error-message p { margin-top: 5px; }

/*** Tag Charts ***/
#related li { display: inline; }
#tag-chart .tag { color: #d93213; }
#tag-chart form #compare-tag, #tag-chart form .compare-tag { color: #6286c4; }
#tag-chart form #compare2-tag, #tag-chart form .compare2-tag { color: #f9981d; }
#tag-chart form #compare3-tag, #tag-chart form .compare3-tag { color: #538def; }
#tag-chart form #compare4-tag, #tag-chart form .compare4-tag { color: #111111; }
#tag-chart form .tag, #tag-chart form .compare-tag, #tag-chart form .compare2-tag, #tag-chart form .compare3-tag, #tag-chart form .compare4-tag { padding-left: 10px; background: url("img/tag.png") no-repeat 0 2px; }

.technorati-engage .module-inner { padding-left: 25px; }

/* Inline Adsense */
#results .results-adsense { margin-top: 0; margin-bottom: 5px;}
#results .results-adsense #adsense-text { position: relative; float: left; width: 620px; padding: 5px 0 5px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 20px; }
#results .results-adsense #adsense-text li { float: left; width: 300px; margin-right: 10px; margin-bottom: 0; clear: none; }
#results .results-adsense #adsense-text .source { position: absolute; top: 0; left: 0; clear: both; font-size: 0.75em; float: right; }

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

#header-adsense { position:absolute; top:6px; right: 100px; }

/* Inline Adsense */
.results-adsense .doubleclick { clear: both; display: block; padding-top: 10px; }
.results-adsense .doubleclick a { border: none; }