html { margin:0; padding:0; border:0; }
body, div, span, object, iframe, h1, h2, h4, h5, h6, p, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header,
hgroup, nav, section { margin: 0; padding: 0; border: none; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; float:none !important; }
table, th, td { vertical-align: middle; } :focus { outline: 0; }

body { line-height: 1.5; background-image: url('/img/brillant.png'); margin: 0; padding: 0; min-width: 950px; font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; }
#wrap { width: 994px; margin: 16px auto 42px; padding-bottom: 24px; box-shadow: 3px 3px 19px rgba(0, 0, 0, 0.4); overflow: hidden; background-color: #fff; border-radius: 6px; font-size: 1.0em; border-top: none; border: 1px solid #999; border-bottom: 1px solid #777; }
#leftcol { float: left; width: 654px; margin: 0; padding: 0 0 0 8px; }
#rightcol { float: right; width: 310px; margin: 0 6px 10px 12px; padding: 0; }

#titlebar { height: 30px; margin-bottom: 36px; box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.4); background: #B4D9AD; border-bottom: 2px solid #8BB983; }
#titlebar #logo { padding: 0px 0 0 10px; width: 270px; height: 60px; }
#titlebar span { display: block; margin: 0; padding: 2px 0 0 6px; border: 0; color: #FFF; }
#titlebar a { color: #FFF; text-decoration: none; }

#topblock { margin: 22px auto 6px; padding-bottom: 6px; text-align: center; }
#nfmsg { display: none; position: relative; border: 1px solid #CCC; background: #eee; padding: 4px; margin: 6px 12px 6px 0; font-size: 14px; }
#nfmsg span { position: absolute; right: 6px; top: 4px; }
#nfmsg strong { font-size: larger; }
#nfmsg b > a { color: #000; text-decoration: none; }
#nfmsg strong.green { color: green; }

#grid-head { position: relative; margin: 0 0 8px 0; padding: 5px 12px 4px; background-color: #eee; border-top: 1px solid #fff; border-bottom: 1px solid #ddd; border-top-left-radius: 6px; border-top-right-radius: 6px; }
#grid-head h1, #grid-head h2 { color: #888; font-size: 1.2em; font-weight: bold; text-shadow: 0px 1px 1px #fff; }
.ftl:hover { padding-right: 18px; background: url('/img/ext-link.gif') no-repeat 100% 50%; }
#grid-head a { text-decoration: none; color: #777; }
#grid-head a:hover { color: #555; border-bottom: 1px solid #ccc; }
#grid-head h1 img { padding-right: 4px; vertical-align: bottom; max-width: 26px; max-height: 26px; }
#grid-head img.rss-gh { margin: 0 6px 4px 6px; }
#grid-head #ghr { position: absolute; top: 6px; right: 22px; }
#grid-head #ghi { position: absolute; top: 6px; right: 66px; }
#grid-head #ght { position: absolute; top: 6px; right: 106px; }
#grid-head #ghf { position: absolute; top: 6px; right: 156px; }
#grid-head #ghhcpb { position: absolute; top: 6px; right: 460px; }
#grid-head #ghhcpb-a { position: absolute; top: 6px; right: 10px; }
#grid-head #ghhcpb img, #grid-head #ghhcpb-a img { margin: 0 10px; }
#grid-head #searchbox-gh { position: absolute; top: 8px; right: 240px; width: 140px; height: 20px; padding: 0 0 0 8px; background-color: #f8f8f8; border-radius: 9px; border: 1px solid #ccc; }
#grid-head #searchbox-gh:focus { background-color: #fff; border: 1px solid #9cf; }
#grid-head #search-gh { position: absolute; top: 6px; right: 214px; }

#grid { margin: 0 0 20px 0; padding: 0; }
#grid h2 { margin: 0 0 5px 0; padding: 0 24px 0 0; font-size: 1.1em; }
#grid h2 a { display: inline-block; font-weight: bold; color: #000; text-shadow: 0px 1px 1px #fff; text-decoration: none; border-bottom: 1px solid transparent; }
#grid h2 a:hover, .trending-featured a:hover { color: #089e00; border-bottom: 1px solid #8BB983 !important; }
#grid h2 a.go { padding-right: 20px; background: url('/img/ext-link.gif') no-repeat 100% 40%; }
#grid ul { margin: 0; padding: 6px 0 0 0; clear: both; list-style: none; }
#grid li { display: block; position: relative; margin-bottom: 20px; padding: 4px 0 0 4px; border: 1px solid #fafafa; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; overflow: hidden; }
#grid li:hover { border: 1px solid #eee; box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4); cursor: pointer; }
#grid li.shdw { box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4); }
#grid li.disexp:hover { cursor: default; }

/* Topic styles */
#grid li.climate { background: transparent url('/img/light-green-gradient.png') repeat-x top; }
#grid li.design { background: transparent url('/img/black-gradient.png') repeat-x top; }
#grid li.ecology { background: transparent url('/img/green-gradient.png') repeat-x top; }
#grid li.food { background: transparent url('/img/purple-gradient.png') repeat-x top; }
#grid li.politics { background: transparent url('/img/red-gradient.png') repeat-x top; }
#grid li.tech { background: transparent url('/img/blue-gradient.png') repeat-x top; }
#grid li.transport { background: transparent url('/img/grey-gradient.png') repeat-x top; }

/* Preview Images */
.pi { float: right; margin-right: 3px; text-align: center; }
.pi img { margin: 12px 12px 12px 12px; max-width: 140px; max-height: 120px; border-radius: 6px; }

#grid .ac { overflow: hidden; }
#grid .ac .hcp { display: none; }

.arrow { position: absolute; right: 0; top: 4px; margin: 2px 4px 0 0; display: none; }
#grid li:hover .arrow, #sitefeed li:hover .arrow { display: inline; }
.loadsp { position: absolute; right: 24px; top: 4px; color: #333; font-size: 11px; }

/* Site Date Author, detail line */
#grid div.a-dets { font-size: .7em; color: #999; margin-top: 4px; }
#grid div.a-dets a { color: #888; text-decoration: none; }
#grid div.a-dets a.site { color: #389428; font-weight: bold; }
#grid div.a-dets a.site img { float: left; padding-right: 4px; }
#grid div.a-dets a:hover.site { color: #000; }

.siteicon-index { width: 16px; height: 16px; }
.sitedate { margin-left: 4px; padding-left: 13px; background: url('/img/clock.gif') no-repeat left 30%; }
.siteauthor { margin-left: 4px; padding-left: 13px; background: url('/img/author.gif') no-repeat left 30%; }
.sitecomment { margin-left: 6px; padding-left: 15px; background: url('/img/comment.gif') no-repeat left 30%; }
#article-share-buttons { height: 22px; margin: 8px 0 16px 10px; }

#subcatBanner { list-style: none; float: right; }
.catbar { margin-bottom: 16px; padding: 2px 8px; background: #fafafa; border: 1px solid #ccc; border-radius: 6px; overflow: hidden; border-bottom: 1px solid #B1B3B6; box-shadow: #E1E1E1 0px 1px; 
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e2e2e2 50%, #dadada 51%, #fefefe 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#e2e2e2), color-stop(51%,#dadada), color-stop(100%,#fefefe));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e2e2e2 50%,#dadada 51%,#fefefe 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#e2e2e2 50%,#dadada 51%,#fefefe 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#e2e2e2 50%,#dadada 51%,#fefefe 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e2e2e2 50%,#dadada 51%,#fefefe 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fefefe',GradientType=0 );
}
.catbar h2 { float: left; padding-top: 1px; padding-right: 12px; color: #000; font-weight: bold; font-size: 0.9em; text-shadow: 0 1px 0px #fff; }
#subcatBanner li { display: inline; padding: 0 4px; border-left: 2px solid #e0e0e0; }
#subcatBanner li:first-child { border: none; }
#subcatBanner li a { padding: 2px 4px; color: #666; text-decoration: none; font-weight: bold; font-size: 0.8em; text-shadow: 0 1px 0px #fff; border: 1px solid transparent; border-radius: 3px; }
#subcatBanner li a:hover { background-color: #eee; border: 1px solid #ccc; }
#subcatBanner li.active a.climate { color: #659b5a; }
#subcatBanner li.active a.design { color: #7e7e7e; }
#subcatBanner li.active a.ecology { color: #61aa52; }
#subcatBanner li.active a.food { color: #c82fc8; }
#subcatBanner li.active a.politics { color: #ff5f5f; }
#subcatBanner li.active a.tech { color: #4ea1ff; }
#subcatBanner li.active a.transport { color: #4f4f4f; }
#subcatBanner li.active a { background-color: #eee; border: 1px solid #ddd; }

table#about-rankings { margin: 0 0 0 40px; padding: 8px; border: 1px solid #eee; border-radius: 6px; }
#about-rankings th { font-weight: bold; border-bottom: 1px solid #eee; }
#about-rankings th.gems { padding-right: 14px; }
#about-rankings td { padding-right: 30px; border-bottom: 1px dotted #f8f8f8; }
#about-rankings td.gem { padding-left: 8px; }
#about-rankings td.desc { font-style: italic; font-size: .8em; }
#about-rankings td.lv2 { color: #393; }
#about-rankings td.lv3 { color: #c00; }

#grid div.a-desc  { margin: 6px 0; padding: 0 14px 0 10px; font-size: 0.8em; overflow: auto;  }
#grid div.a-desc a { color: #000; }

#grid .a-prm { margin-top: 4px; clear: both; font-size: 1.0em; }
#grid .a-prm a.rm { color: #389428; font-weight: bold; text-decoration: underline; }
#grid .a-prm a.rm:hover { background-color: #DCEFFD; }

#featured { margin: 6px auto 0px; padding: 0 0 6px 0; width: 660px; height: 150px; overflow: hidden; }  
#featured-list ul { margin: 0; padding: 0; list-style: none; width: 660px; height: 150px; overflow: hidden; }
#featured-list li { width: 212px; height: 154px; }
#featured-list li:active { position: relative; top: 1px; }
#featured-list img { max-width: 200px; max-height: 150px; border-radius: 6px; }
#featured-list a { text-shadow: 0 2px 2px #000; text-decoration: none; font-size: .7em; font-weight: bold; }
#featured-list a:hover { border-bottom: 1px solid #fff; }

.f-img { position: relative; width: 100%; margin-right: 6px; text-align: center; }
.f-img h2 { position: absolute; top: 98px; left: 0; width: 100%; }
.f-img h2 span { padding: 4px 3px 4px 5px; width: 192px; height: 44px; display: inline-block; color: #fff; text-align: left; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
background: -moz-linear-gradient(top,  rgba(102,102,102,0) 0%, rgba(100,100,100,0.7) 3%, rgba(94,94,94,0.7) 13%, rgba(78,78,78,0.7) 25%, rgba(49,49,49,0.7) 44%, rgba(21,21,21,0.7) 72%, rgba(1,1,1,0.7) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,102,102,0)), color-stop(3%,rgba(100,100,100,0.7)), color-stop(13%,rgba(94,94,94,0.7)), color-stop(25%,rgba(78,78,78,0.7)), color-stop(44%,rgba(49,49,49,0.7)), color-stop(72%,rgba(21,21,21,0.7)), color-stop(100%,rgba(1,1,1,0.7)));
background: -webkit-linear-gradient(top,  rgba(102,102,102,0) 0%,rgba(100,100,100,0.7) 3%,rgba(94,94,94,0.7) 13%,rgba(78,78,78,0.7) 25%,rgba(49,49,49,0.7) 44%,rgba(21,21,21,0.7) 72%,rgba(1,1,1,0.7) 100%);
background: -o-linear-gradient(top,  rgba(102,102,102,0) 0%,rgba(100,100,100,0.7) 3%,rgba(94,94,94,0.7) 13%,rgba(78,78,78,0.7) 25%,rgba(49,49,49,0.7) 44%,rgba(21,21,21,0.7) 72%,rgba(1,1,1,0.7) 100%);
background: -ms-linear-gradient(top,  rgba(102,102,102,0) 0%,rgba(100,100,100,0.7) 3%,rgba(94,94,94,0.7) 13%,rgba(78,78,78,0.7) 25%,rgba(49,49,49,0.7) 44%,rgba(21,21,21,0.7) 72%,rgba(1,1,1,0.7) 100%);
background: linear-gradient(to bottom,  rgba(102,102,102,0) 0%,rgba(100,100,100,0.7) 3%,rgba(94,94,94,0.7) 13%,rgba(78,78,78,0.7) 25%,rgba(49,49,49,0.7) 44%,rgba(21,21,21,0.7) 72%,rgba(1,1,1,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00666666', endColorstr='#80010101',GradientType=0 );
}
.f-img:hover span { color: #e4f1ff; }
.f-img h2 span.med { font-size: 1.1em; }
.f-img h2 span.big { font-size: 1.2em; }
.f-img img.sic { position: absolute; top: 132px; right: 9px; width: 16px; height: 16px; }

.bx-next { position: absolute; top: 5px; right: -20px; text-indent: -99999px; background: url('/img/featured-nav-next.png') 0px -140px; width: 18px; height: 140px; }
.bx-prev { display: none; }
.bx-next:hover, .bx-prev:hover { background-position: 0 0; }
.bx-next:active, .bx-prev:active { top: 6px; }

div.article-promo-header { margin: 40px 0 16px; border-bottom: 1px dotted #eee; text-align: center; }
div.article-promo-footer { border-top: 1px dotted #eee; text-align: right; }
.article-promo-header a { color: #c5c5c5; font-size: 1.0em; text-shadow: 0 1px 1px rgba(0,0,0, 0.4); text-decoration: none; font-weight: bold;  }
.article-promo-header a:hover { color: #dcdcf0; }
div.article-promo-row { width: 600px; border: 0px solid #eaeaea; margin: 5px auto 10px; padding: 5px 0; text-align: center; clear: both; overflow: auto; }
div.article-promo-item  { margin: 0 auto; padding: 0 16px; width: 212px; height: 180px; display: inline-block; vertical-align: middle; border: 0px solid blue;  }
.article-promo-item img { max-width: 200px; max-height: 150px; border-radius: 6px; }
.article-promo-item a { text-shadow: 0 2px 2px #000; text-decoration: none; font-size: .7em; font-weight: bold; }
.article-promo-item a:hover { border-bottom: 1px solid #fff; }

/* get-single */
.item-wrap { width: 648px; margin: 3px 0 0 -8px; padding: 6px 2px 4px 7px; font-size: .8em; cursor: default; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #f4f4f4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#f4f4f4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#f4f4f4 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#f4f4f4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0); /* IE6-9 */
}
.item-wrap a { color: #000; font-weight: bold; }
.item-wrap a:hover { background-color: #C0E1FF; }
.item-wrap p { margin: 12px 0; }

.item-read, .article-read { text-align: right; margin: 24px 0 0 0; padding: 0 0 4px 2px; clear: both; }
.more-lbl { float: left; text-align: left; padding: 8px 0 0 10px; font-size: .7em; color: #777; }
.item-shares { margin: 0 0 0 6px; padding: 0; clear: both; }
.item-close:hover, .gs-item-close:hover { background: #EEE; color: #333; }
.gs-item-close { font-weight: bold; color: #000; }
.item-close { margin: 0 6px 0 2px; }
.item-close a { color: #fff; }
.tweetshare, .fbshare, .gshare { float: left; padding-right: 14px; }
.tweetshare { width: 78px; }
.fbshare { width: 120px; }
.homeshare { text-align: left; }

#disqus-container { padding: 10px 12px; }
#disqus-container a { color: #000; }
#disqus-container a:hover { color: #16C; }

#rightcol #welcome { margin: 6px 0 6px 0; z-index: 10; }
#rightcol #welcome span.updated-lbl { color: #bbb; font-weight: normal; font-size: .8em; display: block; padding-top: 8px; text-align: center; text-shadow: 0 1px 1px #fff; }
#rightcol #welcome p a { text-decoration: none; }
#rightcol #welcome #shareblock { display: block; text-align: center; }
#rightcolstyle { font-size: 1em; border: 0px solid #CCC; width: 100%; padding: 0; }
#rightcolstyle p { padding-left: 4px; }
#rightcolstyle ul { list-style: none; margin: 0; padding: 4px 4px 4px 6px; }
#rightcolstyle ul li a { color: #003; font-weight: bold; text-decoration: none; text-shadow: 0px 1px 1px #fff; }
#rightcolstyle ul li a:hover { color: #389428; text-shadow: none; } 

table.trending-now { margin: 4px 0 10px; width: 100%; }
table.trn-one { margin-top: -8px; border-top: 1px dotted #eaebed; }
table.trending-now tr:last-child td { border: none; }
table.trending-now td {  } 

.trn-icon { padding-right: 10px; }
.trn-row { margin: 0; padding: 4px 0; width: 100%; border-bottom: 1px dotted #eaebed; }
.trn-row a { display: block; width: 100%; height: 100%; color: #003; font-size: 0.9em; font-weight: bold; text-decoration: none; text-shadow: 0px 1px 1px #fff; border-bottom: 1px solid transparent; }
.trn-row a:hover { color: #389428; text-shadow: none; } 
.trn-pts { padding-left: 10px; text-align: right; font-weight: bold; }

.tr1 { font-size: 1.2em !important; }
.tr2 { font-size: 1.1em !important; }
.tr3 { font-size: 1.0em !important; }
.tr4 { font-size: 0.9em !important; padding: 4px 0; }
.tr5 { font-size: 0.8em !important; padding: 6px 0 4px; }

.trending-featured { margin: 0 0 12px 12px; }
.trending-featured h3 { margin: 26px 0 12px -8px; padding: 0; color: #777; border-bottom: 1px solid #eee; }
.trending-featured h3:first-child { margin-top: 4px; }
.trending-featured ul { padding-left: 12px; }
.trending-featured a { color: #000; text-decoration: none; font-weight: bold; }

.points { margin-left: 6px; padding-left: 15px; white-space: nowrap; text-shadow: 0px 1px 1px #fff; }
.points-trn { display: block; height: 26px; margin: 0; padding: 0 !important; white-space: nowrap; text-shadow: 0px 1px 1px #fff; background-position: right bottom !important; }

.points-std { background: url('/img/gem-icon.gif') no-repeat left 30%; color: #666 !important; }
.points-lv1 { background: url('/img/gem-icon-diamond.gif') no-repeat left 30%; color: #000 !important; }
.points-lv2 { background: url('/img/gem-icon-emerald.gif') no-repeat left 30%; color: #393 !important;}
.points-lv3 { background: url('/img/gem-icon-ruby.gif') no-repeat left 30%; color: #C00 !important; }
.points-lv4 { background: url('/img/gem-icon-ruby-2.gif') no-repeat left 30%; padding-left: 25px; font-weight: bold; color: #C00 !important; }
.points-lv5 { background: url('/img/gem-icon-ruby-3.gif') no-repeat left 30%; padding-left: 38px; font-weight: bold; color: #C00 !important; }
.fire { text-shadow: 0px 1px 1px #fff, 0 0 5px #fefcc9, 3px -4px 10px #feec85, -2px -2px 10px #ffae34, 4px -10px 16px #ec760c, -4px -12px 15px #cd4606, 0 -20px 20px #973716, 4px -10px 15px #451b0e; }

#suggest { margin: 0 12px 0 0; padding: 0; text-align: right; }
#suggest a { padding-left: 13px; font-style: italic; font-size: 10px; color: #333; background: url('/img/suggest-btn.gif') no-repeat left bottom; }
#suggest a:hover { color: #000; }

#podcontent { font-size: smaller; }
#podcontent a { color: #000; font-weight: bold; }
#podcontent a:hover { color: #666; }
#podcontent img { float: left; padding-right: 8px; padding-top: 3px; }

#network { text-align: center; font-size: 1.1em; }
#network ul { margin-bottom: 10px; text-align: left; }
#network ul li { margin-top: 5px; line-height: 1.2; }
#network ul li a { padding-left: 20px; }
#network ul li.eco { height: 16px; background: url('/img/fh-network-icons.png') no-repeat 0 0; background-position: 0px 0px; }
#network ul li.eco:hover { background-position: 0px -16px; }
#network ul li.eco a:hover { color: #8BB983; }
#network ul li.gb { height: 16px; background: url('/img/fh-network-icons.png') no-repeat 0 0; background-position: 0px -33px; }
#network ul li.gb:hover { background-position: 0px -50px; }
#network ul li.gb a:hover { color: #ff1ace; }
#network ul li.mh { height: 16px; background: url('/img/fh-network-icons.png') no-repeat 0 0; background-position: 0px -67px; }
#network ul li.mh:hover { background-position: 0px -84px; }
#network ul li.mh a:hover { color: #808080; }
#network ul li.mb { height: 16px; background: url('/img/fh-network-icons.png') no-repeat 0 0; background-position: 0px -101px; }
#network ul li.mb:hover { background-position: 0px -118px; }
#network ul li.mb a:hover { color: #15c; }
#network ul li.tnt { height: 16px; background: url('/img/fh-network-icons.png') no-repeat 0 0; background-position: 0px -135px; }
#network ul li.tnt:hover { background-position: 0px -152px; }
#network ul li.tnt a:hover { color: #276733; }
#network ul li.pm { height: 16px; background: url('/img/fh-network-icons.png') no-repeat 0 0; background-position: 0px -170px; }
#network ul li.pm:hover { background-position: 0px -187px; }
#network ul li.pm a:hover { color: #990000; }

/* Site Page */
#bigsitelist ul { margin: 20px 10px; }
#bigsitelist li { margin: 0; padding: 4px 10px; border: none; }
#bigsitelist li:hover { background: none; border: none; box-shadow: 0px 0px 0px #fff; }
#bigsitelist a { color: #000; font-weight: bold; text-decoration: none; }
#bigsitelist a:hover { color: #04389C; }

#site-title { margin: 10px 0 16px 0; }
#site-title img { padding-right: 6px; vertical-align: middle; }
#site-title h2 { margin: 12px 0 0 0; padding: 0; font-size: 2.0em; font-weight: bold; }
#site-title a { color: #000; text-decoration: none; }
#site-title-ad { margin: 2px 0 12px 0; text-align: center; }

#siteheadlines { font-size: 1.0em; }
#siteheadlines .sitedesc, #siteheadlines .sitedate, #siteheadlines .siteauthor { font-size: 0.8em; }
#sitefeed ul { margin: 0; padding: 6px 0 0 0; border-top: 0px solid #ccc; clear: both; list-style: none; }
#sitefeed li { position: relative; display: block; margin-bottom: 12px; border: 1px solid #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
#sitefeed li:hover { background-color: #fafafa; border: 1px solid #eee; }

#sitefeed h3 { margin: 0 0 0 6px; padding: 10px 0 0 0; font-size: 1.2em; border-bottom: 2px dotted #f5f5f5; font-weight: bold; }
#sitefeed h3 a { color: #000; text-decoration: none; }
#sitefeed h3 a:hover { color: #000033; background-color: #EEE; }
#sitefeed h3 a.go { padding-right: 20px; background: url('/img/ext-link.gif') no-repeat 100% 40%; }

.sitedetails { font-size: .8em; color: #666; font-size: 1em; }
.sitename { padding-left: 12px; margin-left: 4px; background: url('/img/docicon.gif') no-repeat left center; font-weight: normal; }
.sitename a { color: #666; font-weight: normal; }			

.sitedesc { padding: 4px 25px 10px 10px; font-size: 1.2em; overflow: auto; clear: both; }
.sitedesc > img:first-child { display: block; margin: 0 auto; }
.sitedesc img { padding: 6px 12px; }
.sitedesc blockquote { border-left: 4px solid #e2e2e2; padding-left: 12px; font-style: italic; text-shadow: 0 1px 1px #fff; }

.site-summary { margin: 14px 0; }

.sitefulldesc { display: none; margin: 10px; }
.sitefulldesc a { font-size: 14px; color: #000; font-weight: bold; }
.sitefulldesc p { margin: 12px 6px; }
.sitefulldesc img { padding: 4px; }

.site-close { position: absolute; right: 0; top: 8px; margin: 2px 4px 0 0; }

#aboutpage h2 { margin: 10px 6px 4px; padding: 0; font-size: 1.8em; font-weight: bold; border-bottom: 1px dotted #eee; }
#aboutpage p { margin: 20px 16px; }
#aboutpage form { margin: 14px 16px; }
#aboutpage legend { padding: 0 6px; }
#aboutpage fieldset { border-radius: 9px; }

img { border: 0; }
#rssbox { margin: 10px auto 0px; font-size: 1.2em; }
#rssbox ul { margin: auto; }
#rssbox img { vertical-align: text-top; padding-right: 4px; }
.adsense { margin: 20px auto; text-align: center; }
.first-ad { margin-top: -14px; }
label { font-size: 12px; font-weight: bold; }
.spacerdiv { padding: 8px 0; }
.error { border: 1px solid; background: #FCC; border-color: #C00; color: #633; margin: 0.5em; padding: 0.5em; width: 70%; }
.success { border: 1px solid; margin: 0.5em; padding: 0.5em; width: 70%; background: #CFC; border-color: #696; color: #363; }
fieldset.contactfrm { border: #CCC solid 1px; margin: 0 80px 0 20px; }
.menu-lbl { margin-left: 4px; font-style: italic; color: #8f8f8f; border-bottom: 1px solid #bbb; text-align: left !important; text-shadow: 0px 1px 1px #fff; } 
.menu-lbl a { color: #8f8f8f; text-decoration: none; font-size: 1.1em; border-bottom: 1px solid #04389C; }
.menu-lbl a:hover { color: #66686e; }
a.fh { color: #000; font-size: 1.4em; text-decoration: none; border-bottom: 1px solid #CCC; font-weight: bold; font-style: italic; text-shadow: 0px 1px 1px #fff; }
a:hover.fh { border-bottom: 1px solid #15C; }
.ctr { text-align: center; }
.smlr { font-size: .7em !important; }
.smlr2 { font-size: .8em !important; }
#disquss-widget { font-size: .8em; }

#inline-rect-ad { margin: 0 0 0 42px; }
li#inline-rect-ad { border: none; }
li:hover#inline-rect-ad { border: none; box-shadow: none; }

.promo-box { width: 100%; margin-top: 10px; padding: 4px 0; background-color: #fff; font-size: 1.0em; border: 1px dotted #d9dee6; border-radius: 6px; border-bottom: 1px solid #d8dadc; box-shadow: #E1E1E1 0px 1px; }
.promo-box td.ctr { text-align: center; padding-bottom: 6px; }
.icon-shadow { padding-top: 6px; background: transparent; -webkit-box-shadow: 0 8px 6px -6px #000; -moz-box-shadow: 0 8px 6px -6px #000; box-shadow: 0 8px 6px -6px #000; }

#footer { clear: both; margin-top: 60px; padding:  0 15px 60px 15px; border-top: 2px solid #8BB983; background: #fff url('/img/blades-o-grass.jpg') repeat-x 0 100%; font-size: .9em; }
#footer a { font-weight: bold; color: #000; text-decoration: none; border-bottom: 1px solid #AAD7FF; }
#footer a:hover { background: #C0E1FF; }
#footer p { padding:10px; margin:0; font-weight: bold; }
#footer span { color: #BBB; }

/* Sidebar col_buckets */
.col_bucket { margin: 0 auto 24px; padding: 0; border: 1px solid #bbb; border-bottom: 1px solid #B1B3B6; box-shadow: #E1E1E1 0px 1px; border-radius: 6px; font-size: .8em; }
.contenth { padding: 8px; background-color: #fdfdfd; border-radius: 6px; }

.headh { margin: 1px 0 0 0; padding: 0; background: #DDD; text-align: center; border-bottom: 1px solid #c0c0c0; border-radius: 6px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.headh h3, .headh a { margin: 0; padding: 2px 0 2px; font-size: 1em; color: #999; text-decoration: none; text-shadow: 0 1px 1px #fff; }
.headh a:hover { color: #555; }

/* Paging buttons */
#paging { margin-top: 32px; text-align: center; }
span.pnum { display: inline-block; padding: 0 32px; color: #ccc; }
.pbtn {
  position: relative;
  color: #ffffff;
  font-size: 1.3em;
  padding: 8px 24px;
  text-decoration: none;
  border-radius: 11px;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  text-shadow: 1px 1px 3px #666666;
  border: solid #ffffff 3px;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#d6d6d6), to(#757575));
  background: -moz-linear-gradient(top, #d6d6d6, #757575);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#d6d6d6, endColorStr=#757575);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#d6d6d6, endColorStr=#757575);
  display:inline-block; /* IE is so silly */
}

.pbtn:hover {
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc157), to(#fa5800));
  background: -moz-linear-gradient(top, #ffc157, #fa5800)
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d6d6d6, endColorstr=#757575);
}

a.pbtn:active { top: 1px; }

/* nice buttons */
.nicebutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff, 0 1px 0 0 #c2c2c2;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color: #7c7d82;
	font-size: 15px;
	font-weight:bold;
	margin: 0 8px 0 0;
	padding: 5px 18px 5px 14px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	text-align: center;
}
.nicebutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
	color: #1c79cb;
}
.nicebutton:active { position: relative; top: 1px; }
.nicebutton img { float: left; padding: 4px 8px 0 0; }

a.getappbtn {
    background: #7CD54B; /* Old browsers */
    background: -moz-linear-gradient(top, #7CD54B 0%, #589534 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7CD54B), color-stop(100%,#589534)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7CD54B 0%,#589534 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7CD54B 0%,#589534 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #7CD54B 0%,#589534 100%); /* IE10+ */
    background: linear-gradient(top, #7CD54B 0%,#589534 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7CD54B', endColorstr='#589534',GradientType=0 ); /* IE6-9 */
    border: 1px solid #5C9C36;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset;
    color: #FFC;
    display: inline-block;
    font: bold 14px/1.1em sans-serif;
    outline: none;
    padding: 8px 16px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 0 #438320;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
    zoom: 1;
}
a.getappbtn:hover {
    background: #6BB640; /* Old browsers */
    background: -moz-linear-gradient(top, #7CD54B 0%, #589534 75%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7CD54B), color-stop(75%,#589534)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7CD54B 0%,#589534 75%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7CD54B 0%,#589534 75%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #7CD54B 0%,#589534 75%); /* IE10+ */
    background: linear-gradient(top, #7CD54B 0%,#589534 75%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6BB640', endColorstr='#589534',GradientType=0 ); /* IE6-9 */
    border-color: #438320;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 3px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 3px rgba(0,0,0,0.4);
    box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 3px rgba(0,0,0,0.4);
    color: #FFF;
}
a.getappbtn:focus {
    background: #589534; /* Old browsers */
    background: -moz-linear-gradient(top, #589534 0%, #7CD54B 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#589534), color-stop(100%,#7CD54B)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #589534 0%,#7CD54B 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #589534 0%,#7CD54B 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #589534 0%,#7CD54B 100%); /* IE10+ */
    background: linear-gradient(top, #589534 0%,#7CD54B 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#589534', endColorstr='#7CD54B',GradientType=0 ); /* IE6-9 */
}
a.getappbtn:active { position: relative; top: 1px; }