/*
2COL-3TEASERS
A CSS layout by Caspar Huebinger,
inspired by 
Author e-mail: mail@casparhuebinger.de
Author URL: http://casparhuebinger.de
*/

/*
Reset CSS and main layout
*************************
DO NOT TOUCH!!!
*************************
*/
	/* - Reset CSS */
	/* http://meyerweb.com/eric/tools/css/reset/ */
	/* v1.0 | 20080212 */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
		{margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent;}
	ol, ul {list-style: none;}
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after, q:before, q:after 
		{content: ''; content: none;}
	:focus {outline: 0;}
	ins {text-decoration: none;}
	del {text-decoration: line-through;}
	table {	border-collapse: collapse; border-spacing: 0;}
	/* Main layout */
	body {text-align:center; height:100%; width:100%; margin:0px auto;}
	#page {text-align:left; margin:0px auto;}
	#page, #header, #primary, #content, #secondary, #sidebar, #footer {overflow:hidden;}
	#primary, #secondary {display:inline-block;}
	#primary {float:left;}
	#main, .clear {clear:both;}
	#secondary {float:right;}
	#footer {clear:both;}

/*
End reset and main layout
*************************
EDIT FROM HERE:
*************************
*/
/*
Page
*/
body {
	font: 75% 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; /* reset to 12px */
	color:#2f2f2f;
	line-height:1.4em;
	background:#000 url('../images/fk-poster.jpg') repeat 0 0 fixed;
	}
#page {
	padding:24px 0px 80px 0px;
	width:450px;
	}
#header {
	float:none;
	display:block;
	width:100%;
	margin:0 auto 80px auto;
	text-align:left;
	}
#header h1 a {
	display:block;
	text-indent:-999em;
	height:80px;
	width:650px;
	}
#main, #sidebar {
	padding:12px 12px 24px 12px;
	}
#footer {
	position:absolute;
	bottom:0;
	}
/*
Headings
*/
h1 {
	font-size:1.4em;
	}
h2 {
	font-size:1.4em;
	margin-bottom:24px;
	}
/*
Lists
*/
#memu li, #sidebar li, #footer li {
	list-style: none;
	}

li.single {
	padding-left:.6em;
	}

.highlighted li:hover {
	color:#fff;
	}

/*
Content elements
*/
a, a:link, a:visited, a:hover, a:active {
	color:#2f2f2f;
	}
a:link, a:visited {
	text-decoration:underline;
	}
a:hover, a:active {
	color:#fff;
	text-decoration:none;
	}
img, a img {
	border: 0px;
	}
p {
	margin: 0px 16px 32px 16px;
	}
	
/*
Various classes
*/
.large {font-size: larger;}
.alignright {}
.alignleft {}
.right {text-align: right;}
.left {text-align: left;}

.twitter {
	position:absolute;
	position:fixed;
	top:24px;
	right:32px;
	z-index:100;
	margin:0;
	}
.twitter a, .twitter a:link, .twitter a:visited {
	display:block;
	border:8px solid #2f0300;
	line-height:9px !important;
	}
.twitter a:hover, .twitter a:active {
	border-color:#5F0700;
	}
.twitter a img {
	
	}