﻿/*
Theme Name: Flatiron
Theme URI: http://flatiron.jordankoschei.com
Description: A striking minimalist WordPress theme with a fluid grid and brilliant design.
Version: 1.0
Author: Jordan E. Koschei
Author URI: http://www.jordankoschei.com
Tags: black, white, two-columns, three-columns, flexible-width, theme-options, microformats, sticky-post
*/

/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ******************************************* */

body {
	font-size: 12px;
	font-family: Georgia, Palatino,” Palatino Linotype”, Times, “Times New Roman”, serif;
	border-bottom: 1em #000 solid;
	padding-bottom: 3em;
}
#container {
	width: 92%;
	margin: 2em 4%;
	min-width: 65em;
}


/* Basic Typography */
p, cite, address, dd {
	font-size: 1em;
	line-height: 1.75em;
	margin-bottom: 1.75em;
	color: #333;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, “Helvetica Neue”, Helvetica, sans-serif;
	font-weight: bold;
	clear: both;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	display: inline-block;
	width: 100%;
	text-decoration: none !important;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration: underline !important;
}
h1 {
	font-size: 2.6667em;
	line-height: 1.3125em;
	margin-top: 0.6563em;
}
h2 {
	font-size: 2.3333em;
	line-height: 1.5em;
	margin-top: 0.75em;
}
h3 {
	font-size: 2em;
	line-height: 1.75em;
	margin-top: 0.875em;
}
h4 {
	font-size: 1.6667em;
	line-height: 1.05em;
	margin-top: 1.05em;
}
h5 {
	font-size: 1.3333em;
	line-height: 1.3125em;
	margin-top: 1.3125em;
}
h6 {
	font-size: 1.1667em;
	line-height: 1.5em;
	margin-top: 1.5em;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	background-color: #eee;
}
a:visited {
	color: #333;
}
#content a {
	text-decoration: underline;
}
#content a:hover {
	text-decoration: none;
}
.archives a {
	text-decoration: none !important;
}

/* Advanced Typography */
b, strong {
	font-weight: bold;
}
i, em, dfn {
	font-style: italic;
}
big {
	font-size: 1.1667em;
	line-height: 1.5em;
}
small {
	font-size: 0.9167em;
	line-height: 1.9091em;
}
sup {
	vertical-align: super;
}
sub {
	vertical-align: sub;
}
blockquote {
	font-style: italic;
	margin: 0 2em;
}
ins {
	background-color: #eee;
	color: #000;
}
del {
	color: #ca0000;
	text-decoration: line-through;
}
abbr, acronym {
	background-color: #eee;
	cursor: default;
}
code, kbd, samp, pre, tt, var {
	font-family: “Courier New”, Courier, monospace;
	background-color: #eee;
}
hr {
	border: 0.0833em #ccc solid;
	margin-bottom: -0.0833em;
}

/* Lists & Definitions */
ol {
	margin-left: 1em;
	list-style-type: decimal;
}
ul {
	margin-left: 1em;
	list-style-type: square;
}
li {
	font-size: 1em;
	line-height: 1.25em;
	margin: 0 0 1.25em 0;
}
dt {
	font-size: 1.1667em;
	line-height: 1.5em;
	margin-top: 1.5em;
}

/* Images */
p img {
	margin: 1em;
}
img.centered {
	display: block;
	margin: 1em auto;
}
img.alignright {
	float: right;
	margin: 1em 0 1em 1em;
}
img.alignleft {
	float: left;
	margin: 0 1em 1em 0;
}
p.wp-caption-text {
	color: #666;
	font-style: italic;
}

/* Tables */
table {
	font-size: 1em;
	font-family: Arial, “Helvetica Neue”, Helvetica, sans-serif;
	line-height: 1.6667em;
	text-align: left;
	margin-bottom: 1.6667em;
	border: #ccc solid;
	margin-left: 0.1667em;
}
caption {
	line-height: 1.75em;
}
th, td {
	padding: 0 0.8333em;
}

/* Forms */
form {
	margin-bottom: 1.75em;
}
label {
	display: block;
	font-size: 1.1667em;
	line-height: 1.5em;
}
input[type="text"], input[type="password"], textarea {
	border: 0.0833em #ccc solid;
	font-family: Arial, “Helvetica Neue”, Helvetica, sans-serif;
	font-size: 1em;
	padding: 0.1667em;
	line-height: 1.75em;
}
input[type="button"], input[type="submit"], input[type="reset"], button {
	padding: 0.0833em 1em;
	cursor: pointer;
	font-family: Georgia, Palatino,” Palatino Linotype”, Times, “Times New Roman”, serif;
	background-color: #000;
	height: 2.25em;
	color: #fff;
	border: 0;
	margin-top: -0.3333em;
	margin-bottom: -0.25em;
}
input[type="hidden"] {
	display: none;
}

/* Standards */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.note, .alert {
	font-size: 1em;
	line-height: 1.75em;
	margin-bottom: 1em;
	color: #000;
	border-width: 0.0833em;
	border-style: solid;
	padding: 0.75em 0.8333em 0.8333em 0.8333em;
}
.note {
	border-color: #ccc;
	background-color: #eee;
}
.alert {
	border-color: #ca0000;
	background-color: #eee;
}

/* Header */
#header {
	height: 8em;
	background-image: url('images/header.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #000;
}
img#homelink {
	background-color: #000;
	border-right: .25em #fff solid;
	height: 8em;
	padding: 0 1em;
}
img#homelink:hover {
	background-color: #000;
	background-color: rgba(0,0,0,.75);
}
a#homelink {
	background-color: #000;
	border-right: 0.08em #fff solid;
	height: 2em;
	line-height: 2em;
	padding: 0 0.25em;
	display: inline-block;
	font-size: 4em;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
}
a#homelink:hover {
	text-decoration: none;
}
a#homelink_descr {
	background-color: #000000;
	border-right: 0.08em solid #FFFFFF;
	color: #FFFFFF;
	display: inline-block;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 4em;
	font-weight: bold;
	height: 1.65em;
	padding: 0.35em 0.25em 0;
	text-decoration: none;
	text-transform: uppercase;
}
a#homelink_descr span {
	font-family: Georgia,"Times New Roman",Times,Serif;
	font-size: 0.4em;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 0.025em;
	text-transform: none;
}
a#homelink:hover, a#homelink_descr:hover {
	background-color: #000;
	background-color: rgba(0,0,0,.75);
}

/* Navigation */
div#navigation {
	background-color: #000;
	width: 100%;
	float: left;
	margin-bottom: 1em;
	margin-top: 0.25em;
	border-bottom: .25em #fff solid;
	max-height: 4.75em;
}
ul#navigation {
	height: 2.25em;
	margin: 0;
	list-style-type: none;
	border-bottom: .25em #fff solid;
}
#navigation li {
	margin: 0;
	position: relative;
	float: left;
}
#navigation li a {
	padding: .5em 0.6667em;
	text-align: center;
	background-color: #000;
	color: #fff;
	display: inline-block;
	min-width: 8em;
	border-right: .25em #fff solid;
	border-bottom: 0.25em #fff solid;
	text-decoration: none;
	font-size: 1em;
}
#navigation li a:hover {
	background-color: #333;
}
#navigation li ul {
	display: none;
	list-style-type: none;
	position: absolute;
	top: 2.5em;
}
#navigation li:hover ul {
	display: block;
	position: absolute;
	z-index: 12;
	margin: 0;
}
#navigation li ul li {
	display: block;
	float: left;
}
#navigation li ul li a {
	border-left: .25em #ddd solid;
	border-color: #ddd;
	margin-left: -.25em;
}
#navigation li ul li ul li {
	display: none;
}
#navigation li ul li:hover ul li {
	display: block;
}
#navigation li ul li:hover ul {
	position: absolute;
	top: 0;
	left: 9.3333em;
	margin-left: 0.25em;
	margin-top: -0.25em;
}
#navigation li ul li ul li:first-child {
	border-top: .25em #ddd solid;
}

/* Search Form */
li.search {
	float: right !important;
	height: 2.25em;
	text-align: center;
	background-color: #000;
	color: #fff;
	display: inline-block;
	min-width: 8em;
}
#searchform {
	margin-top: 0.3333em;
	margin-bottom: -.25em;
}
#searchform label {
	display: none;
}
#searchform input {
	font-size: 0.9167em;
	border: 0;
}
#searchform #searchsubmit {
	background-color: #000;
	color: #eee;
	cursor: pointer;
	font-family: Georgia;
}
#searchform #searchsubmit:hover {
	color: #fff;
	background-color: #333;
}

/* Content */
#content {
	width: 81.333%;
	margin-left: 1%;
	overflow: hidden;
}
#content.full_width {
	width: 100%;
}
#content.two_sidebars {
	width: 62.666%;
}
#content.two_sidebars.middle {
	float: left;
	margin-right: 1%;
	width: 62.666%;
}
#content.left {
	margin-left: 0;
	margin-right: 1%;
}
.hentry.sticky {
	border: 0.1667em #ccc solid;
	background-color: #eee;
	padding: 0 0.8333em;
	margin-bottom: -0.1667em;
}
.hentry.sticky h2 {
	margin-top: 1.5833em;
}
.meta {
	font-size: 0.9167em;
	display: inline-block;
	line-height: 1.9091em;
	margin: 0 0 1.9091em 0;
	font-style: italic;
	color: #666;
}
#meta {
	margin-bottom: 1.75em;
	line-height: 1.75em;
	font-size: 1em;
	color: #666;
}
#meta a {
	color: #aaa;
}
#meta span {
	border-right: 0.0833em #aaa solid;
	padding-right: .75em;
	margin-right: .75em;
}
#meta span:last-child {
	border-right: 0;
}
#meta ul {
	list-style-type: none;
	float: left;
}
#meta ul li {
	float: left;
	margin: 0;
	line-height: 1em;
}
#pagination {
	border-style: solid none;
	border-color: #000;
	border-width: 0.1667em;
	font-size: 1em;
	line-height: 1.75em;
	margin-top: -0.1667em;
	margin-bottom: -0.1667em;
	cursor: default;
	letter-spacing: .05em;
}
#pagination span {
	font-weight: bold;
	background-color: #000;
	color: #fff;
	width: 1.75em;
	display: inline-block;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
#pagination a span {
	background-color: #fff;
	color: #000;
}
#pagination a:hover span {
	color: #666;
}
#pagination_index {
	border-top: 0.1em #000 solid;
	line-height: 1.75em;
	cursor: default;
	font-size: 1em;
}
#pagination_index.noborder {
	border-color: #fff;
	margin-top: 2em;
}
#pagination_index a {
	text-decoration: none;
}
#pagination_index a:hover {
	color: #666;
}

/* Comments */
.commentlist {
	border-bottom: 0.0833em #000 solid;
}
.comment, .pingback {
	margin: 0;
	overflow: hidden;
	width: 100%;
	border-top: 0.0833em #000 solid;
	padding-top: 1.75em;
}
.comment.bypostauthor {
	background-color: #eee;
}
.reply {
	margin-bottom: 1.6667em;
}
.comment-info {
	width: 35%;
	float: left;
	line-height: 1.75em;
}
.comment-author a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1667em;
	line-height: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 0em;
	font-weight: bold;
}
.comment-author a:hover {
	text-decoration: underline;
}
.comment .comment .comment-info {	padding-left: 2%; width: 33%; }
.comment .comment .comment .comment-info {	padding-left: 4%; width: 31%; }
.comment .comment .comment .comment .comment-info {	padding-left: 6%; width: 29%; }
.comment .comment .comment .comment .comment .comment-info {	padding-left: 8%; width: 27%; }
.comment .comment .comment .comment .comment .comment .comment-info {	padding-left: 10%; width: 25%; }
.comment .comment .comment .comment .comment .comment .comment .comment-info {	padding-left: 12%; width: 23%; }
.comment .comment .comment .comment .comment .comment .comment .comment .comment-info {	padding-left: 14%; width: 21%; }
.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment-info {	padding-left: 16%; width: 19%; }
.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment-info {	padding-left: 18%; width: 17%; }
.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment-info {	padding-left: 20%; width: 15%; }
.comment-text {
	width: 56%;
	margin-left: 37%;
}
.gravatar {
	float: right;
	margin-left: 2%;
	padding: 0.0833em;
	border: 0.0833em #ccc solid;
}
.comment-edit-link {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}
.comment_navigation {
	border-color: #000;
	border-width: 0.1667em;
	font-size: 1em;
	line-height: 1.75em;
	cursor: default;
	letter-spacing: .05em;
	width: 100%;
	display: inline-block;
}
.comment_navigation a {
	text-decoration: none;
}
.comment_navigation a:hover {
	color: #666;
}
.comment_navigation.top {
	border-top-style: solid;
	margin-top: -0.1667em;
}
.comment_navigation.bottom {
	border-bottom-style: solid;
	margin-bottom: -0.1667em;
}
#cancel-comment-reply-link {
	font-size: 1em;
	line-height: 1.75em;
	margin-bottom: 1.75em;
	display: inline-block;
}

/* Sidebar */
#sidebar {
	width: 16.667%;
	margin-right: 1%;
	margin-bottom: 1.5em;
	display: inline-block;
}
#sidebar.alignright {
	margin-right: 0;
	margin-left: 1%;
}
#sidebar.right_2, #sidebar.left_2 {
	margin-left: 1%;
	margin-right: 1%;
}
#sidebar ul {
	list-style-type: none;
	margin-top: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#sidebar li {
	margin: 0 !important;
}

/* Widget (Basic) */
.widget ul {
	margin-bottom: -0.0833em;
}
.widget ul li ul,
.widget ul li ul li ul,
.widget ul li ul li ul li {
	margin-bottom: 0;
}
.widget ul li a {
	font-size: 1.1667em;
	line-height: 1.5em;
	border-top: 0.0714em #ccc solid;
	width: 100%;
	display: list-item;
	margin-bottom: -0.0714em;
}
.widget ul li a:hover {
	background-color: #000;
	color: #fff;
	text-decoration: none;
}
.widget ul li a {
	color: #000;
}
.widget ul li ul li a {
	color: #333;
	padding-left: 5%;
	width: 95%;
}
.widget ul li ul li ul li a {
	color: #666;
	padding-left: 10%;
	width: 90%;
}
.widget ul li:last-child {
	border-bottom: 0.0833em #ccc solid;
}
.widget ul li ul li:last-child, .widget_categories ul li ul li ul li:last-child {
	border-bottom: 0;
}

/* Widget (Tag Cloud) */
.widget_tag_cloud a {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.75em;
	height: 1.75em;
	display: inline-block;
}
.widget_tag_cloud a:hover {
	background-color: #000;
	color: #fff;
}

/* Widget (Calendar) */
table#wp-calendar {
	text-align: left;
	width: 100%;
	margin-bottom: -0.0833em;
	border: 0;
	margin-left: 0;
}
#wp-calendar td, #wp-calendar th {
	padding: 0;
}
#wp-calendar caption {
	text-align: left;
	line-height: 1.5em;
	font-size: 1.1667em;
	height: 1.5714em;
	font-family: Georgia, "Times New Roman", Times, Serif;
}
#wp-calendar thead {
	border-style: solid none;
	border-color: #ccc;
	border-width: 0.0833em;
	line-height: 1.6667em;
	text-align: center;
}
#wp-calendar tbody {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
#wp-calendar tbody tr td {
	width: 14.286%;
	line-height: 1.75em;
}
#wp-calendar tbody tr td a{
	background-color: #ccc;
	text-decoration: none;
	height: 1.75em;
	width: 1.75em;
	display: inline-block;
	font-weight: bold;
}
#wp-calendar tbody tr td a:hover {
	background-color: #000;
	color: #fff;
}
#wp-calendar tfoot {
	border-top: 0.0714em #ccc solid;
	line-height: 1.5em;
	font-size: 1.1667em;
	font-family: Georgia, "Times New Roman", Times, Serif;
}
#wp-calendar tfoot a {
	text-decoration: none;
}
#wp-calendar tfoot tr td#prev {
	text-align: left;
	width: 50%;
}
#wp-calendar tfoot tr td#prev a:hover, #wp-calendar tfoot tr td#next a:hover {
	text-decoration: underline;
}
#wp-calendar tfoot tr td#next {
	width: 50%;
	text-align: right;
}

#calendar table#wp-calendar {
	text-align: left;
	width: 100%;
	margin-bottom: -0.0833em;
}
#calendar #wp-calendar caption {
	display: none;
}
#calendar #wp-calendar thead {
	border-style: solid none;
	border-color: #ccc;
	border-width: 0.0476em;
	line-height: 1.9524em;
	text-align: center;
	font-size: 1.75em;
}
#calendar #wp-calendar tbody {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
#calendar #wp-calendar tbody tr td {
	width: 14.286%;
	line-height: 2em;
	font-size: 1.75em;
}
#calendar #wp-calendar tbody tr td a{
	background-color: #ccc;
	text-decoration: none;
	height: 3.5em;
	width: 3.5em;
	display: inline-block;
	font-weight: bold;
}
#calendar #wp-calendar tbody tr td a:hover {
	background-color: #000;
	color: #fff;
}
#calendar #wp-calendar tfoot {
	border-top: 0.0476em #ccc solid;
	line-height: 2em;
	font-size: 1.75em;
}
#calendar #wp-calendar tfoot a {
	text-decoration: none;
	display: inline-block;
	width: 100%;
}
#calendar #wp-calendar tfoot tr td#prev {
	text-align: left;
	width: 50%;
}
#calendar #wp-calendar tfoot tr td#prev a:hover, #wp-calendar tfoot tr td#next a:hover {
	text-decoration: underline;
}
#calendar #wp-calendar tfoot tr td#next {
	width: 50%;
	text-align: right;
}


/* Archives */
ul.archives {
	margin-bottom: 1.75em;
	margin-left: 0;
}
li.archives {
	font-size: 1.1667em;
	line-height: 1.5em;
	border-top: 0.0714em #ccc solid;
	display: inline-block;
	width: 100%;
	margin-bottom: -0.0714em;
}
li.archives:hover {
	background-color: #000;
}
li.archives a {
	display: block;
	min-height: 3em;
}
li.archives:hover .archive_name {
	color: #fff;
}
li.archives:hover .archive_descr {
	color: #eee;
}
li.archives:last-child {
	border-bottom: 0.0833em #ccc solid;
}
.archive_name {
	width: 35%;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.archive_descr {
	width: 65%;
	float: right;
}
li.archives a {
	text-decoration: none;
}
/* Footer */
#footer {
	clear: both;
	margin-top: 1.5833em;
	border-top: 0.1667em #000 solid;
}
#footer span {
	font-style: italic;
	font-size: 0.9167em;
	color: #666;
	line-height: 1.9091em;
	clear: both;
	text-align: right;
}
#footer span a {
	font-style: normal;
}
#footer ul {
	height: 1.75em;
	list-style-type: none;
	margin-left: 0 !important;
	clear: left;
}
#footer li {
	float: left;
	margin-right: 0.6667em;
	font-size: 1em;
	line-height: 1.75em;
	margin-bottom: 0;
}
#footer a:hover {
	text-decoration: underline;
}
#footer li:last-child {
	display: none;
}