body, h1, h2, h3, h4, h5, #nav {
	padding: 0;
	margin: 0;
}

body {
	background: #000 url("inc/images/bg.jpg");
	font-family: 'Segoe UI, Tahoma, Arial, Sans-serif';
	font-size: 62.5%;
}

a {
	color: #fff;
	text-decoration: none;
}

input {
	outline: 0;
}

#login-content, .box, .header, .table tr, footer {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.75) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.75)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.75) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.75) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.75) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.75) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#bf000000',GradientType=0 );
}

#login-content, button, .button, input[type="submit"], input[type="reset"], input[type="button"], .input, input[type="text"], input[type="password"], input[type="email"], .box, footer {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#login-content {
	display: none;
	position: absolute;
	top: 34px;
	right: 0;
	z-index: 999;
	width: 180px;
	padding: 10px;
	border: 1px solid #000;
	box-shadow:inset 0 -1px 0 rgba(255,255,255,0.2);
	-moz-box-shadow:inset 0 -1px 0 rgba(255,255,255,0.2), 0 2px 2px -1px rgba(0,0,0,0.9);
	-webkit-box-shadow:inset 0 -1px 0 rgba(255,255,255,0.2);
}

.input, input[type="text"], input[type="password"], input[type="email"], #nav a, .box, .table tr {
	transition: 0.3s box-shadow, 0.3s background, 0.5s color, 0.3s opacity;
	-o-transition: 0.3s box-shadow, 0.3s background, 0.5s color, 0.3s opacity;
	-ms-transition: 0.3s box-shadow, 0.3s background, 0.5s color, 0.3s opacity;
	-moz-transition: 0.3s box-shadow, 0.3s background, 0.5s color, 0.3s opacity;
	-webkit-transition: 0.3s box-shadow, 0.3s background, 0.5s color, 0.3s opacity;
}

.input, input[type="text"], input[type="password"], input[type="email"] {
	width: 138px;
	height: 25px;
	padding: 0 10px;
	border: 0;
	color: #000;
	box-shadow:0 1px 0 rgba(255,255,255,0.2), inset 0 0 5px #000, inset 0 0 0 1px #666;
	-moz-box-shadow:0 1px 0 rgba(255,255,255,0.2), inset 0 0 5px #000, inset 0 0 0 1px #666;
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.2), inset 0 0 5px #000, inset 0 0 0 1px #666;
}

.input:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus {
	box-shadow:0 1px 0 rgba(255,255,255,0.1), inset 0 0 5px #000, inset 0 0 0 1px #5E0F0F;
	-moz-box-shadow:0 1px 0 rgba(255,255,255,0.1), inset 0 0 5px #000, inset 0 0 0 1px #5E0F0F;
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.1), inset 0 0 5px #000, inset 0 0 0 1px #5E0F0F;
}

button, .button, input[type="submit"], input[type="reset"], input[type="button"] {		
	background: rgb(172,26,26);
	background: -moz-linear-gradient(top,  rgba(172,26,26,1) 0%, rgba(127,31,31,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(172,26,26,1)), color-stop(100%,rgba(127,31,31,1)));
	background: -webkit-linear-gradient(top,  rgba(172,26,26,1) 0%,rgba(127,31,31,1) 100%);
	background: -o-linear-gradient(top,  rgba(172,26,26,1) 0%,rgba(127,31,31,1) 100%);
	background: -ms-linear-gradient(top,  rgba(172,26,26,1) 0%,rgba(127,31,31,1) 100%);
	background: linear-gradient(to bottom,  rgba(172,26,26,1) 0%,rgba(127,31,31,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac1a1a', endColorstr='#7f1f1f',GradientType=0 );
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
	border: 1px solid #7e1515;
	padding: 5px 10px;
	margin: 0;
	font: bold 14px 'Arial';
	color: #fff;
	cursor: pointer;
}

button:hover, .button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
	background: rgb(127,31,31);
	background: -moz-linear-gradient(top,  rgba(127,31,31,1) 0%, rgba(172,26,26,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(127,31,31,1)), color-stop(100%,rgba(172,26,26,1)));
	background: -webkit-linear-gradient(top,  rgba(127,31,31,1) 0%,rgba(172,26,26,1) 100%);
	background: -o-linear-gradient(top,  rgba(127,31,31,1) 0%,rgba(172,26,26,1) 100%);
	background: -ms-linear-gradient(top,  rgba(127,31,31,1) 0%,rgba(172,26,26,1) 100%);
	background: linear-gradient(to bottom,  rgba(127,31,31,1) 0%,rgba(172,26,26,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f1f1f', endColorstr='#ac1a1a',GradientType=0 );
}

#wrapper, #logo, #nav {
	width: 800px;
	margin: auto;
}

#topbar {
	background: url("inc/images/topbar.png") no-repeat;
	width: 760px;
	height: 30px;
	padding: 0 24px 4px 24px;
	margin: -1px 0 -4px -4px;
	font: 14px/32px 'Segoe UI';
	color: #fff;
}

#topbar a {
	color: #fff;
	float: right;
}
		
#login {
	position: relative;
}

#logo {
	background: url("inc/images/logo.png") no-repeat;
	height: 250px;
	width: 550px;
	margin-right: auto;
	margin-left: auto;
}

#nav {
	list-style: none;
	background: url("inc/images/nav.png") no-repeat;
	height: 50px;
	text-transform: uppercase;
	font: 12px/50px 'Segoe UI';
	padding: 0 0 0 3px;
	margin-bottom: 10px;
}

#nav li {
	float: left;
	margin: 0 0 0 13px;
}

#nav li, #nav a {
	display: block;
	width: 100px;
	height: 50px;
	text-align: center;
	color: #aaa;
}

#nav a {
	background: url("inc/images/nav_normal.png") ;
}

#nav a:hover {
	color: #fff;
	background: url("inc/images/nav_hover.png") no-repeat;
}

#nav a:active {
	background: url("inc/images/nav_active.png");
}

#sidebar {
	width: 200px;
	float: left;
}

#content {
	width: 589px;
	margin-right: 3px;
	margin-left: auto;
}

.box {
	min-height: 180px;
	margin-bottom: 10px;
	border: 1px solid #000;
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.3);
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3);
	color: #888;
	font: 11px 'Segoe UI';
}

.box:hover {
	color: #bbb;
}

.header {
	height: 35px;
	padding: 0 10px;
	border-bottom: 1px solid #555;
	font: 12px/35px 'Segoe UI';
	color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
	opacity: 0.5;
}

.pad {
	padding: 10px;
}

.table,
.table tr {
	min-width: 180px;
	border-collapse:collapse;
	font: normal 11px "Trebuchet MS";
	color: #fff;
	margin: 5px 0;
	border-radius: 10px;
	text-align: left;
	cursor: default;
}

.trans {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
	opacity: 0.5;
}

.table {
	margin: 0 auto;
}

.table tr:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
	opacity: 0.8;
}

.table td {
	border-collapse:collapse;
	border: 1px solid #555;
	padding: 5px;
}

footer {
	height: 30px;
	padding: 0 10px;
	font: 10px/30px 'Segoe UI';
	text-align: center;
	border: 1px solid #000;
	color: #777;
}