BODY, .spcdefault {
    background-color: rgb(26,23,22);
    color: rgb(153, 168, 83);
	font-family: tahoma, sans-serif;
}

A {
    color: rgb(204, 153, 0);
    text-decoration: none;
}

.indented {
    margin-left: 50px;
}

H1, H1 TT, H1 A, .h1 {
    color: rgb(237, 95, 91);
    font-size: 26px;
	 font-weight: bold;
	 margin: 17px 0px 17px 0px;
    }

H2, H2 TT { color: rgb(237, 128, 90); }

H3, H3 TT { color: rgb(236, 167, 91); }

H4, H4 TT { color: rgb(236, 167, 91); }

/* for the forms (TODO: make better)*/
FIELDSET, INPUT[type="text"], INPUT[type="button"], INPUT[type="submit"], SELECT, TEXTAREA {
    background-color: rgb(45, 53, 51);
    color: rgb(153, 168, 83);
    border-color: rgb(153, 168, 83);
}

/* For small links that I don't want noticed, but if they are, can prove
   useful */
A.tinycapslink {
    font-size: 12px;
    color: rgb(70, 70, 70);
    font-variant: small-caps;
    font-weight: bold;
}
H3 A.tinycapslink, H2 A.tinycapslink, H1 A.tinycapslink {
    font-size: 0.45em;
}
A.tinycapslink:hover {
    color: rgb(150, 150, 150);
}   

/* For images in links: 
  I want to have a specific border in certain cases, but none by default */
IMG {
    border-width: 0px; /* no border */
    border-color: rgb(53, 46, 44);
    border-style: solid;
}
A:hover IMG {
    border-color: rgb(150, 150, 150);
}


/* Short-name to remove underline from links */
A.n {
    text-decoration: none;
}

TH A.n:hover, TH A:hover {
    text-decoration: underline;
}

#validxhtml, #validhtml5 {
   font-size: 5px;
}