/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 13px/1.5 Arial, 'Liberation Sans', FreeSans, sans-serif;
	background: #fafafa url('../img/layout/bkg_body.jpg') repeat-x scroll 0 0;
	color: #333;
}

a:focus {
	outline: 0 none;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 
{
	font-size: 2.5em;
	line-height: 1.2em;
	font-family: 'QlassikMediumRegular';
	font-weight: normal;
	color: #333;
}

h2 
{
	font-size: 2em;
	line-height: 1.5em;
	font-family: 'QlassikMediumRegular';
	font-weight: normal;
	color: #333;
}

h3 {
	font-size: 1.5em;
	line-height: 1.5em;
	font-family: 'QlassikMediumRegular';
	font-weight: normal;
	color: #333;
}

h4 
{
	font-size: 1.5em;
	line-height: 1em;
	font-family: 'QlassikMediumRegular';
	font-weight: normal;
	color: #aaa;
	background: #FFF url('../img/layout/line.jpg') repeat-x scroll 0 center;
}

	h4 span
	{
		background-color: #FFF;
		padding: 0 .5em;
		margin-left: .5em
	}

h5 
{
	font-size: 1.25em;
	line-height: 1.25em;
	font-family: 'QlassikMediumRegular';
	font-weight: normal;
	color: #333;
}

	h5 span
	{
		color: #bbb;
		font-style: italic;
	}

h6 {
	font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: disc;
}

li {
	margin-left: 30px;
}

a
{
	color: #DF2500;
}

	a:hover
	{
		text-decoration: none;
		color: #BF1F00;
	}
	
	a:active
	{
		outline: 0 none;
	}

p
{
	margin-bottom: 1.5em
}


.container_12
{
	background: #fff url('../img/layout/bkg_container.jpg') no-repeat scroll 0 0;
}

.right
{
	float: right;
}

.in
{
	padding: 1em;
}

.inb
{
	padding: 1.5em
}

.in_v
{
	padding: 1em 0;
}

.inb_v
{
	padding: 1.5em 0;
}

.h_1
{
	height: 1em;
	overflow: hidden;
}

.h_2
{
	height: 2em;
	overflow: hidden;
}

.h_10
{
	height: 10em;
	overflow: hidden;
}

.bb
{
	border-bottom: 1px dotted #CCC;
}

.bt
{
	border-top: .5em solid #EEE;
}

.mt_2em
{
	margin-top: 2em;
}

.grey
{
	color: #666;
}

.thumb
{
	border: 1px solid #CCC;
	padding: 1px;
}

/* !header */

#header
{
	position: relative;
	height: 150px;
}

	#header #header_top_right
	{
		position: absolute;
		top: 1em; right: .5em;
	}
	
		#header #header_top_right a
		{
			width: 15px;
			height: 15px;
			display: block;
			float: right;
		}
		
		#header #header_top_right a.rss
		{
			background: transparent url('../img/layout/ico_rss.png') no-repeat scroll 0 -15px;
		}
		
		#header #header_top_right a:hover
		{
			background-position: 0 0px;
		}

	#header #logo
	{
		top: 15px;
		left: 10px;
		position: absolute;
	}
	
	
	#header #crest
	{
		display: block;
		margin: 0 auto;
		z-index: 100;
		position: relative;
	}
	
	#header #top_menu
	{
		position: absolute;
		bottom: 0;
		left: -10px;
		width: 100%;
	}
	
		#header #top_menu *
		{
			line-height: 50px;
		}
	
		#header #top_menu li
		{
			margin: 0;
			list-style-type: none;
			float: left;
		}
		
		#header #top_menu li.right
		{
			float: right;
		}
		
			#header #top_menu li a
			{
				color: #fff;
				text-decoration: none;
				text-shadow: 1px 1px 0 #BF2323;
				padding: 0 1em;
				display: block;
				background: transparent url('../img/layout/bkg_main_menu.png') repeat-x scroll 0 -100px;
			}
			
			#header #top_menu .sel a
			{
				background-position: 0 -50px;
			}
			
			#header #top_menu li a:hover
			{
				background: transparent url('../img/layout/bkg_main_menu.png') repeat-x scroll 0 0;
				background-position: 0 0;
			}
			
			#header #top_menu .sel a:hover
			{
				background-position: 0 -50px;
			}
			
			#search form
			{
				padding: 0;
			}
			
			#header #top_menu #search input
			{
				background-color: #EF595C;
				border-width: 0;
				color: #fff;
				line-height: 1em;
				padding: .5em 1em;
			}
			
			#header #top_menu #search input.right
			{
				padding: 0;
				background-color: transparent;
				padding: 12px 0 0 12px;
				opacity: .5
			}
			
			#header #top_menu #search input.right:hover
			{
				opacity: .75
			}
			
			#header #top_menu #search input.right:active
			{
				opacity: 1;
				position: relative;
				bottom: -1px;
			}
			
	
/* !content */

#content
{
	padding: 1em 0 4em;
	background: transparent url('../img/layout/bkg_bottom_content.png') no-repeat scroll center bottom;

}

/* !top */

#pages #top
{
	background: transparent url('../img/layout/bkg_top_home.jpg') no-repeat scroll 0 0;
	height: 256px;
	color: #666;
}

	#pages #top .in_v
	{
		padding: 23px 1em 23px 0;
	}

	#top #top_image .in
	{
		padding: 23px 0 23px 1em;
	}
	
	#top #top_image img
	{
		display: block;
		border: 1px solid #FFF;
		-webkit-box-shadow: 0 0 10px #999;
		-moz-box-shadow: 0 0 10px #999;
		box-shadow: 0 0 5px #999;
	}
	
	#top #top_excerpt div
	{
		max-height: 202px;
		overflow: hidden;
	}
	
/* !post */


.post
{
	padding: 1em 0;
	border-bottom: 1px dotted #DDD;
	margin-bottom: -1px;
}

	#posts .post
	{
		margin-bottom: 1em;
	}

#pages .post p
{
	margin: 0;
}

	.post .thumb
	{
		float: left;
		margin: 0 1em 0 0;
		-webkit-box-shadow: 0 0 5px #999;
		-moz-box-shadow: 0 0 5px #999;
		box-shadow: 0 0 5px #999;
		border: 1px solid #FFF;
	}
	
#pages .post:hover h3
{
	color: #DF2500;
}

#posts .post h3
{
	color: #999;
}

#pages .post
{
}

/* !table */

table
{
	width: 100%;
	margin: 1em 0;
}

	table th
	{
		text-align: left;
	}
	
	table td, table th
	{
		border-bottom: 1px solid #E8E8E8;
		line-height: 2em;
		font-size: .95em;
		padding: 0 .25em;
	}
	
	table .alt td
	{
		background-color: #F4F4F4;
	}
	
	table .sel_club
	{
		color: #BF1F00;
		font-weight: bold;
		text-shadow: 1px 1px 0 #FFF;
	}
	
/* !box */

.box
{
	height: 25em;
	overflow: hidden;
	margin-bottom: 1em;
	position: relative;
}

	.box .in
	{
		background: transparent url('../img/layout/white_75.png') repeat scroll 0 0;
	}
	
	.box_thumb .in
	{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
		.box .in p
		{
			margin: 0;
		}

#pages .box
{
	position: relative;
	height: 9.5em;
	overflow: hidden;
}

#pages #box_info
{
	position: relative;
	overflow: hidden;
	background: transparent url('../img/layout/bkg_info_club.png') no-repeat scroll center center;
}

	#pages #box_info h5
	{
		color: #555;
	}

#pages #match
{
	background: transparent url('../img/layout/bkg_vs.png') no-repeat scroll 6em 4em;
}

	#match #match_opponent
	{
		position: absolute;
		top: .5em;
		left: 14em;
	}
	
	#match div
	{
		position: absolute;
		bottom: 0;
		left: 0;
		padding-top: .5em;
	}
	
	#match div h5
	{
		margin: 0 1em;
	}
	
/* !footer */
#footer
{
	margin-bottom: 1em;
	border-top: 1px dotted #DDD;
	color: #aaa;
	text-align: center;
	line-height: 4em;
}

/* path */

#path
{
	line-height: 2em;
}

	#path a
	{
		color: #666;
	}
	
/* form */

.form
{
	border: 1px solid #FFF;
	padding: 1em;
	background-color: #EEE;
	margin-top: 1px;
}

	.form label
	{
		display: block;
		font-weight: bold;
		font-size: .9em;
	}
	
	.form div
	{
		margin: 1em 0;
	}
	
	.form .text input, .form .password input, .form textarea
	{
		padding: .5em 1em;
		border: 1px solid #CCC;
		border-color: #BBB #BBB #DDD #DDD; 
		background-color: #FFF;
		font: 13px/1.5 Arial, 'Liberation Sans', FreeSans, sans-serif;
	}
	
	.form .error-message
	{
		color: #BF0008
	}
	
/* !list */

.list
{
	margin-bottom: 2em;
}

	.list li
	{
		margin: 0;
		border-bottom: 1px dotted #CCC;
		list-style-type: none;
		background: transparent url('../img/layout/bkg_list_crest.png') no-repeat scroll 0 -26px;
		padding-left: 2.5em;
	}
	
	.list li.sel
	{
		background-position: 0 0;
	}
	
	.list li, .list li *
	{
		line-height: 2em;
	}
	
	.list a
	{
	}
