@charset "utf-8";

/* globals */
*
{
	margin:					0;
	padding:				0;
}

body
{
	height:					100%;
	background:				#ffffff;
	color:					#6a6a6a;
	font-family:			Cambria, serif;
	font-size:				13px;
	font-style:				normal;
	font-weight:			normal;
	text-transform:			normal;
	letter-spacing:			normal;
	line-height:			1.6em;
	background:				url(../images/bg2.jpg) top center repeat;
}

a
{
	color:					#5a5a5a;
	text-decoration:		none;
}

a:hover 
{
	text-decoration:		underline;
}

h2
{
	font-family:			Helvetica, Arial, sans-serif;
	font-size:				28px;
	font-style:				normal;
	font-weight:			bold;
	text-transform:			normal;
	letter-spacing:			-1px;
	line-height:			1.2em;
	color:					#2a2a2a;
}

h3
{
	font-family:			Helvetica, Arial, sans-serif;
	font-size:				16px;
	font-style:				normal;
	font-weight:			bold;
	text-transform:			uppercase;
	letter-spacing:			normal;
	line-height:			1.5em;
	color:					#2a2a2a;
}

h2 a, h3 a, h2 a:hover, h3 a:hover
{
	text-decoration:		none;
	color:					#2a2a2a;
}

h2 span, h3 span
{
	font-weight:			bold;
}

img, a img, a:hover img
{
	border:					0;
	text-decoration:		none;
}

ul
{
	margin-left:			15px;
	list-style-type:		square;
}

li
{
	padding-left:			5px;
}

/* global classes */
.small
{
	color:					#939393;
	/*font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.3em;*/
	font-size:				0.8em;
	line-height:			1.3em;
	margin-top:				0.1em;
}

.il
{
	text-align:				left;
}

.ic
{
	text-align:				center;
}

.ir
{
	text-align:				right;
}

.ij
{
	text-align:				justify;
}

.ifl
{
	float:					left;
}

.ifr{
	float:					right;
}

.float
{
	clear:					both;
	float:					left;
	padding-right:			6px;
}

.clear{
	clear:					both;
	width:					100%;
}

.openid
{
	background:				url('../images/icons/openid.gif') no-repeat scroll 0pt 50%;
	padding-left:			18px;
}

.meta
{
	margin-top:				-2px;
	color:					#939393;
	/*font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;*/
	font-size:				0.8em;
	text-transform:			uppercase;
}

.meta a, .meta a:hover
{
	color:					#939393;
}

.infos
{
	float:					left;
	width:					250px;
}

.comments
{
	text-align:				right;
}

.hr
{
	height:					3px;
	line-height:			3px;
	margin:					1px;
	background:				url(../images/dot.png) repeat-x;
}

.boxtt, .boxbb, .boxll, .boxrr, .boxtr, .boxtl, .boxbr, .boxbl
{
	margin:					0;
	padding:				0;
}

.boxh
{
	padding-left:			8px;
	padding-top:			8px;
}

.boxc
{
	padding:				5px;
}

.bg-l {}
.bg-m {}

.numbers
{
	font-family:			Georgia, serif;
	font-style:				normal;
	font-weight:			normal;
	text-transform:			uppercase;
	letter-spacing:			1px;
	line-height:			2em;
}

/* site container */
#bg
{
	background:				url(../images/bg.jpg) top center repeat-x;
}

#site
{
	margin:					0 auto;
	padding:				0;
	width:					70em;
}

/* login (userbar) */
#login
{
	float:					right;
	text-align:				right;
	font-family:			Helvetica, Arial, sans-serif;
	font-size:				11px;
	font-style:				normal;
	font-weight:			normal;
	text-transform:			uppercase;
	letter-spacing:			normal;
	line-height:			1.6em;
}

#login ul
{
	float:					right;
	padding-left:			0;
	margin-left:			0;
}

#login ul li
{
	display:				inline;
	padding:				0;
}

#login ul li a
{
	float:					left;
	padding:				0 1em;
	background:				right url(../images/dot.png) repeat-y;
}

#login ul li a:hover
{
	text-decoration:		underline;
}

#login ul li a.last
{
	background:				transparent;
}

#login div.info
{
	clear:both;
}
#login div.info ul
{
	float:right;
}

#login div.info ul li a
{
	float:					none;
	background:				transparent;
	padding:				1px;
	background:				#e21b25;
	color:					#ffffff;
}

#login form input, #login form button
{
	width:					50px;
	padding:				0;
}

#login form button
{
	width:					60px;
	height:					30px;
	background:				url(../images/login.png) no-repeat;
	border:					0;
	padding:				0;
	margin:					0;
}

#login form input
{
	background:				transparent;
	border:					0;
	border-bottom:			1px solid #6a6a6a;
}

/* header */
#header
{
	height:					183px;
}

#logo_gfx_a
{
	position:				absolute;
	width:					388px;
	height:					183px;
	background:				url(../images/logo_a.jpg) center no-repeat;
}

#logo_gfx_b
{
	position:				absolute;
	margin-left:			-73px;
	width:					73px;
	height:					701px;
	background:				url(../images/logo_b.jpg) center no-repeat;
}

#logo_gfx_a a, #logo a:hover
{
	display:				block;
	width:					100%;
	height:					183px;
	line-height:			183px;
	text-decoration:		none;
}

/* navigation */
#control
{
	float:					right;
	width:					210px;
	height:					110px;
	margin-top:				43px;
	margin-right:			40px;
}

#control ul
{
	margin:					0;
	padding:				0;
	list-style:				none;
}

#control ul li
{
	margin:					0;
	padding:				0;
}

#control ul li a {
	display:				block;
	width:					100%;
	height:					21px;
	line-height:			21px;
	background:				url(../images/nav.png) top left no-repeat;
	text-decoration:		none;
}

#control ul li a.current	{ background-image:url(../images/navh.png); }
#control ul li a:hover		{ background-image:url(../images/navh.png); text-decoration:none; }
#control ul li a span		{ visibility:hidden; }
#control ul li a.members	{ height:24px; background-position: 0px 0px; }
#control ul li a.matches	{ background-position: 0px -24px; }
#control ul li a.forum		{ background-position: 0px -45px; }
#control ul li a.downloads	{ background-position: 0px -66px; }
#control ul li a.mapdb		{ background-position: 0px -87px; }

/* main container */
#main
{
}

#main .boxtt { background:#ececec; }
#main .boxtr { background:url(../images/maintr.png) top right no-repeat; }
#main .boxtl { background:url(../images/maintl.png) top left no-repeat; }
#main .boxbr { background:url(../images/mainbr.png) bottom right no-repeat; }
#main .boxbl { background:url(../images/mainbl.png) bottom left no-repeat; }

/* breadcrumbs */
#breadcrumbs
{
	margin-top:				30px;
	margin-bottom:			6px;
	font-family:			Helvetica, Arial, sans-serif;
	font-size:				11px;
	font-style:				normal;
	font-weight:			normal;
	text-transform:			normal;
	letter-spacing:			normal;
	line-height:			1.4em;
}

/* footer */
#footerc
{
	clear:					both;
	padding:				10px 0px 0px 0px;
}

#footerc .boxtt { background:#ececec; }
#footerc .boxtr { background:url(../images/maintr.png) top right no-repeat; }
#footerc .boxtl { background:url(../images/maintl.png) top left no-repeat; }
#footerc .boxbr { background:url(../images/mainbr.png) bottom right no-repeat; }
#footerc .boxbl { background:url(../images/mainbl.png) bottom left no-repeat; }

#footer
{
	clear:					both;
	padding:				10px 0px;
	font-family:			Verdana, sans-serif;
	font-size:				10px;
	font-style:				normal;
	font-weight:			normal;
	text-transform:			normal;
	letter-spacing:			normal;
	line-height:			1.6em;
}

#footer a, #footer a:hover
{
	color:					#ffffff;
	text-decoration:		none;
}

#footer .boxtt { background:#e21b25 url(../images/footer.png) top right no-repeat; }
#footer .boxtr { background:url(../images/footertr.png) top right no-repeat; }
#footer .boxtl { background:url(../images/footertl.png) top left no-repeat; }
#footer .boxbr { background:url(../images/footerbr.png) bottom right no-repeat; }
#footer .boxbl { background:url(../images/footerbl.png) bottom left no-repeat; }

#footer .nav
{
	clear:					both;
	color:					#ffffff;
}

#footer .copy
{
	font-family:			Verdana, sans-serif;
	font-size:				10px;
	font-style:				italic;
	font-weight:			normal;
	text-transform:			normal;
	letter-spacing:			normal;
	line-height:			1.6em;
	color:					#ffffff;
}

#footer .top
{
	float:					right;
	width:					70px;
	text-align:				right;
}

/*******************/
/* Main content stuff */
/*******************/

/* infobox */
.infobox
{
	padding:				4px;
	margin-bottom:			10px;
}

.infobox ul
{
	list-style:				none;
	margin:					0;
	padding:				0;
}

.infobox ul li
{
	padding:				10px 20px 10px 45px;
	margin:					1px;
	border-top:				1px solid #000000;
	border-bottom:			1px solid #000000;
	background-attachment:	fixed;
	background:				#fff6bf url(../images/icons/information.png) center no-repeat;
	background-position:	15px 50%;
}

.infobox ul li.error
{
	color:					#ffffff;
	background-color:		#ff4e3e;
	background-image:		url(../images/icons/error.png);
	border-color:			#d84e3e;
}

.infobox ul li.info
{
	background-color:		#f8fafc;
	background-image:		url(../images/icons/information.png);
	border-color:			#b5d4fe;
}

.infobox ul li.form
{
	background-color:		#fff7c0;
	background-image:		url(../images/icons/exclamation.png);
	border-color:			#ffd61f;
}

.infobox ul li.redirect
{
	background-color:		#f8fafc;
	background-image:		url(../images/icons/redirect.png);
	border-color:			#b5d4fe;
}

.iform
{
	background-color:		#fff7c0;
	border-color:			#ffd61f;
}

/* tables */
table
{
	table-layout:			fixed;
	border-collapse:		collapse;
	width:					100%;
}

thead th
{
	text-align:				left;
	padding:				4px 5px 4px 5px;
	font-weight:			bold;
	border-bottom:			1px solid #c4c0c7;
}

tbody td
{
	padding:				4px 5px 4px 5px;
	border-bottom:			1px dotted #c4c0c7;
}

#main table tbody a
{
	text-decoration:		none;
}

/* forms */
fieldset
{
	clear:					both;
	display:				block;
	border:					0;
}

.legend
{
	width:					100%;
	padding:				4px 5px 4px 5px;
	font-weight:			bold;
	border-bottom:			1px solid #c4c0c7;
}

.f-row
{
	clear:					both;
	margin-bottom:			1px;
	border-bottom:			1px dotted #c4c0c7;
}

.f-row label
{
	float:					left;
	width:					130px;
	padding:				3px 3px 3px 5px;
	font-size:				8pt;
}

.f-row div
{
	margin-left:			130px;
	padding:				3px 3px 3px 5px;
}

input, textarea, select
{
	font-family:			"trebuchet ms", helvetica, sans-serif;
	margin:					3px 3px;
	padding:				3px 3px;
	background:				#eeeeee;
	border:					1px solid #9f9f9f;
	border-top-width:		0;
	border-bottom-width:	1px;
	border-left-width:		0;
	border-right-width:		1px;
}

input,textarea
{
	width:					73%;
}

textarea
{
	height:					300px;
}

input.narrow
{
	width:					40px;
}

input[type=checkbox], input[type=radio]
{
	width:					20px;
	background:				transparent;
	border:					0;
}

button
{
	width:					100%;
	height:					24px;
	line-height:			24px;
	border:					0;
	background:				#ececec;
	font-weight:			bold;
	border-bottom:			1px solid #c4c0c7;
}

button.little
{
	width:					50px;
	border:					0;
}

/* pagination */
.pagination
{
	clear:					both;
	font-family:			Georgia, serif;
	font-size:				10px;
	font-style:				normal;
	font-weight:			normal;
	text-transform:			uppercase;
	letter-spacing:			1px;
	line-height:			2em;
	height:					30px;
}

.pagination ul
{
	padding-left:			0;
	margin-left:			0;
	float:					left;
	width:					100%;
}

.pagination ul li
{
	display:				inline;
	padding:				0;
}

.pagination ul li a, .pagination ul li span
{
	float:					left;
	padding:				0.3em 1em;
	text-decoration:		none;
}

.pagination ul li span
{
	font-family:			Helvetica, Arial, sans-serif;
	text-transform:			none;
}

.pagination ul li a:hover
{
	text-decoration:		underline;
}

.pagination ul li.sel a
{
	font-weight:			bold;
}

/* bbcode */
.bbbold		{ font-weight:bold; }
.bbitalic	{ font-style:italic; }
.bbunderline{ text-decoration:underline; }
.bbdeleted	{ text-decoration:line-through; }
.bbquote	{ padding: 10px; text-align:justify; color:#333333; background:#8D8687; border:1px solid #313131; }
.bbcode		{ font: normal 12px/150% "Courier New", Courier, monospace; padding: 10px; color:#333333; background:#8D8687; border:1px solid #313131; }
.bbmembera	{ font-weight:bold; }
.bbmemberb	{ font-weight:bold; }

/* rounded sub-boxes */
div.rounded
{
	background:				#d9d9d9 url(../images/tl.png) top left no-repeat;
	width:					100%;
	margin:					8px 0 8px 0;
}

div.rounded h2, div.rounded h3
{
	background:				url(../images/tr.png) top right no-repeat;
	font-size:				16px;
	padding:				15px;
}

div.rounded h3
{
	font-size:				0;
	height:					15px;
	padding:				0;
}

div.roundedB
{
	padding:				0 15px 0 15px;
}

div.roundedF
{
	clear:					both;
	background:				url(../images/bl.png) bottom left no-repeat;
}

div.roundedF p
{
	display:				block;
	background:				url(../images/br.png) bottom right no-repeat;
	padding:				15px;
}

div.roundedR
{
	float:					right;
	width:					140px;
	padding:				0px 5px;
	margin-left:			5px;
	background:				#d9d9d9;
}