/*#############################################################
Name: Beautiful Day
Date: 2006-11-12
Description: A soft and bright two-column template.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* header */
.topforum {
	/*background: url(img/clouds.gif) repeat-x;*/
	padding: 25px 10px 0;
}

/* title */
.headerforum {
	background: #FFF;
	font-size: 1.2em;
	height: 150px;
	margin: 0 auto;
	padding: 10px 10px 5px;
	width: 840px;
}
.headerforum .left, .headerforum .right {
	background: #BF2415;
	color: #FFF;
	height: 150px;
}
.headerforum .left {
	float: left;
	background: #B3C2C7 url(img/header.gif) no-repeat;
	font: normal 2.8em "Trebuchet MS",sans-serif;
	line-height: 250px;/*was 150*/
	text-align: center;	
	width: 624px;
}
.headerforum .right {float: right;}

.headerforum .left img
{
	border: 0px;
}

.headerforum .right {
	overflow: hidden;
	width: 212px;
}
.headerforum .right p,.headerforum .right h2 {padding: 0 16px;}
.headerforum .right h2 {padding-top: 16px; font: normal 1.6em "Trebuchet MS",sans-serif;}

/* navigation */
.navigation {	
	background: #D9E1E5 url(img/nav.gif);
	/*border: 1px solid #DFEEF7;
	border-color: #DFEEF7 #CFDEE7;*/
	height: 41px;
	width: 840px;
	margin: 0 auto;
}
.navigation a, .navigation a.here {
	background: #D9E1E5 url(img/nav.gif);
	/*border-right: 1px solid #AFBEC7;*/
	color: #fff;
	display: block;
	float: left;
	font: bold 1.2em sans-serif;
	line-height: 41px;
	padding: 0 15px;
	text-decoration: none;
}

.navigation a.here {
	background: #fff url(img/nav_here.gif);
	color: #800;
	font: bolder 1.4em sans-serif;
	line-height: 41px;
}

.navigation a:hover {background-position: left bottom; color: #ffe6e3;}
.navigation a.here:hover {background-position: left bottom; color: #000;}

/* footer */
.footer {
	/*background: url(img/bgfooter.gif) repeat-x;*/
	background-color: #BF2415;
	color: #FFF;
	font: bold 1em sans-serif;
	line-height: 39px;
	padding: 0 12px;
	text-align: center;
}
.footer a,.footer a:hover {color: #FFF;}