/* $Id: main.css 63 2009-10-12 11:25:02Z darkmind $ */
@import url('/assets/userbar.css');


body {
	background: #2b2c2d url("img/bg.png") top left repeat-x; color: #fff; margin: 230px 0px 0px 0px;
	font: 14px/21px "Helvetica Neue", "Helvetica", "Trebuchet MS", Verdana, sans-serif;
	text-shadow: #000 1px 1px 1px;
}
.cb { clear: both; }
.dim { opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); }
div#r { width: 960px; margin: 0 auto; }

div#loginbox {
	width: 450px; padding: 20px 20px 0px 20px; margin: 0 auto; text-align: center;
	background: transparent url("img/bg_login.png") center center no-repeat;
	border: 0px solid #000; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	-moz-box-shadow: 0 0 15px #000; -webkit-box-shadow: 0 0 15px #000;
	
}
div#loginbox div.loginbox_form {
	float: right; width: 300px; border-left: 1px solid #000; 
	padding: 15px 0px 10px 20px; margin-bottom: 20px;
	text-align: right;
}
div#loginbox div.loginbox_text {
	padding: 20px 0px 10px 0px; text-align: left;
}
div#loginbox div.loginbox_form input {
	display: block; width: 250px; padding: 5px 10px; border: none; color: #fff; 
	font-weight: bold; text-shadow: #000 1px 1px 1px; text-align: center;
	background: #202020 url("img/input_bg.png") top left repeat-x; margin: 5px auto;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	-moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000;
}
div#loginbox div.loginbox_form input.submit {
	background: #527b1d url("img/bg_submit.png") center center repeat-x; color: #fff; width: 270px; margin-top: 10px;
	
}

div#loginbox div.loginbox_form input.error {
	border: 1px solid #900; margin: 3px auto;
}





div#user {
	padding: 10px; background: #222; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	-moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; overflow: hidden;
}

div#user h2 { font-weight: 100; margin: 0px; padding: 0px 0px 2px 0px; }

div#user div.greeting { }
div#user div.greeting h1 { padding-left: 100px;border-bottom: 1px solid #fff; font-weight: 100; padding-bottom: 2px; }

div#user div.userpic { float: left; width: 100px; }
div#user div.userinfo { float: left; width: 460px; }
div#user div.userinfobox { width: 100%; margin: 0px; padding: 0px; }
div#user div.userinfobox ul { margin: 0px 10px 0px 0px; padding: 0px; list-style: none; }
div#user div.userinfobox ul li { display: block; width: 45%; float: left; list-style: none; margin: 0px; padding: 0px; }
div#user div.userinfobox ul li ul,
div#user div.userinfobox ul li ul li { width: 100%; float: none; display: block; }


div#user div.statistics { float: right; width: 370px; }