/* AGENT_SHEET */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("lifehacker.com") {

.post-meta.presence_control_external.ui-shade.ui-light.modfont.marked.ui-border,
.post-supp, 
#tomorrowsnews, 
.f-dropdown:before,
.f-dropdown:after, 
.js_ad-top
{ display: none !important; }

html, 
.js_tools.js_share-post-data.no-hover.show-dropdown
{ background: #222 !important;
color: #989B85 !important; }

body, 
span,.icon.notranslate, 
#notifications-dropdown
{ background: transparent !important; }

li:hover, 
#main-container > .inner, 
#postTransitionOverlay, 
.text-upper.proxima.referenced-label
{ background-color: transparent !important; }

hr, 
ul.related li, 
.thread, 
.ui-border, 
.related-more, 
#post_list li, 
.f-dropdown.proxima.js_post-dropdown.js_follow-controls.whitelisted-links.open.right
{ border: none !important; }

.scrollwrap
{ min-width: 370px !important;
max-height: 800px !important; 
overflow-y: auto !important; }

#rightcontainer .wrapper, 
.post, 
.time.modfont, 
.frontpagegrid, 
.site-forecolor, 
.comment, 
.replies, 
.code, 
.mainContent.permalink, 
#hidescroll, 
#tomorrowsnews, 
ad-shade, 
.ui-border, 
#footer, 
#settings, 
.dropdown.down, 
.reveal-modal.kinja-modal.fixed-height.open, 
.row.sidebar-item.js_sidebar-element
{ background: #222 !important; }

.rightBarControl.cn_pager.upper.modfont,
.rightBarControl.cn_pager.lower.modfont , 
#rightbarSpinnerOverlay
{ background: rgba(100,100,100,.5) !important; }

*, 
ul.related li, 
.thread, .ui-border, 
.related-more, .comment_list_placeholder.tc.cn_threadlist,
ul.rightbar_list li.current, 
.ui-background, 
#about_gawker_media, .stories
{ border-color: black !important;
border-radius: 3px !important;  }

#post_list li.current, 
.show-dropdown, 
.dropdown.down
{ box-shadow: 0px 2px 8px 4px rgba(0,0,0, .5) !important; }

article
{ padding: 5px 10px !important;
border: 1px solid !important;
border-color: #000 #555 #666 #000 !important;
box-shadow: inset 0px 2px 12px 2px #111 !important; }

.strapline-bg
{ background: #222 !important;
font-size: 14px !important; }

/* === posts */

.js_reply, .leftrailmodule
{ background: rgba(40,40,40, .8) !important; }

/* hover popup */
.f-dropdown
{ -moz-appearance: none !important; 
background: rgba(40,40,40, .8) !important;
border: 1px solid !important;
border-color: #666 #000 #000 #555 !important;
box-shadow: inset 0px 1px 4px 1px rgba(0,0,0, .3), 2px 2px 4px black !important; }

.reply-tools.js_reply-tools span
{ filter: brightness(140%) !important; }

.post-dropdown-trigger
{ opacity: .8 !important; }

/* === font */

p, span, div, h1, h2, h3, h4, h5, h6
{ color: #D7CFA5 !important; }

h1
{ font-size: 20px !important; }

a, a:link 
{ color: #B0C0BC !important; }

a:hover 
{ text-decoration: none !important;
color: #88A6A7 !important; }

#rightcontainer 
.site-bg-color, 
BLOCKQUOTE, 
CODE, 
#login-selector-form a:hover, 
.alert-box.info
{ background-color: #181818 !important;
color: #CCCCCC !important; }

/* Title Links */ .site-forecolor 
{ color: #FFFFFF !important; }

.site-forecolor:hover 
{ text-decoration: none !important; }

.headline.title
{ font-size: 16px !important;
color: #8EA36E !important; }

.selected a span, 
#switch_view li.selected a
{ color: #CA884B !important;
text-shadow: 1px 2px 1px #000 !important; }

#rightcontainer .cn_pager
{ color: #83A2A7 !important;
text-shadow: 1px 1px 1px #000, 0px 0px 8px #000 !important; }

a.normal
{ text-shadow: 2px 2px 8px #000 !important; }

/* =========================== */
/* logo */
.site-name
{ -moz-transform: scale(.7, .7) !important;
opacity: .5 !important; }
.site-name:hover
{ opacity: 1 !important; }

/* black gradients */
.marked-head, 
#site, 
#rightbar-header, 
#rightbar .stories, 
.top-bar.user-bar.fixed.js_user_bar, 
.six.columns a, 
.button, 
button, 
.tab-author, 
.js_allview a, 
.icon-circle, 
.js_new-reply-container.timeline-replies, 
.js_top-nav-wrap.top-nav, 
.login-links a, .global-nav
{ -moz-appearance: none !important;
background: linear-gradient(to bottom, #444, #111) !important;
border: none !important; }

header 
{ color: #777 !important; }

.button:hover, 
.top-bar-tools.js_user-tools.right>li a:hover, 
.top-bar-tools.left > li> a:hover, 
.top-bar ul li a.active, 
.replybranch>header, 
.mbs.tag.text-upper.text-small, 
.button.dropdown.split.secondary.js_toolsmenu a:hover, 
.tip-bottom, 
.icon-circle, 
.reveal-modal.kinja-modal.proxima.small.open, 
.reveal-modal .login-option:hover
{ background: linear-gradient(to bottom, #666, #000) !important; }

.icon-circle.icon-hamburger, 
.icon-circle:hover, 
.active .icon-circle
{ background: linear-gradient(to bottom, #999, #444, #111) !important;
border: none !important; }

.top-bar.user-bar ul.top-bar-tools>li>a, 
.top-bar-tools.left > li
{ box-shadow: none !important;
background: linear-gradient(to bottom, #555, #000) !important; }

.header-follow.mln.mrm.js_follow.hide-for-small
{ margin-left: 4px !important; 
background: none !important;}

.mainContent.permalink
{ padding: 12px !important;
margin-left: -10px !important; }

.brand, 
#frontpage
{ -moz-transform: scale(.6,.6)!important;
opacity: .65 !important;
margin-left: -110px !important; }

.brand a
{ margin-top: 18px !important; }

.brand:hover
{ opacity: 1 !important; }

#navigation li.selected a, 
#switch_view li.selected a, 
#thread_navigation a.selected, 
.rightbar_list li
{ background: linear-gradient(to bottom, #444, #111) !important; }

#navigation li.selected a, 
#switch_view li.selected a, 
#thread_navigation a.selected
{ border: 1px solid #111 !important;
box-shadow: inset rgba(98,128,136,0.3) 0px 6px 12px 2px, rgba(0,0,0, .4) 0px 2px 6px 2px !important; }

.topchrome.chrome.marked-head.ui-border, 
.just-headlines
{ padding: 0 12px !important;
box-shadow: 0px 2px 10px 2px rgba(0,0,0, .5) !important; }

/* === right panel */
/* the Rpanel scrollbar on this site doesn't work! */
#hidescroll
{ width: 20px !important; }

#date-nav
{ padding: 0 6px !important; 
box-shadow: 0px 2px 10px 2px rgba(0,0,0, .5) !important;}

#pane ul li
{ padding: 10px !important; 
border: none !important; }

.rightbar_list li:hover
{ background: linear-gradient(-300deg,rgba(0,0,8,0.8),rgba(0,0,0,0.4), rgba(231,254,203,0.5)) !important;
border-radius: 3px !important; 
border: 1px solid rgba(0,0,0,.6) !important; }

/* right panel scrollers > */ 
#rightcontainer .cn_pager
{ border-radius: 3px !important; 
border: 2px ridge black !important; 
box-shadow: inset rgba(130,139,107,0.6) 0px 2px 18px 4px !important; }

#search_term
{ background: black !important;
font-size: 15px !important; }

#search h1
{ font-size: 12px !important; }

#submit_search
{ background-color: black !important; 
color: #A5AD8A !important; }

input
{ -moz-appearance: none !important; 
background: #444 !important;
border: 1px solid !important;
border-color: #000 #666 #666 #000 !important;
box-shadow: inset 0px 1px 4px 1px rgba(0,0,0, .3) !important; }

BLOCKQUOTE, 
CODE
{ overflow: auto !important;
border: 1px solid !important;
border-color: #000 #555 #666 #000 !important;
box-shadow: inset 0px 2px 12px 2px #111 !important; }

/* === images */

#rightbarSpinnerOverlay > IMG
{ width: 0 !important;
padding-left: 42px !important;
height: 16px !important;
background: url(data:image/gif;base64,R0lGODlhKwALAPEAAP///wAAAIKCggAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAKwALAAACMoSOCMuW2diD88UKG95W88uF4DaGWFmhZid93pq+pwxnLUnXh8ou+sSz+T64oCAyTBUAACH5BAkKAAAALAAAAAArAAsAAAI9xI4IyyAPYWOxmoTHrHzzmGHe94xkmJifyqFKQ0pwLLgHa82xrekkDrIBZRQab1jyfY7KTtPimixiUsevAAAh+QQJCgAAACwAAAAAKwALAAACPYSOCMswD2FjqZpqW9xv4g8KE7d54XmMpNSgqLoOpgvC60xjNonnyc7p+VKamKw1zDCMR8rp8pksYlKorgAAIfkECQoAAAAsAAAAACsACwAAAkCEjgjLltnYmJS6Bxt+sfq5ZUyoNJ9HHlEqdCfFrqn7DrE2m7Wdj/2y45FkQ13t5itKdshFExC8YCLOEBX6AhQAADsAAAAAAAAAAAA=) center center no-repeat !important; }

/* bg */
html, 
#lifehacker, 
#gizmodo, 
#gawker 
{ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAJYCAAAAAETu/isAAABIklEQVR4nOVVAQ6EIAzbEv6hL1GfDn7MYycqiNMpqCQGbnSlNWOQnKrVEAxgMTgG2IwGzhHZbBo+DrMyq6rsB6cJHuYYn4QwgoCcJ0ZxP8Vp+phjfLIO2rfXXqnKv4SYke0tAyMUM8eq+AkcPY2trPr3ne5qXH28Xt/YW2vOcrk03A8PcimXw4fM+sZeDa0aWq1aA8pYDK1RjV7wxF/RENYXNKXWsKXZwlvfv6Lhzvim5kwfJBgf1BDuDGbREO7xPs26BomG68PaK9HkrCFnnfZ/kCAFm1EAEvhkY3RMOqVOsztysEHfYxfUmWgvokuPHbNcu/yYN9rlt1muPQ/ZY45vog09ftPuyM5QK9+yC25TcEzBY9irM9EuqDPR/pFjjvYfIP7RXuw83zsAAAAASUVORK5CYIIAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") fixed !important; }

#rightbar-header .tool.toggle-hd
{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAC4jAAAuIwF4pT92AAACEUlEQVR42pWS3UvTYRiG3zY/WYpfyFYIZUH/gXYS/QVKsyk5M4NpWzZniwKjCebc3Pbb9ptty6gtLLXspFTClg4JwoOOOjBDyMDlWfMjKjrx4Op1Qec7uHkOXq7nfp77eYV5eA+za5Wuu5+w+VexjKzROfyFLvdXLo9mpLawRXZxJvaxjf3AEtrF7P6NaBtYpbddcM1SiKW9HJezBp+vEZ+3mciElcS8h/HFR7gfqkwtzzGbWafV/RNhubPGjUuC5pZihDhCS4uBsUgDHk8zoWQ3M8v36Pbb5JvgthpgcSfDFa8EPUPrODsFRlMRmlI9ba16ImojXukYftzDs3SEXtWBVqtlMB4mld0kqPxBKKPrOcdz56VjiYFWkx413MDISBPBRDfTSyrWoD3n6IqGSG1niMYkOPn0cw40miRYbMB8wcCD+6cJKUbi01eZXRnHEXPmwMFYmDfZDC/nZDjPZ/7t2GSUYIWB0mO16E4Y0NUfRXeyjrJTxzksJUoK5Y4Kqe8Z5lO/EK8WPuYFLkjH9IcsYta3kd+o25uk4/uImGMlv3DkOZIDm4gOSzivc7zd+UZn7ySi/ow/rw+Q3tui7mwSUVYboK9D0N+jwXpRx9DNShSlgWCgidiUlYkFL4l3SfwTUV68fy3D2UBT/UQ2Ku/nUIUdbaWdomo7BVV9aCoP5PivghonJfpbuaqtus4B8xctlrHr9ATO0gAAAABJRU5ErkJggg==) center no-repeat !important; } }

@-moz-document url-prefix("http://api.gawker.com") {

body
{ background: rgba(110,110,110, .5) !important; }

#panelselector *, 
.viewlist
{ background-color: rgba(110,110,110, .7)!important; }

* { border-color: black !important; }

/*.avatarnav, .viewlist 
{ border-bottom-color: black !important; }*/

.avatarnav .avatarlist li.selected:after
{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAABvUlEQVR42kVRu4oiURCtun17RB0QTXxlBmogimBi4IAMzFcY+RH7B/oFRiKCYLQfsMEGBsqMirmCiWKgKOKLxkdPd9fW7Z3ZLSi41K0659QpLBQKP+73+5uu6yYRCfgfSH8DENHhfLpcLu/S5/O95PP5V9M03S7HccDj8agmeDweIIQANaRqs9lMyFgsZqRSKZtZTMuyZDAYhMFgAPyGcrmMp9OJNE2zGPjpcDgYMhwOa7lcTjufzxrLkoqlVqspdKpUKphIJIjBIBQKaYvFQopIJALZbJaSySSWSiXs9/u02+2QAbDX62GxWMR0Oo2ZTIbi8ThBs9n8+bXcgxEcZnQCgYDD0mxOZzqd2vynDKFOp/NLsFb8doWl4Ha7Bb/fj16vF47HI9brdfXv9ti2DYLplUZqt9vUarWI3VGSiAeRHaJut0uNRoNut5uqkdzv9zgej3G5XGK1WnWRGUkhEg/g9XqFzWYDo9EI1W7SMAxrOBzarPszGo0iNysWV4LSzZYCK7Amk4lgBkuu1+tnbtI4fepA6lBfzf+Sa7piXq1Wz5Iv+3s+n38yksn0Uu3wvSTXXFkcNpuj87U//gBa1A54Q2DZngAAAABJRU5ErkJggg==) center !important; }

button
{ background: rgba(10,10,10, .3) !important;
box-shadow: 2px 2px 6px rgba(0,0,0, .5) !important; 
border: 1px solid #222 !important;
color: black !important; }

button>span
{ margin-left: -10px !important; }

button:hover
{ text-shadow: 1px 0px 0px #000 !important; }

.icon-reply { background: none !important; } }
