/*
Theme Name: Hellish Simplicity
Theme URI: http://geek.ryanhellyer.net/themes/hellish-simplicity/
Author: Ryan Hellyer
Author URI: http://geek.ryanhellyer.net/
Description: Hellish Simplicity is a clean simple design. Responsive design makes the theme look good on all devices and the header text can be easily modified via the theme customiser or the themes header admin page. See the theme in action at the authors blog, http://ryanhellyer.net/ or check out the theme documentation at http://geek.ryanhellyer.net/themes/hellish-simplicity/.
Version: 1.5.10
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, white, red, black, one-column, two-columns, right-sidebar, flexible-width, custom-header, full-width-template, rtl-language-support, translation-ready, sticky-post, theme-options, threaded-comments

Text Domain: hellish

This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.

The Droid Serif and Droid Sans fonts are Copyright (C) 2008 The Android Open Source Project
and licensed under the GPL compatible Apache 2.0 license (http://www.apache.org/licenses/LICENSE-2.0)

*/

/* =Fonts
-------------------------------------------------------------- */
@font-face {
	font-family: 'Droid Sans';
	src: url(fonts/droidsans-webfont.eot);
	src: url(fonts/droidsans-webfont.eot#iefix) format('embedded-opentype'),
		url(fonts/droidsans-webfont.woff) format('woff'),
		url(fonts/droidsans-webfont.ttf) format('truetype'),
		url(fonts/droidsans-webfont.svg) format('svg');
	font-weight: normal;
	font-style: normal;	
}
@font-face {
	font-family: 'Droid Serif';
	src: url(fonts/droidserif-webfont.eot);
	src: url(fonts/droidserif-webfont.eot#iefix) format('embedded-opentype'),
		url(fonts/droidserif-webfont.woff) format('woff'),
		url(fonts/droidserif-webfont.ttf) format('truetype'),
		url(fonts/droidserif-webfont.svg) format('svg');
	font-weight: normal;
	font-style: normal;
}

/* =Reset
-------------------------------------------------------------- */
body,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,dl,dt,dd,ol,ul,li,fieldset,form,legend,table,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	list-style: none;
}
b,strong {
	font-weight: bold;
}

/* =Force HTML5 elements block
-------------------------------------------------------------- */
header,
nav,
article,
footer,
address {
	display: block;
}

/* =Hidden sections
-------------------------------------------------------------- */
.assistive-text,
.assistive-text {
	display: none;
}

/* =Links
-------------------------------------------------------------- */
a {
	text-decoration: none;
	color: #d90000;
}
a:hover {
	text-decoration: underline;
}

/* =Header
-------------------------------------------------------------- */
#site-header {
	display: block;
	margin: 0 auto;
	max-width: 1180px;
	border-bottom: 1px solid #dddddd;
	overflow: auto;
}
#site-header .hgroup {
	overflow: auto;
	margin: 2em auto 1em auto;
	max-width: 1080px;
}
#site-header h1 {
	float: left;
	font-family: "Droid Sans", sans-serif;
	font-size: 2.8em;
	line-height: 1.5em;
	font-weight: bold;
	letter-spacing: -0.05em;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
	margin: 0 0 0 2%;
}
#site-header h1 a {
	color: #000;
}
#site-header h1 a:hover {
	text-decoration: none;
}
#site-header h1 a span {
	color: #d90000;
}
#site-header h1 a small {
	font-size: 65%;
}
#site-header h2 {
	font-family: "Droid Sans", sans-serif;
	font-size: 1.0em;
	float: right;
	font-weight: normal;
	margin: 1.5em 2% 0 0;
	color: #999;
	font-style: italic;
}

/* =Contents
-------------------------------------------------------------- */
body.page-template-full-width-php #site-content {
	width: 94%;
	padding: 0 3%;
}
#content-area {
	font-size: 1.0em;
	font-family: "Droid Sans", sans-serif;
	line-height: 1.8em;
	color: #333;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Droid Serif", serif;
	color: #333;
	font-weight: normal;
	line-height: 1em;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: #333;
}
h1.widget-title {
	font-size: 1.4em;
	font-weight: bold;
}
h1 {
	font-size: 2.4em;
	margin: 1em 0 0.3em;
}
h2 {
	font-size: 1.7em;
	margin: 1em 0 0.3em;
}
h3 {
	font-size: 1.4em;
	margin: 1em 0 0.3em;
}
h4 {
	font-size: 1.3em;
	margin: 0.7em 0 0.2em;
}
h5 {
	font-size: 1.2em;
	margin: 0.7em 0 0.2em;
}
h6 {
	font-size: 1.1em;
	margin: 0.5em 0 0.15em;
}
p,
li,
dd,
dt,
.page-links,
caption,
th,
td {
	font-size: 1.0em;
	font-family: "Droid Sans", sans-serif;
	color: #333;
}
.page-links,
p,
li {
	margin: 1.5em 0;
}
.page-links {
	clear: both;
}
p {
	line-height: 1.8em;
}
ul,
ol {
	margin: 1em 0 1em 1.2em;
}
ul li {
	list-style: square;
	line-height: 2em;
	margin: 0;
	padding: 0;
}
ol li {
	list-style-type: decimal;
	line-height: 2em;
	margin: 0;
	padding: 0;
}
dt {
	font-weight: bold;
}
blockquote {
	position: relative;
	margin: 1.5em 0 1.5em 2.5em;
	padding: 0 1em 0 1em;
}
blockquote p:before,
blockquote p:after {
	font-family: "Droid serif", serif;
	position: absolute;
	font-size: 3em;
}
blockquote p:before {
	left: -0.3em;
	top: 0.05em;
	content:"\201C";
}
blockquote p:after {
	margin-top: 0.1em;
	margin-left: 0.05em;
	content:"\201D";
}
blockquote,
blockquote p {
	color: #999;
	font-style: italic;
}
code,
pre {
	max-width: 100%;
	overflow: auto;
	font-family: monospace;
	font-size: 0.9em;
}
input[type=text] {
	border: 1px solid #dddddd;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	padding: 3% 4%;
}
.search-form input[type=submit],
.search-form label {
	display: none;
}
.search-form input[type=text] {
	width: 90%;
	max-width: 400px;
	font-size: 0.9em;
}
iframe {
	max-width: 100%;
	padding: 0;
	margin: 0;
}
img {
	max-width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}
.wp-caption {
	max-width: 94%;
	margin-bottom: 1em;
	padding: 2% 2% 0 2%;
	border: 1px solid #dddddd;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}
.wp-caption p {
	margin: 0.4em 0;
	padding: 0 0.8em;
	font-size: 0.8em;
	line-height: 1.5em;
	color: #666;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	margin: 0.4em auto 0;
}

/* =Post contents
-------------------------------------------------------------- */
.page #content-area article,
.single #content-area article {
	border-bottom: none;
}
article {
	margin: 0 0 2em 0;
	padding: 0 0 2em 0;
	border-bottom: 1px solid #dddddd;
}
.entry-content {
	width: 100%;
	overflow: auto;
}
.attachment-excerpt-thumb {
	float: right;
	max-width: 38%;
	margin: 0 0 1em 2em;
}
.entry-meta {
	color: #888;
	font-family: "Droid Sans", sans-serif;
	font-size: 0.8em;
}
.alignleft {
	float: left;
	margin: 0 1em 1em 0;
}
.aligncenter {
	margin: 0 auto 1em auto;
	display: block;
}
.alignright {
	float: right;
	margin: 0 0 1em 1em;
}
table {
	border-bottom: 1px solid #ededed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 0.8em;
	line-height: 1.7em;
	margin: 0 0 2em 0;
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

caption {
	font-size: 1em;
	margin: 1.5em 0;
}

th {
	font-weight: bold;
	text-transform: uppercase;
}

td {
	border-top: 1px solid #ededed;
	padding: 1em 1em 1em 0;
}

/* =Sidebar
-------------------------------------------------------------- */
#content-area {
	margin: 0 auto;
	max-width: 1080px;
}
#site-content {
	width: 63%;
	padding: 0 0 0 3%;
	float: left;
	overflow: hidden;
}
#sidebar {
	padding: 3%;
	width: 24%;
	float: right;
	border-left: 1px solid #dddddd;
}
#sidebar ul li {
	line-height: 1.5em;
}
#sidebar td {
	padding: 0.2em;
}

/* =Numeric pagination
-------------------------------------------------------------- */
#numeric-pagination {
	margin: 4em 0 0 0;
	padding: 0 0 4em 0;
}
#numeric-pagination li {
	float: left;
	list-style: none;
	margin: 0 0.3em;
	padding: 0;
	height: 1.6em;
	line-height: 1.6em;
	text-align: center;
	border: 1px solid #dddddd;
}
#numeric-pagination a {
	float: left;
	height: 1.3em;
	margin: 0;
	padding: 0.1em 0.5em 0.2em 0.5em;
}
#numeric-pagination li.active a,
#numeric-pagination li a:hover {
	background: #d90000;
	text-decoration: none;
	color: #fff;
}

/* =Comments
-------------------------------------------------------------- */
#comments {
	margin: 3em 0 0 0;
	overflow: auto;
}
#comments h3 {
	margin: 0 0 20px;
}
ol.commentlist {
	margin: 0;
	padding: 0;
	list-style: none;
}
ol.commentlist li.trackback,
ol.commentlist li.pingback,
ol.commentlist li.comment {
	list-style: none;
	background: #fafafa;
	border: 1px solid #dddddd;
	margin: 0 0 1.5em 0;
	padding: 0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	font-size: 0.9em;
	color: #999;
}
ol.commentlist li.trackback ul,
ol.commentlist li.pingback ul,
ol.commentlist li.comment ul {
	margin: 0 1.5em 1.5em 1.5em;
	padding: 0;
}
ol.commentlist li.trackback .comment-body,
ol.commentlist li.pingback .comment-body,
ol.commentlist li.comment .comment-body {
	padding: 1.5em;
}
ol.commentlist li.comment li.comment {
	font-size: 1.0em;
	background: #f6f6f6;
	margin: 1.5em 0 0 0;
}
ol.commentlist li.comment li.comment li.comment {
	background: #f3f3f3;
}
ol.commentlist cite {
	font-style: normal;
}
ol.commentlist img.avatar {
	float: right;
	border: 1px solid #dddddd;
	margin: 0 0 1.5em 1.5em;
}
ol.commentlist .comment-reply-link {
	background: #eee;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #dddddd;
	font-size: 0.8em;
	padding: 0.4em 0.8em;
	color: #333;
}
ol.commentlist .comment-reply-link:hover {
	background: #d90000;
	color: #fff;
	text-decoration: none;
}
.comment-author,
.comment-meta {
	line-height: 1.5em;
}
.comment-meta {
	font-size: 0.8em;
}

/* =Response
-------------------------------------------------------------- */
.contact-form,
#respond {
	margin: 3em 0 2em 0;
	overflow: auto;
}
.contact-form label,
#respond label {
	display: block;
	line-height: 1.5em;
	margin: 1.5em 0 0 0;
}
.contact-form input[type=text],
.contact-form input[type=submit],
.contact-form textarea,
#respond input[type=text],
#respond input[type=submit],
#respond textarea {
	display: block;
	margin: 0 0 0.8em;
	padding: 0.5em 0.8em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	background: #fafafa;
	border: 1px solid #dddddd;
	color: #666;
}
.contact-form input[type=text],
#respond input[type=text] {
	width: 300px;
}
.contact-form textarea,
#respond textarea {
	max-width: 700px;
	width: 95%;
	height: 200px;
}
.contact-form input[type=text],
#respond input[type=text],
.contact-form textarea,
#respond textarea {
	font-size: 0.9em;
	font-family: "Droid Sans", sans-serif;
}
.contact-form input[type=submit],
#respond input[type=submit] {
	font-size: 1.2em;
	background: #eee;
	color: #333;
	border: 1px solid #dddddd;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	margin: 1.5em 0 0 0;
	padding: 0.4em 1em;
}
.contact-form input[type=submit]:hover,
#respond input[type=submit]:hover {
	background: #d90000;
	color: #fff;
	cursor: pointer;
}
.comment-notes,
.form-allowed-tags {
	font-size: 1.0em;
	color: #999;
}

/* =Footer
-------------------------------------------------------------- */
#site-footer {
	clear: both;
	margin: 0 auto;
	max-width: 1180px;
	text-align: center;
	font-family: "Droid Sans", sans-serif;
	font-size: 0.9em;
	color: #333;
}
#site-info {
	border-top: 1px solid #dddddd;
	padding: 1.6em 0;
}

/* =Responsive
-------------------------------------------------------------- */
@media (min-width: 900px) {
	body {
		font-size: 120%;
	}
}
@media (max-width: 650px) {
	#site-content {
		width: 94%;
		padding: 0 3%;
		float: left;
	}
	#sidebar {
		padding: 3%;
		width: 94%;
		border-left: none;
	}
}
@media (max-width: 350px) {
	article .attachment-excerpt-thumb {
		float: none;
		display: block;
		margin: 0 auto;
		max-width: 100%;
	}
}

/* =Right to left language support
-------------------------------------------------------------- */
.rtl #site-header h1 {
	float: right;
	margin: 0 2% 0 0;
}
.rtl #site-header h2 {
	float: left;
	margin: 1.5em 0 0 2%;
}
.rtl #site-content {
	padding: 0 3% 0 0;
	float: right;
}
.rtl #sidebar {
	float: left;
	border-right: 1px solid #dddddd;
	border-left: none;
}
.rtl #numeric-pagination li {
	float: right;
}

/* =Print styles
-------------------------------------------------------------- */
@media print {
	#respond,
	.sep,
	#numeric-pagination,
	.comments-link,
	#sidebar {
		display: none;
	}
}

/* =Redundant code for the WordPress.org theme review process
-------------------------------------------------------------- */
.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor {}