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 {
    color: rgb(237, 95, 91);
    font-size: 26px;
    }

H2, H2 TT { color: rgb(237, 128, 90); }

H3, H3 TT { color: rgb(236, 167, 91); }

H4, H4 TT { color: rgb(236, 167, 91); }

.boxrow {
    background-color: black;
    padding-left: 20px;
    padding-right: 10px;
    padding-bottom: 1px;
    padding-top: 1px;
}

.boxrow.margin { height: 10px; }

.boxrow.h-normal { height: 90px; }
.boxrow.h-4line  { height: 120px; }
.boxrow.h-double { height: 170px; }

/* round box */
.rbroundbox { 
	margin-left: 2px; margin-right: 2px; margin-top: 10px; 
	-moz-border-radius: 9px;
  	-webkit-border-radius: 9px;
  	border-radius: 9px;
}
.rbroundbox .title { font-weight: bold; }
.rbcontent { 
    margin-top: -15px; margin-bottom: -15px; 
    margin-right: 10px; margin-left: 10px;
    padding-left: 5px;
    position: relative; top: 0px; left: 0px;
}
/* round box float dir */
.rbroundbox.right { float: right; }
.rbroundbox.left  { float: left; }

/* round box color */
.rbroundbox.color1 { background-color: rgb(45, 53, 51); }
.rbroundbox.color1 .title { color: rgb(163, 113, 213); } 
.rbroundbox.color2 { background-color: rgb(53, 46, 44); }
.rbroundbox.color2 .title { color: rgb(90, 164, 237); }
.rbroundbox.color3 { background-color: rgb(38, 38, 60); }
.rbroundbox.color3 .title { color: rgb(34, 179, 34); }

/* "fat text" style */
.rbroundbox.fattext { font-size:130%; font-weight:900; line-height: 0.85em;  }
.rbroundbox.fattext .rbcontent { margin-top: -10px; margin-left: 5px; /*position: relative; top: 5px; left: 10px;*/ }
.rbroundbox.fattext.bottom .rbcontent { /*position: relative; top: 10px; left: 5px;*/ }

/* round box size: width */
.rbroundbox.w-1 { width: 150px; }
.rbroundbox.w-1andabit { width: 180px; }
.rbroundbox.w-2 { width: 300px; }
.rbroundbox.w-3 { width: 450px; }
/* round box size: height */
.boxrow.h-normal .rbcontent { height: 80px; }
.boxrow.h-4line  .rbcontent { height: 100px; }
.boxrow.h-double .rbcontent { height: 150px; }

/* for the forms (TODO: make better)*/
FIELDSET, INPUT, SELECT {
    background-color: rgb(45, 53, 51);
    color: rgb(153, 168, 83);
    border-color: rgb(153, 168, 83);
}

/* For the text at the bottom of the page */
.finalwords {
    font-size: 0.3em;
}

/* For small links that I don't want noticed, but if they are, can prove
   useful */
A.tinycapslink {
    font-size: 0.7em;
    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 {
   font-size: 5px;
}
