/* Global *************************************************************************************/
body { color: #AAA; background-color: #282828; background-image: url("/images/site/bg.jpg"); }

a { color: #088; }
a:hover { color: #4AA; }

fieldset {
	border: 1px solid #444444;
}

hr { color: #222; background-color: #353535; }

/* Headers ********************************************************************************************************************/
h1, h2, h3, h4, h5, h6, h7, h8 { color: #CCC; }
h1 { text-shadow: 2px 0px 1px #F56, 0px 1px 1px rgba(0, 255, 255, .5), -2px 0px 1px #0DF, 0px -1px 1px rgba(255, 127, 0, .5); }
h2 { color: #CCC; text-shadow: 1px 0px 2px rgba(255, 145, 160, .5), -1px 0px 2px rgba(145, 145, 255, .5), 1px 0px 2px rgba(255, 145, 160, .5), -1px 0px 2px rgba(145, 145, 255, .5), 1px 0px 2px rgba(255, 145, 160, .5), -1px 0px 2px rgba(145, 145, 255, .5); }
h4 { color: #AAA; }
h5 { color: #777; text-shadow: 0 2px 3px #111; }

/* Design *********************************************************************************************************************/
.column, .content { 
	background-color: #2F2F2F;
	border-color: #1A1A1A;
	background-color: rgba(30, 50, 70, .15);
}

.disabled { color: #222; text-shadow: 0 1px #666; }
.blur { color: rgba(0, 0, 0, .1); text-shadow: 3px 0px 3px rgba(255, 127, 127, .5), -3px 0px 3px rgba(127, 255, 255, .5); }
.box object, .box embed, .box img { border: solid 1px #383838; }
.strongbox object, .strongbox embed, .strongbox img { border: solid 1px #222222; }

/* UI *********************************/

/* .button is generated by JS */
.toggle .button { color: #933; }
.toggle .button:hover { color: #67A; }

.tab {
	background-color: #012;
	border: solid 1px rgba(48, 96, 192, .1);
	background-color: rgba(24, 48, 96, .2);
}
.tab:hover {
	background-color: #234;
	background-color: rgba(0, 0, 0, .5);
}

.tab .disabled {
	background: transparent;
}

.topbar {
	background: rgba(0, 0, 0, .5);
	border-bottom: .2em solid black;
}

/* EFFECTS *****************************************************************************************************************************************/
.column {
	box-shadow: -3px -3px 10px #191919 inset;
	-moz-box-shadow: -3px -3px 10px #191919 inset;
	-webkit-box-shadow: -3px -3px 10px #191919 inset;
	
	background: -moz-linear-gradient(top, #393939, #292929); /* FF3.6 */
	background: -webkit-gradient(linear, left bottom, left top, color-stop(1, #393939), color-stop(0, #292929)); /* Saf4+, Chrome */
	background: rgba(30, 50, 70, .15);
}

/* Unused ******************************************************************************************************************
.topbar span a:visited {
	color: #088;
}
.topbar .description {
	color: #999;
}

.topbar h1.homelink a, .topbar h1.homelink a:visited {
	text-shadow: 1px 0px 1px #F56, -2px 0px 1px #0DF;
}

.ask .button {
	background: #222;	
}

.ask :hover {
	background: #012;
}

.fade-down {
	background: -moz-linear-gradient(top, #282828, #181818);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(1, #282828), color-stop(0, #181818));
}

.fade-up, .fader {
	background: -moz-linear-gradient(top, #181818, #282828);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(1, #181818), color-stop(0, #282828));
	background: -moz-linear-gradient(top, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));
	background: -webkit-gradient(linear, left bottom, left top, color-stop(1, rgba(0, 0, 0, .4)), color-stop(0, rgba(0, 0, 0, 0)));
}

.ask .button {
	box-shadow: -1px -1px 12px #111 inset, -1px -2px 10px #023;
	-moz-box-shadow: -1px -1px 12px #111 inset, -1px -2px 10px #023;
	-webkit-box-shadow: -1px -1px 12px #111 inset, -1px -2px 10px #023;
}

.ask .button:active {
	box-shadow: -1px -1px 12px #311 inset, -1px -2px 10px #023;
	-moz-box-shadow: -1px -1px 12px #311 inset, -1px -2px 10px #023;
	-webkit-box-shadow: -1px -1px 12px #311 inset, -1px -2px 10px #023;
}

.inset-shadow {
	box-shadow: -3px -3px 10px #191919;
	-moz-box-shadow: -3px -3px 10px #191919;
	-webkit-box-shadow: -3px -3px 10px #191919;
}
*/