/* ------------------------------------------------------------------------------------------------------------------ body general elements -- */

body {
	background:			#ffffff;
	
	font-family:		Helvetica, Verdana, Arial;
	font-size:			10pt;
	color:				#6d6d6d;
	line-height:		1.4em;
	text-align:			center;

	margin:				0px;
	padding:			0px;
}

#wrapper {
	background:			none;
	
	width:				900px;
	height:				auto;
	
	margin:				0px auto;
}

img {
	border:				0px;
}

/* ------------------------------------------------------------------------------------------------------------------ div general elements -- */

div {
	margin:				0px;
	padding:			0px;
}

/* ------------------------------------------------------------------------------------------------------------------ afuk elements -- */

#afuk {
	background:			none;
	display:			block;
	
	z-index:			99;
	position:			fixed;
	left:				0;
	top:				228px;
	
	width:				38px;
	height:				225px;
}

/* ------------------------------------------------------------------------------------------------------------------ navigation elements -- */

#navigation {
	background:			none;
	display:			block;
	float:				left;
	clear:				both;
	
	width:				auto;
	height:				63px;
	
	padding-left:		34px;
	
	text-align:			left;
}

#navigation ul {
	list-style-type:	none;
	
	width:				auto;
	height:				60px;
	
	padding:			0px;
	margin:				0px;	
}

#navigation ul li {
	background:			none;
	display:			block;
	float:				left;
	clear:				none;
	
	padding-left:		14px;
	padding-right:		14px;
	padding-top:		30px;
	padding-bottom:		8px;
	
	font-size:			1.6em;
	letter-spacing:		0.1em;
	color:				#c6c6c6;
	font-weight:		100;
	text-transform:		lowercase;
	text-decoration:	none;
}

#navigation ul li#active, #navigation ul li:hover {
	background:			#4799b8;
	
	color:				#ffffff;
	text-decoration:	none;
	
	border-bottom:		6px solid #317b97;
	cursor:				pointer;
}

#navigation ul li#active a, #navigation ul li#active a:link,
#navigation ul li#active a:visited, #navigation ul li#active a:active,
#navigation ul li#active a:hover {
	color:				#ffffff;
	text-decoration:	none;
}

#navigation ul li.inactive a, #navigation ul li.inactive a:link,
#navigation ul li.inactive a:visited, #navigation ul li.inactive a:active {
	color:				#c6c6c6;
	text-decoration:	none;
}

#navigation ul li.inactive a:hover {
	color:				#ffffff;
	text-decoration:	none;
}

/* ------------------------------------------------------------------------------------------------------------------ header elements -- */

#header {
	background:			url('images/header.background.png') top left no-repeat;
	display:			block;
	float:				left;
	clear:				both;
	
	width:				873px;
	height:				416px;
	
	padding-top:		31px;
	margin-top:			21px;
}

/* ------------------------------------------------------------------------------------------------------------------ content elements -- */

.contentPrev {
	display:			block;
	float:				left;
	clear:				both;
	
	width:				575px;
	height:				auto;
	
	padding-bottom:	28px;
	
	margin-left:		34px;
	margin-top:			28px;
	
	text-align:			left;
}

.contentNewer {
	display:			block;
	float:				right;
	clear:				both;
	
	width:				575px;
	height:				auto;
	
	padding-bottom:	28px;
	
	margin-left:		34px;
	margin-top:			28px;
	
	text-align:			left;
}

.content {
	background:			url('images/content.background.png') 50% 100% no-repeat;
	display:			block;
	float:				left;
	clear:				both;
	
	width:				575px;
	height:				auto;
	
	padding-bottom:	28px;
	
	margin-left:		34px;
	margin-top:			28px;
	
	text-align:			left;
}

.content h1, .content h1 a, .content h1 a:link, 
.content h1 a:active, .content h1 a:visited {
	width:				575px;
	height:				auto;
	
	font-size:			1.5em;
	font-weight:		900;
	letter-spacing:		0.05em;
	line-height:		1.2em;
	color:				#4799b8;
	text-transform:		uppercase;
	text-decoration:	none;
	
	padding:			0px;
	margin:				0px;
}

.content h1 a:hover {
	color:				#6d6d6d;
	text-decoration:	none;
	
	cursor:				pointer;
}

.date {
	display:			block;
	float:				left;
	clear:				left;
	
	font-size:			1.0em;
	font-weight:		100;
	text-transform:		uppercase;
	
	padding-top:		14px;
	margin:				0px;
}

.reactions, .reactions a, .reactions a:link,
.reactions a:visited, .reactions a:active {
	display:			block;
	float:				left;
	clear:				right;
	
	font-size:			1.0em;
	font-weight:		100;
	color:				#d52d31;
	text-transform:		uppercase;
	text-decoration:	none;
	
	padding-left:		28px;
	padding-top:		7px;
	margin:				0px;
}

.reactions a:hover {
	color:				#6d6d6d;
	text-decoration:	none;
}

.content .bodytext p {
	display:			block;
	float:				left;
	clear:				both;
	
	width:				575px;
	height:				auto;
	
	margin-top:			28px;
}

a.more-link, a.more-link:link,
a.more-link:visited, a.more-link:active {
	text-decoration:	none;
	text-transform:		uppercase;
	color:				#317b97;
	
	border-bottom:		none;
}

a.more-link:hover {
	text-decoration:	none;
	text-transform:		uppercase;
	color:				#d52d31;
	
	border-bottom:		none;
}

p a, p a:link,
p a:visited, p a:active {
	text-decoration:	none;
	color:				#317b97;
	
	border-bottom:		1px dotted #317b97;
}

p a:hover {	
	color:				#d52d31;
	text-decoration:	none;
	
	border-bottom:		1px dotted #d52d31;
}


/* ------------------------------------------------------------------------------------------------------------------ reactions elements -- */

.reactionsWrapper {
	background:			none;
	display:			block;
	float:				left;
	clear:				both;
	
	width:				575px;
	height:				auto;
	
	padding-bottom:		28px;
	
	margin-left:		34px;
	margin-top:			28px;
	
	text-align:			left;
	
	border-bottom:		1px solid #c6c6c6;
}

.reactionsWrapper h2 {
	width:				575px;
	height:				auto;
	
	font-size:			1.5em;
	font-weight:		900;
	letter-spacing:		0.05em;
	color:				#d52d31;
	text-transform:		uppercase;
	text-decoration:	none;
	
	padding:			0px;
	margin:				0px;
}

.reactionsWrapper h3 {
	width:				575px;
	height:				auto;
	
	font-size:			1.2em;
	font-weight:		900;
	letter-spacing:		0.05em;
	color:				#4799b8;
	text-transform:		uppercase;
	text-decoration:	none;
	
	padding:			0px;
	margin:				0px;
}

.reactionsWrapper h3 a, .reactionsWrapper h3 a:link, 
.reactionsWrapper h3 a:visited, .reactionsWrapper h3 a:active {
	width:				575px;
	height:				auto;
	
	font-size:			1.2em;
	font-weight:		900;
	letter-spacing:		0.05em;
	color:				#4799b8;
	text-transform:		uppercase;
	text-decoration:	none;
	
	padding:			0px;
	margin:				0px;
	
	border-bottom:		1px dotted #d52d31;
}

.reactionsWrapper h3 a:hover {
	color:				#d52d31;
}

.dateReaction {
	display:			block;
	float:				left;
	clear:				both;
	
	width:				575px;
	height:				auto;
	
	font-size:			1.0em;
	font-weight:		100;
	text-transform:		uppercase;
	
	padding-top:		7px;
	margin:				0px;
}

.reactionText {
	display:			block;
	float:				left;
	clear:				both;
	
	width:				575px;
	height:				auto;
		
	padding-top:		14px;
	margin:				0px;
}

#respond {
	display:			block;
	float:				left;
	clear:				both;
	
	text-align:			left;
	
	margin-left:		34px;
}

#respond input {
	background:			#feffc0;
	
	width:				450px;
	height:				18px;
	
	color:				#3f3f3f;
	vertical-align:		middle;
	
	border:				1px solid #d6d6d6;
}

#respond textarea {
	background:			#feffc0;
	
	width:				450px;
	height:				auto;
	
	color:				#3f3f3f;
	
	border:				1px solid #d6d6d6;
}

#respond input#submit {
	background:			#ffffff;
	
	width:				auto;
	height:				auto;
	
	color:				#d52d31;
	text-transform:		uppercase;
	font-size:			1.2em;
	font-weight:		500;
	
	padding:			7px;
	
	border:				1px solid #1b6784;
}