/**
 * Theme Name:  Socially Awkward
 * Theme URI:   http://themehybrid.com/themes/socially-awkward
 * Description: A responsive CSS3 and HTML5 media theme.  The Web is an ever-changing place to interact with others socially.  You need a theme that represents who you are on the Web.  The theme is fully loaded to display self-hosted media (images, audio, video) and media from third-party social media sites.  It integrates with many of your social networking profiles, supports all post formats, and integrates with the <a href="http://wordpress.org/plugins/custom-content-portfolio/">Custom Content Portfolio</a> plugin, giving you the ability to share your creativity with the world.
 * Version:     1.0.0
 * Author:      Justin Tadlock
 * Author URI:  http://justintadlock.com
 * Tags:        black, blue, red, one-column, featured-images, microformats, post-formats, sticky-post, threaded-comments, translation-ready
 * Text Domain: socially-awkward
 * License:     GNU General Public License v2.0
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */

/**
 * Fonts - Declare @font-face here.
 * --------------------------------------------------------------------------- */

@font-face {
	font-family: 'Genericons';
	font-weight: normal;
	font-style:  normal;

	src: url('fonts/genericons/genericons-regular-webfont.eot');
	src: url('fonts/genericons/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/genericons/genericons-regular-webfont.woff') format('woff'),
	     url('fonts/genericons/genericons-regular-webfont.ttf') format('truetype'),
	     url('fonts/genericons/genericons-regular-webfont.svg#genericonsregular') format('svg');
}

body,
input,
textarea {
	font-family: "Lora", "Georgia", "Times New Roman", "Palatino", "Hoefler Text", "Baskerville";
}

h1, h2, h3, h4, h5, h6, 
.comment-author, 
.format-chat cite,
dt {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-style: normal;
}

#site-description, 
.entry-byline, 
.entry-footer, 
#footer, 
#menu-primary li a, 
.loop-nav, 
.comments-nav a, 
.page-links, 
.gallery-caption, 
.wp-caption-text, 
.comment-meta, 
.comment-reply-link, 
th, 
.image-info .prep, 
.video-info .prep, 
.audio-info .prep, 
#menu-portfolio li a, 
.page-template-formats #menu-formats li a:hover::after,
.media-info-toggle, 
label, 
input[type="submit"], 
input[type="reset"],
.mejs-container {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
}

/* Genericons */
.format-chat .chat-author::before,
.entry-permalink::before,
.comment-permalink::before,
.portfolio-item-link::before,
.comments-link::before, 
.entry-byline .category::before,
.entry-footer .category::before,
.entry-byline .portfolio::before,
.entry-footer .portfolio::before,
.entry-byline .post_tag::before,
.entry-footer .post_tag::before,
.image-sizes::before,
.post-edit-link::before,
.comment-edit-link::before,
.entry-byline .entry-author a::before,
.entry-footer .entry-author a::before,
.entry-published::before,
.comment-published::before,
.post-format-link::before,
#menu-formats li a::before,
.media-info-toggle::after,
li.bypostauthor > .comment-meta .comment-author::before,
.comment-reply-link::before,
#respond .log-in-out::before,
#respond label[for="author"]::before,
#respond label[for="email"]::before,
#respond label[for="url"]::before,
#respond label[for="comment"]::before,
#menu-social li a::before,
.loop-nav a[rel="prev"]::before,
.loop-nav a[rel="next"]::after,
.comments-nav a[rel="prev"]::before,
.comments-nav a[rel="next"]::after,
.format-link .entry-title a::after,
.wp-playlist-playing .wp-playlist-caption::before,
.wp-playlist-item-meta::before,
.mejs-controls .mejs-button button::after,
.mejs-overlay-button::after,
.sticky::before {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Genericons';
	vertical-align: middle;
}


/**
 * Defaults
 * --------------------------------------------------------------------------- */

/* === HTML === */

html {
	font-size: 16px;
}

/* === Body === */

body {
	overflow-x:    hidden;
	width:         100%;
	height:        100%;
	padding:       50px 0 25px;
	color:         #252525;
	background:    #ecf0f1 url( 'images/bg-light.jpg' );
	background-size: 50px 50px;
	border-top:    5px solid #c0392b;
	border-bottom: 5px solid #2980b9;
}

/* === Links === */

a {
	color: #7f8c8d;
	text-decoration: underline;

		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition:    all 0.5s ease-in-out;
		-o-transition:       all 0.5s ease-in-out;
	transition:  all 0.5s ease-in-out;
}

#main a {
	color: #ecf0f1;
}

	a:hover {
		opacity: 0.5;

			-webkit-transition: all 0.5s ease-in-out;
			-moz-transition:    all 0.5s ease-in-out;
			-o-transition:       all 0.5s ease-in-out;
		transition:  all 0.5s ease-in-out;
	}

/* === Headers === */

h1 {}

h2 {}

h3 {}

h4 {}

h5 {}

h6 {}

/* === Blockquotes, quotes, and cites === */

blockquote {
	font-size: 1.375rem;
}

	.twitter-tweet {
		width: 100%;
			-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	blockquote p:first-line {
	}

	blockquote blockquote {}

	blockquote cite {
		font-size: 0.875em;
		font-variant: small-caps;
	}

	.format-quote blockquote {
		margin:     0;
		font-size:  1.875rem;
		text-align: center;
		opacity:    0.75;
	}

	q {
		quotes: '\201C' '\201D';
	}

		q::before {
			content: open-quote;
		}

		q::after { 
			content: close-quote; 
		}

/* === Acronyms and abbreviations === */

acronym {}

abbr {}

/* === <big> tag === */

big {
	font-size: 1.125em; /* relative to parent */
	}

/* === Code and Preformatted text === */

code {
	font-size:  1rem;
	color:      #f5f5f5;
	background: #292929;
}

pre {
	box-sizing: border-box;
	word-wrap:  normal;
	background: #292929;
	border:     1px solid #202020;
	opacity:    0.75;

			-ms-word-break: normal;
		word-break: normal;
}

	.comment-content pre {
		opacity:    0.95;
		background: #202020;
	}

	pre code {
		font-size: 1em; /* Match <pre>. */
		color:     inherit;
	}

/* === <address> tag === */

address {}

/* === Lists === */

ul {}

	ul li {}

	.comment-content ul,
	.comment-content ol {
		margin-bottom: 25px;
	}
	.comment-content li ul,
	.comment-content li ol {
		margin-bottom: 0;
	}

ol {}

	ol li {}

dl {}

	dt {}

	dd {
		margin-top: 0;
		margin-bottom: 0;
	}

	dd + dd {
		margin-top: 10px;
	}

	dd + dt {
		margin-top: 25px;
	}


/* === Tables === */

table {
	width:           100%;
	border-collapse: separate;
	border-spacing:  5px;
}

	table caption {
		margin:       0 0 5px;
		font-variant: small-caps;
		color:        #858585;
	}

	th,
	td {
		padding: 10px;

			-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	th {
		font-size:  0.9375em; /* relative to parent element. */
		text-align: left;
		background: #292929;
		opacity:    0.75;
	}

	td {
		background: #292929;
		opacity:    0.75;
	}

		.comment-content th,
		.comment-content td {
			opacity:    0.95;
			background: #202020;
		}

		th:empty,
		td:empty {
			opacity: 0.375;
		}

table {}

	caption {}

	thead {}

	tfoot {}

	tbody {}

	tr {}

	th {}

	td {}

	/* wp-calendar <table> */

	#wp-calendar {}

/* === Embeds === */


.wp-audio-shortcode,
.wp-video-shortcode,
audio,
video,
object,
embed,
iframe {
	max-width: 100%;
	margin-bottom: 25px;
}

object {}

embed {}

iframe {}

.wp-audio-shortcode,
.wp-video-shortcode,
audio,
video {
	display: block;
	max-width: 100%;
}

	.embed-wrap {
		position:       relative;
		margin-bottom:  25px;
		padding-bottom: 56.25%;
		padding-top:    30px;
		height:         0;
		overflow:       hidden;
	}

	.embed-wrap iframe,
	.embed-wrap object,
	.embed-wrap embed {
		position: absolute;
		top:      0;
		left:     0;
		width:    100%;
		max-width: 100%;
		height:   100%;
	}


/**
 * WordPress playlist
 *
 * Customizes the output of the media playlist.  For the full media playlist styles, see the 
 * `css/mediaelement/medialement.css` stylesheet.
 */

.wp-playlist {
	padding: 0;
	border:  none;
}

	.wp-playlist-dark  { 
		padding-top: 1.5rem;
		background: #202020;
	}
	.wp-video-playlist { padding-top: 0;      }

	/* Currently playing. */
	.wp-playlist-current-item {
		padding: 0 1.5rem 0.75rem;
	}

		.wp-playlist-current-item img { max-width: 75px; }

		.wp-playlist-item-meta { font-size: 1rem; }

	/* Media player. */
	.wp-playlist-dark .mejs-controls {
		border-top:    1px solid #151515;
		border-bottom: 1px solid #151515;
	}

	/* Playlist tracks (list of items). */

	.wp-playlist-tracks {
		margin-top: 0;
		padding:    1rem 1.5rem;
		border:     1px dotted #151515;
	}

		.wp-playlist-dark .wp-playlist-tracks { border: none; }

		.wp-playlist-item {
			margin:        0;
			padding:       0.5rem 0;
			font-size:     1rem;
			border-bottom: 1px dotted #151515;
		}

			.wp-playlist-item a { color: inherit; border: none; text-decoration: none; }
			.wp-playlist-item:hover,
			.wp-playlist-item a:hover { color: #fff; }

			.wp-playlist-item-title { text-transform: capitalize; }

		.wp-playlist-playing { color: #fff; font-weight: bold; }

/* === WP audio/video player === */
.audio-image {
	position: relative;
	border: none;
	padding: 0;
	margin: 0;
	width: 20%;
	max-width: 175px;
	max-height: 131px;
	border-left: 5px solid #202020;
	height: auto;
}
.audio-shortcode-wrap {
	position: relative;
	max-height: 136px;
	overflow: hidden;
	margin-bottom: 25px;
	background: #202020;
}
.audio-shortcode-wrap .wp-audio-shortcode {
	position: absolute !important;
	top: 50%;
	margin-top: -25px;
	left: 20%;
	clear: none;
	width: 80% !important;
}
.audio-shortcode-wrap .wp-audio-shortcode .mejs-controls {
}

.media-shortcode-extend .audio-info {
	border-top: 1px solid #151515;
}

.mejs-container, 
.mejs-embed, 
.mejs-embed body {
	background: transparent;
}

	.wp-audio-shortcode.mejs-container {
		min-height: 50px !important;
	}

	.wp-video-shortcode .mejs-controls {
		border-top:    1px solid #151515;
		border-bottom: 1px solid #151515;
	}

	.mejs-controls {
			-moz-box-sizing: border-box;
		box-sizing: border-box;
		width:      100%;
		height:     50px;
		padding:    0 10px;
		background: #202020;
	}

		.wp-video-shortcode .mejs-controls {
			opacity: 0.85;
		}

		.mejs-controls > div { margin-top: 10px; }

		.wp-audio-shortcode .mejs-mediaelement {
			position: relative;
			top:      0;
			left:     0;
			width:    100%;
			height:   100%;
		}

		.mejs-overlay-loading span {
			background: transparent url( 'css/mediaelement/images/loading.gif' ) 50% 50% no-repeat;
		}

		.mejs-button button {
			height:     16px;
			width:      16px;
			background: transparent url( 'css/mediaelement/images/controls.png' ) no-repeat;
		}

			.mejs-fullscreen-button button,
			.mejs-playpause-button button,
			.mejs-volume-button button {
				background: none;
			}

			.mejs-button button:focus {
				outline: solid 1px #2980b9;
			}

			.mejs-button button::after {
				color: #f5f5f5;
			}

			.mejs-button button:hover::after,
			.mejs-volume-button:hover button::after {
				color: #2980b9;
			}
			.mejs-fullscreen-button button::after {
				content: '\f422';
			}
			.mejs-play button::after {
				content: '\f452';
			}
			.mejs-pause button::after {
				content: '\f448';
			}
			.mejs-volume-button button::after {
				content: '\f109';
			}
			.mejs-unmute button::after {
				color: #404040;
			}

		/* Media playlist */
		.wp-playlist-playing .wp-playlist-caption::before          { content: '\f452'; }
		.wp-playlist-current-item .wp-playlist-item-title::before  { content: '\f109'; }
		.wp-playlist-current-item .wp-playlist-item-album::before  { content: '\f460'; }
		.wp-playlist-current-item .wp-playlist-item-artist::before { content: '\f304'; }

		.wp-playlist-playing .wp-playlist-caption::before,
		.wp-playlist-item-meta::before                     { padding-bottom: 2px; }
		.ltr .wp-playlist-item-meta::before                { padding-right:  3px; }
		.rtl .wp-playlist-item-meta::before                { padding-left:   3px; }

		.mejs-time .mejs-currenttime,
		.mejs-time .mejs-duration {
			color:       #f5f5f5;
			font-size:   0.875rem;
		}

		.mejs-time-rail .mejs-time-total,
		.mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
			background: #404040;
		}

		.mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
		.mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
			background: #f5f5f5;
		}

		.mejs-time-rail .mejs-time-loaded {
			background: #2980b9;
		}

		.mejs-time-rail .mejs-time-current {
			background: #c0392b;
		}

		.mejs-volume-button .mejs-volume-slider {
			width:       40px;
			margin-left: -10px;
			background:  #202020;
		}

		.mejs-volume-button .mejs-volume-slider .mejs-volume-total,
		.mejs-volume-button .mejs-volume-slider .mejs-volume-current {
			top:      10px;
			left:     50%;
			width:    4px;
			margin:   0 0 0 -2px;
		}
		.mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
			left:     50%;
			width:    20px;
			height:   4px;
			margin:   0 0 0 -10px;
		}
		.mejs-volume-button .mejs-volume-slider .mejs-volume-total {
			background: #404040;
		}
		.mejs-volume-button .mejs-volume-slider .mejs-volume-current,
		.mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
			color: #f5f5f5;
		}

		.mejs-overlay-button {
			width:      112px;
			height:     112px;
			margin:     -56px 0 0 -56px;
			background: transparent;
		}

			.mejs-overlay-play .mejs-overlay-button::after {
				content:       '\f452';
				padding:       18px;
				font-size:     64px;
				line-height:   64px;
				color:         #f5f5f5;
				text-shadow:   1px 1px 2px #292929;
				background:    #292929; /* fallback */
				background:    rgba( 41, 41, 41, 0.75 );
				border:        10px solid #202020;
				border-color:  rgba( 32, 32, 32, 0.5 );
				border-radius: 50%;
				opacity:       0.85;
			}

				.mejs-overlay-play .mejs-overlay-button:hover::after {
					opacity: 1;
					color:   #2980b9;
				}

		.mejs-time-rail .mejs-time-float {
			top:         -38px;
			height:      27px;
			width:       50px;
			margin-left: -25px;
			color:       #f5f5f5;
			background:  #202020;
			border:      1px solid #404040;
		}
		.mejs-time-rail .mejs-time-float-current {
			margin:    8px 9px;
			font-size: 0.8125rem;
		}
		.mejs-time-rail .mejs-time-float-corner {
			top:              28px;
			left:             20px;
			border-top-color: #f5f5f5;
		}

/* === Forms === */

form {}

	fieldset {}

		fieldset legend {}

	label {}

	input {}

		/* Not all types, but these are more common for themes. */
		input[type="button"] {}
		input[type="checkbox"] {}
		input[type="email"] {}
		input[type="password"] {}
		input[type="radio"] {}
		input[type="reset"] {}
		input[type="search"] {}
		input[type="submit"] {}
		input[type="text"] {}
		input[type="url"] {}

	textarea {}

	select {}

		select optgroup {}

		select option {}

	button {}

/* === Alignment (WP classes) === */

.alignleft {}

.alignright {}

.aligncenter {}

.alignnone {}


/**
 * Images
 * --------------------------------------------------------------------------- */

img {
	max-width:  100%;
	height:     auto;
	padding:    10px;
	background: #292929;

		-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* === WP editor image sizes === */

img.size-thumbnail {}

img.size-medium {}

img.size-large {}

img.size-full {}

/* === Thumbnails === */

.thumbnail {}

/* === Captions === */

.wp-caption {
	position:   relative;
	max-width:  100%;
	text-align: center;
}

	.wp-caption img {
		display: inline-block;
	}

	.wp-caption-text {
		max-width:  90%;
		position:   absolute;
		bottom:     25px;
		margin:     0;
		padding:    10px 10px 10px 20px;
		background: #202020;
		font-size:  0.9375rem;
		opacity:    0.9;
		text-align: left;
	}

/* === Gallery === */

.gallery {
	margin: 0 0 15px;
}

	.gallery .gallery-item {
		margin: 0 0 10px;
	}

		.gallery-icon {}

			.gallery .gallery-icon img {
				padding: 10px;
			}

		.gallery .gallery-caption {
			margin:    5px 0 0;
			font-size: 0.9375rem;
		}

/* === Avatars === */

.avatar {}

	a .avatar {}
	a:hover .avatar {}

/**
 * Layout
 * --------------------------------------------------------------------------- */

	#container {
	}

		.layout-1c #container {}
		.layout-2c-l #container {}
		.layout-2c-r #container {}
		.layout-3c-l #container {}
		.layout-3c-r #container {}
		.layout-3c-c #container {}

		#header {}

		#menu-primary {}

		#main {}

			#content {}

		#footer {
			clear:     both;
			width:     100%;
			max-width: 960px;
			margin:    0 auto;
		}

/**
 * Header
 * --------------------------------------------------------------------------- */

#header {}

	#branding {
		text-align: center;
	}

		#site-title {
			margin:    0;
			font-size: 2.375rem;
		}

			#site-title a {
				color:           #252525;
				text-decoration: none;
			}

		#site-description {
			font-size: 1.125rem;
			color:     #95a5a6;
		}

/**
 * Menus
 * --------------------------------------------------------------------------- */

.menu-toggle {}

/**
 * Main
 * --------------------------------------------------------------------------- */

#main {
	clear:     both;
	max-width: 960px;
	margin:    0 auto 25px;
}

.entry,
.attachment-meta,
.loop-meta,
#comments-template {
	position:      relative;
	margin:        0 0 50px;
	padding:       50px 0 25px;
	color:         #c5c5c5;
	background:    #404040 url( 'images/bg-dark.jpg' );
	background-size: 50px 50px;
	border-top:    5px solid #000;
	border-bottom: 5px solid #c0392b;
}

/**
 * Content
 * --------------------------------------------------------------------------- */

/* ====== POSTS ====== */

.entry {}


		/* Adjust for border at top of post container. */
		.entry > .wp-caption,
		.entry > img,
		.entry > a img {
			display: block;
			margin: -55px auto 25px;
		}

		.entry > .wp-playlist {
			margin-top: -25px;
		}

		.entry > .mejs-container,
		.entry > div[style*="max-width"],
		.entry > .embed-wrap,
		.entry > .audio-shortcode-wrap,
		.entry > video,
		.entry > audio,
		.entry > iframe,
		.entry > embed,
		.entry > object {
			margin-top: -50px;
		}

.sticky {
	background: url( 'images/bg-dark-blue.jpg' );
	background-size: 50px 50px;
}

	.sticky::before {
		position: absolute;
		top: 25px;
		left: 25px;
		content: '\f308';
		font-size: 64px;
		line-height: 64px;
		color:       #f5f5f5;
		opacity:     0.075;
	}

	.entry-header,
	.entry-content,
	.entry-summary,
	.entry-footer {
		margin:     0 auto;
		max-width:  700px;
		padding:    0 25px;
		word-wrap:  break-word;
		word-break: normal;

			-webkit-hyphens: auto;
			-moz-hyphens:    auto;
			-ms-hyphens:     auto;
		hyphens: auto;
	}

	.entry-footer { padding-bottom: 25px; }

	/* === Post Header === */

	.entry-header {
		text-align: center;
	}

		.entry-title {}

			.entry-title a,
			.entry-byline a,
			.entry-footer a,
			.comment-meta a {
				text-decoration: none;
			}
				.entry-title a:hover,
				.entry-byline a:hover,
				.entry-footer a:hover,
				.comment-meta a:hover {
					text-decoration: underline;
				}

			.entry-byline a,
			.entry-footer a {
				color: #fff;
			}

		.entry-byline {
			margin:    0 0 25px;
			font-size: 1rem;
			color:     #858585;
		}

			.entry-byline a {}
			.entry-byline a:hover {}

		/* Output from comments_popup_link() when no comments are found or off. */
		.ltr span.comments-link,
		.rtl span.comments-link { display: none; }

	/* === Post content and excerpts === */

	.entry-content,
	.entry-summary {
		font-size: 1.25rem;
	}

	.portfolio_item .entry-summary { 
		text-align: center; 
		font-style: italic; 
	}

	.entry-summary {}

	.more-link        { text-decoration: none;      }
	.more-link:hover { text-decoration: underline; }

	/* === Post Footer === */

	.entry-footer {
		clear: both;
	}

		.entry-footer {
			font-size:  1rem;
			color:      #858585;
			text-align: center;
		}

	/* === Asides === */

	.format-aside {}

		.format-aside .entry-content {
			font-size: 1.5rem;
		}

		.format-aside .entry-content a.permalink {
			font-size:       1.75rem;
			text-decoration: none;
		}

	/* === Chats === */

	.singular-post .format-chat .entry-summary {
		font-style: italic;
		text-align: center;
	}

	.format-chat {}

		.format-chat .chat-row {}

			.format-chat .chat-text {
				margin-left: 25px;
			}

			.format-chat cite {}

			.format-chat .chat-author {
				font-size:   1rem;
				margin-top:  -12px;
				padding-top: 12px;
				border-top:  1px dotted #292929;
			}

			.format-chat .chat-row:first-child .chat-author {
				margin:  0;
				padding: 0;
				border:  none;
			}

			.format-chat .chat-author::before {
				content:        '\f304';
				padding: 0 9px 5px 0;
			}

			.format-chat .chat-speaker-1 .chat-author,
			.format-chat .chat-speaker-11 .chat-author { color: #3498db; }

			.format-chat .chat-speaker-2 .chat-author,
			.format-chat .chat-speaker-12 .chat-author  { color: #f1c40f; }

			.format-chat .chat-speaker-3 .chat-author,
			.format-chat .chat-speaker-13 .chat-author  { color: #e74c3c; }

			.format-chat .chat-speaker-4 .chat-author,
			.format-chat .chat-speaker-14 .chat-author  { color: #2ecc71; }

			.format-chat .chat-speaker-5 .chat-author,
			.format-chat .chat-speaker-15 .chat-author  { color: #f39c12; }

			.format-chat .chat-speaker-6 .chat-author,
			.format-chat .chat-speaker-16 .chat-author  { color: #9b59b6; }

			.format-chat .chat-speaker-7 .chat-author,
			.format-chat .chat-speaker-17 .chat-author  { color: #95a5a6; }

			.format-chat .chat-speaker-8 .chat-author,
			.format-chat .chat-speaker-18 .chat-author  { color: #16a085; }

			.format-chat .chat-speaker-9 .chat-author,
			.format-chat .chat-speaker-19 .chat-author  { color: #e67e22; }

			.format-chat .chat-speaker-10 .chat-author,
			.format-chat .chat-speaker-20 .chat-author  { color: #1abc9c; }

	/* === Links === */

	.format-link {}

		.format-link .entry-title {}

			.format-link .entry-title a::after {
				content: '\f442';
				font-size: 32px;
				vertical-align: middle;
			}
			.format-link .entry-title a:hover {}

				.format-link .entry-title a .meta-nav {
					display: none;
				}

	/* === Galleries === */

	.format-gallery {}

		.format-gallery .gallery-count {
			font-style: italic;
			text-align: center;
		}

	/* === Quotes === */

	.format-quote {}

		.format-quote blockquote {}

			.format-quote blockquote cite {}

	/* === Status updates === */

	.format-status {}

		.format-status .avatar {
			float:         left;
			width:         70px;
			height:        70px;
			margin:        0 25px 25px 0;
			padding:       0;
			box-shadow:    0 0 0 10px #292929; /* Hack to get ios to play nice with border-radius. */
			border:        none;
			border-radius: 50px;
		}

		.format-status .entry-content {
			padding-top: 12px;
		}

	/* === Audio and Video === */

	.format-video {}
	.format-audio {}


/* === Post-related icons === */

		.entry-byline .entry-permalink::before, 
		.entry-footer .entry-permalink::before,
		.comment-meta .comment-permalink::before,
		.portfolio-item-link::before {
			content: '\f107';
			margin-bottom: 3px;
			padding-right: 5px;
			color: #f5f5f5;
		}

		a.comments-link::before {
			content: '\f300';
			margin-bottom: 3px;
			padding-right: 5px;
			color: #f5f5f5;
		}

		.entry-byline .category::before,
		.entry-footer .category::before,
		.entry-byline .portfolio::before,
		.entry-footer .portfolio::before {
			content: '\f301';
			margin-bottom: 3px;
			padding-right: 5px;
			color: #f5f5f5;
		}
		.entry-byline .portfolio::before,
		.entry-footer .portfolio::before { content: '\f460'; }

		.entry-byline .post_tag::before,
		.entry-footer .post_tag::before {
			content: '\f302';
			margin-bottom: 3px;
			padding-right: 5px;
			color: #f5f5f5;
		}

		.image-sizes::before {
			content: '\f102';
			margin-bottom: 3px;
			padding-right: 5px;
			color: #f5f5f5;
		}

		a.comments-link,
		.entry-byline .entry-author, 
		.entry-published,
		.portfolio-item-link,
		.post-format-link,
		.entry-byline .entry-permalink,
		.entry-footer .entry-permalink,
		.comment-published,
		.comment-meta .comment-permalink,
		.comment-meta .comment-edit-link,
		.post-edit-link {
			margin-right: 10px;
		}

		.post-edit-link::before,
		.comment-edit-link::before {
			content: '\f411';
			margin-bottom: 3px;
			padding-right: 5px;
			color: #f5f5f5;
		}

		.entry-byline .entry-author a::before,
		.entry-footer .entry-author a::before {
			content: '\f304';
			margin-bottom: 3px;
			padding-right: 5px;
			color: #f5f5f5;
		}

		.entry-published::before,
		.comment-published::before {
			content: '\f307';
			margin-bottom: 3px;
			padding-right: 5px;
			color: #f5f5f5;
		}

		.post-format-link::before {
			margin-bottom: 3px;
		}
		.post-format-link::before,
		#menu-formats li a::before {
			padding-right: 5px;
			color: #f5f5f5;
		}

		#menu-formats li a::before {
			content: '\f408';
		}

		.comment-published::before {
			content: '\f303';
		}

		.format-standard .post-format-link::before,
		#menu-formats li.menu-item-blog a::before {
			content: '\f100';
		}
		#menu-formats li.menu-item-home a::before {
			content: '\f409';
		}
		.format-aside .post-format-link::before,
		#menu-formats li.menu-item-aside a::before {
			content: '\f101';
		}
		.format-audio .post-format-link::before,
		#menu-formats li.menu-item-audio a::before {
			content: '\f109';
		}
		.format-chat .post-format-link::before,
		#menu-formats li.menu-item-chat a::before {
			content: '\f108';
		}
		.format-gallery .post-format-link::before,
		#menu-formats li.menu-item-gallery a::before {
			content: '\f103';
		}
		.format-image .post-format-link::before,
		#menu-formats li.menu-item-image a::before {
			content: '\f102';
		}
		.format-link .post-format-link::before,
		#menu-formats li.menu-item-link a::before {
			content: '\f107';
		}
		.format-quote .post-format-link::before,
		#menu-formats li.menu-item-quote a::before {
			content: '\f106';
		}
		.format-status .post-format-link::before,
		#menu-formats li.menu-item-status a::before {
			content: '\f105';
		}
		.format-video .post-format-link::before,
		#menu-formats li.menu-item-video a::before {
			content: '\f104';
		}


/* ====== Page Templates ====== */

.page-template-formats .entry-content {
	font-style: italic;
}

	.page-template-formats .entry-content blockquote,
	.page-template-formats .entry-content em {
		font-style: normal;
	}



/* ====== Formats Menu ====== */
#menu-formats {
	padding: 25px 0 0;
	text-align: center;
}

	#menu-formats .menu-items {
		list-style: none;
		margin: 0;
	}

		#menu-formats li {
			display: inline-block;
		}

			#menu-formats li a {
				position: relative;
				display: inline-block;
				margin: 0 5px 25px;
				text-decoration: none;
			}

				.page-template-formats #menu-formats li a {
					margin: 0 25px 50px;
				}

				#menu-formats li a:hover {
					opacity: 1;
				}

				#menu-formats li a::before {
					display: inline-block;
					padding: 5px;
					background: #292929;
					border: 2px solid #202020;
					border-radius: 50%;
					font-size: 16px;
					line-height: 16px;
					color: #f5f5f5;
					vertical-align: middle;
				}

					.page-template-formats #menu-formats li a::before {
						padding: 18px;
						font-size: 64px;
						line-height: 64px;
						border-width: 10px;

							-webkit-transition: all 0.5s ease-in-out;
							-moz-transition:    all 0.5s ease-in-out;
							-o-transition:       all 0.5s ease-in-out;
						transition:  all 0.5s ease-in-out;
					}

					#menu-formats li.current-menu-item a::before {
						opacity: 0.5;
					}

						#menu-formats li a:hover::before {
							opacity: 0.5;

								-webkit-transition: all 0.5s ease-in-out;
								-moz-transition:    all 0.5s ease-in-out;
								-o-transition:       all 0.5s ease-in-out;
							transition:  all 0.5s ease-in-out;
						}

							.page-template-formats #menu-formats a:hover::before {
								opacity: 0.9;
							}

				.page-template-formats #menu-formats li a:hover::after {
					content: attr(title);
					z-index: 999;
					position: absolute;
					width: 120px;
					bottom: -37px;
					left: 0;
					white-space: nowrap;
					color: #858585;
				}


/* ====== Attachment Meta (on image attachment pages) ====== */

.attachment-meta {
	padding: 50px 50px 25px;
}

	.attachment-meta h3 {
		text-align: center;
	}

	.attachment-meta .image-gallery {
		float: right;
		width: 47.5%;
	}

		.attachment-meta .image-gallery .gallery-caption {
			display: none;
		}

	.attachment-meta .image-info {
		float: left;
		width: 47.5%;
	}

	.attachment-meta .audio-info,
	.attachment-meta .video-info {
		max-width: 700px;
		margin: 0 auto;
	}

		.image-info ul,
		.video-info ul,
		.audio-info ul {
			margin-left:         0;
			list-style-position: inside;
		}

			.image-info ul li,
			.video-info ul li,
			.audio-info ul li {
				padding:       5px 10px;
				border-bottom: 1px dotted #292929;
			}

				.image-info .prep,
				.video-info .prep,
				.audio-info .prep {
					text-transform: capitalize;
					font-size:      1rem;
				}

				.image-info .data,
				.video-info .data,
				.audio-info .data {
					float:      right;
					font-size:  1rem;
				}

	.attachment-transcript {
		max-width: 700px;
		margin:    0 auto;
		font-size: 1.25rem;
	}

/* ====== Audio/Video shortcode toggle ====== */

.media-shortcode-extend {
	margin-top: -25px;
}

	.media-shortcode-extend .audio-info,
	.media-shortcode-extend .video-info {
		display: none;
		padding: 25px 50px 0;
		background: #202020;
	}

			.media-info-toggle {
				position:        relative;
				display:         inline-block;
				float:           right;
				margin:          0 50px 25px 0;
				padding:         10px 25px;
				font-size:       0.9375rem;
				line-height:     16px;
				background:      #202020;
				text-align:      center;
				text-decoration: none;
			}

			.media-info-toggle::after {
				content: '\f431';
				padding-left: 5px;
				color: #f5f5f5;
				vertical-align: top;
			}
				.media-info-toggle.active::after {
					content: '\f432';
				}

/* ====== LOOP META ====== */

.loop-meta {
	padding:    50px 50px 25px;
	text-align: center;
}

	.loop-title {}

	.loop-description {
		max-width: 700px;
		margin: 0 auto;
		font-size: 1.25rem;
		font-style: italic;
	}

		.loop-description blockquote,
		.loop-description em {
			font-style: normal;
		}

/* ====== PAGINATION ====== */

/* === Single posts using <!--nextpage--> === */

.page-links {
	clear: both;
}

	.page-links a {
		display:         inline-block;
		margin:          0 3px;
		padding:         5px 15px;
		background:      #292929;
		text-decoration: none;
	}

/* === Single post navigation (between different posts) === */

.loop-nav {
	max-width: 900px;
	margin:    -50px auto 50px;
	font-size: 1.125rem;
}

	.loop-nav a {
		padding:         5px 15px;
		background:      #292929;
		border:          1px solid #202020;
		text-decoration: none;
	}
	.loop-nav a:hover {}

	.loop-nav a[rel="prev"] {
		float:     left;
		max-width: 50%;
	}

		.loop-nav a[rel="prev"]::before {
			content: '\f430';
			font-size: 20px;
		}
		.loop-nav a[rel="next"]::after {
			content: '\f429';
			font-size: 20px;
		}

	.loop-nav a[rel="next"] {
		float:      right;
		max-width:  50%;
		text-align: right;
	}

/* === Comments pagination === */

.comments-nav {
	margin:     0 0 25px;
	text-align: center;
}

	.comments-nav a {
		display:         inline-block;
		margin:          0 3px;
		padding:         5px 15px;
		background:      #202020;
		text-decoration: none;
	}

		.comments-nav a[rel="prev"]::before {
			content: '\f430';
		}
		.comments-nav a[rel="next"]::after {
			content: '\f429';
		}

	.comments-nav .page-numbers {
		font-style: italic;
	}

/**
 * Comments Template
 * --------------------------------------------------------------------------- */

/* ====== COMMENTS ======= */

#comments {
		margin:    0 auto;
		max-width: 700px;
		padding: 0 25px;
}

	#comments-number {
		text-align: center;
	}

	/* === Comments closed message === */

	.comments-closed {
		position: relative;
		font-size: 1.25rem;
		font-style: italic;
		text-align: center;
	}

	.comments-closed.pings-open {}

	/* === Comment list === */

	ol.comment-list {
		list-style: none;
		margin:     0 0 25px;
	}

		ol.comment-list .children {
			list-style: none;
			margin:     0 0 0 50px;
		}

		/* === Individual comments */

		li.comment,
		li.ping {
			clear: both;
		}

		li.comment {}

		li.ping {
			margin:        0 0 25px;
			padding:       25px 25px 0;
			background:    #292929;
			border-top:    1px solid #202020;
			border-bottom: 1px solid #202020;
			opacity:       0.25;

				-webkit-transition: all 0.5s ease-in-out;
				-moz-transition:    all 0.5s ease-in-out;
				-o-transition:       all 0.5s ease-in-out;
			transition:  all 0.5s ease-in-out;
		}

			li.ping:hover {
				opacity: 1;

					-webkit-transition: all 0.5s ease-in-out;
					-moz-transition:    all 0.5s ease-in-out;
					-o-transition:       all 0.5s ease-in-out;
				transition:  all 0.5s ease-in-out;
			}

			/* === Avatars === */

			.comment-list .avatar {
				float:         left;
				width:         70px;
				height:        70px;
				margin:        0 25px 25px 0;
				padding:       0;
				background:    #292929;
				box-shadow:    0 0 0 10px #292929; /* Hack to get ios to play nice with border-radius. */
				border-radius: 50px;
			}

			.ping .avatar {
				float: right;
				margin: 0 0 25px 25px;
			}

			/* === Meta === */

			.comment-meta {
				margin:    0 0 25px;
				margin:    0 0 25px;
				font-size: 1rem;
				color:     #858585;
			}

				.comment-author {
					display:   inline-block;
					padding:   12px 0 0;
					font-size: 1.125rem;
				}

					li.bypostauthor > .comment-meta .comment-author::before {
						content: '\f304';
						padding-right: 5px;
						color: #f1c40f;
					}

					.comment-author a {
						text-decoration: none;
					}

			/* === Comment text/content === */

			.comment-content {
				clear:         both;
				margin:        0 0 25px;
				padding:       25px 25px 0;
				font-size:     1.25rem;
				background:    #292929;
				border-top:    1px solid #202020;
				border-bottom: 1px solid #202020;
			}

			/* === Reply link === */

			.comment-reply-link {
				position:        relative;
				display:         inline-block;
				float:           right;
				margin:          -25px 10px 25px 0;
				padding:         5px 25px;
				font-size:       0.9375rem;
				background:      #202020;
				text-align:      center;
				text-decoration: none;
			}

			.comment-reply-link::before {
				content: '\f412';
				margin-bottom: 3px;
				padding-right: 5px;
				color: #f5f5f5;
			}
			.comment-reply-link:hover {}


/* ====== RESPOND (COMMENT FORM) ====== */

#respond {
		margin:    0 auto;
		max-width: 700px;
		padding: 0 25px;
	font-size: 1.125rem;
}

	#reply-title {
		text-align: center;
	}

		#reply-title small {}

	#respond .log-in-out {
		text-align: center;
	}

		#respond .log-in-out::before {
				content: '\f427';
				padding-right: 5px;
				color: #f5f5f5;
		}

	#respond label {}

		#respond label .required {}

	#respond input[type="text"],
	#respond input[type="email"],
	#respond input[type="submit"],
	#respond input[type="url"],
	#respond textarea {
		font-size:     1.125rem;
		color:         #858585;
		background:    #292929;
		border:        none;
		border-top:    1px solid #202020;
		border-bottom: 1px solid #202020;
		opacity:       0.75;

			-moz-box-sizing: border-box;
		box-sizing:  border-box;

			-webkit-transition: all 0.5s ease-in-out;
			-moz-transition:    all 0.5s ease-in-out;
			-o-transition:       all 0.5s ease-in-out;
		transition:  all 0.5s ease-in-out;
	}

	#respond input[type="text"],
	#respond input[type="email"],
	#respond input[type="url"] {
		display:     block;
		width:       100%;
		padding:     10px 25px;
	}

	#respond label[for="author"]::before,
	#respond label[for="email"]::before,
	#respond label[for="url"]::before,
	#respond label[for="comment"]::before {
			content: '';
			margin-bottom: 3px;
			padding-right: 5px;
			color: #f5f5f5;
	}

	#respond label[for="author"]::before {
			content: '\f304';
	}
	#respond label[for="email"]::before {
			content: '\f410';
	}
	#respond label[for="url"]::before {
			content: '\f409';
	}
	#respond label[for="comment"]::before {
		content: '\f300';
	}

	#respond textarea {
		width:       100%;
		padding:     25px;
	}

	#respond input[type="text"]:focus,
	#respond input[type="email"]:focus,
	#respond input[type="url"]:focus,
	#respond input[type="submit"]:hover,
	#respond input[type="submit"]:focus,
	#respond textarea:focus {
		opacity: 1;

			-webkit-transition: all 0.5s ease-in-out;
			-moz-transition:    all 0.5s ease-in-out;
			-o-transition:       all 0.5s ease-in-out;
		transition:  all 0.5s ease-in-out;
	}

	#respond input[type="submit"] {
		margin:          -25px 10px 25px 0;
		padding:         15px 25px;
		font-size:       0.9375rem;
		color:           #f5f5f5;
		background:      #202020;
		opacity:         1;
		text-align:      center;
		text-decoration: none;
	}
	#respond input[type="submit"]:focus, 
	#respond input[type="submit"]:hover {
		opacity: 0.5;
	}

	.form-allowed-tags {
		margin-top: -1.5rem;
		font-size:  0.9375rem;
	}

/**
 * Portfolio Menu
 * --------------------------------------------------------------------------- */

#menu-portfolio {}

	#menu-portfolio ul {
		list-style: none;
		margin:     0 0 15px;
		text-align: center;
	}

		#menu-portfolio ul li {
			display:  inline-block;
			position: relative;
		}

			#menu-portfolio li a {
				display:         inline-block;
				margin:          0 3px 10px;
				padding:         8px 15px 5px;
				font-size:       0.8125rem;
				text-transform:  uppercase;
				background:      #292929;
				border:          1px solid #202020;
				text-decoration: none;
			}

				#menu-portfolio li a:hover,
				#menu-portfolio li.current-menu-item a,
				#menu-portfolio li.current-cat a {
					background: #202020;
				}

/**
 * Social Menu
 * --------------------------------------------------------------------------- */

#menu-social {}

	#menu-social ul {
		list-style: none;
		margin:     0 0 15px;
		text-align: center;
	}

		#menu-social ul li {
			display:  inline-block;
			margin-bottom: 10px;
		}

			#menu-social li a {
				position: relative;
				display: inline-block;
				text-decoration: none;
			}

			#menu-social li a::before {
					display: inline-block;
					line-height: 16px;
				content:        '\f408';
				padding:        0 5px;
				font-size:      20px;
			}

	#menu-social li a[href*="codepen.io"]::before      { content: '\f216'; color: #000;    }
	#menu-social li a[href*="digg.com"]::before        { content: '\f221'; color: #000;    }
	#menu-social li a[href*="dribbble.com"]::before    { content: '\f201'; color: #ea4c89; }
	#menu-social li a[href*="dropbox.com"]::before     { content: '\f225'; color: #007ee5; }
	#menu-social li a[href*="facebook.com"]::before    { content: '\f203'; color: #3b5998; }
	#menu-social li a[href*="flickr.com"]::before      { content: '\f211'; color: #ff0084; }
	#menu-social li a[href*="plus.google.com"]::before { content: '\f206'; color: #dd4b39; }
	#menu-social li a[href*="github.com"]::before      { content: '\f200'; color: #4183c4; }
	#menu-social li a[href*="instagram.com"]::before   { content: '\f215'; color: #3f729b; }
	#menu-social li a[href*="linkedin.com"]::before    { content: '\f208'; color: #0e76a8; }
	#menu-social li a[href*="pinterest.com"]::before   { content: '\f210'; color: #c8232c; }
	#menu-social li a[href*="polldaddy.com"]::before   { content: '\f217'; color: #bc0b0b; }
	#menu-social li a[href*="getpocket.com"]::before   { content: '\f224'; color: #ee4056; }
	#menu-social li a[href*="reddit.com"]::before      { content: '\f222'; color: #336699; }
	#menu-social li a[href*="skype.com"]::before,
	#menu-social li a[href*="skype:"]::before          { content: '\f220'; color: #00aff0; }
	#menu-social li a[href*="stumbleupon.com"]::before { content: '\f223'; color: #ff2618; }
	#menu-social li a[href*="tumblr.com"]::before      { content: '\f214'; color: #34526f; }
	#menu-social li a[href*="twitter.com"]::before     { content: '\f202'; color: #33ccff; }
	#menu-social li a[href*="vimeo.com"]::before       { content: '\f212'; color: #1AB7EA; }
	#menu-social li a[href*="wordpress.org"]::before,
	#menu-social li a[href*="wordpress.com"]::before   { content: '\f205'; color: #21759b; }
	#menu-social li a[href*="youtube.com"]::before     { content: '\f213'; color: #c4302b; }


/**
 * Footer
 * --------------------------------------------------------------------------- */

#footer {
	margin-top: -25px;
}

	#footer .copyright {}

	#footer .credit {
		line-height: 1.75;
		font-size:   0.9375rem;
		text-align:  center;
	}

	#footer a {}
	#footer a:hover {}

/**
 * Media Queries
 * --------------------------------------------------------------------------- */




/* === 900px breakpoint === */

@media only screen and (max-width:900px) {

	.attachment-meta .image-info,
	.attachment-meta .image-gallery {
		width: 100%;
	}
}


/* === MIN-WIDTH 800PX === */

@media only screen and (min-width: 800px) {


	/* ====== Primary Menu ====== */

	#menu-primary {
		max-width:  960px;
		margin:     0 auto 13px;
		border-top: 1px solid #d0d0d0;
	}

	#menu-primary .menu-toggle {
		display: none;
	}

	#menu-primary .wrap {
		display: block !important; /* Need !important to overwrite jQuery. */
	}

		#menu-primary ul {
			list-style: none;
			margin:     0;
			text-align: center;
		}

		#menu-primary .menu-items {
			zoom: 1;
		}

		#menu-primary .menu-items::before,
		#menu-primary .menu-items::after {
			content: "";
			display: table;
		}

		#menu-primary .menu-items::after {
			clear: both;
		}

			#menu-primary .menu-items > ul {
				width:  100%;
				margin: 60px auto;
			}

			#menu-primary ul ul {
				margin:     20px 0 0;
				opacity:    0;
				visibility: hidden;
				position:   absolute;
				top:        53px;
				z-index:    1;
				text-align: left;
			}

			#menu-primary li:hover > ul {
				opacity:    1;
				visibility: visible;
				margin:     0;

					-webkit-transition: all 0.35s ease-in;
					-moz-transition:    all 0.35s ease-in;
					-o-transition:       all 0.35s ease-in;
				transition:  all 0.35s ease-in-out;
			}

				#menu-primary ul ul ul {
					top:    0;
					left:   236px;
					margin: 0 0 0 20px;
				}

			#menu-primary li {
				display:  inline-block;
				position: relative;
					margin-top:      -1px;
			}

			#menu-primary li > a::after {
				content:        '\f431';
				display:        inline-block;
				padding-left:   5px;
				font-family: 'Genericons';
				font-size: 16px;
				line-height: 1;
				vertical-align: top;

				-webkit-font-smoothing: antialiased;
			}

				#menu-primary li li > a::after {
					position:       absolute;
					right:          5px;
					vertical-align: middle;

						-webkit-transform: rotate(-90deg);
						-moz-transform:    rotate(-90deg);
						-ms-transform:     rotate(-90deg);
						-o-transform:      rotate(-90deg);
					transform: rotate(-90deg);
				}

			#menu-primary li a:only-child::after { content: ''; } 

			#menu-primary li.current-menu-item {}

				#menu-primary li a {
					display:         block;
					padding:         25px 25px 12px;
					font-size:       0.9375rem;
					line-height:     1;
					text-decoration: none;
					text-transform:  uppercase;
					border-top:      1px solid #d0d0d0;
				}

					#menu-primary li a:hover {
						border-color: #c0392b;
					}

				#menu-primary li.current-menu-item a {
					border-color: #c0392b;
				}

			#menu-primary ul ul li {
				float:   none;
				display: block;
				margin:  0;
			}

				#menu-primary ul ul li a {
					float:          none;
					display:        block;
					width:          180px;
					margin-top:     0;
					padding:        12px 25px;
					font-size:      0.8125rem;
					text-transform: uppercase;
					color:          #e5e5e5;
					background:     #252525;
					border:         none;
					opacity:        0.91;
				}

				#menu-primary ul ul li a:hover {
					color: #f5f5f5;
					opacity: 1;
				}

				#menu-primary-items li > ul::before {
					content:       '';
					position:      absolute;
					left:          25px;
					top:           -6px;
					border-right:  6px solid transparent;
					border-bottom: 6px solid #252525;
					border-left:   6px solid transparent;
				}

				#menu-primary-items li li > ul::before {
					left:         -6px;
					top:           18px;
					margin-top:    -6px;
					border-top:    6px solid transparent;
					border-right:  6px solid #252525;
					border-bottom: 6px solid transparent;
					border-left:   0;
				}
}



/* === 800px breakpoint === */

@media only screen and (max-width: 800px) {


	/* ====== Primary Menu ====== */
	#menu-primary {
		text-align: center;
		margin: 0 0 25px;
	}
	.menu-toggle {
		position: relative;
		display: inline-block;
		cursor: pointer;
		margin: 0 auto;
		line-height: 18px;
		font-size: 1.125rem;
		color: #292929;
	}
		.menu-toggle::before {
			content: '\f419';
			display: inline-block;
			padding-right: 7px;
			-webkit-font-smoothing: antialiased;
			font-family: 'Genericons';
			font-size:      18px;
			vertical-align: top;
		}

	.menu-toggle:hover,
	.menu-toggle.active {
		text-decoration: underline;
	}

	#menu-primary .wrap {
		text-align: left;
		position: relative;
		clear: both;
		position: relative;
		width: 100%;
		margin: 25px auto 50px;
		padding: 25px 25px 0 0;
		z-index: 999;
	background:    #404040 url( 'images/bg-dark.jpg' );
	background-size: 50px 50px;
	border-top:    5px solid #000;
	border-bottom: 5px solid #c0392b;
		display: none; /* visibility will be toggled with jquery */
	}

		#menu-primary li {
			color: #f5f5f5;
		}
		#menu-primary li a {
			color: #f5f5f5;
			text-transform: uppercase;
					font-size:      0.875rem;
			text-decoration: none;
		}
			#menu-primary li a:hover {
				text-decoration: underline;
			}


	.media-shortcode-extend {
		text-align: center; /* Centers the toggle button. */
	}

	.media-shortcode-extend .audio-info,
	.media-shortcode-extend .video-info {
		padding-left: 25px;
		padding-right: 25px;
		text-align: left;
	}


			.media-info-toggle {
				float: none;
				margin-left: auto;
				margin-right: auto;
			}

	#comments {
		padding-left: 0;
		padding-right: 0;
	}
}


/* === 500px breakpoint === */

@media only screen and (max-width: 500px) {


	.image-info ul,
	.audio-info ul,
	.video-info ul {
		list-style: none;
		text-align: center;
	}
	.image-info .data,
	.audio-info .data,
	.video-info .data {
		float: none;
		display: block;
		text-align: center;
	}
	

	ol.comment-list ol.children {
		margin-left: 25px;
	}
	li.comment .avatar {
		display: block;
		float: none;
		margin: 0 auto 10px auto;
	}
	li.comment .comment-meta {
		text-align: center;
	}
	.comment-reply-link {
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}

/**
 * Extras
 * --------------------------------------------------------------------------- */

/* Hide screen reader text. */
.screen-reader-text,
.loop-nav .meta-nav,
.comments-nav .meta-nav {
	position: absolute;
	top:      -9999em;
	left:     -9999em;
}

/* Clear floats. */
.clearfix::after,
#header::after,
#footer::after,
.entry::after,
.entry-summary::after,
.entry-content::after,
.entry-footer::after,
.loop-nav::after,
li.comment::after, li.ping::after,
.gallery::after,
.attachment-meta::after,
.image-info::after,
.audio-info::after,
.video-info::after,
.media-shortcode-extend::after {
	content:    ".";
	display:    block;
	height:     0;
	clear:      both;
	visibility: hidden;
}