﻿@font-face {
    font-family:LiberationSansRegular;
    src: url('fonts/liberationsans-regular-webfont.eot');
    src: url('fonts/liberationsans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/liberationsans-regular-webfont.woff') format('woff'),
         url('fonts/liberationsans-regular-webfont.ttf') format('truetype'),
         url('fonts/liberationsans-regular-webfont.svg#LiberationSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:FortheloveofhateBold;
    src: url('fonts/fortheloveofhate-webfont.eot');
    src: url('fonts/fortheloveofhate-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fortheloveofhate-webfont.woff') format('woff'),
         url('fonts/fortheloveofhate-webfont.ttf') format('truetype'),
         url('fonts/fortheloveofhate-webfont.svg#FortheloveofhateBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family:FortheloveofhatelightLight;
    src: url('fonts/fortheloveofhatelight-webfont.eot');
    src: url('fonts/fortheloveofhatelight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fortheloveofhatelight-webfont.woff') format('woff'),
         url('fonts/fortheloveofhatelight-webfont.ttf') format('truetype'),
         url('fonts/fortheloveofhatelight-webfont.svg#FortheloveofhatelightLight') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
	margin: 0;
	padding: 0;
	width: 100%;
	color: #6d6d6d;
	font: normal 12px/1.8em FortheloveofhatelightLight, Arial, Helvetica, sans-serif;
	background: #ff9a2d url(images/main_bg.jpg) repeat center center;
	border-top: 8px solid #ff9a2d;
}
html, .main {
	padding: 0;
	margin: 0;
}
.main {
}
.clr {
	clear: both;
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 0px;
	line-height: 0px;
}
.logo {
	/*padding: 0;*/
	padding-left: 30px;
	width: auto;
	float: left;
	height: 150;
}
h1 {
	margin: 0;
	padding: 44px 0 38px;
	color: #e9e9e9;
	font: bold 48px/1.2em FortheloveofhatelightLight, Arial, Helvetica, sans-serif;
	letter-spacing: -2px;
}
h1 a, h1 a:hover {
	color: #e9e9e9;
	text-decoration: none;
}
h1 span {
	color: #ff9a2d;
	font-weight: normal;
}
h1 small {
	display: block;
	font: normal 12px/1.2em FortheloveofhatelightLight, Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	color: #fff;
}
h2 {
	font-style: normal;
	font-size: 24px;
	font-family: FortheloveofhatelightLight;
	padding: 8px 0;
	margin: 8px 0;
	color: #6d6d6d;
}
h4 {
	font-family: FortheloveofhatelightLight;
	font-size: 24px;
	padding: 0px 0;
	margin: 0px 0;
	color: #6d6d6d;
	text-align: right;
}
p {
	margin: 8px 0;
	padding: 0 0 8px 0;
	font: normal 12px/1.8em FortheloveofhatelightLight, Arial, Helvetica, sans-serif;
}
a {
	color: #ff9a2d;
	text-decoration: underline;
}
p.spec {
	padding: 0 0 16px;
}
p.infopost {
	margin-bottom: 0;
	padding: 6px 12px;
	background-color: #ff9a2d;
	color: #fff;
}
p.infopost a {
	color: #fff;
}
a.rm {
	color: #fff;
	padding: 6px 16px;
	text-decoration: none;
	font-weight: bold;
	background-color: #181818;
}
a.com {
	float: right;
	margin: 0;
	text-decoration: none;
	color: #fff;
}
a.com span {
}
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
	margin: 0;
	padding: 0;
}
/* header */
.header {
}
.header_resize {
	margin: 0 auto;
	padding: 0;
	width: 960px;
}
img.hbg_img {
}
/* menu */
.menu_nav {
	float: right;
	margin: 0 auto;
	padding: 0;
	height: 96px;
}
.menu_nav ul {
	list-style: none;
	padding: 0;
	height: 96px;
	float: left;
}
.menu_nav ul li {
	margin: 0;
	padding: 0 0 0 16px;
	float: left;
}
.menu_nav ul li a {
	display: block;
	margin: 0;
	padding: 63px 20px 12px;
	color: #d6d6d6;
	text-decoration: none;
	font-size: 13px;
}
.menu_nav ul li.active a, .menu_nav ul li a:hover {
	color: #fff;
	background: #ff9a2d url(images/menu_a.gif) repeat-x center bottom;
}
/* content */
.content {
}
.content_resize {
	margin: 0 auto;
	padding: 24px 0;
	width: 960px;
	background-color: #101010;
}
.content .mainbar {
	margin: 0;
	padding: 0;
	float: right;
	width: 670px;
}
.content .mainbar img {
	border: 0px solid #d4d4d4;
	background-color: #fff;
}
.content .mainbar img.fl {
	margin: 4px 16px 4px 0;
	float: left;
}
.content .mainbar .article {
	margin: 0 0 24px;
	padding: 0 24px 0 16px;
}
.content .sidebar {
	padding: 0;
	float: left;
	width: 280px;
}
.content .sidebar .gadget {
	margin: 0 0 12px;
	padding: 8px 16px 8px 24px;
}
ul.sb_menu, ul.ex_menu {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #959595;
}
ul.sb_menu li, ul.ex_menu li {
	margin: 0;
}
ul.sb_menu li {
	padding: 4px 0;
	width: 220px;
}
ul.ex_menu li {
	padding: 4px 0;
}
ul.sb_menu li a, ul.ex_menu li a {
	color: #555;
	text-decoration: none;
	margin-left: -16px;
	padding: 4px 8px 4px 16px;
}
ul.sb_menu li a:hover, ul.ex_menu li a:hover {
	color: #ff9a2d;
	font-weight: bold;
	text-decoration: none;
}
.content p.pages {
	margin: 0 24px;
	padding: 0 0 24px;
	font-size: 11px;
	color: #555;
	text-align: right;
}
.content p.pages span, .content p.pages a:hover {
	padding: 8px 12px;
	color: #fff;
	background-color: #ff9a2d;
}
.content p.pages a {
	padding: 8px 12px;
	color: #fff;
	background-color: #181818;
	text-decoration: none;
}
.content p.pages small {
	font-size: 12px;
	float: left;
}
/* subpages */
.content .mainbar .comment {
	margin: 0;
	padding: 16px 0 0 0;
}
.content .mainbar .comment img.userpic {
	border: 1px solid #dedede;
	margin: 10px 16px 0 0;
	padding: 0;
	float: left;
}
/* fbg */
.fbg {
}
.fbg_resize {
	margin: 0 auto;
	width: 912px;
	padding: 24px;
	background-color: #dcdcdc;
}
.fbg .c2 a, .fbg .c3 a {
	margin: 0;
	padding: 2px 4px;
	text-decoration: underline;
	color: #6d6d6d;
}
.fbg h2 {
	padding-bottom: 12px;
}
.fbg img {
	margin: 0 16px 16px 0;
	padding: 3px;
	background-color: #fff;
	border: 1px solid #99bece;
}
.fbg .col {
	margin: 0;
	float: left;
}
.fbg .c1 {
	padding: 0 16px 0 0;
	width: 266px;
}
.fbg .c2 {
	padding: 0 16px;
	width: 290px;
}
.fbg .c3 {
	padding: 0 0 0 16px;
	width: 260px;
}
/* footer */
.footer {
}
.footer_resize {
	margin: 0 auto;
	padding: 12px 24px;
	width: 912px;
	color: #dcdcdc;
}
.footer p.lf {
	margin: 0;
	padding: 24px 0;
	text-align: left;
	width: auto;
	line-height: 1.5em;
}
.footer p.lf a {
	color: #dcdcdc;
}
.footer p.lf span {
	float: right;
}
/* form */
ol {
	list-style: none;
}
ol li {
	display: block;
	clear: both;
}
ol li label {
	display: block;
	margin: 0;
	padding: 16px 0 0 0;
}
ol li input.text {
	width: 480px;
	border: 1px solid #c0c0c0;
	margin: 0;
	padding: 5px 2px;
	height: 16px;
	background-color: #fff;
}
ol li textarea {
	width: 480px;
	border: 1px solid #c0c0c0;
	margin: 0;
	padding: 2px;
	background-color: #fff;
}
ol li .send {
	margin: 16px 0 0 0;
}
.blank {
	border: 0 black solid;
	margin: 0;
	padding: 0;
}
/* Slider */
#slider {
	margin: 0 auto;
}
#slider ul, #slider li, #slider2 ul, #slider2 li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#slider li, #slider2 li {
	/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
	*/ 
	width: 515px;
	height: 220px;
	overflow: hidden;
}
.centretext {
	margin:0;
	padding:0;
	text-align:center;
}