/* BABOON - COPYRIGHT 2010 BY MDP72/71 - DIGITAL CLASS */

/* CSS RESET */

* {
margin:0px;
padding:0px;
text-decoration:none;
list-style:none;
border:none;
outline:none;}

/* -- GENERAL ------------------------------------- */

body {
background:#d1e4f4 url(images/bg.jpg);
color:#666;
font-size:12px;
font-family:Arial, Helvetica, Verdana, sans-serif;}

a {color:#ec751d;}

h1 {
font-family: "Cheri";
font-weight:normal;
color:#ec751d;}
	
h1.bruellhuette {
background:url(images/bruellhuette.png);
height:25px;
width:121px;
text-indent:-9999px;
margin-left:4px;
margin-bottom:10px;}

h2 {
font-family:Cheri;
font-weight:normal;
opacity:0.4;
margin-bottom:10px;}

/* -- TABLES ----------------------------------------- */

table {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:0;
width:100%}

th {
text-align:left;
background:#ec751d;
color:#fff;
padding:8px;
font-weight:bold;}

th.first {
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius:5px;}

th.last {
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius:5px;}

th a {
color:#fff;}

tr.alt_1 td {
background:#f4f4f4;}

td {
padding:8px;
border-bottom:1px dotted #ddd;}

td a {
font-weight:bold;}

tr a:hover {
text-decoration:underline;}

tr:hover td{
background:#e4e4e4;}


/* -- FORMS -------------------------------------------------- */

textarea {
border: 1px solid #ddd;
-moz-border-radius:3px;
-webkit-border-radius:3px;
width:97%;
padding:5px;
font-family: Arial, Verdana;
font-size:12px;
color:#666;}

input {
border:1px solid #ddd;	
padding:5px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
width:150px;
float:right;
color:#666;}

input.button, a.button {
background:#ec751d;
padding:5px;
color:#fff;
font-weight:bold;
text-transform: uppercase;
font-size:10px;
cursor:pointer;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:none;}

a.button:hover, input.button:hover {
background:#549ecf;}

#login input, #register input {
width:100px;}
	
#login input.button, #register input.button {
margin-top:0px;
width:112px;
padding:5px;}

.text input {
float:none; }		

/* -- LAYOUT ---------------------------------------------------- */
		
#page {
width:980px;
margin:20px auto;
position:relative;}

	#logotypo {
	width:210px;
	height:118px;
	background-image: url(images/logotypo.png);
	position:absolute;
	text-indent: -9999px;
	top:16px;
	left:70px;}
	
	#logo {
	width:351px;
	height:356px;
	background-image: url(images/logo.png);
	position:absolute;
	text-indent: -9999px;
	top:17px;
	z-index:2;
	left:0px;}	

	#busch {
	position:absolute;
	z-index:1;
	top:91px;
	left:290px;
	background-image: url(images/busch.png);
	width:411px;
	height:69px;}
	
	#wiese {
	position:absolute;
	z-index:1;
	top:261px;
	left:147px;
	background-image: url(images/wiese.png);
	width:184px;
	height:69px;}
	
	#vertical {
	position:absolute;
	z-index:1;
	top:190px;
	right:-69px;
	background-image: url(images/vertical.png);
	width:69px;
	height:411px;}
	
	#login {
	-moz-box-shadow: 2px 2px 0px 0px #b0bec9;
	width:180px;
	background:#fff;
	color:#666;
	padding:8px !important;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	position:absolute;
	top:128px;
	right:-15px;
	z-index:100;}	
	
	#register {
	-moz-box-shadow: 2px 2px 0px 0px #b0bec9;
	width:180px;
	background:#fff;
	color:#666;
	padding:8px !important;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	position:absolute;
	top:128px;
	right:60px;
	z-index:100;}	
	
	#login .ecke, #register .ecke {
	background:url(images/ecke.png);
	position:absolute;
	width:20px;
	height:12px;
	top:-11px;
	right:40px;}
	
	#register .ecke {
	right:60px;}
	
	#login p, #register p {
	clear:both;
	height:16px;
	margin-bottom:15px;}
	
	#login p.last, #register p.last {
	margin:0px;}
	
	#login p span, #register p span {
	font-size:10px;
	text-transform:uppercase;
	color:#999;
	font-weight:bold;
	float:left;
	padding-top:5px;
	display:block;
	height:20px;}

/* -- RIGHT SIDE ------------------------------------------------- */

#content {width:710px;float:right; z-index:3;position:absolute;right:0px;}

.gamepage {
width:916px !important;
float:left !important; 
margin-left:60px !important;}
	
#content .text {
z-index:1000;
background:#fff;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
padding:8px;
margin-top:160px;
min-height:470px;}
	
#content .game {
width:900px;
height:400px !important;
min-height:400px;}
	
	#content .text div {
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius:5px;}
	
	#content .text .full {
	background:#f4f4f4;
	height:338px;
	margin-bottom:8px;
	width:100%;}
	
		.full p { 
		-moz-border-radius: 5px;
		-webkit-border-radius:5px;
		height:338px; 
		width:695px;}
	
		.full .create { background-image: url(images/1.jpg);}
		.full .explore { background-image: url(images/2.jpg);}
		.full .fight { background-image: url(images/3.jpg);}

	#content .text div.short {
	color:#fff;
	font-family: "Cheri";
	background:#eaeaea;
	margin-right:8px;
	width:226px;
	height:222px;
	float:left;}
	
	.short a {color:#fff;}
	
	.short a:hover {
	background-image:url(images/trans.png);}
	
/* -- MAIN MENU -------------------------------------------------- */
	
	#content .menu {
	position:absolute;
	height:47px;
	top:65px;
	right:0px;
	font-family:"Cheri";}
	
	#content .menu a {
	float:left;
	display:block;
	padding:10px 10px 5px 10px;
	-moz-border-radius: 8px;
	-webkit-border-radius:8px;
	margin-left:5px;
	font-size:20px;
	border:3px solid transparent;}
	
	#content .menu a:hover, #content .menu a.active {
	background:#fff;
	border:3px solid #eaeaeb;
	-moz-box-shadow: 2px 2px 0px 0px #b0bec9;}
	
/* -- LOGGED MENU ------------------------------------------------ */
	
	#content .loggedmenu {
	position:absolute;
	height:47px;
	top:115px;
	right:0px;
	font-family:"Cheri";}
	
	#content .loggedmenu a {
	float:left;
	color:#549ecf;
	display:block;
	padding:5px 5px 0px 5px;
	font-size:14px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	margin-left:2px;
	border:3px solid transparent;}
	
	#content .loggedmenu a.active, #content .loggedmenu a:hover  {
	background:#fff;
	-moz-box-shadow: 2px 2px 0px 0px #b0bec9;
	-webkit-box-shadow: 2px 2px 0px 0px #b0bec9;
	border:3px solid #eaeaeb;}
	
/* -- NEWS --------------------------------------------------------- */

	#content .text div.news {
	background-image:url(images/news.jpg);} 
	
	div.news ul li a {
	border-top:1px solid #fff;
	text-transform: lowercase;
	font-size:14px;
	padding:12px;
	display:block;
	font-family: "Cheri";
	line-height:12px;}
	
	div.news ul li:first-child a {border:none;}
	
	div.news ul li a span {
	opacity:0.9;	
	font-size:11px;
	display:block;}
	
/* -- GAMEPLAY & MEDIA ---------------------------------------------- */
	
	#content .text div.media {
	background-image:url(images/media.jpg);
	margin:0px;
	float:left;}
		
	#content .text div.gameplay {
	background-image:url(images/gameplay.jpg);} 
	
	.media a, .gameplay a {
	height:142px;
	text-align:center;
	display:block;
	padding-top:80px;
	font-size:30px;}
		
	.media a span, .gameplay a span {
	display:block;
	font-size:11px;}
	
/* -- MISC ----------------------------------------------------------- */
	
	p.info {
	background:#f4f4f4;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	padding:8px;
	line-height:21px;
	margin-bottom:8px;}
	
	textarea, p.info textarea, p.info input {
	margin-bottom:8px;}
	
	p.info span {
	display: block;
	width:110px;
	float:left;}
	
	p.post {margin-left:24px;}
	
	p.delete {
	float:right;}
	
	a.group img {
	width:330px;
	border:2px solid #ec751d;}
	
/* -- FORUM ------------------------------------------------------------*/

	p.info span.posthead {
	border-bottom:1px solid #ddd;
	margin-bottom:4px;
	padding-bottom:4px;
	display:block;
	float: none;
	width:100%;}
	
	p.info span.posthead span{
	float:right;
	color:#999;
	text-align:right;}
	
	p.info span.topic {
	width:250px;}
	
	p.info span.replies {
	width:100px;
	height:16px;
	text-align: right;}
	
	p.info span.hits {
	width:80px;
	text-align: right;}
	
	p.info span.count {
	width:20px;
	background:#ec751d;
	color:#fff !important;
	font-size:11px;
	font-weight:bold;
	text-align:center !important;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-left:10px;}
	
	p.info span.lastreply {
	width:210px;
	text-align:right;
	float:right;}
	
	p.active {
	background:#ec751d;
	color:#fff;}
	
	p.active a {
	color:#fff;}
	
	p.head {
	padding:0px 8px;}
	
	p.head span {
	font-size:9px;
	font-weight: bold;
	text-transform: uppercase;}
	
	img.forumimage {}

/* -- LEFT SIDE ------------------------------------------------------- */
	
#sidebar {
float:right;
width:230px;
z-index:0;
positioN:absolute;
left:40px;
top:330px;}
		
#sidebar .inner {
background:#549ecf;
border:2px solid #fff;
border-right:none;
padding:10px;
color:#fff;
margin-bottom:20px;
-moz-border-radius-topleft:8px;
-moz-border-radius-bottomleft:8px;*
-webkit-border-top-left-radius:8px;
-webkit-border-bottom-left-radius:8px;}

#sidebar .first {padding-top:50px;}	

/* -- HIGHSCORE TOP 5 -------------------------------------------------- */

	#sidebar .inner ul }

	#sidebar .inner ul li {list-style:none; display:inline;}

	#sidebar .inner ul li a{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-image:url(images/trans.png);
	margin-bottom:2px;
	color:#fff;
	display:block;
	font-size:14px;
	padding:10px;}
	
	#sidebar .inner ul li a:hover {
	background-image:url(images/gameplay.jpg);
	border:none;}
	
	#sidebar .inner ul li a span {float:right; opacity:0.4; font-weight:bold;}

	#sidebar .inner ul li a span + span {float:none;}
	
/* -- SHOW ALL LINK ----------------------------------------------------- */
	
	#sidebar p {
	text-align: right;
	padding-top:5px;}
	
	#sidebar p a {
	color:#fff;}
	
	#sidebar p a:hover {
	text-decoration:underline;}
	
/* -- PROFILE ------------------------------------------------------------- */
	
	.picture, .about, .stats {float:left;}
	
	.about, .stats {margin-left:8px;}
	
	.picture {
	background:#f0f0f0 url(images/1.jpg) -525px -22px;
	border:3px solid #ddd;
	width:134px;
	height:225px;
	padding:8px;}
	
	.about {width:372px;}
		
	.stats {width:134px;
	background:#f0f0f0;
	padding:8px;}
	
	.user, .pinnwand {padding:8px;background:#f0f0f0;}
	
	.pinnwand {margin-top:8px;}

	.pinnwand h2, .user h2 {
	margin-top:10px;
	margin-bottom:0px;}
	
	.stats h2 {
	margin-bottom:0px;}
	
	.date {
	margin-top:3px;
	font-size:14px;
	float:right;}
	
	.message {
	border-top:1px solid #ddd;
	padding-top:3px;
	padding-left:3px;}
	
	.pinnwand h2 {
	margin-top:16px;}

/* -- SOCIAL ------------------------------------------------------------- */

	.social {
	top:180px;
	left:20px;
	z-index:6;
	text-indent: -9999px;
	position:fixed;
	width:20px;
	height:20px;}

	.facebook {
	top:210px;
	background:url(images/facebook.png);}

	.twitter {
	background:url(images/twitter.png);}
	
	#tooltip {
	position:absolute;
	background:#ec751d;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	padding:2px 6px 4px 6px;
	color:#fff;
	z-index:7;
	text-transform: uppercase;
	font-size:11px;
	font-weight:bold;
	-moz-box-shadow: 2px 2px 0px 0px #b0bec9;
	display:none;}
	
	#tooltip img {
	margin-left:-12px;
	margin-right:5px;
	margin-top:3px;}
		
		
/* -- FOOTER ----------------------------------------------------------------- */

	#footer {
	padding:10px 30px 0px 30px;
	color:#99abbf;
	font-weight:bold;}

	#footer span {float:right;}
		
.clear {clear:both;}