/*   
Theme Name: HardTruth
Theme URI: http://hardtruth.us
Description: The official theme of HardTruth.
Author: Hard Truth
Author URI: http://hardtruth.us
Version: 2.1
*/

/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #181716;}

a {
	color: #a43314;
	text-decoration: none;
	-webkit-transition: 0.15s ease-in-out;
	-moz-transition: 0.15s ease-in-out;
	-o-transition: 0.15s ease-in-out;
	-ms-transition: 0.15s ease-in-out;
	transition: 0.15s ease-in-out;
}

a:hover {
	text-decoration: underline;
}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

hr {
	border: 1px solid #a43314;
}


/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/

@font-face {
    font-family: 'League Gothic';
    src: url('_/fonts/LeagueGothic.otf');
    src: url('_/fonts/LeagueGothic.otf') format('otf'),
    font-weight:normal;
    font-style:normal;
    font-variant:normal;
}

* {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
	background-color: #dcd6c1;
	background-image: url(_/img/page-bg-light.jpg);
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	line-height: 26px;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.8);
}

#header {
	width: 100%;
	height: 170px;
	display: block;
	background-image: url(_/img/ht-header-2.1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 7px;
}

#header h1 a {
	display: inline-block;
	width: 550px;
	height: 140px;
	text-indent: -9999em;
}

.wrapper {
	width: 1100px;
	display: block;
	margin: 0 auto;
}

.content {
	width: 65%;
	float: left;
}

aside.sidebar {
	width: 29%;
	float: right;
	background-color: #ebe9e3;
	background-image: url(_/img/sidebar-bg.jpg);
	border-radius: 2px;
	display: inline-block;
	width: 29%;
	margin: 0 2% 30px 2%;
	vertical-align: top;
	box-shadow: 0px 1px 5px rgba(85,68,37,0.65), inset 0px 0px 25px rgba(75,64,46,0.5);
}

aside.sidebar:before {
	content: ' ';
	width: 93px;
	height: 72px;
	background-image: url(_/img/clip.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	margin-left: -68px;
}

aside.sidebar h3 {
	background-color: rgba(85,67,35,0.2);
	padding: 5px 20px;
	margin-top: 15px;
	margin-bottom: 0;
}

aside.sidebar li a {
	display: inline-block;
	padding: 5px 20px;
	width: 100%;
	color: #5c5024;
}

aside.sidebar li a:hover {
	background-color: rgba(255,255,255,0.35);
	text-decoration: none;
	color: #a43314;
}

article ol {
	padding-left: 7%;
}

h1,
h2,
h3 {
	font-family: 'League Gothic';
	text-transform: uppercase;
	font-weight: normal;
	color: #4c4535;
}

article h1,
article h2,
h2 {
	font-size: 46px;
	line-height: 46px;
}

h3 {
	font-size: 34px;
	line-height: 34px;
	margin: 30px 0;
}

body.archive h2,
.search-results h2 {
	margin-bottom: 35px;
	text-align: center;
}

img {
	max-width: 100%;
}

.wp-caption {
	background-color: #ebe9e3;
	background-image: url(_/img/photo-pattern.jpg);
	font-size: 15px;
	line-height: 19px;
	padding: 25px;
	border-radius: 2px;
	display: inline-block;
	width: 29%;
	vertical-align: top;
	text-align: center;
	box-shadow: 0px 1px 5px rgba(85,68,37,0.65), inset 0px 0px 30px white;
	max-width: 100%;
}

.alignright {
	float: right;
	margin-left: 12px;
	margin-bottom: 7px;
	max-width: 45%;
}

.alignleft {
	float: left;
	margin-right: 12px;
	margin-bottom: 7px;
	max-width: 45%;
}

.aligncenter {
	display: block;
	clear: both;
	margin: 25px auto;
}

.photo-frame {
	background-color: #ebe9e3;
	background-image: url(_/img/photo-pattern.jpg);
	padding: 25px;
	border-radius: 2px;
	display: inline-block;
	width: 29%;
	margin: 0 2% 30px 2%;
	vertical-align: top;
	text-align: center;
	box-shadow: 0px 1px 5px rgba(85,68,37,0.65), inset 0px 0px 30px white;
	-webkit-transition: 0.15s ease-in-out;
	-moz-transition: 0.15s ease-in-out;
	-o-transition: 0.15s ease-in-out;
	-ms-transition: 0.15s ease-in-out;
	transition: 0.15s ease-in-out;
}

.photo-frame:hover:nth-child(odd) {
	-webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
}

.photo-frame:hover:nth-child(even) {
	-webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
}

.photo-frame a.vignette {
	display: inline-block;
	box-shadow: inset 0px 0px 45px black;
	line-height: 0px;
}

.photo-frame img {
	opacity: 0.6;
	width: 270px;
	-webkit-transition: 0.15s ease-in-out;
	-moz-transition: 0.15s ease-in-out;
	-o-transition: 0.15s ease-in-out;
	-ms-transition: 0.15s ease-in-out;
	transition: 0.15s ease-in-out;
	filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}

.photo-frame:hover img {
	opacity: 1;
	filter: none;
    -webkit-filter: grayscale(0);
}

.photo-frame h3 {
	margin-top: 15px;
	margin-bottom: 0;
}

.photo-frame h3 a {
	color: #524a37;
}

.photo-frame h3 a:hover {
	text-decoration: none;
}

.photo-frame:hover h3 a {
	color: #a43314;
}

.top-banners {
	text-align: center;
}

.top-banners a {
	line-height: 0px;
}

.top-banners img {
	width: 28%;
	margin: 0 2% 30px 2%;
}

#footer {
	display: block;
	clear: both;
	width: 100%;
	padding: 40px;
	text-align: center;
}

.meta {
	font-size: 16px;
	font-family: monospace;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
}

blockquote {
	background-color: #ebe9e3;
	background-image: url(_/img/photo-pattern.jpg);
	padding: 15px 25px;
	border-radius: 2px;
	display: block;
	margin: 25px 5% 25px 5%;
	vertical-align: top;
	box-shadow: 0px 1px 5px rgba(85,68,37,0.65), inset 0px 0px 30px white;
}

.tag-set .tag a {
	background-color: #ebe9e3;
	background-image: url(_/img/photo-pattern.jpg);
	padding: 2px 15px;
	font-size: 15px;
	font-family: monospace;
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 2px;
	display: inline-block;
	color: #5c5024;
	margin-right: 15px;
	margin-bottom: 15px;
	vertical-align: top;
	box-shadow: 0px 1px 5px rgba(85,68,37,0.65), inset 0px 0px 25px rgba(75,64,46,0.5);
}

.tag-set .tag a:nth-child(odd) {
	-webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
}

.tag-set .tag a:nth-child(even) {
	-webkit-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    transform: rotate(1deg);
}

.tag-set .tag a:hover {
	color: #a43314;
	text-decoration: none;
}

ol.commentlist, ol.commentlist li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

ol.commentlist li.comment {
	padding-top: 15px;
	padding-right: 15px;
	margin-bottom: 15px;
	border-top-color: #7a7766;
	border-top-style: dotted;
	border-top-width: 2px;
	display: block;
	padding-left: 64px;
	line-height: 19px;
	font-weight: normal;
}

ol.commentlist li.comment img.avatar {
	float: left;
	margin-left: -67px;
	margin-top: -2px;
}

li.byuser span.says {
	display: none;
}

div.reply {
	text-align: right;
	margin-top: 7px;
	margin-left: 15px;
}

ol.commentlist {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #7a7766;
	margin-bottom: 30px;
	margin-top: 30px;
}

ul.children {
	padding-left: 0px;
}

.comment cite, .comment cite a {
	font-family: 'League Gothic';
	font-size: 32px;
	font-style: normal;
	text-transform: uppercase;
}

.comment .says {
	display: none;
}

div.commentmetadata a {
	color: #746a47;
	font-size: 13px;
	font-style: italic;
}

input[type="text"],
input[type="email"],
input[type="password"],
textarea {
	font-family: 'PT Sans', sans-serif;
	background-image: url(_/img/photo-pattern.jpg);
	border-radius: 2px;
	border: 0;
	box-shadow: inset 0px 1px 5px rgba(85,68,37,0.65);
	text-shadow: 0px 1px 0px rgba(255,255,255,0.8);
	padding: 7px 10px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus {
	outline: none;
}

button,
a.button,
input[type="submit"],
.navigation a {
	font-family: 'PT Sans', sans-serif;
	background-image: url(_/img/header-bg.jpg);
	background-position: center center;
	color: white;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.79);
	display: inline-block;
	padding: 7px 15px;
	border: 0;
	border-radius: 2px;
}

button:active,
a.button:active,
input[type="submit"]:active,
.navigation a:active {
	position: relative;
	top: 1px;
}

.navigation {
	padding-top: 25px;
}

.more-athena-dean {
	display: block;
	clear: both;
}

.more-athena-dean:after {
	content: ' ';
	display: block;
	clear: both;
	width: 100%;
	height: 0px;
}

.more-athena-dean h2 {
	text-align: center;
	padding: 35px 0;
	display: block;
	clear: both;
}

aside.sidebar .widget_search form {
	padding: 15px;
}

.scripture {
	text-align: center;
	font-size: 20px;
	line-height: 35px;
	color: #716252;
	padding: 6px;
	margin-bottom: 35px;
	background-color: rgba(111,93,71,0.1);
}

.subscribe-box {
	width: 90%;
	display: block;
	clear: both;
	float: none;
	margin: 35px auto;
	text-align: center;
}

.subscribe-box input[type="email"] {
	width: 40%;
	margin-right: 7px;
	background-color: rgba(255, 255, 255, 0.4);
	background-image: none;
}



/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/

@media screen and (max-device-width: 480px) {

}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
} */