@namespace html url(http://www.w3.org/1999/xhtml);
@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/* Browser Background */
browser[type="content-primary"] {background-color: #000000 !important;}
 
@-moz-document url-prefix(http://), url-prefix(https://), url-prefix(ftp://), url-prefix(file://) {


/*No background images. try to exclude icons, other misc items. */

*:not(:empty):not([onclick*="open"]):not(SPAN):not([class*="stars"]):not([id*="stars"]):not([id="rating"]):not([class="rating"]):not([class*="SPRITE"]):not([id*="SPRITE"]):not([id*="lbImage"])

{ background-image: none !important }

/* Basic Bodies */
HTML, BODY { background: none #000000 !important }

/* Make descendents of the body element transparent.  Formerly "DIV + SPAN" rules. */
BODY * {background-color: transparent !important}

/* Give id's BG hopefully */
DIV[id] {background-color: inherit !important}

/* Filter non-icons */
SPAN:not(:empty):not([class*="icon"]):not([id*="icon"]):not([class*="star"]):not([id*="star"]):not([id*="rating"]):not([class*="rating"]):not([class*="Sprite"]):not([class*="sprite"]) {

background: none transparent !important;
border-color: #000000 !important}

/* Try to contrast containers */
html:root > BODY > * > * > * > *:not(INPUT):not([onclick]) > DIV:not(:empty):not([id])

{background: none #010101 !important}


/*========== Text Presentation ==========*/

DFN, FONT, B, I, P, BIG, SMALL, STRONG, EM, CENTER { background-color: transparent !important }

SUMMARY, DETAILS {background-color: inherit !important}

ABBR, PROGRESS, TIME, LABEL,
.date {color: #7bc6e9 !important}

MARK,
CODE, PRE,
BLOCKQUOTE,
[class*="quote"],
TD[style*="inset"][class="alt2"]   {  background-color: #020202 !important }


/*========== Headings + Header ==========*/

HEADER {background-color: #000000 !important}

H1, H2  { 

background: none #020202 !important;
border-radius: 5px !important;
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;} 

H3 {

background: none #000000 !important;
border-radius: 5px !important;
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;} 

H4 {

background: none #020202 !important;
border-radius: 5px !important;
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;} 

H5, H6 {background: none #020202 !important}


/*========== Lists ==========*/

DT     {background-color: #000000 !important}
DL, DD { background-color: #000000 !important}
LI, UL {background-color: inherit !important}

LI A:not([class*="icon"]):not([id*="icon"]):not([onclick]),
DT A:not([class*="icon"]):not([id*="icon"]):not([onclick])

{background-image: none !important; text-indent: 0 !important}

/*========== list Item highlight ==========*/

LI[class*="item"] A:hover,
LI[class*="item"]:hover,

[class*="menuitem"]:hover  /* Not list item, but still useful*/

{background-color: #020202 !important}

/*========== Tables, cells ==========*/

TABLE, COLGROUP, COL, THEAD, TBODY, TFOOT {

background-color: #000000 !important;
border-color: #000000 !important}

CAPTION {background-color: #020202 !important}

TABLE[border="0"]:not([class]) {background-color: inherit !important}
TABLE[WIDTH] {background-color: #000000 !important}

TH   {background-color: #000000 !important}
TR, TD:not([id])   {background-color: #000000 !important}

/*========== Input ==========*/

/*Basic*/

INPUT *, TEXTAREA * {color: #222222 !important;}

HTML BODY INPUT:not([type="image"]), button,
HTML BODY TEXTAREA {

background: none #000000 !important; 
-moz-appearance: none !important;
-webkit-appearance: none !important;
color:  #edede9  !important;
border: solid 1px #000000 !important;
border-radius: 0 !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
opacity: 1 !important;}

/* Style reset. I'll style it later, maybe*/

HTML BODY INPUT[type="checkbox"] {-moz-appearance: checkbox !important; -webkit-appearance: checkbox !important;}
HTML BODY INPUT[type="radio"]    {-moz-appearance: radio !important; -webkit-appearance: radio !important;}

/*========== Custom styling ==========*/

HTML:root INPUT[type="button"],
HTML:root INPUT[type="submit"],
HTML:root INPUT[type="reset"],
HTML:root BUTTON {

color:  #c4c4c4 !important;
background-color: #000000 !important;

-moz-box-shadow: inset 0 1px rgba(255,255,255,0.2), inset 0 10px rgba(255,255,255,0.1), inset 0 10px 20px rgba(255,255,255,0.15), inset 0 -15px 30px rgba(0,0,0,0.2) !important;
-webkit-box-shadow: inset 0 1px rgba(255,255,255,0.2), inset 0 10px rgba(255,255,255,0.1), inset 0 10px 20px rgba(255,255,255,0.15), inset 0 -15px 30px rgba(0,0,0,0.2) !important;}

HTML:root INPUT[type="button"]:hover,
HTML:root INPUT[type="submit"]:hover,
HTML:root INPUT[type="reset"]:hover,
HTML:root BUTTON:hover {

color: #c4c4c4 !important;
background-color: #000000 !important;
border-color: #000000 !important;

-moz-box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3) !important;
-webkit-box-shadow:  inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3) !important;}

HTML:root INPUT[type="image"] {opacity: .85 !important}
HTML:root INPUT[type="image"]:hover {opacity: .95 !important}

/* Drop-down menu */

SELECT, OPTION{

background: none #020202 !important;
border-color:#020202 !important;
color:#f1f1f1 !important;
-moz-appearance: none !important;}

/*========== Misc ==========*/

ADDRESS {background: none #000000 !important}
IFRAME, FIELDSET, LEGEND, FORM  {background: none transparent !important}
NOBR {background-color: #000000 !important}
HR {background-color: #020202 !important}

/* Remove Rounded Corners, Borders, Spacer, Padding images */

IMG[src*="spacer"]:empty,
[id*="round"]:empty,
[id*="bottom"]:empty, [class*="bottom"]:empty, [class*="Bottom"]:empty,
[id*="top"]:empty, [class*="top"]:empty, [class*="Top"]:empty,
[class*="spacer"]:empty

{background-image: none !important;}

/* Menus and Navigation */

NAV *, 
MENU *,

/*Common naming conventions - in case previous declarations fail to give solid BG*/

HTML BODY [class*="open"],
HTML BODY [id*="Dropdown"],
HTML BODY [id*="dropdown"],
HTML BODY [class*="Dropdown"],
HTML BODY [class*="dropdown"],
HTML BODY [id*="menu"]:not(SELECT),
HTML BODY [class*="menu"]:NOT(SELECT),
HTML BODY [class*="tooltip"],
HTML BODY [class*="popup"], 
HTML BODY [id*="popup"],

/* Notes, details, etc.  Maybe useful */

HTML BODY [class*="note"],
HTML BODY [class*="detail"],
HTML BODY [class*="description"]

{background-color: #000000 !important}

/* Also common */
[class*="content"], [class*="container"] {background-color: #010101 !important}

/* Header gradient rules */

#header {background: -moz-linear-gradient(#020202,#000000) transparent !important;}
#header h1 {background-color: transparent !important;}

/* Headers, Logos */

[id*="masthead"] a,[id*="header"] a,
[id*="logo"] a, [class*="logo"] a

{text-indent: 0 !important;}

/* Instead of increasing specificity rating by using :not, set rules separately */

HTML:root BODY [class*="layer"],
HTML:root BODY #lightbox-nav,
HTML:root BODY #imageContainer {background-color: transparent !important}

/*================================================================================*/

/* Universal - sets color of text, border */

* {
color: #edede9 !important; 
border-color: #000000 !important;
outline-color: #edede9 !important;
text-shadow: none !important;}

html *:after,
html *:before

{color: #7bc6e9 !important;
border-color: #000000 !important;
background: none transparent !important}


/* Link */

a:link,
a:link *:not(IMG){ 

color: #e3f5fc !important;
background-color: transparent !important;
border-color: #000000 !important;}

a:visited, 
a:visited * {color: #fc1132 !important;}

a:hover,
a:hover *:not(IMG){

color: #548db1 !important; 
background-color: #000000 !important;
border-color: #000000 !important}

html [href*="#"]:hover {color: #548db1 !important; background-color: transparent !important;}

/* Headers with links*/

h1 a[href],
h2 a[href],
h3 a[href],
h4 a[href],
h5 a[href],
h6 a[href]   {color: #82cad7 !important}

h1 a[href]:hover,
h2 a[href]:hover,
h3 a[href]:hover,
h4 a[href]:hover,
h5 a[href]:hover,
h6 a[href]:hover   {color: #4ce0fb !important}


/* Event Handlers/Attributes */

[onclick],
[ondblclick],
[onmousedown]

{color: #578995 !important;
background-color: transparent !important;
text-indent: 0 !important}

[onclick]:hover,
[ondblclick]:hover,
[onmousedown]:hover

{color: #578995 !important;}

/* Make images transparent */

IMG  { opacity: 1 !important;}
IMG:hover  { opacity: 1 !important; background-color: #000000 !important; }
svg {background: none #000000 !important;}

/* Highlight */
::-moz-selection {background-color: #79a0c9 !important; color: #020202 !important;}

/* ===== Specific Fixes ===== */

/* google search link fix */
.g .r {background-color: transparent !important;}

/* google result hover highlight*/
div.vsc:hover > .vspi, div.vso > .vspi {background: none transparent !important; border: none !important;}

}

/*========== About... ==========*/

@-moz-document url(about:blank) {

html, html * {
  background: none #000000 !important;
  color: #d2d2d2 !important;}

}

@-moz-document url-prefix("about:neterror") {

html, body {background-color: #000000 !important; color: #d2d2d2 !important}
#errorPageContainer {background-color: #000000 !important; border-color: #000000 !important}
#errorPageContainer button {opacity: .8 !important}

/*resurrect pages FF extension*/
#resurrect {background-color: #000000 !important; border-color: #000000 !important} 

}