@charset "utf-8";
/* CSS Document */

@import url(reset.css);
@import url(forms.css);
@import url(hashgrid.css);

/*
EOTF dark blue = #13242c
EOTF light blue = #efb11d
EOTF light gray on dark blue = #c1c8cd;
*/

/* GLOBAL ------------------------------------------------------------------ */

/* structure */

body {
	color:rgba(127, 40, 0, 0.75);
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.wrapper {
	width: 980px;
	margin: 0 auto;
	clear: both;
}

@font-face {
	font-family: 'DiavloBook';
	src: url('diavlo_book_ii_37-webfont.eot');
	src: local('☺'), url('diavlo_book_ii_37-webfont.woff') format('woff'), url('diavlo_book_ii_37-webfont.ttf') format('truetype'), url('diavlo_book_ii_37-webfont.svg#webfontYVQsEEeG') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DiavloBold';
	src: url('diavlo_bold_ii_37-webfont.eot');
	src: local('☺'), url('diavlo_bold_ii_37-webfont.woff') format('woff'), url('diavlo_bold_ii_37-webfont.ttf') format('truetype'), url('diavlo_bold_ii_37-webfont.svg#webfontH1HmellA') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DiavloBlack';
	src: url('diavlo_black_ii_37-webfont.eot');
	src: local('☺'), url('diavlo_black_ii_37-webfont.woff') format('woff'), url('diavlo_black_ii_37-webfont.ttf') format('truetype'), url('diavlo_black_ii_37-webfont.svg#webfontUkYXN5G3') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* require wordpress classes */

.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
  }
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.clear {
	clear: both;
}

/* HEADER -------------------------------------------------------------- */

header {
	background: url('../images/slither.jpg') center center;
	margin-bottom: 20px;
}

header .wrapper {
	border-bottom: 5px solid #efb11d;
	height: 115px;
}

/* logo */

header h1 {
	float: left;
	margin-left: 150px;
	margin-top: 40px;
    text-transform: uppercase;
    font-family: 'DiavloBold';

}
header h1 a, header h1 a:hover, header h1 a:visited {
    font-size: 30px;
    color: #fff;
    text-shadow:
    -1px -1px 0 #72190D,
    1px -1px 0 #72190D,
    -1px 1px 0 #72190D,
    1px 1px 0 #72190D;
    letter-spacing: 2px;
}

/* menu */

header nav ul {
	float: right;
	margin-right: 70px;
	margin-top: 50px;
}

header nav li {
	display: inline;
	margin-left: 20px;
}

header nav li a, header nav li a:visited, header nav li a:hover {
	color: #FFF;
	font-size: 18px;
	border-bottom: 2px solid #F16327;
	font-family: 'DiavloBook';
    text-shadow:
    -1px -1px 0 #FAB254,
    1px -1px 0 #FAB254,
    -1px 1px 0 #FAB254,
    1px 1px 0 #FAB254;
    letter-spacing: 1px;
}

header nav li a:hover {
	color: #efb11d;
}

/* GLOBAL -------------------------------------------------------------- */

a {
	color: #000;
	margin-bottom: 1px solid #efb11d;
	text-decoration: none;
}

a:visited {
	color: #000;
	margin-bottom: 1px solid #c1c8cd;

}

a:hover, a:active {
	color: #efb11d;
}

p, a p {
	color: #666;
	margin: 0 0 20px 20px;
	font-size:14px;
	line-height:20px;
}

h2 {
	font-size: 28px;
	margin-left: 20px;
	margin-top: 10px;
	line-height: 40px;
	font-family: 'DiavloBlack';
	color: #efb11d;
	text-shadow: 1px 2px 1px rgba(255, 255, 255, 0.2); ;
}

h3 {
	font-size: 22px;
	line-height: 37px;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: 'DiavloBold';
	color: #efb11d;
	text-shadow: 1px 2px 1px rgba(255, 255, 255, 0.2); ;
}

h4 {
	font-size: 21px;
	line-height: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: 'DiavloBold';
	color: #efb11d;

}

h5 {
	font-family: 'DiavloBook';
	margin-top: 0px;
}

small {
	float:right;
	margin-top:-40px;
	font-size: 12px;
}

/* INDEX -------------------------------------------------------------- */

article.headpost a:hover h2, article.subpost a:hover h2  {
	color: #efb11d;
}

article.headpost a:hover p, article.subpost a:hover p {
	color: #888;
}


article.headpost div {
	margin-right: 20px;

}'
article.headpost section {
	max-height: 200px;
	overflow: hidden;
}


article.subpost {
	width: 480px;
	margin: 20px 0 0 0;
	height: 400px;
	overflow: hidden;
	float: left;
}

article.subpost section {
	margin-left: 20px;
	height: 100px;
	overflow: hidden;
}

/* POST -------------------------------------------------------------- */

article.singlepost p, article.singlepost h2  {
	margin-left: 180px;
}


article.singlepost p img  {
	margin: 30px;
	margin-left: -20px;

}



/* COMMENTS-------------------------------------------------------------- */

/* sliding panel */

#extrafooter {
	position: fixed;
	bottom: 0px;
	margin-left: -490px;
	left: 50%;
}

#extrafooter nav {
	width: 100%;
	background: #13242C;
	border-bottom: 4px solid #fff;
	border-bottom: 5px solid #efb11d;

}

#extrafooter nav ul {
	margin: 0 auto;
	height: 30px;
	background: panel;
}

#extrafooter nav ul li {
	display: inline;
}


#extrafooter nav ul li a {
	color: #fff;
	display: inline-block;
	padding: 7px 20px 10px 20px;
}

#extrafooter div#panel {
	display: none;
	background: #13242C;
}

.btn-slide {
	background: url(../images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}


/* comments section */

article.comment {
	clear: both;
	min-height: 80px;
}

article.comment h5 {

}
article.comment p {
	float: right;
	width: 800px;
}

.avatar {
	float: left;
	margin-left: 20px;
	width: 140px;
}
.avatar img {
	border: 5px solid #384449;
	width: 60px;
	height: 60px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	float: left;
}

.avatar a img.avatar:hover {
	border: 5px solid #c1c8cd;
}

.avatar small {
	margin: 10px 10px 0 0;
	float: left;
}


article.comment p, article.comment h5, article.comment small {

}


/* FOOTER -------------------------------------------------------------- */

footer {
	background: #13242c;
	background: RGBa(19, 36, 44, 50);
	color: #c1c8cd;
	margin-top: 20px;
	padding-bottom: 40px;
}

footer .wrapper {
	border-top: 6px solid #efb11d;
}

footer ul#links {
	float: left;
	width: 620px;
	margin-left: 20px;
}

footer ul#links li {
	font-style: italic;
	list-style-type: none;
	color: #6d6d6d;
	text-transform: lowercase;
	border-top: 1px solid #384449;
	line-height: 20px;
	padding-top: 8px;
	padding-bottom: 8px;

}

footer ul#links li:first-child {
	border-top: none;
}

footer ul#links li a {
	font-style: normal;
	color: #c1c8cd;
	text-transform: capitalize;
	font-family: 'DiavloBook';
}

footer ul#links li a:hover {

}

footer ul#footimages {
	float: left;
	width: 320px;
	margin-left: 20px;
}

footer ul#footimages div img {
	width: 130px;
	height: 130px;
	overflow: hidden;
	margin: 0 20px 20px 0;
	padding: none;
	border: 5px solid #384449;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: inline;
	float: left;
}

footer ul#footimages div img:hover {
	border: 5px solid #c1c8cd;
}

#commentform {
	overflow: hidden;
	height: 250px;
}

#commentform .author {
	width: 200px;
	padding: 25px;
	float: left;
}

#commentform .author label {
	color: #fff;
}

#commentform .author a img {
	display: none;
}




#commentform input {
	margin: 10px;
}

#commentform textarea {
	width: 650px;
	height: 160px;
}

#commentform fieldset {
	width: 650px;
	height: 250px;
	padding: 25px;
	float: left;
}