@import url("fonts/cgothic.css");
/* Common style SITE-WIDE for a consistent UI */

body {
	background: 	#000 url('/images/common/bg.jpg') fixed;
	font-family:	Century Gothic, Tahoma, sans-serif;
	font-size:		large;
	color: 			#FFFFFF;
	text-shadow: 	0px 0px 2px #fff;
	
	/* Firefox, you're absolutely useless*/
	overflow-x:		hidden;
}

/* Provides reference for elements wishing to be 100% (heh, how cute) */
body,html { 	
	margin: 	0px;
	padding: 	0px;
	width: 		100%;
	height: 	100%;
}

a {
	color: 				#0cc;
	text-decoration: 	none;
	text-shadow: 		0px 0px 4px #0ff;
	cursor: 			pointer;
	outline: 			none;
}

a:active { 
	color: #088;
}

/* Whoever came up with the standard of bordering linked images should be castrated. Twice. */
a img {
	border: none;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0px;
}

hr {
	margin: 2px;	
}

p {
	margin: 5px 0px 5px 0px;
}

/* Who was the idiot who seriously made table cells bordered as default? and in such a manner that requires such a stupid CSS rule like border-collaapse? */
table,tr,td {
	border-spacing: 0px;
	margin: 	0px;
	padding: 	0px;
}

/* CHAIN CLASSERS */
.bold 	{ font-weight: bold; }
.rt 	{ text-align: right; }
.hide 	{ display: none; }
.debug 	{ background: #f00 !important; }

/* Common classes for UI elements like dialog boxes */
.dialog {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	padding: 4px;
	font-size: 		small;
	z-index: 999;
}

.dialog_error {
	background:		repeat url('/images/common/dialog_error.png');
	text-shadow: 	0px 0px 4px #f05;
}