/*	-------------------------------------	
		Midgard Templates	FTC
		Style for modern Browsers
		12.5.2005
		Inventive Design / Lasse Larvanko
		------------------------------------ */

body { padding: 0; margin:0; 	border: 0; 	font: small/1.5 Verdana, Arial, Helvetica, sans-serif;  background:#ccc;	}
	/* IE5 hack  */	
	body { font-size: x-small; /* IE5 Win */ voice-family: "\"}\""; voice-family: inherit; font-size: small; } html>body { /* be nice to Opera */ font-size: small; }
	/* END IE5 hack */

/*	Page positions 
	----------------------------------- */
#container { width:730px; display:inline; float:left; padding:10px; margin:0 10px 10px 10px; display:inline; background:#fff;  }	
	#content {  float:left; background:#eee url(../b/bg-sample.jpg) top left no-repeat; }

	#main {float:right; width:484px; margin-top:120px;  }
	.content {float:left; padding:20px; background:#eee;}
	
	#sidebar { float:left; display:inline; width:233px; margin:85px 0 0 10px; background:#666; padding:1px; border-right:1px solid #999; border-bottom:1px solid #999;}
	.cont {  background:#ddd url(../b/gradient.gif) top left repeat-x; padding:10px; border:2px solid #fff; }
	
	#site-info { float:right; width:484px; background:#fff; color:#333; padding:5px  0 0 0;}
		
		#nav-extra { padding:.5em 20px; background:#000; border-top:1px solid #f60; }
			#nav-extra p {margin:0; padding:0; }
			#nav-extra a:link, #nav-extra a:visited {color:#f60;}
		.legal { padding:.2em 20px; margin:0; color:#666; font-size:87%;}
			.lagel p { margin:0 !important; padding:0 !important;}
		#credits { padding:.2em 20px; color:#666; font-size:87%;  }
			#credits p { margin:0 !important; padding:0 !important;}
		#aegir { display:none; border:1px solid #f00;}
			#aegir p {padding:0 20px;}

/*	END Page positions ---------------- */
	
/*	Branding area
	------------------------------------ */
#branding { width:730px; padding:10px 10px 0 10px; margin:10px 10px 0 10px; background:#fff; float:left;display:inline; }

	#branding .cont {background:#F2F2C6;}

	#branding p {padding:0; margin:0;}
	#branding #logo {float:left; width:400px; }
	#logo h1 {float:left; margin:0;padding:0; }
	#branding .tagline { float:left; margin: 0 0 8px 30px;  color:#999; font-family:trebuchet, "trebuchet ms", Arial, Helvetica, Sans-serif; }
	#branding #language { float:right; width:250px; margin:5px 25px 5px 0; text-align:right; color:#ccc; font-size:.87em;}
	p.access a {display:none; }
	
	#searchui { float:right; width:300px; margin: 0; text-align:right;  }
	#search {width:120px; font-size:.7em;}
	#searchui form {margin:0; padding:0;}
	#searchui fieldset {border:0; padding:0; margin:0;}
	#searchui label { color:#999;}
/*	END branding ----------------------	*/

/*	Main Navigation
	----------------------------------- */
/*	Main Navigation
	----------------------------------- */
#nav-main { 
	float:left;
	width:484px;
	background:#fff;/*
	border-top:1px solid #666;
	border-bottom:1px solid #666;*/
}
#nav-main ul { margin:0 0 0 25px; padding:0; }
#nav-main ul li {  display:inline;	}
#nav-main ul li a:link,
#nav-main ul li a:visited,
#nav-main ul li a:hover { 
	float:left;
	display:block;
	margin:0 10px 0 0;
	padding:.5em 5px .5em 5px;
	color:#c00;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:87%;
}
#nav-main a:link.active, #nav-main a:visited.active, #nav-main a:hover, #nav-main .selected {
	color:#000 !important;	background: url('../b/here.gif')  50% bottom no-repeat;
}

	

#sidebar h4 {padding:0; margin:0 0 1em 0; border-bottom:1px solid #666;}


/*	Content stylings 
		------------------------------------ */

/*	Basic element stylings
	----------------------------------- */
	
a:link		{ color: #f60; text-decoration:underline;}
a:visited { color: #c30; text-decoration:underline;}
a:hover 	{ color: #f00; text-decoration:underline;}
a:active 	{ color: #f00;}

img {border:0;}
	
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; color: #333; font-family:trebuchet, "trebuchet ms", Arial, Helvetica, Sans-serif;}
h1 { font-size:218%; letter-spacing:-2px; font-weight:normal; padding0;}
h2 {font-size:164%; letter-spacing:-1px; padding:.7em 0;}
h3 {font-size:145%; letter-spacing:-1px; padding:.4em 0 0 0;}
h4 {font-size:118%; letter-spacing:-1px; padding:.4em 0 0 0; font-weight:normal;}
h5 {font-size:1em;}
h6 {font-size:1em;}

p { margin:0; padding:0 0 1em 0; }

blockquote { font-style:italic; color:#999; text-align:right;}
b, strong { font-family:trebuchet, "trebuchet ms", Arial, Helvetica, Sans-serif;}

.date {color:#666; font-size:87%; padding:5px 0; }
.author {color:#333;}

.intro {font-weight:bold; }

.item {float:left; }
.item img { padding:5px 10px 10px 5px; margin-right:10px; float:left; background: url(../b/thumb-bg.gif) top left no-repeat;}
.item h2 {margin:10px 0 5px 0; padding:0; border-bottom:1px solid #999;}