/*
Theme Name: Drifter_Theme
Author: Dylan N. Gluck
Author URI: http://dylangluck.me/
Description: Custom Wordpress Theme for Drifter & the Gypsy.
Version: 1.0
*/

	/* =============================================================================
	HTML5 Boilerplate CSS: h5bp.com/css
	========================================================================== */

	article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
	audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
	audio:not([controls]) { display: none; }
	[hidden] { display: none; }

	html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
	html, button, input, select, textarea { font-family: sans-serif; color: #222; }
<meta name="google-site-verification" content="4j9a9aLgSzMFl65a5B9GKAKJ3FdidVC2cjFuuZ1Dudg" />
	body { margin: 0; font-size: 1em; line-height: 1.4; }

	::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
	::selection { background: #99bcd6; color: #fff; text-shadow: none; }

	a { color: #7F98AC; }
	a:visited { color: #7F98AC; }
	a:hover { color: #7D7C7A; }
	a:focus { outline: 0; }
	a:hover, a:active { text-decoration: underline; }

	abbr[title] { border-bottom: 1px dotted; }
	b, strong { font-weight: bold; }
	blockquote { margin: 1em 40px; }
	dfn { font-style: italic; }
	hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
	ins { background: #ff9; color: #000; text-decoration: none; }
	mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
	pre, code, kbd, samp { font-family: arial; }
	pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
	q { quotes: none; }
	q:before, q:after { content: ""; content: none; }
	small { font-size: 85%; }

	sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
	sup { top: -0.5em; }
	sub { bottom: -0.25em; }

	ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
	dd { margin: 0 0 0 40px; }
	nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

	img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

	svg:not(:root) { overflow: hidden; }

	figure { margin: 0; }

	form { margin: 0; }
	fieldset { border: 0; margin: 0; padding: 0; }
	label { cursor: pointer; }
	legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
	button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
	button, input { line-height: normal; }
	button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
	button[disabled], input[disabled] { cursor: default; }
	input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
	input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
	input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
	button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
	textarea { overflow: auto; vertical-align: top; resize: vertical; }
	input:valid, textarea:valid {  }
	input:invalid, textarea:invalid { background-color: #f0dddd; }

	table { border-collapse: collapse; border-spacing: 0; }
	td { vertical-align: top; }

	.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }



	/* ===== Primary Styles ========================================================
	Author: Dylan N. Gluck
	========================================================================== */

	/* Global Styles */

	body {
	 margin-left: 20px;
	 margin-right: 20px !important;
	 margin-top: 40px;
	}

	p, .textwidget {
	 font-size: 12px;
	 font-family: arial, sans serif;
	 color: #544648;
	}

	.wrap {
	 width: 1040px;
	 margin: 0 auto;
	}

	.full-width {
	 width: 100%;
	 margin: 0;
	}

	.clearfix {
	 overflow: hidden;
	 clear: left;
	 clear: right;
	 zoom: *;
	}

	.pos-relative {
	 position: relative !important;
	}

	.pos-absolute {
	 position: absolute !important;
	}

	.left-sidebar {
	 float: left;
	 width: 200px;
	 margin-right: 20px;
	}

	.center-content {
	 float: left;
	 width: 600px;
	 margin-right: 20px;
	}

	.right-sidebar {
	 float: left;
	 width: 200px;
	}

	blockquote {
	 font-family: arial;
	 font-style: italic;
	 font-size: 30px;
	}

	a {
	 text-decoration: none;
	}

	.page-numbers, .page-numbers:visited {
		background-color: #99BCD6;
		padding: 5px;
		color: white;
		text-decoration: none;
		font-size: 10px;
	}

	.page-numbers.current {
		background-color: white;
		color: #99BCD6;
		border-bottom: 3px solid #99BCD6;
		padding: 5px 5px 2px 5px;
	}

	.page-numbers:hover {
		background-color: white;
		color: #99BCD6;
		border-bottom: 3px solid #99BCD6;
		padding: 5px 5px 2px 5px;
		text-decoration: none;
	}

	.addtoany_share_save_container {
		float: left;
	}

	.contributor {
		overflow: hidden;
	}

	.alignleft {
		float: left;
		padding: 12px 20px 40px 0;
	}


	/* Global Header */

	#global_header_wrap {
	 background: url('./img/wonky_bar_grey.png') no-repeat center bottom;
	 padding-bottom: 36px;
	}


	#drifter_logo {
	 left: 20px;
	 width: 200px;
	}

	#navigation_wrap {
	 background-color: #EEE;
	 height: 30px;
	 line-height: 30px;
	 margin-top: 10px;
	 margin-bottom: 40px;
	}

	.main_nav {
	 list-style: none;
	 margin: 0;
	 padding: 0;
	 overflow: hidden;
	}

	.main_nav li {
	 float: left;
	 margin-left: 35px;
	}

	.main_nav li a {
	 color: #4d4d4d;
	 text-decoration: none;
	 text-transform: uppercase;
	 font-size: 12px;
	}

	.main_nav li a:visited {
	 color: #4d4d4d;
	 text-decoration: none;
	}

	.main_nav li a:hover {
	 color: #000;
	 text-decoration: none;
	 border-bottom: 1px solid #000;
	}

	/* Global Sidebar */

	.left-sidebar p {
	 font-size: 12px;
	}

	.frame-outer {
	 border: 1px solid #8F9194;
	 height: 470px;
	}

	.frame-inner {
	 overflow: hidden;
	 border: 1px solid #8F9194;
	 height: 428px;
	 margin: 10px;
	 padding:10px;
	}

	.frame-inner img {
	 display: block;
	 width: 150px;
	 height: auto;
	 margin: 0 auto;
	 margin-top: 5px;
	 margin-bottom: 20px;
	}

	.frame-inner p {
	 display: block;
	 width: 150px;
	 margin: 5px auto;
	 padding: 0;
	 font-size: 11px;
	}

	.social-button-big {
	 border: 10px solid #EDEEEE;
	 margin-bottom: 20px;
	}

	#twitter_link:hover {
	 border: 10px solid #7F98AC;
	}

	#facebook_link:hover {
	 border: 10px solid #7F98AC;
	}

	#instagram_link:hover {
	 border: 10px solid #7F98AC;
	}

	.social-button-big a {
	 display: block;
	 width: 100%;
	 height: 70px;
	 line-height: 70px;
	 text-align: center;
	 text-transform: uppercase;
	 text-decoration: none;
	 color: #4d4d4d;
	 font-size: 20px;
	 letter-spacing: 4px;
	}

	.sidebar-widget {
	 margin-bottom: 20px;
	}

	.sidebar-label {
	 border-top: 1px solid #58595B;
	 border-bottom: 4px solid #58595B;
	 padding: 5px 0 3px 0;
	 font-size: 11px;
	 text-transform: uppercase;
	 letter-spacing: 2px;
	 margin-bottom: 10px;
	}

	.sidebar-widget ul {
	 list-style: none;
	 margin: 0;
	 padding: 0;
	}

	.sidebar-widget ul li {
	 display: block;
	 font-size: 11px;
	 padding-bottom: 5px;
	 margin-bottom: 4px;
	 border-bottom: 1px solid #B8BABC;
	}

	.sidebar-widget ul li a {
	 text-decoration: none;
	}

	.sponsor-wrap {
	 border: 1px dashed #EDEEEE;
	 margin-bottom: 0;
	 padding: 9px;
	}

	#social_widget_wrap {
		overflow: hidden;
	}

	.social_icons {
		display: block;
		width: 33px;
		height: 33px;
		background: transparent;
		margin-right: 5px;
		float: left;
	}

	#facebook_icon {
		background: url('./img/facebook.png') center center no-repeat;
	}

	#twitter_icon {
		background: url('./img/twitter.png') center center no-repeat;
	}

	#pinterest_icon {
		background: url('./img/pinterest.png') center center no-repeat;
	}

	#mail_icon {
		background: url('./img/email.png') center center no-repeat;
	}

	#rss_icon {
		background: url('./img/feed.png') center center no-repeat;
	}

	#facebook_icon:hover {
		background: url('./img/facebook_hover.png') center center no-repeat;
	}

	#twitter_icon:hover {
		background: url('./img/twitter_hover.png') center center no-repeat;
	}

	#pinterest_icon:hover {
		background: url('./img/pinterest_hover.png') center center no-repeat;
	}

	#mail_icon:hover {
		background: url('./img/email_hover.png') center center no-repeat;
	}

	#rss_icon:hover {
		background: url('./img/feed_hover.png') center center no-repeat;
	}

	/* Global Article Display */

	.center-content {
	 position: relative;
	 bottom: 20px;
	}

	article.blog-post {
	 margin-bottom: 60px;
	}

	article.blog-post h3 {
	 display: block;
	 font-size: 18px;
	 letter-spacing: 2px;
	 border-bottom: 1px dashed #58595B;
	 padding-bottom: 4px;
	 margin-bottom: 10px;
	 text-transform: uppercase;
	 font-weight: 100;
	 color: #7D7C7A;
	}

	article.blog-post h3 a:hover {
	 color: #7F98AC;
	}


	.article-date-wrap {
	 display: block;
	 position: relative;
	 padding-bottom: 5px;
	 margin-bottom: 15px;
	 font-size: 11px;
	}

	a.article-more {
	 position: absolute;
	 right: 0;
	 bottom: 2px;
	 font-size: 19px;
	 font-weight: bold;
	 color: #8F9194;
	 text-decoration: none;
	}

	.article-content {
	 margin-bottom: 20px;
	}

	.article-content img {
	 max-width: 100%;
	 height: auto;
	 margin: 0 0 10px 0;
	}

	.article-content p {
	 margin: 0 0 10px 0;
	 font-size: 12px;
	 font-family: arial, sans serif;
	 color: #544648;
	}

	.article-meta {
	 display: block;
	 text-align: right;
	 position: relative;
	 top: 7px;
	 text-transform: uppercase;
	}

	.commentlist {
		list-style: none;
		margin: 0;
		padding: 10px;
		background-color: #eee;
		margin-bottom: 10px;
	}

	.commentlist .fn, .commentlist .says, .commentlist .reply {
		font-size: 12px;
	}

	.comment-meta {
		font-size: 10px;
	}

	ul.meta {
	 list-style: none;
	 margin: 0;
	 padding: 0;
	 font-size: 12px;
	 line-height: 12px;
	}

	ul.meta li {
	 margin-bottom: 2px;
	 padding-bottom: 2px;
	 border-bottom: 1px solid #eee;
	}

	ul.meta li:last-of-type {
	 border-bottom: none;
	 margin-bottom: 0;
	 padding-bottom: 0;
	}

	ul.meta li span.meta-lable {
	 display: inline;
	 float: left;
	}

	ul.meta li a.meta-link {
	 text-decoration: none;
	 padding-left: 5px;
	}

	/* Comment Form */

	#respond label {
		display: block;
	}

	/* Right Sidebar Specific */

	#search_site {
	 line-height: 15px;
	 height: 15px;
	 color: #666;
	 padding-left: 10px;
	 padding-right: 10px;
	 width:180px;
	 margin: 0;
	 font-size: 11px;
	}

	/* Global Footer */

	#footer_wrap {
		clear: both;
		border-top: 2px solid #ccc;
		padding: 20px 0 30px 0;
	}

	#footer_wrap footer {
		display: block;
		overflow: hidden;
	}

	#footer_wrap footer div {
		float: left;
	}

	#footer_wrap footer #logo_wrap {
		width: 150px;
		margin-right: 80px;
	}

	#footer_wrap footer #footer_navigation {
		width: 810px;
		text-align: right;
		overflow: hidden;
	}

	#footer_wrap footer #footer_navigation a {
	 margin-left: 20px;
	 color: #4d4d4d;
	 text-decoration: none;
	 text-transform: uppercase;
	 font-size: 12px;
	}

	#footer_wrap footer #footer_navigation .main_nav {
		float: right;
	}

	#footer_wrap footer #footer_navigation .main_nav li {
	 float: left;
	 margin-left: 35px;
	}

	#footer_logo {
		width: 100px;
	}

	footer p {
		font-size: 11px;
	}

	/* Single Page Styles */

	.article-deck {
		margin-bottom: 15px;
		border-bottom: 1px solid #666;
		font-family: Baskerville, Georgia, serif;
		font-style: italic;
		font-size: 23px;
		line-height: 28px;
	}

	#page_content {
		padding-bottom: 15px;
		border-bottom: 7px solid #4d4d4d;
	}

	/* Category List Page Styles */

	.category-list-big {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.category-list-big li {
		display: block;
		height: 60px;
		line-height: 60px;
		font-size: 30px;
		text-transform: uppercase;
		border-bottom: 1px solid #4d4d4d;
	}

	/* Archive Page Styles */

	.archive-title h3 {
	 display: block;
	 font-size: 18px;
	 letter-spacing: 2px;
	 border-bottom: 20px solid #58595B;
	 padding-bottom: 4px;
	 margin-bottom: 10px;
	 text-transform: uppercase;
	 font-weight: 100;
	}

	article.archive-post {
	 margin-bottom: 20px;
	}

	article.archive-post h3 {
	 display: block;
	 font-size: 18px;
	 letter-spacing: 2px;
	 border-bottom: 1px solid #58595B;
	 padding-bottom: 4px;
	 margin-bottom: 10px;
	 text-transform: uppercase;
	 font-weight: 100;
	}

	article.blog-post h3 a {
	 color: inherit;
	}








	/* =============================================================================
	Media Queries
	========================================================================== */

	@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
	}

	/* =============================================================================
	Non-Semantic Helper Classes
	========================================================================== */

	.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
	.ir br { display: none; }
	.hidden { display: none !important; visibility: hidden; }
	.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
	.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
	.invisible { visibility: hidden; }
	.clearfix:before, .clearfix:after { content: ""; display: table; }
	.clearfix:after { clear: both; }
	.clearfix { *zoom: 1; }

	/* =============================================================================
	Print Styles
	========================================================================== */

	@media print {
	* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* h5bp.com/t */
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
	}