/*   -=< AMO - Dark Theme by Zigboom Designs >=-   */

@namespace url(http://www.w3.org/1999/xhtml);
    @-moz-document domain("addons.mozilla.org") {
    /* visit addon homepage button */
.button.neutral.significant, a.button.neutral:link {
    background-image:none !important;
    background:transparent !important;
    border:none !important;
    color:#999999 !important;
    text-shadow:#ccc 1px 1px 1px !important;
}

a.button.neutral:link:hover {
    color:#DCDCDC !important;
}

.header-search {
    right: 10px !important; 
}

/* warning about older versions - who needs it? */
 .notification-box.warning,IMG[src="/img/plugins/faq_small.png"] {
    display:none !important;
}

.item-info, .column {
    border:none !important;
}

.section-teaser.featured, .teaser-header, #featured, .recommended.listing-footer, .recommended .install, .featured, .visit-listed {
    background:transparent !important;
    border:none !important;
}

.item-info {
    border:none !important;
}

.highlight, #tabzilla-wrapper {
    background:transparent !important;
}

.tagitem {
    background-image:none !important; 
}

/* ====== end update 08/23/09 */
/* update 06/10/09 */
/* login bg */
 .amo-form.highlight, /* bg behind addons count */
 .items, .icon, .new.indicator {
    background:transparent !important;
}

/* bottom image */
IMG[alt=""][src="/img/amo2009/illustrations/logo-add-ons-half.png"],IMG[alt=""][src="/img/amo2009/illustrations/logo-collections-100x125.png"][class="pull-right"], .screenshot.thumbnail {
    border:none !important;
}

.items, h2 {
    color:#999999 !important;
}

.stats strong {
    color:#999999 !important;
}

#title > a {
    color:#999999 !important;
    font-size:35% !important;
}

#advanced-link > a {
    background:-moz-linear-gradient(bottom, #181818, #555555) !important;
    border:1px solid #555555 !important;
    margin:5px 63px 0px 0px !important;
    padding:0px 10px 0px 10px !important;
}

#advanced-link > a:hover {
    background:-moz-linear-gradient(bottom, #181818, #777777) !important;
    border:1px solid #555555 !important;
    margin:5px 63px 0px 0px !important;
}

/* arrow search box next to category search box */
IMG[alt="Search for add-ons"][src="/img/amo2009/blank.gif"] {
    width:0 !important;
}

 #search-query > BUTTON {
    -moz-appearance:none !important;
    background:#333333 !important;
    border:1px solid #555555 !important;
    margin:-2px 52px 0 0 !important;
    height:80% !important;
    width:2% !important;
}

BUTTON, .share.button {
    -moz-appearance:none !important;
    background:transparent !important;
    border:1px solid #555555 !important;
    border-radius:6px !important;
    color:#999999 !important;
}

BUTTON:hover, .share.button:hover {
    color:#DCDCDC !important;
}

/* mozilla top link */
#brand > A {
    opacity:.8 !important;
    font-size:100% !important;
}

#brand > A:hover {
    opacity:1 !important }

#title a {
    text-decoration:none !important;
    opacity:.8 !important;
}

IMG[src="/img/amo2009/app-icons/firefox.png"][alt="Firefox"] {
    opacity:.8 !important;
}

#brand:hover, IMG[src="/img/amo2009/app-icons/firefox.png"][alt="Firefox"]:hover, #title:hover {
    opacity:1 !important;
}

#other-apps li ul {
    background:#83857B !important;
    opacity:.9 !important;
    border:1px solid #555555 !important;
    border-radius:6px !important;
    margin-right:5px !important;
}

.controller {
    background:transparent !important;
}

#other-apps li ul a, .controller:hover {
    color:#DCDCDC !important;
}

#featured ul li a:hover {
    background:transparent !important;
    border:1px solid #555555 !important;
    border-radius:6px !important;
}

.selected a {
    -moz-appearance:none !important;
    background:transparent !important;
    border:1px solid #555555 !important;
    border-radius:6px !important;
    color:orange !important;
}

h2.addon {
    border:none !important;
    width:50% !important;
}

#mozilla-com SPAN, .disclaimer, .addon-search-message, #title em {
    color:#999999 !important;
}

#addon-summary {
    padding-left:10px !important;
}

.downloads {
    color:#999999 !important;
    font-size:12px !important;
}

strong {
    font-size:100% !important;
}

/* ========== end update 06/10/09 ============ */
/* FONT */
a {
    color:#CCCCCC !important;
    text-decoration: none !important;
}

a:hover {
    color:#DCDCDC !important;
    text-decoration:none !important;
    text-shadow:0pt 0pt 0.2em rgb(150, 150, 150), 0pt 0pt 0.4em rgb(150, 150, 150)}

#page-title h1 a {
    color:#999999 !important;
    font-size:65% !important;
}

.updated, h3 span {
    color:#999999 !important;
}

em {
    color:#999999 !important;
}

#other-apps {
    background:transparent !important;
    margin:0px auto 0 0 !important;
    border:none !important;
}

#other-apps h3 {
    color:#999999 !important;
}

#other-apps:hover, #other-apps H3:hover {
    -moz-appearance:none !important;
    background:none !important;
}

/* left panel */
 .pitch, /* right panel */
 #recs, .controls_inner, .addon.featured.sub {
    border:none !important;
}

/*welcome box */
 #developer {
    border:3px groove black !important;
}

/* the green stuff */
#search-bubble-outer, #search-bubble-inner, .install-button a, /* sidebar */
.pitch, #categories h3 span {
    background-image:none !important;
    background:transparent !important;
}

.install-button a {
    -moz-appearance:none !important;
    border:1px solid #555555 !important;
    background-color:#333333 !important;
    border-radius:6px !important;
}

.install-button a SPAN SPAN SPAN STRONG {
    font-size:85% !important;
    padding:12px 5px !important;
    line-height:9px !important;
}

.exp-loggedout {
    background:transparent !important;
    border:1px solid #555555 !important;
}

.exp-loggedout a {
    color:#999999 !important;
}

#page-title, /* addons boxes */
.vex, .vex span, /* install button */
.install-button a span, #install button a, .install-button a span span span strong, /* categories sidebar */
 #categories.collapsed, #categories, #categories h3, .pagination, /* 'experimental' */
 .flag, /* login */
.amo-form.corner-box, .amo-label-large, .activator, #addon-summary .link-sharing .share-button a span, #addon-summary > DIV:last-child > DIV:first-child > P > A > SPAN > SPAN > SPAN > STRONG, H3, .view-all {
    background-image:none !important;
    background:transparent !important;
    border:none !important;
}

/* Other Add-ons, Support Website */
HTML > BODY > DIV:first-child > DIV:last-child > DIV:first-child + DIV + DIV + DIV + DIV > UL, #support > UL, #tabzilla-wrapper {
    background:transparent !important;
    border-top:none !important;
}

/* search boxes */
#advanced-search-toggle, #advanced-search-toggle #toggle-outer, #advanced-search-toggle #toggle-inner {
    background-image:none !important;
    background:transparent !important;
}

#query {
    min-height:120% !important;
    padding:1px 0 3px 0 !important;
    border:1px solid #555555 !important }

input[type="checkbox"] {
    background:transparent !important;
    border:1px solid #555555 !important;
}

SELECT, INPUT, TEXTAREA, #search-mini-submit {
    -moz-appearance:none !important;
    outline:none !important;
    border:1px solid #555555 !important;
    border-radius:6px !important;
    -moz-appearance:none !important;
    background:#333333 !important;
    color:#999999 !important;
    padding:0px 2px !important;
}

SELECT:focus, select:hover, INPUT:focus, input:hover, #advanced-search, TEXTAREA:focus, input[type="checkbox"]:hover, #search-mini-submit:hover, INPUT[type="text"][value="search for add-ons"][name="q"]:hover, 
        #side-nav .selected, .s-created #side-nav .s-created a, .s-downloads #side-nav .s-downloads a, .s-featured #side-nav .s-featured a, .s-followers #side-nav .s-followers a, .s-free #side-nav .s-free a, .s-paid #side-nav .s-paid a, .s-rating #side-nav .s-rating a, .s-users #side-nav .s-users a {
    background:#444444 !important;
}

select {
    padding:1px 2px !important;
}

/* Developper Pic */
.avatar.thumbnail {
    border:1px solid #555555 !important;
}

.editprofile {
    border-color:#555555 !important;
}

/* categories sort */
#form-listcontrol {
    background:transparent !important;
    border:none !important;
}

 /* categories list */
#cat-list, #cat-list li, #form-review, .graybox.rounded, LI {
    background:transparent !important;
    border:transparent !important;
    color:#999999 !important;
    border-radius:6px !important;
}

#aux-nav > UL > LI > UL  {
    background:#333333 !important;
    border:1px solid #555555 !important;
    border-radius:6px !important;
    opacity:.95 !important;
}

#aux-nav > UL {
    border:none !important;
}

#search-query, #categories, .object-lead.inverse, .article, .featured.listing.results.featured, .featured-inner, .listing-header, .item, .support-this-addon {
    -moz-appearance:none !important;
    background:transparent !important;
    border:none !important;
}

#cat-list li a, #cat-list.visible, #categoriesdropdown {
    padding:0 4px !important;
    background-image:none !important;
    background:#333333 !important;
    opacity:.9 !important;
}

#categories > P, #categories > P > A:hover {
    background:transparent !important;
    border:none !important;
}

#categoriesdropdown {
    border:1px solid #555555 !important;
    border-radius:6px !important;
}
        
 .menu-nav > ul > li:hover:after, .menu-nav > ul > li:hover > a {
     background: #333333 !important;
 }
        
.menu-nav em, #site-nav a.complete-themes, .menu-nav > ul > li > ul a:hover, .secondary li:hover a {
     background: #282828 !important;
 }
        
.menu-nav > ul > li:hover > a {
    border-color: #555 #555 #555 !important;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
}
        
.menu-nav > ul > li > ul, #site-nav a.complete-themes {
        border-color: #555 !important;
}
        
.menu-nav > ul > li > ul {
    box-shadow: 0 5px 10px #000 !important;
}

        
        
/* listing */
LABEL[for="show-exp"] {
    color:#999999 !important;
    border:none !important;
}

#order-by button {
    -moz-appearance:none !important;
    font-size:105% !important;
    color:#999999 !important;
    border:none !important;
}

#order-by button.current {
    color:#999999 !important;
}

.controls, #feature1_1 {
    border:none !important;
}

.sub .irk, #slider, .inner,.addon {
    background-image:none !important;
    border:1px solid #555555 !important;
    border-radius:6px !important;
    color:#999999 !important;
}

.addon .preview-img {
    background:transparent !important;
}

/* 'experimental' */
 .flag a {
    color:#999999 !important;
    font-size:13px !important;
}

/* pagination */
.pages a {
    border:1px solid #555555 !important;
    border-radius:3px !important;
}

.pages a:hover {
    background-color:#333333 !important;
}

.pages .current strong, .island {
    background:#333333 !important;
    border:1px solid #555555 !important;
    border-radius:3px !important;
    box-shadow:none !important;
}

/* login page divider */
#content-main > DIV > HR {
    border:1px solid #555555 !important;
}

#addon-advanced > H5 {
    border-top:1px dotted black !important;
}

#categories.collapsed h3 {
    border:none !important;
}

#footer {
    background-image:none !important;
}

#footer-lang-form {
    margin-top:5em !important;
}

p,th,td,tr,h5,h4,h3,div {
    color:#999999 !important}

html, body, #main-wrapper {
    background: #181818 !important;
    border-top: 0px !important;
}

/* Make images transparent */
/*IMG {
    opacity:1 !important }

IMG:hover {
    opacity:.9 !important }

#title > A > IMG {
    opacity:.75 !important }

#title > A > IMG:hover {
    opacity:1 !important }

*/
/* Make logos and icons transparent */
[style*="url"],[class*="star"], [id*="star"],[id*="logo"],[class*="logo"],[class*="SPRITE"],[id*="SPRITE"] {
    opacity:.9 !important}

[style*="url"]:hover,[class*="star"]:hover, [id*="star"]:hover,[id*="logo"]:hover,[class*="logo"]:hover,[class*="SPRITE"]:hover,[id*="SPRITE"]:hover {
    opacity:1 !important}

/* Get rid of Blue Arrow */
.more-info,.more-info:link,.more-info:visited,.more-info:hover,.more-info:focus,.more-info:active {
    background-image:none !important }

/* Dotted Borders */
.object-lead table tr td,.object-lead table tr th {
    border-top:0px !important;
}

.categories ul li:first-child ul {
    border-bottom:1px dotted #555555 !important}

.review-detail {
    border-bottom:1px dotted #555555 !important}

.further-navigation {
    border-top:1px dotted #555555 !important}

/* New - Button */
span.new {
    border-color:#999999 !important }

/* Developer Hub */
/* My Add-Ons & Recent Activity */
.hub-developer {
    background-color:#333333 !important;
    border:1px solid #555555 !important }

.addon-feed-wrapper, .addon-list {
    background-color:#333333 !important;
    border-color:#555555 !important }

.addon-list li a {
    border-color:#555555 !important }

/* Nav-Bar separator */
.hasJS #aux-nav ul.change {
    background-image:none !important }

.addon-info {
    background-color:#333333 !important;
    border-color:#555555 !important }

.hub-blog dd {
    color:#999999 !important }

.older-activity a {
    background-image:none !important }

#navbar li ul li a {
    background-color:#333333 !important;
    opacity:.9 !important;
    border:1px solid #555555 !important;
    border-radius:5px !important;
    margin:1px !important }

#navbar li ul li a:hover {
    background-color:#444444 !important;
}

/* Browse Themes */
.listing-header li a:hover {
    background-color:#333333 !important;
    border:1px solid #555555 !important }

.browse_thumbs ul.thumbs li.thumb {
    position:relative;
    width:24.5%;
    float:left;
}

.browse_thumbs ul.thumbs li.thumb div.thumb_item {
    background:none !important;
    border-color:#555555 !important }

.thumb_item .img {
    border-color:#555555 !important }

/* Donation */
.notification {
    background-color:#333333 !important;
    border:1px solid #555555 !important;
}

/* Older Versions & Experimental */
.item .unavailable, .experimental .install {
    background-color:#333333 !important;
    border:1px solid #555555 !important }

/* Screenshots */
.screenshot.thumbnail img {
    border:1px solid #555555 !important}

ol.pagination a[rel~="prev"],ol.pagination span.prev {
    Background-color:transparent !important}

ol.pagination a[rel~="next"],ol.pagination span.next {
    Background-color:transparent !important}

ol.pagination a[rel~="prev"]:hover,ol.pagination span.prev:hover {
    Background-color:#333333 !important;
}

ol.pagination a[rel~="next"]:hover,ol.pagination span.next:hover {
    Background-color:#333333 !important;
}

 ol.pagination li a:hover,ol.pagination li a:focus,ol.pagination li a:active {
    Background-color:#333333 !important;
}

#categoriesdropdown > LI:first-child > UL {
    border-bottom:2px solid !important;
    -moz-border-bottom-colors:#555555 #000000 !important;
}

.notification-box {
    border:1px solid #555555 !important;
    background-color:#333333 !important;
}

.change {
    background-image:none !important }

.other-categories.highlight {
    border:1px solid #555555 !important;
    background-color:#333333 !important;
}

/* Related Collections */
HTML > BODY > DIV:first-child > DIV:last-child > DIV > UL:last-child {
    border-top:2px solid !important;
    -moz-border-top-colors:#000000 #555555 !important;
}

.browse-thumbs .thumbs li.featuredaddon .inner, .browse-thumbs .thumbs li.recommended .inner {
    background:transparent !important;
}

.browse-thumbs ul.thumbs .inner>a {
    border:1px solid #555555 !important }

.avatar {
    border:1px solid #555555 !important;
}

.contribute {
    border:1px solid #555555 !important;
    background-color:#333333 !important;
}

#aux-nav p.tools,#aux-nav>ul:not(:last-of-type)>li {
    background:none !important;
}

.section, #page {
    background:#181818 !important;
    box-shadow:#555555 0px 0px 15px !important;
    margin-top:25px !important;
    padding:10px !important;
}

#query, #cat {
    background:-moz-linear-gradient(top, #181818, #333333) !important;
}

#search-query > BUTTON {
    background:-moz-linear-gradient(bottom, #181818, #555555) !important;
}

#search-query > BUTTON:hover {
    background:-moz-linear-gradient(bottom, #181818, #777777) !important;
    box-shadow:none !important;
}

/* Search */
INPUT[type="text"][value=""][placeholder="search for add-ons"][class="text placeholder"][required=""][name="q"] {
    background:-moz-linear-gradient(top, #181818, #444444) !important;
}

HTML > BODY > DIV:first-child > DIV:first-child + DIV > DIV:first-child + DIV > FORM, #page > DIV:nth-child(2) > DIV:nth-child(2) {
    background:-moz-linear-gradient(bottom, #181818, #444444) !important;
    border:1px solid #555555 !important;
    height:32px !important;
}

.submit.go-button, #search-button.submit {
    float:right !important;
    margin-top:-29px !important;
}

#search-button.submit {
    float:right !important;
    margin-top:-28px !important;
}

.wrap {
    background:transparent !important;
}

.submit {
    margin-left:35px !important;
    margin-top:3px !important;
    background:none !important;
    border:none !important;
    opacity:.75 !important;
}

.submit:hover {
    background:none !important;
    border:none !important;
    opacity:1 !important;
}

/* Header */
#header, #navbar {
    background:-moz-linear-gradient(bottom, #181818, #444444) !important;
    border:1px solid #555555 !important;
    border-radius:6px !important;
    margin:3px !important;
}

#navbar li.top a.controller {
    border-right:2px solid !important;
    -moz-border-right-colors:#444444 rgba(0,0,0,.2) !important;
}

#navbar li.top a.controller:hover {
    background:#333333 !important;
}

#nav-main > UL > LI > A:hover, #nav-main li:hover ul,#nav-main li.sfhover ul {
    background:#333333 !important;
    opacity:.9 !important;
}

 #nav-main ul li a:active, #nav-main ul li.current > a,#nav-main ul li a:hover {
    background:-moz-linear-gradient(bottom, #333333, #555555, #333333) !important;
    border-radius:0px !important;
}

#nav-main ul li ul li a:hover,#nav-main ul li ul li a:active {
    background:#555555 !important;
    border-color:transparent !important;
}

/* Footer */
#footer {
    background:transparent !important;
    margin-bottom:40px !important;
}

/* Add to Firefox */
#addon-summary > P:first-child + DIV > DIV > DIV:first-child > P > A:last-child {
    background:-moz-linear-gradient(bottom, #181818, #444444) !important;
    border:1px solid #555555 !important;
}

#addon-summary > P:first-child + DIV > DIV > DIV:first-child > P > A:last-child:hover {
    background:-moz-linear-gradient(bottom, #181818, #777777) !important;
    border:1px solid #555555 !important;
}

.button.platform.windows.add.concealed, .button.platform.mac.add.concealed, .button.platform.linux.add.concealed {
    background:-moz-linear-gradient(bottom, #181818, #444444) !important;
    border:1px solid #555555 !important;
}

.button.platform.windows.add.concealed:hover, .button.platform.mac.add.concealed:hover, .button.platform.linux.add.concealed:hover {
    background:-moz-linear-gradient(bottom, #181818, #777777) !important;
    border:1px solid #555555 !important;
}

/* Preview Pictures - Edit */
.preview-thumb, .preview-error, #featured-addons .preview a, .addons-column ul {
    border:1px solid #555555 !important;
    margin:1px !important;
}

#addon, #contribution, .island.c, .island.primary.full, .secondary {
    background:#333333 !important;
    border:1px solid #555555 !important;
    box-shadow:none !important;
    border-radius: 3px !important;
}
        
.secondary {
    padding-left: 5px !important;
    box-sizing: border-box;
}        

.island>section {
    border-color:transparent !important;
}

.summary, .more, .primary, .secondary {
    background:#333333 !important;
}

        .s-featured #side-nav .s-featured a {
            background: #444 !important;
        }        
  
        
        
.icon, .hovercard {
    border-color:transparent !important;
    background:#333333 !important;
}

.previews, .submission-type-tabs a.active {
    background:#333333 !important;
}

        .submission-type-tabs a {
            background: #181818 !important;
            border: none !important;
        }
        
.control.next {
    background-image:-moz-linear-gradient(left, #333333, #555555) !important;
}

.control.prev {
    background-image:-moz-linear-gradient(right, #333333, #555555) !important;
}

.screenshot.thumbnail {
    background:#333333 !important;
    border:2px solid !important;
    -moz-border-top-colors:#181818 #555555 !important;
    -moz-border-right-colors:#181818 #555555 !important;
    -moz-border-bottom-colors:#181818 #555555 !important;
    -moz-border-left-colors:#181818 #555555 !important;
}

#panel13132476705534 > stack:first-child > browser {
    border:transparent !important;
    -moz-appearance:none !important;
}

.island.listing.c {
    background:#333333 !important;
    border:2px solid !important;
    -moz-border-top-colors:#181818 #555555 !important;
    -moz-border-right-colors:#181818 #555555 !important;
    -moz-border-bottom-colors:#181818 #555555 !important;
    -moz-border-left-colors:#181818 #555555 !important;
}

.user-role, .secondary.user-avatar {
    background:transparent !important;
}

.two-col, .menu-nav > ul > li > ul {
    background:#333333 !important;
}
        
.addon-details .header-bg, .home .header-bg, .header-bg {
    background-color: #181818 !important;
background-image: linear-gradient(to bottom,transparent 0,transparent 100px),linear-gradient(to bottom,rgba(42,42,42,0) 0,#555 500px,#fff 0),repeating-linear-gradient(118deg,rgba(42,42,42,0) 0,#555 550px,rgba(42,42,42,0) 550px,#555 800px,rgba(42,42,42,0) 800px,#555 950px) !important;
    z-index: 100 !important;
}        
        
        #tabzilla a {
            opacity: .5;
        }        
        
        
        

/* ################################################################## */
}

/* ################################################################## */
