/*
	Background: #1c1e1c
	Dark Font: #cccccc
	Light Font: #ffffff
	Link: #b0f751
	H1: #7eaf3c
	h2 alt: #4d672c;
*/

@font-face {
	font-family: "Hattori Hanzo";
	font-weight: normal;
	src: url('../fonts/Hattori Hanzo.otf');
}
@font-face {
	font-family: "Avant Garde";
	font-weight: normal;
	src: url('../fonts/Avant Garde Bold.ttf');
}

body {
	background: #1c1e1c url('../img/bg.gif') no-repeat center 0;
	color: #ffffff;
	font: 10pt Helvetica, Arial, sans-serif;
	line-height: 1.5;
	padding: 0;
	margin: 0;
}
img { border: none; }
::selection {
	background-color: #7eaf3c;
	color: #fff;
} 
::-moz-selection {
	background-color: #7eaf3c;
	color: #fff;
}
a:link, a:visited {
	color: #b0f751;
	text-decoration: none;
	border-bottom: dotted 1px #b0f751;
}
a:hover {
	color: #ffffff;
	border-bottom-color: #fff;
}

a:hover h1.tape {
	background-color: #000000;
}
a:hover h2.tape{
	background-color: #333433;
	background-color: rgba(0, 0, 0, 0.5);
	
}

.wrapper {
	width: 960px;
	margin: 0 auto;
	margin-top: 40px;
	overflow: hidden;
}

.header {
	clear: both;
	overflow: hidden;
	height: 58px;
	margin-bottom: 20px;
}
.header .logo a { border: none; outline: none; }
.header .logo {
	width: 240px;
	float: left;
}
.header .menu {
	width: 720px;
	float: right;
	margin-top: 25px;
}
.header .menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.header .menu li {
	float: right;
	display: block;
	margin-left: 30px;
}
.header .menu a {
	border: none;
	color: #ffffff;
	text-transform: uppercase;
	font-family: "Hattori Hanzo", Helvetica, Arial, sans-serif;
	font-size: 14pt;
	-webkit-transition: color 0.2s linear;
}
.header .menu a:hover {
	color: #cccccc;
	-webkit-transition: color 0.2s linear;
}

.splash {
	width: 920px;
	height: 240px;
	background: #333433;
	padding: 60px 20px 20px 20px;
	margin-bottom: 30px;
}

.splash p {
	float: right;
	clear: both;
	text-align: right;
	margin: 3px 0 0 0;
	font-size: 14pt;	
	/*text-transform: uppercase;*/
	color: #ccc;
	/*text-shadow: 0 0 5px black;*/
	background: #333433;
	background: rgba(0, 0, 0, 0.5);
	padding: 0 4px 0 8px;
}
.splash strong {
	color: #ffffff;
	font-weight: normal;
	text-shadow: 0 0 5px white;
}

.content {
	margin-bottom: 30px;
	clear: both;
	overflow: hidden;
}
h1.column, h2.column {
	margin: 0;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 1;
}
h2.column {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 9pt;
	color: #cccccc;
}
h1.column, .sidebar h2 {
	margin: 0;
	color: #b0f751;
	font-size: 17pt;
	text-transform: uppercase;
	font-weight: normal;
	font-family: "Hattori Hanzo", Helvetica, Arial, sans-serif;
}

.column-third p {
	margin: 10px 0 0 0;
}
.column-third {
	width: 300px;
	height: 360px;
	margin-right: 30px;
	float: left;
}
.column-third-img {
	width: 300px;
	height: 200px;
	background: #333433;
	border: none;
	outline: none;
}
.column-third a {
	outline: none;
	border: none;
}
.img-nav {
	margin: 0;
	display: block;
	position: absolute;
	background: transparent;
	width: 290px;
	height: 25px;
	margin-top: -35px;	
	z-index: 1000;
}
.img-container {
	width: 300px;
	height: 200px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.img-nav a {
	color: #000000;
	display: block;
	background: #ffffff;
	opacity: 0.8;
	filter: alpha(opacity=80);
	width: 25px;
	line-height: 25px;
	border: none;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	webkit-border-radius: 30px;
	font-family: "Avant Garde";
	display: block;
	width: 25px;
	line-height: 25px;
	float: right;
	text-align: center;	
	margin-left: 5px;
}
.img-nav a:hover,
.comments-button a:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}
.img-nav li a:active,
.comments-button a:active,
a.activeSlide {
	opacity: 1;
	filter: alpha(opacity=100);
	background: #7eaf3c;
	color: #ffffff;
	outline: none;
}
.comments-button {
	padding: 165px 10px 0px 0px;
}
.comments-button a {
	float: right;
	color: #000000;
	display: block;
	background: #ffffff;
	opacity: 0.8;
	filter: alpha(opacity=80);
	line-height: 25px;
	padding: 0 10px;
	text-transform: uppercase;
	border: none;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	webkit-border-radius: 30px;
	font-family: "Avant Garde";
}
.image-post {
	width: 260px;
	padding: 0 10px 0 30px;
}
.image-post p {
	float: right;
	clear: both;
	font-size: 14pt;
	text-align: right;
}

.blog-comments a:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}
.blog-comments a:active {
	opacity: 1;
	filter: alpha(opacity=100);
	background: #7eaf3c;
	color: #ffffff;
	outline: none;
}
.blog-comments {
	margin-top: -35px;
	width: 207px;
	margin-right: 10px;
	text-align: right;
	position: absolute;
}
.recent-post .blog-comments {
	width: 455px;
	margin-top: -55px;
}
.blog-comments a {
	float: right;
	color: #000000;
	display: block;
	background: #ffffff;
	opacity: 0.8;
	filter: alpha(opacity=80);
	line-height: 25px;
	text-align: center;
	padding: 0 9px;
	text-transform: uppercase;
	border: none;
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	webkit-border-radius: 60px;
	font-family: "Avant Garde";
}
.recent-post .blog-comments a {
	line-height: 35px;
	font-size: 30px;
	padding: 5px 14px;
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	webkit-border-radius: 60px;
}

.recent-post {
	background: #333433;
	width: 465px;
	height: 600px;
	margin-right: 30px;
	float: left;
}
.recent-post .post-img {
	width: 465px;
	height: 285px;
}
.post {
	float: left;
	width: 217px;
	height: 285px;
	margin-right: 30px;
	margin-bottom: 30px;
	
}
.post .post-img {
	width: 217px;
	height: 140px;
}
.post .full-img {
	padding-top: 170px;
	width: 217px;
	height: 115px;
}
.recent-post .full-img {
	padding-top: 170px;
	width: 465px;
	height: 430px;
}

.recent-post img {
	width: 465px;
	height: 285px;
}
.twitter {
	padding: 15px 15px 0 15px;
	height: 270px;
	width: 187px;
	background: url('../img/twitter.png') no-repeat;
}
.tweet {
	font: italic 13pt Georgia, "Times New Roman", sans-serif;
	text-align: center;
	color: #777;
	line-height: 1.25;
	height: 173px;
}
.tweet a:link, .tweet a:visited {
	color: #7eaf3c;
	border-color: #7eaf3c;
}
.tweet a:hover {
	border-color: #000000;
	color: #000000;
}

.tweet-date {
	padding-top: 40px;
	width: 120px;
	text-align: center;
	font-size: 9pt;
	color: #ccc;
}

.post h1, .post h3,
.recent-post h1, .recent-post h3 {
	margin: 0;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 1;
}
.post h3, .recent-post h3 {
	margin-top: 19px;
	margin-bottom: 9px;
	font-size: 9pt;
	color: #cccccc;
}
.post h1, .recent-post h1 {
	margin: 0;
	color: #b0f751;
	font-size: 17pt;
	font-family: "Hattori Hanzo", Helvetica, Arial, sans-serif;
}
.recent-post h1, .post h1 {
	font-size: 24pt;
	margin: 20px 20px 5px 20px;
}
.recent-post h3, .post h3 {
	margin: 0 20px 15px 20px;
}
.post h1 {
	margin: 14px 0 5px 0;
	font-size: 17pt;
}
.post h3 {
	margin: 0 0 9px 0;
}
.recent-post p {
	margin: 20px 20px 0 20px;
}
.post p {
	margin: 10px 0 0 0;
}
.recent-post a:hover h1,
.post a:hover h1 {
	color: #ffffff;
}
.recent-post a:hover h3,
.post a:hover h3 {
	color: #000000;
}
.full-img h1, .full-img h2 { font-family: Helvetica, Arial, sans-serif; text-transform: none; }


.footer {
	clear: both;
	overflow: hidden;
	margin-bottom: 30px;
	font-size: 9pt;
	color: #777;
	background-color: #151615;
	padding: 10px 10px 5px 10px;
	width: 940px;
}
.footer p { margin: 0 0 5px 0; }
.footer a:link, .footer a:visited {
	color: #777;
	border: none;
	font-weight: bold;
}
.footer a:hover {
	color: #ccc;
}

.facebook-icon {
	background: url('../img/facebook-icon.png') no-repeat 0 0;
	padding: 1px 0 0 21px;
}
.twitter-icon {
	background: url('../img/twitter-icon.png') no-repeat 0 0;
	padding: 1px 0 0 21px;
	margin-right: 12px;
}
.facebook-icon:hover, .twitter-icon:hover {
	background-position: 0 -16px;
}

h1.tape, h2.tape {
	color: #ffffff;
	padding: 5px 5px 5px 15px;
	font-weight: normal;
	line-height: 1;
	margin: 0;
	float: right;
	clear: both;
}
h1.tape {
	background-color: #7eaf3c;
	font-size: 24px;
	font-family: "Hattori Hanzo", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}
h2.tape {
	background-color: #4d672c;
	background-color: rgba(126, 175, 60, 0.5);
	font-size: 13px;	
	text-transform: uppercase;
}
h1.left, h2.left { float: left; padding: 5px 15px 5px 5px; }

.splash h1, .splash h2 {
	text-transform: uppercase;
	font-weight: normal;
	font-family: "Hattori Hanzo", Helvetica, Arial, sans-serif;
	padding: 10px 10px 10px 30px;
}
.splash h1 {
	font-size: 34pt;
}
.splash h2 {
	font-size: 17pt;
}

.blog-col-1 {
	width: 465px;
	float: left;
	margin-right: 30px;
}
.blog-col-2 {
	width: 217px;
	margin-right: 30px;
	float: left;
}

.select {
	font-size: 14pt;
	padding: 0 7px;
	line-height: 34px;
	color: #aaa;
	background: #333433;
	cursor: pointer;
}
.select::selection {
	color: #aaa;
	background: #333433;
} 
.select::-moz-selection {
	color: #aaa;
	background: #333433;
}
ul.list {
	list-style-type:none;
	margin: 0;
	padding: 0;
	position: absolute;
	display: none;
}
.list li {
	font-size: 10pt;
	width: 203px;
	border-bottom: solid 1px #444;
	padding: 0 7px;
	line-height: 34px;
	color: #aaa;
	background: #333433;
	cursor: pointer;
}
.select-active {
	border: #ffdd1f solid 2px;
	margin: -2px 0 0 -2px;
	width: 203px;
}
.list a:link, .list a:visited {
	color: #aaa;
	border: none;
	line-height: 34px;
}
.list li:hover {
	background: #444;
}
.list li:hover a {
	color: #fff;
	background: #444;
}
input[type=text], textarea, input[type=submit] {
	font-size: 14pt;
	padding: 5px 7px;
	line-height: 16px;
	color: #aaa;
	border: none;
	background: #333433;
	width: 169px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	vertical-align: top;
	border: solid 2px #1c1e1c;
	margin-left: -2px;
	width: 200px;
}
input[type=submit] {
	color: #fff;
	background-color: #4d672c;
	background-color: rgba(126, 175, 60, 0.5);
	text-align: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	text-transform: uppercase;
	cursor: pointer;
}
input[type=submit]:hover {
	background-color: #7eaf3c;
}
textarea { width: 400px; height: 125px; }
input[type=text]:focus, textarea:focus {
	border-color: #ffdd1f;
}
.error {
	border-color: #e0343a;
}
input[type=text].search {
	font-size: 14pt;
	padding: 5px 7px;
	line-height: 24px;
	height: 23px;
	color: #aaa;
	border: none;
	background: #333433;
	width: 169px;
	font: Helvetica, Arial, sans-serif;
	vertical-align: top;
}
input[type=text].search:focus {
	border: #ffdd1f solid 2px;
	border-right: none;
	width: 167px;
	margin: -2px 0 0 -2px;
}
input[type=submit].search {
	font-size: 14pt;
	padding: 5px 7px;
	line-height: 33px;
	color: #aaa;
	border: none;
	background: #333434 url('../img/search.png') 0 0;
	width: 33px;
	height: 33px;
	font: Helvetica, Arial, sans-serif;
}
input[type=submit].search:hover {
	background-position: 0 -34px;
	cursor: pointer;
}
input[type=submit].search-button-focus {
	border: #ffdd1f solid 2px;
	height: 37px;
	width: 37px;
	margin: -2px 0 0 -2px;
	border-left: none;
}
.recent-post .full-img h1 {
	font-size: 36pt;
	font-family: "Hattori Hanzo", Helvetica, Arial, sans-serif;
	float: left;
	padding: 5px 15px 5px 5px;
}
.recent-post .full-img h2 {
	font-size: 25pt;
	font-family: "Hattori Hanzo", Helvetica, Arial, sans-serif;
	float: left;
	padding: 5px 15px 5px 5px;
}

.last {
	margin-right: 0px;
}
.bottom {
	margin-bottom: 0px;
}
.single {
	width: 712px;
	background: transparent;
	overflow: visible;
	height: auto;
}
.single p, .single h1, .single h3 {
	margin-right: 0;
	margin-left: 0;
}

h4 {
	font-size: 14pt;
	font-weight: normal;
	font-family: "Hattori Hanzo", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 10px;
}
hr { clear: both; margin-bottom: 15px; border: none; background: transparent; }
label {
	line-height: 30px;
	margin: 13px 0;
	font-weight: bold;
	display: block;
}
.req {
	display: none;
	font-weight: normal;
	font-style: italic;
	padding-left: 5px;
	color: #e0343a;
}

.sidebar {
	background: #333433;
	padding: 10px;
	width: 196px;
	height: 265px;
}
.sidebar ul, .sidebar li, #crp_related ul, #crp_related li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#crp_related li {
	padding-bottom: 5px;
}
.tag-cloud a:link, .tag-cloud a:visited {
	padding: 1px 2px;
	background: #7eaf3c;
	color: #fff;
	border: none; 
}
.tag-cloud a:hover {
	background: #000;
}
p.share {
	background: white; border: solid 1px #555; padding: 5px; width: 205px;
}
.share iframe { margin-left: 15px; }