/*   
Theme Name: Gamers.IRC
Theme URI: www.gamersirc.net
Description: Sechste Neuauflage der offiziellen Gamers.Irc Seite durch Reactor.Dev
Author: `caligula`	
Author URI: www.reactordev.org
Version: 1.0
*/



/* Basics */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.bug		{	border: solid 1px #ff0000;	}

.flolef		{	float: left;	}
.clear		{	clear: both;	}

img		{	border: none;	}

p		{	margin: 0px;
			padding: 10px 0px 0px 0px;	}



/* Splash */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#splash		{	background-image: url(gfx/header.png);
			width: 270px;
			height: 205px;
			margin: 100px auto 0px auto;	}

#flag1		{	position: relative;
			top: 85px;
			left: 170px;
			width: 36px;
			height: 36px;	}

#flag2		{	position: relative;
			top: 95px;
			left: 170px;
			width: 36px;
			height: 36px;	}

#tag		{	position: relative;
			top: 125px;	}


/* Layout */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body		{	background-image: url(gfx/bg.png);
			margin: 0px;	}

#header		{	background-image: url(gfx/header.png);
			width: 270px;
			height: 205px;	}


#sidebar	{	width: 210px;
			position: absolute;
			top: 185px;
			left: 5px;	}
#sibatop	{	background-image: url(gfx/sibatop.png);
			height: 20px;	}
#sibamid	{	background-image: url(gfx/sibamid.png);
			padding: 0px 20px;	}
#sibabot	{	background-image: url(gfx/sibabot.png);
			height: 20px;	}


#content	{	/*width: 610px;*/
			width: calc(100% - 250px);
			position: absolute;
			top: 125px;
			left: 225px;	}
/*
.contop		{	background-image: url(gfx/contop.png);
			height: 20px;	}
.conmid		{	background-image: url(gfx/conmid.png);
			min-height: 360px;
			padding: 0px 48px;	}

.conmid2	{	background-image: url(gfx/conmid.png);
			padding: 20px 48px;	}

.conbot		{	background-image: url(gfx/conbot.png);
			height: 20px;	}
*/

.contop		{	background-color: #eceae0;
			border-left: 3px solid #bebcb5;
			border-right: 3px solid #bebcb5;
			border-top: 3px solid #bebcb5;
			border-top-left-radius: 20px;
			border-top-right-radius: 20px;
			box-shadow: 7px 7px 12px 11px #d1cfc4;
			height: 17px;
			margin: 9px 2px 0;   }

.conmid,
.conmid2        {	background-color: #eceae0;
			border-left: 3px solid #bebcb5;
			border-right: 3px solid #bebcb5;
			padding: 0px 48px;
			margin: 0px 2px;  }

.conmid2	{	padding: 20px 48px;	}

.conbot		{	background-color: #eceae0;
			border-left: 3px solid #bebcb5;
			border-right: 3px solid #bebcb5;
			border-bottom: 3px solid #bebcb5;
			border-bottom-left-radius: 20px;
			border-bottom-right-radius: 20px;
			height: 17px;
			margin: 0px 2px 9px;   }

#footer		{	background-image: url(gfx/footer.png);
			background-repeat:no-repeat;
			height: 50px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 2px;
			width:610px;
			padding-top: 10px;	}


#navi		{	background-image: url(gfx/navibg.png);
			width: 462px;
			height: 23px;
			position: absolute;
			top: 103px;
			left: 299px;
			padding-top: 7px;	}

#subnavi	{	width: 610px;
			position: absolute;
			top: 140px;
			left: 225px;
			z-index: 1;	}



/* Navigation */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.page_item	{	display: inline;
			margin-left: 10px;	}
#subnavi ul, #navi ul
		{	margin: 0px;
			padding: 0px;	}



/* Sidebar */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#latest_version	{	margin-bottom: 30px;	}
#language	{	margin-bottom: 20px;	}
#visits		{	margin-top: 25px;	}

#more_partner p	{	padding: 0px;	}

#language a, #more_partner p a
		{	border: none;	}

#more_partner img
		{	margin-bottom: 4px;	}



/* Links */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a		{	text-decoration: none;
			color: #D36135;
			border-bottom: 1px solid #BABABA;	}
a:hover		{	text-decoration: none;
			color: #BABABA;
			border-bottom: 1px solid #D36135;	}

#footer a	{	text-decoration: none;
			color: #BABABA;
			border: none;	}
#footer a:hover	{	text-decoration: none;
			color: #D36135;	}

#navi a		{	text-decoration: none;
			color: #DEE1CA;
			border: none;	}
#navi a:hover	{	text-decoration: none;
			color: #5B5B5B;
			border-bottom: 1px solid #DEE1CA;	}

.subtit a	{	text-decoration: none;
			color: #BABABA;
			border-bottom: 1px solid #D36135;	}

.subtit a:hover	{	text-decoration: none;
			color: #D36135;
			border-bottom: 1px solid #BABABA;	}

a.none, a:hover.none
		{	border: none;	}



/* News & Comments */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.post		{	width: /*509px;*/ 100%;
			padding: 20px 0px;	}

.titbar		{	/*background-image: url(gfx/titbar.png);*/
			background-color: #CACDAF;
			border: 4px solid #bac1a5;
   			border-radius: 10px;
			height: /*31px;*/ 27px;
			padding-top: /*4px;*/ 1px;	}

.postcor	{	padding: 0px 7px;	}

.subtit		{	width: 50%;
			margin-top: 5px;
			margin-bottom: 10px;	}

.postcor form	{	text-align:center;	}




.comment	{	background-color: #F1F0E9;
			width: 344px;
			margin: 10px 0px 0px 82px;
			padding: 3px;
			border-top: 1px dashed #BABABA;
			border-bottom: 1px dashed #BABABA;	}

#respond	{	margin-top: 20px;	}




input, textarea	{	border: 1px solid #000000;
			margin-bottom: 3px;	}




/* Typo */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.basefont	{	font-family: Verdana;
			font-size: 12px;
			color: #5B5B5B;	}

.alirig		{	text-align: right;	}
.alicen		{	text-align: center;	}
.leftalign	{	text-align: left !important; }
.block		{	text-align: justify;	}

.bold		{	font-weight: bold;	}

h1		{	font-size: 18px;
			color: #D36135;
			margin: 0px;	}

h2		{	font-size: 14px;
			color: #D36135;
			margin: 0px 0px 10px 0px;	}

.typo1		{	font-size: 10px;
			color: #BABABA;	}



/* misc */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.team_table	{	width: 500px;	}
.mar1		{	margin-top: 25px;	}
.mar2		{	margin-bottom: 20px;	}

#content p	{	margin: 0px;
			padding: 0px 0px 10px 0px;	}

#content ul	{	margin: 0px 0px 10px 0px;	}

.rules li	{	margin-bottom: 10px;	}




/* sociable */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable strong {
	font-size:11px;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}