/* ============================ common ============================== */

html,body { width: 100%; height: 100%; }
body {
	color: #232323; background: url(../img/bg-body.jpg) 50% 50%;
	font: normal 62.5% Arial, sans-serif; line-height: 1.4;
}

a{ color: #531b1b; text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: underline; }

img 	{ display: block; }
a img 	{ border: none; }
a span	{ cursor: pointer; }
strong 	{ font-weight: bold; }
em 		{ font-style: italic; }

h2{ margin: 40px 0 5px 0; font-size: 4.8em; text-align: center; text-transform: uppercase; }
h3{ margin: 0 0 5px 0; font-size: 1.8em; text-align: center; color: #531b1b; border-bottom: 1px solid #6f695b; }
h4{ margin: 0 0 5px 0; font-size: 1.8em; text-align: center; color: #531b1b; border-bottom: 1px solid #6f695b; }

hr{ width: 163px; height: 25px; margin: 0 auto 15px auto; background: url(../img/hr.png) no-repeat 0 0; border: none; }

.clearfix:after {
	clear: both;
	display: block; visibility: hidden;
	height: 0;
	content: ".";   
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.aural{
	position: absolute;
	left: -2007px;
	font-size: 0;
}

/* ========================== common end ============================ */

/* ============================ layout ============================== */

#holder{
	position: absolute;
	top: 50%; left: 50%;
	width: 954px; height: 446px;
	margin: -223px 0 0 -477px;
	background: url(../img/bg-holder.jpg) no-repeat 0 0;
}

#side-bar{
	position: absolute;
	top: 19px; right: 18px;
	width: 309px; height: 409px;
}

#content{
	position: absolute;
	top: 19px; left: 19px;
	width: 609px; height: 408px;
}
#pane{ width: 609px; height: 408px; overflow: auto; }

#footer{
	position: absolute;
	top: 50%; left: 50%;
	width: 954px;
	margin: 223px 0 0 -477px;
}

/* ========================== layout end ============================ */

/* ============================ content ============================= */

h1{
	position: absolute;
	top: 123px; left: 123px;
	width: 710px; height: 200px;
	z-index: 100;
}

#nav{
	position: absolute;
	top: 19px; left: 19px;
	width: 918px; height: 408px;
	background: url(../img/bg-homepage-nav.png) no-repeat 0 0;
	z-index: 50;
}
#nav li{
	position: absolute;
	width: 102px; height: 102px;
}
#nav li.nav-1{ top: 0; left: 102px; }
#nav li.nav-2{ top: 0; left: 306px; }
#nav li.nav-3{ top: 0; left: 510px; }
#nav li.nav-4{ top: 0; left: 714px; }
#nav li.nav-5{ bottom: 0; left: 0; }
#nav li.nav-6{ bottom: 0; left: 204px; }
#nav li.nav-7{ bottom: 0; left: 408px; }
#nav li.nav-8{ bottom: 0; left: 612px; }
#nav li.nav-9{ bottom: 0; left: 816px; }
#nav li a{
	position: relative; display: block;
	width: 100%; height: 100%;
	overflow: hidden;
}
#nav li a span{
	position: absolute; display: block;
	width: 100%; height: 100%;
	overflow: hidden;
}
#nav li.nav-1 a span{ background: url(../img/nav-1.jpg) no-repeat 0 0; }
#nav li.nav-2 a span{ background: url(../img/nav-2.jpg) no-repeat 0 0; }
#nav li.nav-3 a span{ background: url(../img/nav-3.jpg) no-repeat 0 0; }
#nav li.nav-4 a span{ background: url(../img/nav-4.jpg) no-repeat 0 0; }
#nav li.nav-5 a span{ background: url(../img/nav-5.jpg) no-repeat 0 0; }
#nav li.nav-6 a span{ background: url(../img/nav-6.jpg) no-repeat 0 0; }
#nav li.nav-7 a span{ background: url(../img/nav-7.jpg) no-repeat 0 0; }
#nav li.nav-8 a span{ background: url(../img/nav-8.jpg) no-repeat 0 0; }
#nav li.nav-9 a span{ background: url(../img/nav-9.jpg) no-repeat 0 0; }
#nav li a:hover span,
#nav li a:focus span,
#nav li a:active span,
#nav li.active a span{ background-position: 0 100%; }

.posts-list li{
	margin: 0 25px 20px 25px;
	text-align: center;
}
.posts-list li .date{ color: #202020; }
.posts-list li p{
	margin: 0 0 5px 0;
	font-size: 1.2em;
}

.meta{
	width: 154px; height: 21px;
	margin: 0 auto;
	border-top: 1px solid #6f695b;
}
.meta li{
	width: 77px; height: 21px;
	margin: 0;
	float: left;
}
.full-story-link{
	display: block;
	width: 77px; height: 21px;
	background: url(../img/full-story.gif) no-repeat 0 0;
	text-indent: -2007px; overflow: hidden;
}
.comments-link{
	display: block;
	width: 77px; height: 21px;
	background: url(../img/comments.gif) no-repeat 0 0;
	text-indent: -2007px; overflow: hidden;
}
.full-story-link:hover,
.full-story-link:focus,
.full-story-link:active,
.comments-link:hover,
.comments-link:focus,
.comments-link:active{ background-position: 0 100%; }

.post{
	margin: 0 25px 20px 25px;
	font-size: 1.2em; text-align: center;
}
.post p{ margin: 0 0 5px 0; }

#comments-block{
	margin: 0 25px 20px 25px;
	text-align: center;
}
#comments-block p{
	margin: 0 0 5px 0;
	font-size: 1.2em;
}
.commentlist li{ margin: 10px 0; }
.commentlist li .comment-text{ font-style: italic; }
.commentlist li .comment-author{
	color: #531b1b;
	font-size: 1.1em;
}
#cancel-comment-reply-link{
	display: block;
	margin: 0 0 5px 0;
	font-size: 1.2em;
}

#commentform .col-1{
	float: left;
	width: 236px;
	margin: 10px 0 25px;
	text-align: left;
}
#commentform .col-2{
	float: right;
	width: 236px;
	margin: 10px 0 25px;
	text-align: left;
}
#commentform label{
	display: block;
	font-size: 1.4em;
}
#commentform .text{
	display: block;
	width: 214px; height: 24px;
	margin: 0 0 7px 0; padding: 10px;
	color: #c1b8a7; background: url(../img/bg-input-text.gif) no-repeat;
	border: 1px solid #6f695b;
	font: normal 1.6em Arial, sans-serif;
}
#commentform textarea{
	display: block;
	width: 214px; height: 194px;
	margin: 0 0 10px 0; padding: 10px;
	color: #c1b8a7; background: url(../img/bg-textarea.gif) no-repeat;
	border: 1px solid #6f695b;
	font: normal 1.6em Arial, sans-serif;
}
#commentform .text:hover,
#commentform .text:focus,
#commentform .text:active,
#commentform textarea:hover,
#commentform textarea:focus,
#commentform textarea:active{ border: 1px solid #531b1b; }

#commentform .submit{ float: right; }

.contact p{
	margin: 0 25px 5px 25px;
	font-size: 1.2em; text-align: center;
}

#cformsform{ margin: 0 25px 20px 25px; }
#cformsform .cf-fs1{
	float: left;
	width: 236px;
	margin: 10px 0 25px 0;
	text-align: left;
}
#cformsform .cf-fs2{
	float: right;
	width: 236px;
	margin: 10px 0 25px 0;
	text-align: left;
}
#cformsform legend{ display: none; }
#cformsform label{
	display: block;
	font-size: 1.4em;
}
#cformsform .reqtxt,
#cformsform .emailreqtxt{ display: none; }
#cformsform .single{
	display: block;
	width: 214px; height: 24px;
	margin: 0 0 13px 0; padding: 10px;
	color: #c1b8a7; background: url(../img/bg-input-text.gif) no-repeat;
	border: 1px solid #6f695b;
	font: normal 1.8em Arial, sans-serif;
}
#cformsform textarea{
	display: block;
	width: 214px; height: 194px;
	padding: 10px;
	color: #c1b8a7; background: url(../img/bg-textarea.gif) no-repeat;
	border: 1px solid #6f695b;
	font: normal 1.8em Arial, sans-serif;
}
#cformsform .text:hover,
#cformsform .text:focus,
#cformsform .text:active,
#cformsform textarea:hover,
#cformsform textarea:focus,
#cformsform textarea:active{ border: 1px solid #531b1b; }

#sendbutton{ clear: both; float: right; }
.linklove{ display: none; }

/* ========================== content end =========================== */

/* ============================ side-bar ============================ */

#side-bar h1{
	position: relative;
	top: 0; left: 0;
	width: 100%; height: 99px;
	margin: 0 0 1px 0;
}

#side-bar #nav{
	position: relative;
	top: 0; left: 0;
	width: 100%; height: 309px;
	background: none;
}
#side-bar #nav li{
	position: relative; float: left; display: inline;
	width: 102px; height: 102px;
	margin: 0 1px 1px 0;
}
#side-bar #nav li.nav-1,
#side-bar #nav li.nav-2,
#side-bar #nav li.nav-3,
#side-bar #nav li.nav-4,
#side-bar #nav li.nav-5,
#side-bar #nav li.nav-6,
#side-bar #nav li.nav-7,
#side-bar #nav li.nav-8,
#side-bar #nav li.nav-9{ top: 0; bottom: 0; left: 0; }
#side-bar #nav li.nav-2 a span{ background: url(../img/nav-2.jpg) no-repeat 0 0; }
#side-bar #nav li.nav-8 a span{ background: url(../img/nav-8.jpg) no-repeat 0 0; }
/*#side-bar #nav li.nav-2 a span{ background: url(../img/nav-2-2.jpg) no-repeat 0 0; }
#side-bar #nav li.nav-8 a span{ background: url(../img/nav-8-2.jpg) no-repeat 0 0; }*/
#side-bar #nav li a:hover span,
#side-bar #nav li a:focus span,
#side-bar #nav li a:active span,
#side-bar #nav li.active a span{ background-position: 0 100%; }

/* ========================== side-bar end ========================== */

/* ============================= footer ============================= */

.copyright{
	padding: 0.5em 0;
	color: #fff;
	font-size: 1.2em; text-align: center;
}

.copyright a{
color: #efefef;
}

/* =========================== footer end =========================== */


.aligncenter{
margin-left: auto;
margin-right: auto;
}