/**
 * Theme Name: Unique
 * Theme URI: http://themehybrid.com/themes/unique
 * Description: A responsive HTML5 and CSS3 magazine-/news-style WordPress theme with six dynamic layouts, custom widgets, three menu locations, designs for all post formats, support for multi-author sites, and custom page templates.  It is packaged with Flexslder, breadcrumbs, numbered pagination, translation files, and much more to get your news site started off on the right foot.  It also supports the <a href="http://wordpress.org/plugins/grid-columns">Grid Columns</a> plugin for columnized content and the <a href="http://wordpress.org/plugins/whistles">Whistles</a> plugin with custom styles for tabs, toggles, and accordions.
 * Version: 0.3.0
 * Author: Justin Tadlock
 * Author URI: http://justintadlock.com
 * Tags: theme-options, threaded-comments, microformats, translation-ready, one-column, two-columns, three-columns, right-sidebar, left-sidebar, fixed-width, custom-background, custom-header, custom-menu, full-width-template, post-formats, featured-images
 * Text Domain: unique
 * License: GNU General Public License v2.0
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */

@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('fonts/league-gothic/league_gothic-webfont.eot');
	src: local('?'), url('fonts/league-gothic/league_gothic-webfont.woff') format('woff'), url('fonts/league-gothic/league_gothic-webfont.ttf') format('truetype'), url('fonts/league-gothic/league_gothic-webfont.svg#webfontteNu5xOa') format('svg');
	font-weight: normal;
	font-style: normal;
}

/**
 * Defaults
 *
 *	Font sizes are calculated based on a 16-pixel base.
 *	44 / 16   =   2.75rem
 *	19 / 16   =   1.1875rem
 *	18 / 16   =   1.125rem
 *	17 / 16   =   1.0675rem
 *	16 / 16   =   1rem
 *	15 / 16   =   0.9375rem
 *	14 / 16   =   0.875rem
 *	13 / 16   =   0.8125rem
 *
 * --------------------------------------------------------------------------- */


html {
	font-size: 16px;
}


/* === Body === */


body {
	overflow-x: hidden;
	width: 100%;
	font: normal normal normal 1rem/1.5rem Georgia, Times, 'Times New Roman', serif;
	border-top: 5px solid #538eab;
	border-bottom: 5px solid #538eab;
}

/**
 * Layout
 *
 * See the Media Queries section for more specific layout rules.
 * --------------------------------------------------------------------------- */

#container {
	width:   100%;
	margin:  0 auto;
	padding: 25px 0 0;
}

	#header,
	#main,
	#footer {
		margin: 0 auto 25px;
		padding: 0 25px;

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

	#menu-primary,
	#menu-secondary,
	#menu-subsidiary {
		margin: 0 auto 25px;
	}

	#main {
		padding: 25px 25px 0;
	}

		.layout-1c #sidebar-primary,
		.layout-1c #sidebar-secondary {
			display: none !important; /* This is only needed for the 'Customize' screen. */
		}

	#footer {
		overflow: hidden;   /* Figure out why clearfix isn't working for this. */
		position: relative;
		margin: 0;
	}


/**
 * Elements
 * --------------------------------------------------------------------------- */

/* === Links === */

a {
	color:           #538eab;
	text-decoration: underline;
}

a:hover {
	color: #215167;
}

/* === Headers === */

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	font-family: 'LeagueGothicRegular';
	color:       #252525;
}

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

acronym {
	font-variant: small-caps;
}

acronym,
abbr {
	border-bottom: 1px dotted #ddd;
}

/* === Blockquotes === */

blockquote {
	margin:     0;
	padding:    8px 25px 0 50px;
	font-size:  0.975rem;
	color:      #888;
	background: url(images/quotes.png) no-repeat 0 0;
}

	blockquote blockquote {
		padding:    3px 25px 0 40px;
		background: url(images/quotes-alt.png) no-repeat 0 0;
	}

	blockquote.alignleft,
	blockquote.alignright {
		padding:    3px 25px 0 40px;
		background: url(images/quotes-alt.png) no-repeat 0 0;
		width:      33%;
		font-size:  1rem;
		font-style: italic;
	}

	blockquote.alignleft {
		float:        left;
		margin-right: 25px;
	}

	blockquote.alignright {
		float:       right;
		margin-left: 25px;
	}

	.twitter-tweet {
		width: 100%;
	}

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

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

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

/* === Lists === */

.comment-text ul,
.comment-text ol {
	margin-bottom: 25px;
}

	.comment-text ul ul,
	.comment-text ol ol,
	.comment-text ul ol,
	.comment-text ol ul {
		margin-bottom: 0;
	}

/* === Code === */

code {
	padding:    1px 3px;
	color:      #111;
	background: #eee;
}

pre {
	padding:    25px;
	color:      #111;
	background: #f3f3f3 url(images/utility-bg.png);
	border:     1px solid #ddd;
}

	pre code {
		padding:    0;
		background: transparent;
	}

	li.comment pre {
		background-color: #f9f9f9;
	}


/* === Tables === */

table {
	margin:       0 0 25px;
	width:        100%;
	border-left:  1px solid #ddd;
	border-right: 1px solid #ddd;
}

	caption {
		font-size:  0.875rem;
		font-style: italic;
		color:      #888;
	}

	th,
	td {
		padding:     4px 2%;
		border:      1px solid #ddd;
		border-left: none;
	}

	th {
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-size:   0.8125rem;
		font-weight: bold;
		text-align:  left;
	}

	td {
		color:      #666;
		border-top: none;
	}

	/* wp-calendar */

	#wp-calendar th,
	#wp-calendar td {
		text-align: center;
	}

	#wp-calendar tbody a {
		display:         block;
		font-weight:     bold;
		text-decoration: none;
	}
		#wp-calendar tbody a:hover {
			text-decoration: underline;
		}

	#wp-calendar, 
	#wp-calendar tfoot tr,
	#wp-calendar tfoot td {
		border: none;
	}

	#wp-calendar thead,
	#wp-calendar tbody {
		border-left: 1px solid #ddd;
	}

	#wp-calendar thead th {
		background: #f3f3f3;
		color:      #d8f1fc;
		background: #538eab;
	}

	#wp-calendar tbody td.pad {
		background: #f9f9f9;
	}

/* === Embeds === */

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

.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%;
	}


/* === Images === */

img {
	max-width:  100%;
	height:     auto;

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

	a img {
		padding: 9px;
		background: #f3f3f3 url(images/utility-bg.png);
		border: 1px solid #ddd;
	}

	.hentry a img,
	.gallery img,
	.avatar {
		padding:    9px;
		background: #f3f3f3 url(images/utility-bg.png);
		border:     1px solid #ddd;
	}

	a:hover img,
	a:hover .avatar {
		box-shadow: 2px 2px 2px #858585;
	}


/* === Thumbnails === */

.thumbnail {
	display:    block;
	max-width:  160px;
	max-height: 160px;
	margin:     0 auto 25px;
}

/* === Captions === */

.wp-caption {
	position:   relative;
	height:     auto;
}

	.wp-caption img {
		padding:    9px;
		background: #f3f3f3 url(images/utility-bg.png);
		border:     1px solid #ddd;
	}

	.wp-caption-text {
		text-align:  center;
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-size:   0.8125rem;
		color:       #999;
	}

	.hentry .wp-caption-text {
		width:       85%;
		position:    absolute;
		bottom:      25px;
		left:        -2px;
		z-index:     99;
		margin:      0 5% 0 0;
		padding:     12px 5% 12px 5%;
		font-family: Georgia, Times, 'Times New Roman', serif;
		opacity:     0.85;
		color:       #ccc;
		background:  #000;
		text-align:  left;
	}

		.hentry .wp-caption-text a {
			color: #fff;
		}

/* === Galleries === */

.gallery {
	margin: 0 0 15px;
}

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

		.gallery .gallery-item .gallery-icon img {
			width:     auto;
			max-width: 89% !important;
		}

		.gallery .thumbnail {
			float: none;
		}

		.gallery-caption {
			font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
			font-size:   0.8125rem;
			color:       #999;
		}

/* === Alignment === */

.alignleft {
	float: left;
	margin: 0 25px 0 0;
}

.alignright {
	float: right;
	margin: 0 0 0 25px;
}

.aligncenter {
	float: none;
	margin: 0 auto 25px;
}

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

/* === Header image === */
.header-image {
	display: block;
	width:   100%;
	height:  200px;
	margin:  0 auto 25px auto;
}

/* === Branding === */

#site-title {
	display:        inline;
	vertical-align: middle;
	margin:         0;
}

	#site-title a {
		text-decoration: none;
	}
	#site-title a:hover {
		text-decoration: underline;
	}

#site-description {
	vertical-align: middle;
	margin:         5px 0 0;
	font-family:    Georgia, Times, 'Times New Romain', serif;
	font-size:      0.875rem;
	font-style:     italic;
	color:          #666;
}


/**
 * Menus
 *
 * Most of the menu code is defined in Media Queries section.
 * --------------------------------------------------------------------------- */

.menu-toggle {
	display: none;
}

/* === Subsidiary menu === */

#menu-subsidiary {
	clear:         both;
	margin-bottom: 13px;
	text-align:    center;
}

	#menu-subsidiary ul {
		list-style: none;
		margin:     0;
	}

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

		#menu-subsidiary li a {
			display:         inline-block;
			margin:          0 12px 12px 0;
			padding:         12px 25px;
			font:            normal normal bold 0.75rem/13px Arial, "Helvetica Neue", Helvetica, sans-serif;
			text-transform:  uppercase;
			text-decoration: none;
			color:           #d8f1fc;
			background:      #538eab;
			border-right:    1px solid #4b85a1;
		}

			#menu-subsidiary li a:hover {
				text-decoration: underline;
			}

			#menu-subsidiary li a:hover,
			#menu-subsidiary li.current-menu-item a {
				background: #215167;
			}

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

#main {
	color:      #555;
	background: #fefefe;
	border:     1px solid #ddd;
	}

	/* === Breadcrumb trail === */

	.breadcrumb-trail {
		margin:    0 0 50px;
		font-size: 0.875rem;
		color:     #888;
	}

		.breadcrumbs .trail-browse {
			margin-right: 7px;
		}

		.breadcrumbs .sep {
			display:     inline-block;
			width:       3px;
			height:      25px;
			margin:      0 7px;
			text-indent: -9999em;
			background:  url(images/sprite.png) no-repeat 0 -313px;
		}

		.breadcrumb-trail .trail-end {
			font-style: italic;
			color:      #aaa;
		}


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

/* === Posts === */

	.entry-header,
	.entry-content,
	.entry-summary,
	.entry-footer {
		word-wrap: break-word; 
		word-break: normal;

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

.hentry {
	margin: 0 0 25px;
}

.sticky {}

	/* Post Titles */

	.entry-title,
	.singular-post .entry-title {
		margin-bottom: 10px;
	}

	.singular .entry-title,
	.format-video .entry-title,
	.format-audio .entry-title,
	.format-image .entry-title {
		margin-bottom: 25px;
	}

		.entry-title a {
			color:           #252525;
			text-decoration: none;
		}
		.entry-title a:hover {
			text-decoration: underline;
		}

	/* === Post byline and entry meta === */

	.entry-byline, 
	.entry-meta {
		font-size: 0.8125rem;
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		color: #888;
	}

	.entry-byline {
		margin-bottom: 10px;
	}

	.singular .entry-byline {
		margin-bottom: 25px;
	}

	.entry-meta {
		margin-bottom: 25px;
	}

	.singular .entry-meta {
		clear: both;
	}

		.entry-meta .category,
		.entry-meta .post_tag {
			display: block;
		}

	/* === Post content and excerpt === */

	.entry-summary p {
		margin-bottom: 10px;
	}

	/* === More links === */

	.more-link {
		font-style: italic;
		}

	/* === Post format icons === */

	a.post-format-link {
		padding-left: 21px;
		background:   url(images/sprite.png) no-repeat;
	}
	.format-aside a.post-format-link {
		padding-left:        19px;
		background-position: 0 0;
	}
	.format-audio a.post-format-link {
		background-position: 0 -23px;
	}
	.format-chat a.post-format-link {
		background-position: 0 -48px;
	}
	.format-gallery a.post-format-link {
		background-position: 0 -75px;
	}
	.format-image a.post-format-link {
		background-position: 0 -98px;
	}
	.format-link a.post-format-link {
		background-position: 0 -123px;
	}
	.format-quote a.post-format-link {
		background-position: 0 -146px;
	}
	.format-status a.post-format-link {
		background-position: 0 -174px;
	}
	.format-video a.post-format-link {
		background-position: 0 -197px;
	}

	/* === Gallery post format === */

	.format-gallery .image-count {
		font-style: italic;
		font-size:  0.9375rem;
		color:      #888;
	}

	.format-gallery .thumbnail {
		width:      150px; /* width and height must be exact for bg to work. */
		height:     150px;
		padding:    18px 18px 10px 10px;
		background: url(images/format-gallery-thumb.png) no-repeat 0 0;
		border:     none;

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

	/* === Status post format === */

	.format-status .avatar {
		float:  left;
		width:  65px;
		height: 65px;
		margin: 0 25px 25px 0;
	}

	.format-status .mood {
		margin-top: -15px;
		font-style: italic;
		font-size:  0.8125rem;
		color:      #888;
	}

	.format-status .mood-before {
		display:        inline-block;
		margin-right:   5px;
		font-family:    Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-size:      0.875rem;
		font-style:     normal;
		font-weight:    bold;
		text-transform: uppercase;
		color:          #666;
	}

	/* === Video and audio post format === */

	.format-audio .entry-summary,
	.format-video .entry-summary,
	.format-image .entry-summary { /* Image post format */
		text-align: center;
		font-style: italic;
		font-size:  0.9375rem;
		color:      #888;
	}

		.format-audio .entry-summary p,
		.format-video .entry-summary p {
			margin: 0 0 25px 0;
		}

	.format-audio .entry-meta,
	.format-video .entry-meta {
		clear: both;
	}

	.taxonomy-post_format-video .hfeed .gallery-icon :first-child {
		width:     auto;
		max-width: 275px;
		height:    auto;
		padding:   1%;
		margin:    0 auto;
	}

	.layout-3c-l.taxonomy-post_format-video .hfeed .gallery-icon :first-child,
	.layout-3c-r.taxonomy-post_format-video .hfeed .gallery-icon :first-child,
	.layout-3c-c.taxonomy-post_format-video .hfeed .gallery-icon :first-child {
		max-width: 225px;
	}

	/* === Chat post format === */

	.post-format-chat .entry-summary {
		margin-bottom: 25px;
		color:         #888;
	}

		.post-format-chat .entry-summary p {
			margin-bottom: 25px;
		}

	.format-chat .chat-author cite {
		font-family:    Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-size:      0.75rem;
		font-weight:    bold;
		font-style:     normal;
		text-transform: uppercase;
		border-bottom:  1px dotted #ccc;
	}

		.format-chat .chat-speaker-1 .chat-author { color: #538eab; }
		.format-chat .chat-speaker-2 .chat-author { color: #b86c74; }
		.format-chat .chat-speaker-3 .chat-author { color: #244b5e; }
		.format-chat .chat-speaker-4 .chat-author { color: #78752e; }
		.format-chat .chat-speaker-5 .chat-author { color: #5e401b; }
		.format-chat .chat-speaker-6 .chat-author { color: #de7956; }
		.format-chat .chat-speaker-7 .chat-author { color: #5669de; }

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

/* === Loop meta === */

.loop-meta {
	margin: 0 0 25px;
}

	.loop-description {
		color: #888;
	}

/* === Author box === */

.author-profile {
	position:      relative;
	margin:        0 0 50px;
	padding:       25px 25px 0;
	color:         #777;
	background:    #f3f3f3 url(images/utility-bg.png);
	border-bottom: 1px solid #ddd;
}

	.author-profile .author-name {
		margin: 0 0 10px;
	}

	.author-profile .avatar {
		float:   left;
		width:   70px;
		height:  70px;
		margin:  0 25px 25px 0;
		padding: 0;
		border:  5px solid #ddd;
	}

	.author-profile .social {
		position: absolute;
		top:      25px;
		right:    25px;
		z-index:  99;
	}

		.author-profile .social a {
			display:     inline-block;
			width:       15px;
			height:      15px;
			margin-left: 5px;
			text-indent: -9999em;
			background:  url(images/sprite.png) no-repeat;
		}

			.author-profile .social .google-plus {
				background-position: 0 -275px;
			}
			.author-profile .social .twitter {
				width: 22px;
				background-position: 0 -300px;
			}
			.author-profile .social .facebook {
				width: 10px;
				background-position: 0 -250px;
			}
			.author-profile .social .feed {
				width: 14px;
				height: 14px;
				background-position: 0 -225px;
			}

/* === Image attachment pages === */

		.attachment-image .entry-byline .image-size-link,
		.attachment-image .entry-byline .sep {
			margin-left: 5px;
		}

	.attachment-image .entry-content {
		clear:      both;
		font-style: italic;
		color:      #999;
	}

	.attachment-image.layout-1c .entry-content {
		font-size: 1.1875rem;
	}

	.attachment-meta {
		margin: 0 0 25px;
	}

			.attachment-meta ul {
				list-style:  inside;
				margin-left: 0;
				font-size:   0.8125rem;
				font-style:  italic;
				color:       #888;
			}

				.attachment-meta li {
					padding-bottom: 5px;
					margin-bottom:  5px;
					border-bottom:  1px dotted #ddd;
				}

					.attachment-meta .image-data {
						float:      right;
						text-align: right;
					}

					.attachment-meta .image-info .prep {
						font-family:    Arial, "Helvetica Neue", Helvetica, sans-serif;
						font-size:      0.75rem;
						font-weight:    bold;
						font-style:     normal;
						text-transform: uppercase;
						color:          #444;
					}

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

/**
 * Pagination
 * --------------------------------------------------------------------------- */

.loop-pagination,
.loop-nav,
.page-links {
	clear:  both;
	margin: 0 0 25px;
}

.page-links {
	padding: 12px 0 0;
}

.singular .loop-nav {
	padding-top: 25px;
}

	.page-numbers,
	.page-links a,
	.loop-nav a {
		margin:          0 12px 0 0;
		padding:         10px 15px;
		font-family:     Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-size:       0.75rem;
		font-weight:     bold;
		color:           #d8f1fc;
		background:      #538eab;
		border-radius:   5px;
		text-decoration: none;
	}

	.page-numbers.current,
	a.page-numbers:hover,
	.page-links a:hover,
	.loop-nav a:hover {
		color:           #d8f1fc;
		background:      #215167;
		text-decoration: underline;
	}

	.page-links a {
		margin:  0 3px;
		padding: 6px 10px;
	}

	.loop-pagination .meta-nav,
	.loop-nav .meta-nav {
		font-size: 0.8125rem;
	}

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

	.loop-nav a[rel="next"] {
		float:        right;
		text-align:   right;
		margin-right: 0;
	}

/* Comment pagination */
.comments-nav {
	float:    right;
	position: relative;
	margin:   -52px 0 0;
}

	.comments-nav .page-numbers {
		margin:         0 15px;
		padding:        0;
		font-size:      0.625rem;
		text-transform: uppercase;
		color:          #858585;
		background:     transparent;
	}

	.comments-nav .prev, 
	.comments-nav .next {
		font-style: italic;
		font-size:  0.9375rem;
	}


/**
 * Sidebars and widgets
 * --------------------------------------------------------------------------- */

/* === General widgets === */

.widget {
	font-size: 0.9375rem;
}

	.widget-title {
		padding:       7px 20px;
		font-size:     1.125rem;
		color:         #252525;
		background:    #f3f3f3 url(images/utility-bg.png);
		border-bottom: 1px solid #ddd;
	}

/* === Subsidiary sidebar === */

#sidebar-subsidiary {
	clear:      both;
	margin:     -76px auto 25px;
	padding:    50px 25px 25px;
	background: #fefefe;
	border:     1px solid #ddd;
	border-top-width: 0;
}

/* === Specific widgets === */

	/* === Widget search and newsletter === */

	.widget-search input[type="text"],
	.widget-newsletter input[type="text"] {
		float:         left;
		width:         87.5%;
		margin:        0 0 25px;
		padding:       10px 15px;
		color:         #666;
		background:    #f3f3f3;
		border:        1px solid #ddd;
		border-right:  none;
		border-radius: 5px 0 0 5px;

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

		.widget-search input[type="text"]:focus,
		.widget-newsletter input[type="text"]:focus {
			color:      #444;
			background: #fff;
		}

	.widget-search input[type="submit"],
	.widget-newsletter input[type="submit"] {
		float:         left;
		display:       block;
		width:         12.5%;
		height:        39px;
		margin:        0;
		padding:       0;
		background:    #538eab url(images/sprite.png) no-repeat center 100%;
		border:        none;
		border-radius: 0 5px 5px 0;
		text-indent:   -9999em;
		box-shadow:    none;

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

		.widget-search input[type="submit"]:hover,
		.widget-newsletter input[type="submit"]:hover {
			cursor:            pointer;
			background-color: #215167;
		}

	.widget-search label { 
		display: none; 
	}


	/* === Other widgets === */

	.comments-number,
	.views-number,
	.post-count {
		font-size:  0.8125rem;
		font-style: italic;
		color:      #888;
	}

	.widget-user-profile .avatar {
		padding: 4px;
	}


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

.comments-closed {
	font-style: italic;
	color:      #888;
}

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

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

	ol.comment-list ol.children {
		padding: 0;
		margin:  0 -25px 0 0;
	}

	li.comment,
	li.ping {
		margin:        0 0 25px;
		padding:       25px 25px 0;
		background:    #f3f3f3 url(images/utility-bg.png);
		border-bottom: 1px solid #ddd;
	}

	li.bypostauthor {}

	li li.comment, 
	li li li li.comment,
	li li li li li li.comment,
	li li li li li li li li.comment,
	li li li li li li li li li li.comment { 
		background: #e9e9e9; 
	}

	li li li.comment, 
	li li li li li.comment,
	li li li li li li li.comment,
	li li li li li li li li li.comment { 
		background: #f3f3f3 url(images/utility-bg.png); 
	}

		.comment-meta {
			margin:      0 0 25px;
			font-size:   0.75rem;
			font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
			color:       #888;
		}

			.comment-author {
				display: block;
				color: #333;
			}

				.comment-author cite {
					font-family: 'LeagueGothicRegular', Arial, "Helvetica Neue", Helvetica, sans-serif;
					font-size:   1.125rem;
					font-style:  normal;
				}

		li.comment .avatar {
			float:   left;
			width:   50px;
			height:  50px;
			margin:  0 25px 0 0;
			padding: 0;
			border:  5px solid #ddd;
		}

			li li.comment .avatar {
				border-color: #ccc;
			}

/**
 * Comment Form (Respond)
 * --------------------------------------------------------------------------- */

#respond {
	margin: 0 0 25px;
}

	#respond label {
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-size:   0.8125rem;
		font-weight: bold;
	}

		#respond label .required {
			font-family: Georgia, serif;
			font-size: 1.125rem;
			color: #c00;
		}

	#respond input[type="text"],
	#respond input[type="url"],
	#respond input[type="email"],
	#respond textarea {
		display:     block;
		width:       100%;
		padding:     5px 10px;
		font-family: Georgia, Times, 'Times New Roman', serif;
		font-size:   0.9375rem;
		color:       #666;
		background:  #f3f3f3;
		border:      1px solid #ddd;

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

	#respond textarea {
		height:  200px;
		padding: 10px;
	}

	#respond input[type="text"]:focus,
	#respond input[type="url"]:focus,
	#respond input[type="email"]:focus,
	#respond textarea:focus {
		color:        #444;
		background:   #fff;
		border-color: #ccc;
	}

	#respond #submit {
		padding:       15px 20px;
		font-family:   Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-size:     0.75rem;
		font-weight:   bold;
		color:         #666;
		background:    #f3f3f3;
		border:        none;
		border-radius: 5px;
	}

		#respond #submit:hover {
			background: #eee;
		}

		li #respond #submit {
			border: 1px solid #ddd;
		}

	li #respond textarea,
	li #respond input[type="text"],
	li #respond input[type="url"],
	li #respond input[type="email"] {
		max-width: 95%;
	}

	li #respond textarea,
	li #respond input[type="text"],
	li #respond input[type="url"],
	li #respond input[type="email"],
	li #respond #submit {
		background: #f9f9f9;
	}

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

#footer {
	font-size:  0.875rem;
	color:      #666;
	text-align: center;
}



/**
 * Page Templates
 * --------------------------------------------------------------------------- */

	/* === Magazine template === */

	.page-template-magazine .breadcrumb-trail {
		display: none;
		
	}

	.page-template-magazine .flexslider {
		margin-bottom: 75px;
	}

		.page-template-magazine .flexslider .slides {
			overflow:   hidden;
			max-height: 400px;
		}

			.page-template-magazine .flexslider .slide {
				overflow: hidden;
				position: relative;
				width:    100%;
				height:   100%;
			}

				.page-template-magazine .flexslider img {
					position:  relative;
					z-index:   97;
					max-width: 100%;
					height:    auto;
					padding:   0;
					border:    none;
				}

				.page-template-magazine .flexslider .slide-caption {
					width:      25%;
					min-width:  175px;
					height:     100%;
					padding:    25px;
					position:   absolute;
					top:        0;
					right:      5%;
					z-index:    98;
					opacity:    0.85;
					color:      #ccc;
					background: #000;

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

					.page-template-magazine .flexslider .entry-title {
						font-size: 1.25rem;
					}

						.page-template-magazine .flexslider .entry-title a {
							color: #fff;
						}

					.page-template-magazine .flexslider .entry-summary {
						font-size: 0.9375em;
					}

						.page-template-magazine .flexslider .entry-summary p {
							margin: 0;
						}

	.page-template-magazine .content-secondary .hentry {
		margin-bottom: 50px;
	}

		.page-template-magazine .content-secondary .entry-title {
			font-size: 1.125rem;
			margin:    0;
		}

		.page-template-magazine .content-secondary .entry-byline {
			font-size: 0.75rem;
			margin:    0;
		}

		.page-template-magazine .content-secondary .entry-summary p {
			font-size: 0.8125rem;
		}

	.page-template-magazine #content .gallery .gallery-title {
		text-align: left;
	}

		.page-template-magazine #content .gallery .gallery-title .post-format-link {
			margin-left:     5px;
			padding:         0;
			font-size:       0.9375rem;
			text-decoration: none;
			background:      transparent;
		}

		.page-template-magazine #content .gallery .gallery-title .post-format-link:hover {
			text-decoration: underline;
		}

	.page-template-magazine #content .gallery .gallery-icon img {
		padding: 3px;
	}


/**
 * Whistles Plugin
 * http://themehybrid.com/plugins/whistles
 * --------------------------------------------------------------------------- */
.whistles {
	clear:       both;
	width:       100%;
	margin:      0 0 25px;
}

.whistles::after,
.whistle-content::after {
	content:    ".";
	display:    block;
	height:     0;
	clear:      both;
	visibility: hidden;
}

.whistle-title:hover {
	cursor: pointer;
}

.whistle-content {
	overflow: hidden;
}

/**
 * Tabs
 */

	/* Unordered list. */
	.whistles-tabs .whistles-tabs-nav {
		list-style: none;
		margin: 0;
	}

		/* Individual list item. */
		.whistles-tabs .whistles-tabs-nav li {
			display: inline-block;
		}

			/* Link within list item. */
			.whistles-tabs .whistles-tabs-nav li a {
				display:            inline-block;
				padding:            0.5rem 1.5rem;
				font-family: 'LeagueGothicRegular';
				color:              #454545;
				background:    #f3f3f3 url(images/utility-bg.png);
				border:           1px solid #ddd;
				border-right-width: 0;
				text-decoration: none;
			}

			.whistles-tabs .whistles-tabs-nav li:last-child a {
				border-right-width: 1px;
			}

			.whistles-tabs .whistles-tabs-nav li a:hover {
				color:      #252525;
				background-color: #f9f9f9;
			}
			.whistles-tabs .whistles-tabs-nav li[aria-selected="true"] a {
				color:               #252525;
				background:          #fff;
				border-bottom-color: #fff;
			}

	/* Wraps all of the tab content panels. */
	.whistles-tabs .whistles-tabs-wrap {
		margin:     -1px 0 0;
		padding:    1.5rem 1.5rem 0 1.5rem;
		background: #fff;
		border:     1px solid #ddd;
	}

/**
 * Toggle/Accordion
 */

	/* Title for individual section. */
	.whistles-toggle .whistle-title,
	.whistles-accordion .whistle-title {
		margin:           0;
		padding:          0.5rem 1.5rem;
		font-family: 'LeagueGothicRegular';
		font-size: 1rem;
		color:       #252525;
		background:    #f3f3f3 url(images/utility-bg.png);
		border:           1px solid #ddd;
		border-top-width: 0;
	}

		.whistles-toggle .whistle-title:first-child, 
		.whistles-accordion .whistle-title:first-child {
			border-top-width: 1px;
		}

		.whistles-toggle .whistle-title:hover,
		.whistles-toggle .whistle-title[aria-selected="true"],
		.whistles-accordion .whistle-title:hover, 
		.whistles-accordion .whistle-title[aria-selected="true"] {
			color:      #555;
			background-color: #efefef;
		}

	/* Individual toggle section content. */
	.whistles-toggle .whistle-content,
	.whistles-accordion .whistle-content {
		margin:     -1px 0 0;
		padding:    1.5rem 1.5rem 0 1.5rem;
		background: #fff;
		border:     1px solid #ddd;

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


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

/* === MAX-WIDTH 480px === */

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

	.flexslider .slide-caption {
		display: none;
	}
}


/* === MIN-WIDTH 480px === */

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

	.thumbnail {
		float:      right;
		margin:     0 0 5px 25px;
	}

	#site-description {
		display:        inline;
		margin:         0 0 0 15px;
	}

			.page-template-magazine .content-secondary .hentry {
				clear:        both;
				float:        left;
				width:        47%;
				margin-right: 6%;
			}

			.page-template-magazine .content-secondary .hentry:nth-child(even) {
				clear:        none;
				float:        right;
				margin-right: 0;
			}

		.page-template-magazine #content .gallery {
			clear:      none;
			float:      left;
			width:      50%;

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

		.page-template-magazine #content .gallery:last-child {
			float: right;
		}


	#footer {
		text-align: left;
	}

	#footer .copyright {
		float: left;
		width: 50%;
	}

	#footer .credit {
		float:      right;
		width:      50%;
		text-align: right;
	}
}
/* === MAX-WIDTH 760PX === */

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

	.menu-toggle {
		position:     relative;
		display:      inline-block;
		cursor:       pointer;
		padding-left: 30px;
		margin:       0 auto;
		line-height:  21px;
		font-size:    1.125rem;
		color:        #000e30;
		background:   url(images/mobile-menu-icon.png) no-repeat 0 0;
	}
	.menu-toggle:hover,
	.menu-toggle.active {
		color:               #3475b7;
		text-decoration:     underline;
		background-position: 0 -21px;
	}

	#menu-primary,
	#menu-secondary {
		padding-left: 25px;
	}

		#menu-primary .wrap,
		#menu-secondary .wrap {
			text-align: left;
			position:   relative;
			clear:      both;
			margin:     25px 25px 0 0;
			padding:    25px 25px 0 0;
			z-index:    999;
			background: #fff;
			border:     solid 1px #d5d5d5;
			display:    none; /* visibility will be toggled with jquery */
		}

		.menu .search-form {
			display: none;
		}

	.loop-pagination,
	.loop-nav {
		margin-bottom: 50px;
	}
}

/* === MIN-WIDTH 760PX === */

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

	#container {
		max-width: 1080px;
		width:     98.5%;
	}

	#header,
	#footer {
		padding-left: 50px;
		padding-right: 50px;
	}

	#main {
		padding: 50px 50px 25px;
	}

	/* 2c-l */
	.layout-2c-l #content {
		float: left;
		width: 63.265%;
	}
	.layout-2c-l #sidebar-primary,
	.layout-2c-l #sidebar-secondary {
		float: right;
		width: 32.63%;
	}
	.layout-2c-l #sidebar-secondary {
		clear: right;
	}

	/* 2c-r */
	.layout-2c-r #content {
		float: right;
		width: 63.265%;
	}
	.layout-2c-r #sidebar-primary,
	.layout-2c-r #sidebar-secondary {
		float: left;
		width: 32.63%;
	}
	.layout-2c-r #sidebar-secondary {
		clear: left;
	}


	/* Primary menu */

	#menu-primary {
		height: 35px;
	}

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

	#menu-primary ul {
		float:      right;
		list-style: none;
		margin:     0
	}

	#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 {
			opacity:        0;
			visibility:     hidden;
			position:       absolute;
			top:            31px;
			z-index:        99;
			text-align:     left;
			margin:         25px 0 0;
			padding-bottom: 15px;
			background:     #538eab;
			box-shadow:     1px 1px 1px 0 #666;
			border-radius:  0 0 5px 5px;

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

		#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:   210px;
				margin: 0 0 0 20px;
			}

		#menu-primary li {
			float:    left;
			display:  inline-block;
			position: relative;
		}

			#menu-primary li a {
				display:         inline-block;
				padding:         10px 12px;
				font-family:     Arial, "Helvetica Neue", Helvetica, sans-serif;
				font-size:       0.6875rem;
				font-weight:     bold;
				line-height:     14px;
				text-transform:  uppercase;
				text-decoration: none;
				color:           #215167;
			}

			#menu-primary li a:hover {
				text-decoration: underline;
			}

			#menu-primary li a:hover,
			#menu-primary li:hover > a,
			#menu-primary li.current-menu-item > a {
				color:         #d8f1fc;
				background:    #538eab;
				border-bottom: 1px solid #215167;
			}

			#menu-primary li li.current-menu-item > a {
				border-bottom: 1px dotted #7aa1b3;
			}

			#menu-primary li li a {
				margin:         0 7px;
				padding:        10px 8px;
				font-weight:    normal;
				text-transform: none;
				color:          #d8f1fc;
				border-bottom:  1px dotted #7aa1b3;
			}

			#menu-primary li li a:hover,
			#menu-primary li li:hover > a {
				border-bottom: 1px dotted #7aa1b3;
			}

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

				#menu-primary ul ul li a {
					width:   180px;
					display: block;
					float:   none;
				}

			/* Drop-down arrows. */
			#menu-primary li > a::after {
				content:     ' \2193';
				float:       right;
				position:    relative;
				top:         5px;
				width:       5px;
				height:      3px;
				margin:      0 0 0 7px;
				text-indent: -9999em;
				background:  url(images/menu-arrows.png) no-repeat 0 0;
			}

			#menu-primary li:hover > a::after {
				background-position: 0 -3px;
			}

			#menu-primary li li > a::after,
			#menu-primary li li:hover > a::after {
				content: ' \2192';
				float:   right;
				top:     5px;
				width:   3px;
				height:  5px;
				background-position: 0 -11px;
			}

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


	/* Secondary menu */

	#menu-secondary {
		background:    #538eab;
		border:        1px solid #4b85a1;
		border-radius: 5px 5px 0 0;
	}

	#menu-secondary > .wrap {
		float: left;
		width: 80.55%;
		display: block !important; /* Need !important to overwrite jQuery. */
	}

	#menu-secondary ul {
		list-style: none;
		margin:     0
	}

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

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

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

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

		#menu-secondary ul ul {
			margin:         25px 0 0;
			opacity:        0;
			visibility:     hidden;
			position:       absolute;
			top:            37px;
			z-index:        99;
			text-align:     left;
			padding-bottom: 15px;
			background:     #215167;
			border-radius:  0 0 5px 5px;
			box-shadow:     1px 1px 1px 0 #666;

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

		#menu-secondary 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-secondary ul ul ul {
				top:    0;
				left:   230px;
				margin: 0 0 0 20px;
			}

		#menu-secondary li {
			float:    left;
			display:  inline-block;
			position: relative;
		}

			#menu-secondary li li {
				border: none;
			}

			#menu-secondary li a {
				float:           left;
				padding:         12px 25px;
				font-family:     Arial, "Helvetica Neue", Helvetica, sans-serif;
				font-size:       0.75rem;
				font-weight:     bold;
				line-height:     13px;
				text-transform:  uppercase;
				text-decoration: none;
				color:           #d8f1fc;
				border-right:    1px solid #4b85a1;
			}

			#menu-secondary li a:hover {
				text-decoration: underline;
			}

			#menu-secondary li a:hover,
			#menu-secondary li:hover > a,
			#menu-secondary li.current-menu-item > a {
				background: #215167;
			}

			#menu-secondary li li.current-menu-item > a {
				border-bottom: 1px dotted #7aa1b3;
			}

			#menu-secondary li li a {
				margin:          0 7px;
				padding:         15px 18px;
				font-size:       0.6875rem;
				font-weight:     normal;
				text-transform:  none;
				text-decoration: none;
				border:          none;
				border-bottom:   1px dotted #7aa1b3;
			}

			#menu-secondary li li a:hover,
			#menu-secondary li li:hover > a {
				border-bottom: 1px dotted #7aa1b3;
			}

			#menu-secondary ul ul li {
				float:   none;
				display: block;
			}

				#menu-secondary ul ul li a {
					width:   180px;
					display: block;
					float:   none;
				}

			/* Drop-down arrows. */
			#menu-secondary li > a::after {
				content:     ' \2193';
				display:     inline-block;
				position:    relative;
				float:       right;
				top:         5px;
				width:       5px;
				height:      3px;
				margin:      0 0 0 10px;
				text-indent: -9999em;
				background:  url(images/menu-arrows.png) no-repeat 0 -3px;
			}

			#menu-secondary li:hover > a::after {
				background-position: 0 -3px;
			}

			#menu-secondary li li > a::after,
			#menu-secondary li li:hover > a::after {
				content: ' \2192';
				float:   right;
				top:     5px;
				width:   3px;
				height:  5px;
				background-position: 0 -11px;
			}

			#menu-secondary li > a:only-child::after {
				content: '';
				display: none;
			}

		/* Search form in the secondary menu */

		.menu .search-form {
			float:        right;
			width:        13.89%;
			margin-right: 25px;
		}

		.menu .search-form input[type="text"] {
			float:       right;
			width:       0;
			margin-top:  5px;
			padding:     5px 0 5px 23px;
			font-family: Georgia, Times, 'Times New Roman', serif;
			font-size:   0.8125rem;
			font-style:  italic;
			line-height: 13px;
			color:       transparent;
			background:  url('images/search.png') no-repeat 6px 3px;
			border:      none;
			cursor:      pointer;

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

		.menu .search-form input[type="text"]:focus,
		.menu .search-form input[type="text"]:not([value=""]) {
			width:            90%;
			padding-left:     30px;
			padding-right:    10px;
			color:            #666;
			background-color: #fff;
			cursor:           text;

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

		.menu .search-form input[type="submit"] {
			display: none;
		}

	/* Subsidiary Menu */
	#menu-subsidiary {
		background:      #538eab;
		border-radius: 0 0 5px 5px;
		text-align:    left;
	}
		#menu-subsidiary li {
			float: left;
		}

		#menu-subsidiary li a {
			margin: 0;
		}

		#menu-subsidiary .menu-items > li:first-child a {
			border-radius: 0 0 0 5px;
		}


	/* Floated elements */
	.attachment-image .entry-title {
		float: left;
		width: 50%;
	}

	.attachment-image .entry-byline {
		float:      right;
		width:      50%;
		text-align: right;
	}

		.attachment-meta .image-info {
			float:         left;
			width:         45%;
			padding-right: 50px;

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

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

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


	/* Subsidiary widget. */
	#sidebar-subsidiary {
		margin-top: 0;
		padding:    50px 50px 25px;
		border-top-width: 1px;
	}

	#sidebar-subsidiary .widget {
		float:  left;
		width:  30%;
		margin: 0 4.99% 0 0;
	}

	#sidebar-subsidiary .widget:nth-child(3n) {
		float:        right;
		margin-right: 0;
	}

	#sidebar-subsidiary .widget:nth-child(3n+1) {
		clear: both;
	}
}



/* === MIN-WIDTH 900PX === */

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

	/* 3c-l */
	.layout-3c-l #content {
		float: left;
		width: 51.02%;
	}
	.layout-3c-l #sidebar-primary {
		float: left;
		width: 20.408%;
		margin-left: 3.979%;
	}
	.layout-3c-l #sidebar-secondary {
		float: right;
		width: 20.408%;
	}

	/* 3c-r */
	.layout-3c-r #content {
		float: right;
		width: 51.02%;
	}
	.layout-3c-r #sidebar-primary {
		float: left;
		width: 20.408%;
		margin-right: 3.979%;
	}
	.layout-3c-r #sidebar-secondary {
		float: left;
		width: 20.408%;
	}

	/* 3c-c */
	.layout-3c-c #content {
		float: left;
		margin-left: 24.3877%;
		width: 51.02%;
	}
	.layout-3c-c #sidebar-primary {
		float: left;
		margin-left: -75.9183%;
		width: 20.408%;
	}
	.layout-3c-c #sidebar-secondary {
		clear: none;
		float: right;
		width: 20.408%;
		border: none;
	}
}


/* Clearfix */
.clearfix::after,
#main::after,
#header::after,
#footer::after,
#branding::after,
#menu-primary::after,
#menu-secondary::after,
#menu-subsidiary::after,
#sidebar-subsidiary::after,
.content-secondary::after,
.widget::after,
.hentry::after,
.author-profile::after,
.entry-content::after,
.attachment-meta::after,
.loop-meta::after,
.loop-nav::after,
li.comment::after, li.ping::after,
.page-template-magazine .content-secondary::after,
.gallery::after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}