/*
Theme Name: Aquemini Custom Theme
Author: Genie Lauren
Author URI: http://www.rocquemoremedia.com
Description: Aquemini is a custom theme for PostBourgie.com built with adaptive design, featuring a slide down mobile menu, splash page, and responsive video plugin integration.
Version: 1.0.2
*/
/* =Table of Contents
 * 
 * =Reset Styles
 * =HTML5 Elements 
 * =Global Styles
 * =Fonts
 * =Structure 
 * =Header 
 * =Site Navigation 
 * =Page Styles
 * =Meta
 * =Forms
 * =Social Icons
 * =Widgets
 * =Utility Box
 * =Footer
 * =Media Queries
 *==================================================================*/

/* =Reset styles
*==================================================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, 
dfn, img, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, center,
dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td, article, aside, canvas, 
details, embed, figure, figcaption, footer, 
header, hgroup, menu, nav, output, ruby, section, 
summary, time, mark, audio, video {
 	font: 			inherit;
	border:			0;
 	margin:			0;
 	padding:		0;
 	font-size:		100%;
 	vertical-align: baseline; 
 }

/* =HTML5 Elements 
*==================================================================*/

article, aside, details, figcaption, figure, 
footer, header, hgroup, main, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: none;
}

table {
	border-spacing:  0;
	border-collapse: collapse;
}

/* =Global Styles 
*==================================================================*/

a {
	color: 				#CF581E;
	font-weight:		700;
	text-decoration: 	none;
	/* on hover off */	
	-webkit-transition: color 0.5s ease-in-out;
	-moz-transition: 	color 0.5s ease-in-out;
	-ms-transition: 	color 0.5s ease-in-out;
	-o-transition: 		color 0.5s ease-in-out;
	transition: 		color 0.5s ease-in-out;
}

a:hover {
	color: #000000;
}

article img {
	max-width: 620px;
}

em,
i {
	font-style: italic;
}

b,
strong {
	font-weight: bold;
}

u {
	text-decoration: underline;
}

button:focus,
input:focus,
textarea:focus {
	outline-color: #CF581E;
}


.btn {
	color:				   #CF581E;
	margin:				   15px 0;
	border:				   1px solid #DDDDDD;
	padding:			   5px 10px;
	display:			   inline-block;
	*display:			   inline;
	font-size:			   12px;
	background:			   #FFFFFF;
	background:	           -webkit-linear-gradient(top,#FFFFFF 0%,#FBFBFB 100%);
	background:			   linear-gradient(to bottom,#FFFFFF 0%,#FBFBFB 100%);
	font-weight:		   bold;
	text-decoration:	   none;
	-webkit-transition:    background 0.5s ease-in-out;
	-moz-transition: 	   background 0.5s ease-in-out;
	-ms-transition: 	   background 0.5s ease-in-out;
	-o-transition: 		   background 0.5s ease-in-out;
	transition: 		   background 0.5s ease-in-out;
	-webkit-border-radius: 2px;
	-moz-border-radius:    2px;
	border-radius: 		   2px;
}

.btn:hover {
	color: 		#333333;
	cursor: 	pointer;
	border: 	1px solid #DDDDDD;
	outline: 	none;
	background: #FFFFFF;
	background: -webkit-linear-gradient(top,#FBFBFB 0%,#F3F3F3 100%);
	background: linear-gradient(to bottom,#FBFBFB 0%,#F3F3F3 100%);
}

.cf:after {
 	clear:      both; 
 	height:     0; 
 	content:    ".";  
 	display:    block; 
 	visibility: hidden;
}

h1 {
	margin:      .67em;
	font-size:   2em; 
	line-height: 1em;
}

h2 {
	margin:    .75em;
	font-size: 1.5em;
}

h3 {
	margin:    .83em;
	font-size: 1.17em; 
}

h4 {
	margin:    .95em;
	font-size: 1em;
}

h5 {
	margin:    1.5em;
	font-size: .83em; 
}

h6 {
	margin:    1.67em;
	font-size: .75em;
}

h1, h2, h3, 
h4, h5, h6 { 
	font-weight: bolder
}

img.aligncenter {
	margin:	    auto;
	display:    block;
}

img.alignleft {
	float:  left;
	margin: 10px;
}

img.alignright {
	float:  right;
	margin: 10px;
}

.left {
	float: left;
}

.mobile {
	display: none;
}

.right {
	float: right;
}

::selection {
	background: #FFBD46;
}

::-moz-selection {
	background: #FFBD46;
}

::-webkit-input-placeholder {
   color: #333333;
}

:-moz-placeholder { /* Firefox 18- */
   color: #333333;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #333333;  
}

:-ms-input-placeholder {  
   color: #333333;  
}

/* =Fonts 
*==================================================================*/

@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), 
  	   url('fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), 
  	   url('fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), 
  	   url('fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
	font-family: 	  'Open Sans', sans-serif;
	background-color: #FFFFFF; 
}

.byline {
	margin: 	 10px 0 15px 0;
	font-size: 	 1.688em;
	font-family: 'Playfair Display SC', serif;
	font-weight: 700;
}

.date {
	color: 		 #666666;
	font-size: 	 1.5em;
	font-family: 'Playfair Display SC', serif;
	font-weight: 400;
}

.dropcap:first-child:first-letter {
	float: 			  left;
	margin: 		  0 10px 10px 0;
	padding: 		  20px;
	font-size: 		  3em;
	font-family:      'Playfair Display SC', serif;
	line-height: 	  0.625em;
	background-color: #FFBD46;
}

.field,
.headline {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

.heading {
	color: 		 #666666;
	margin: 	 10px 0;
	font-family: 'Source Sans Pro', sans-serif;
}

.read-more {
	font-size: 	 .813em;
	font-family: 'Playfair Display SC', serif;
	font-weight: 700;
}

.tag {
	font-size: 		  1.063em;
	font-family: 	  'Source Sans Pro', sans-serif;
	font-weight: 	  400;
	background-color: #FFBD46;
}

/* =Structure
*==================================================================*/

#main-content {width: 1000px; margin: auto;}

body {
	background-image: url(images/bannerback.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100% 350px;
}

#breadcrumbs-bar {
	height: 	   20px;
	padding: 	   12px 0;
	border-bottom: dotted 1px #DDDDDD;
}

#content-wrap {
	width:   950px;
	margin:  auto;
	padding: 30px 0;
}

#main-content {
	width: 				1000px;
	-webkit-box-shadow: 0px 0px 20px rgba(51, 51, 51, 1);
	-moz-box-shadow: 	0px 0px 20px rgba(51, 51, 51, 1);
	box-shadow: 		0px 0px 20px rgba(51, 51, 51, 1);
}


#nav-wrap {
	height: 		  50px;
	background-color: #FFBD46;
}


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


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

#banner {
	height: 		   300px;
	display: 		   block;
	background-image:  url(images/banner.png);
	background-repeat: no-repeat;
}

/* =Site Navigation
*==================================================================*/

#menu-main-nav-menu li {
	float: 			right;
	padding: 		17px 20px;
	display: 		inline-block;
	*display: 		inline;
	font-family: 	'Source Sans Pro', sans-serif;
	font-weight: 	600;
	text-transform: uppercase;
}

#menu-main-nav-menu li:hover {
	background-color: #333333;
}

#menu-main-nav-menu li:hover > a {
	color: #FFBD46;
}

#menu-main-nav-menu li a {
	color: 				#333333;
	padding:		15px 0;
	-webkit-transition: none;
	-moz-transition: 	none;
	-ms-transition: 	none;
	-o-transition: 		none;
	transition: 		none;
}

#mobile-nav {
	display: none;
}

#post-nav {
	margin: 20px 0;
}

#top-jump {
	color: 			  #FFFFFF;
	width:			  20px;
	right:			  20px;
	bottom:  		  25px;
	height:			  20px;
	padding: 		  5px;
	display: 		  none;
	opacity: 		  .75;
	position: 		  fixed;
	text-align: 	  center;
	font-family: 	  'FontAwesome';
	background-color: #333333;
	/* on hover off*/
	-webkit-transition: color 0.5s ease-in-out;
	-moz-transition: 	color 0.5s ease-in-out;
	-ms-transition: 	color 0.5s ease-in-out;
	-o-transition: 		color 0.5s ease-in-out;
	transition: 		color 0.5s ease-in-out;
}

#top-jump:hover {
	color: #CF581E;
}

/* =Page Styles
*==================================================================*/

#archive {
	color: 	 #333333;
	width:   545px;
	clear:   both;
	margin:  0 0 0 -25px;
	display: block;
}

#archive:hover {
	color: 			  #FFBD46;
	background-color: #333333;
}

#archive p {
	padding: 		16px 0 16px 25px;
	text-transform: capitalize;
}

article .headline {
	font-size:   2em;
	font-weight: 400;
}

article p {
	margin:      20px 0;
	line-height: 1.5em;
}

article.post ol li {
	margin:		 10px 20px;
	list-style-type: decimal;
}

article.post ul li {
	margin:		 10px 20px;
	list-style-type: square;
}

article .meta {
	margin: 0 0 20px 0;
}

article,
.results {
	width: 620px;
}

aside {
	width: 275px;
}

.author .description .page-heading {
	margin: 0;
}

#author-wrap {
	margin: 0 0 30px 0;
}

#author-wrap .description {
	width: 500px;
}

blockquote {
	background: #F9F9F9;
	border-left: 10px solid #FFBD46;
	margin: 20px 10px;
	padding: 20px 10px;
	quotes: "\201C""\201D""\2018""\2019";
}

blockquote p {
	margin: 0;
}

blockquote p:after {
	color: #333333;
	content: close-quote;
	font-size: 2em;
	margin-left: 0.25em;
	vertical-align: -0.25em;
}

blockquote p:before {
	color: #333333;
	content: open-quote;
	font-size: 2em;
	line-height: 0.1em;
	margin-right: 0.125em;
	vertical-align: -0.2em;
}

#branding {
	width: 	 225px;
	height:  40px;
	margin:  5px 0 0 25px;
	display: none;
}

#branding img {
	width:  100%;
	height: 100%;
}


#breadcrumbs {
	color: 		#666666;
	font-size:  .813em;
	text-align: right;
}

#breadcrumbs a {
	font-weight: 400;
}

.cat-excerpt img {
	width:   400px;
	height:  225px;
	margin:  20px 0;
	display: block;
}

.category-info {
	margin: 20px 0;
}

.category-name {
	margin:      0 0 .5em 0;
	font-size: 	 1.188em;
}

.category-name a {
	font-weight: 400;
}

#cat-link,
#recent-link {
	color: #333333;
}

#cat-link:hover {
	color: 			  #FFBD46;
	background-color: #333333;
}

#cat-link p,
#recent-link p {
	padding:   16px 0 16px 20px;
}

/* =contributor list styling */

.contributor {
	width:  100px;
	margin: 0 10px 20px 10px;
}

.contributor-name {
	margin: 	0;
	font-size:  0.688em;
	text-align: center;
}

.contributor-summary {
	margin: 5px 0;
}

.contributor-wrap {
	margin: 0 -11px;
}

.contributor-wrap .contributor {
	display:  inline-block;
	*display: inline;
}

/* =endcontributor list styling */

.excerpt {
	width:  285px;
	float:  left;
	margin: 0 20px;
}

.excerpt-block {
	clear: both;
	margin: 30px -15px;
}

.excerpt .byline {
	float: left;
}

.excerpt .date {
	float: right;
}

.excerpt .meta:after {
 	clear:      both; 
 	height:     0; 
 	content:    ".";  
 	display:    block; 
 	visibility: hidden;
}

.excerpt:nth-child(2) {
	margin: 	  0;
	padding: 	  0 20px;
	border-left:  dotted 1px #DDDDDD;
	border-right: dotted 1px #DDDDDD;
}

#featured {
	margin: 0 0 20px 0;
}

#featured #sign-up-link {
	display: none;
}

.archive.author #featured-links {
	margin: 40px 0 0 0;
}

.archive #featured-links,
.search-results #featured-links {
	margin: 52px 0 0 0;
}

.blog #featured-links {
	margin: 50px 0 0 0;
}

.page #featured-links {
	margin: 85px 0 0 0;
}

.single #featured-links {
	margin: 121px 0 0 0;
}

.single-format-video #featured-links,
.single-format-image #featured-links {
	margin: 121px 0 0 0;
}

#featured-links span {
	width:   300px;
	height:  50px;
	margin:  0 -25px 20px 0;
	display: block;
}

.flex-wrap {
    height: 		0;
    overflow: 		hidden;
    position: 		relative;
    padding-bottom: 75%;
}

.flex-wrap iframe {
    top:	  0;
    left: 	  0;
    width:    100%;
    height:   100%;
	position: absolute;
}

.slides .headline {
	overflow: 	   hidden;
	white-space:   nowrap;
	text-overflow: ellipsis;
}

.headline {
	margin:    		0 0 .375em 0;
	font-size: 		1.188em;
	line-height:		1.250em;
	text-transform: capitalize;
}

.headline a {
	color:  	 #000000;
	font-weight: 300;
}

.headline a:hover {
	border-bottom: solid 1px #000000;
}

#highlight {
	margin: 30px 0 0 0;
}

.home.page #featured-links {
	width:  275px;
	margin: 60px 0 0 0;
}

.media-box {
	width:  620px;
	margin: 10px 0 0 0;
	height: 349px;
}

img.media-box {
	display: block;
}

.meta p {
	margin:   0 10px;
	display:  inline-block;
	*display: inline;
}

.meta .byline {
	margin: 0;
}

#mobile-footer,
#mobile-options {
	display: none;
}

#notes {
	display:     block;
	padding:     10px;
	background:  #F9F9F9;
	border-left: solid 5px #DDDDDD;
}

.page-heading {
	margin: 	0 0 1em 0;
	font-size:  1.5em;
	font-style: italic;
	font-weight: 400;
}

.page .meta .date {
	margin: 0;
}

.post-result {
	margin: 0 0 20px 0;
}

.post-result .meta {
	float: left;
	width: 100px;
}

.pullquotecenter {
	color: 		   #777777;
	margin: 	   20px 10px;
	padding: 	   10px;
	font-size: 	   1.125em;
	border-top:    solid 1px #777777;
	border-bottom: solid 1px #777777;
}

.pullquoteleft {
	color: 		  #777777;
	float: 		  left;
	width: 		  30%;
	margin: 	  10px 20px 10px 10px;
	padding: 	  10px;
	font-size: 	   1.125em;
	border-right: solid 1px #777777;
}

.pullquoteright {
	color: 		  #777777;
	float: 		  right;
	width: 		  30%;
	margin: 	  10px 10px 10px 20px;
	padding: 	  10px;
	font-size: 	   1.125em;
	border-left: solid 1px #777777;
}

.result-content {
	width: 520px;
}

.result-content .headline {
	font-size:   1.125em;
	line-height: 1.125em;
}

#recent-link {
	color: 			  #000000;
	background-color: #CF581E;
}

#recent-link:hover {
	color: 			  #CF581E;
	background-color: #333333;
}

.scrollfix {
	top: 	  			0;
	width: 	  			1000px;
	z-index:  			5;
	position: 			fixed;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(51, 51, 51, 0.5);
	-moz-box-shadow:    0px 2px 4px 0px rgba(51, 51, 51, 0.5);
	box-shadow:         0px 2px 4px 0px rgba(51, 51, 51, 0.5);
}

#social {
	background-color: #CF581E;
}

.super {
	font-size:		.625em;
	vertical-align: super;
}

.text {
	color: 		 #333333;
	margin: 	 15px 0 0 0;
	font-size:   .938em;
	text-align:  justify;
	font-weight: 400;
	line-height: 1.188em;
}

.text.bio {
	color: #000000;
}

#utility-box {
	display: none;
}

.wp-caption {
	width: 		100% !important;
	color: 		#AAAAAA;
	font-size: 	0.875em;
	font-style: italic;
}

/* =Forms
*==================================================================*/

.aside-s-button {
	width: 				 32px;
	height: 			 32px;
	margin: 		  	 8px 4px;
	border: 			 none;
	cursor: 			 pointer;
	background-color: 	 #FFFFFF;
	background-image: 	 url(images/aside-search.svg);
	background-repeat: 	 no-repeat;
	background-position: center; 
}

aside #sign-up-wrap {
	margin: 20px 0;
}

.aside-s {
	width:  258px;
	margin: 0;
	border: none;
	padding: 15px 0 15px 20px;
	font-size:  1em;
	background: transparent;
}

#content-wrap .mc_merge_var {
	margin-bottom: 0; 
}

#content-wrap .mc_input {
	color: 		#333333;
	width: 		100%;
	margin: 	10px 0 0 0;
	border: 	solid 1px #DDDDDD;
	padding: 	10px 0;
	font-size:  1em;
	text-align: center;
}

#content-wrap #mc_signup .mc_var_label,
#content-wrap #mc-indicates-required {
	display: none;
}

#content-wrap #mc_signup_form {
	padding: 0;
}

#content-wrap #mc_signup_submit {
	width: auto;
}

#content-wrap #mc_signup_submit {
	color:				   #333333;
	margin-top:			   15px;
	margin-right:		   0;
	margin-bottom:		   15px;
	margin-left:		   0;
	border:				   1px solid #DDDDDD;
	padding:			   5px 10px;
	display:			   inline-block;
	*display:			   inline;
	font-size:			   12px;
	background:			   #FFFFFF;
	background:	           -webkit-linear-gradient(top,#FFFFFF 0%,#FBFBFB 100%);
	background:			   linear-gradient(to bottom,#FFFFFF 0%,#FBFBFB 100%);
	font-weight:		   bold;
	text-decoration:	   none;
	-webkit-transition:    background 0.5s ease-in-out;
	-moz-transition: 	   background 0.5s ease-in-out;
	-ms-transition: 	   background 0.5s ease-in-out;
	-o-transition: 		   background 0.5s ease-in-out;
	transition: 		   background 0.5s ease-in-out;
	-webkit-border-radius: 2px;
	-moz-border-radius:    2px;
	border-radius: 		   2px;	
}

#content-wrap #mc_signup_submit:hover {
	color: 		#CF581E;
	cursor: 	pointer;
	border: 	1px solid #DDDDDD;
	outline: 	none;
	background: #FFFFFF;
	background: -webkit-linear-gradient(top,#FBFBFB 0%,#F3F3F3 100%);
	background: linear-gradient(to bottom,#FBFBFB 0%,#F3F3F3 100%);
}

#featured-links #aside-search-wrap {
	width: 		   299px;
	border-top:	   solid 1px #333333;
	border-left:   solid 1px #333333;
	border-bottom: solid 1px #333333;
}

#sign-up-wrap .mc_input {
	color: 		#333333;
	width: 		273px;
	margin: 	10px 0 0 0;
	border: 	solid 1px #DDDDDD;
	padding: 	10px 0;
	font-size:  1em;
	text-align: center;
}

#sign-up-wrap .mc_merge_var {
	margin-bottom: 0;
}

#sign-up-wrap #mc_signup .mc_var_label,
#sign-up-wrap #mc-indicates-required {
	display: none;
}

#sign-up-wrap #mc_signup_form {
	padding: 0;
}

#sign-up-wrap #mc_signup_submit {
	width: auto;
}

#sign-up-wrap #mc_signup_submit {
	color:				   #333333;
	margin-top:			   15px;
	margin-right:		   0;
	margin-bottom:		   15px;
	margin-left:		   -195px;
	border:				   1px solid #DDDDDD;
	padding:			   5px 10px;
	display:			   inline-block;
	*display:			   inline;
	font-size:			   12px;
	background:			   #FFFFFF;
	background:	           -webkit-linear-gradient(top,#FFFFFF 0%,#FBFBFB 100%);
	background:			   linear-gradient(to bottom,#FFFFFF 0%,#FBFBFB 100%);
	font-weight:		   bold;
	text-decoration:	   none;
	-webkit-transition:    background 0.5s ease-in-out;
	-moz-transition: 	   background 0.5s ease-in-out;
	-ms-transition: 	   background 0.5s ease-in-out;
	-o-transition: 		   background 0.5s ease-in-out;
	transition: 		   background 0.5s ease-in-out;
	-webkit-border-radius: 2px;
	-moz-border-radius:    2px;
	border-radius: 		   2px;
}

#sign-up-wrap #mc_signup_submit:hover {
	color: 		#CF581E;
	cursor: 	pointer;
	border: 	1px solid #DDDDDD;
	outline: 	none;
	background: #FFFFFF;
	background: -webkit-linear-gradient(top,#FBFBFB 0%,#F3F3F3 100%);
	background: linear-gradient(to bottom,#FBFBFB 0%,#F3F3F3 100%);
}

#search-bar {
	height:  40px;
	padding: 5px 0;
}

#search-button {
	width: 				 32px;
	height: 			 32px;
	margin: 			 4px;
	border: 			 none;
	cursor: 			 pointer;
	background-color: 	 #FFFFFF;
	background-image: 	 url(images/search.svg);
	background-repeat: 	 no-repeat;
	background-position: center;
}

.searchform {
	width: 			  940px;
	height: 		  40px;
	margin: 		  0 auto;
	border-bottom: 	  dotted 1px #DDDDDD;
	background-color: #FFFFFF;
}

#s {
	width: 	 	900px;
	margin:  	0;
	border:  	none;
	padding: 	9px 0;
	font-size:  1em;
	text-align: center;
}

#sign-up-wrap .headline {
	margin:    0;
	font-size: 1.125em;
}

#sign-up-wrap p {
	color: 		#333333;
	margin:     10px 0 0 0;
	font-size: 	.875em;
	text-align: left;
}

/* =Social Icons
*==================================================================*/

.pb-icon {
	width:  40px;
	height: 40px;
}

#mobile-social-icons {
	display: none;
}

.share-icons {
	height: 30px;
}

#social-icons li {
	padding:  4px 0 3px 15px;
	display:  inline-block;
	*display: inline;
}

/* =Widgets
*==================================================================*/

#content-wrap .share-count {
	display: none;
}

#mobile-notes .heading {
	color:  #333333;
	margin: 0 0 10px 0;
}

ol.side-matter-list > li:before {
	color: #CF581E;
}

#podcast {
	width: 275px;
}

#podcastembed {
	display: none;
}

.share-icons div {
	display:  inline-block;
	*display: inline;
}

.share-icons p {
	color: 		 #666666;
	margin: 	 0;
	font-size: 	 0.813em;
	font-family: 'Playfair Display SC', serif;
}

.side-matter-list {
	padding:   0 0 0 20px;
	font-size: .813em;
}

.side-matter-text p {
	margin: 0 0 5px 0;
}

#slider-wrap {
	margin: 0 0 20px 0;
}

.slides {
	width: 620px;
}

#twitterfeed-wrap {
	width: 525px;
}

#twitterfeed {
	margin: 0 0 20px 0;
}

#twitterfeed-wrap p {
	margin: 0 0 20px 0;
}

/* =Utility Box
*==================================================================*/

#utility-search {
	padding: 2px;
}

#utility-search .field {
	float:				   left;
	width:				   250px;
	margin: 			   2px 0 0 0;
	border:  			   solid 1px #DDDDDD;
	padding: 			   8px 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius:    2px;
	border-radius: 		   2px;
}

#utility-box .utility-option {
	margin:				0 0 0 -4px;
	display:			inline-block;
	*display: 			inline;
	background: 		#FFFFFF;
	background:	        -webkit-linear-gradient(top,#FFFFFF 0%,#FBFBFB 100%);
	background:			linear-gradient(to bottom,#FFFFFF 0%,#FBFBFB 100%);
	border-right: 		1px solid #DDDDDD;
	-webkit-transition: background 0.5s ease-in-out;
	-moz-transition: 	background 0.5s ease-in-out;
	-ms-transition: 	background 0.5s ease-in-out;
	-o-transition: 		background 0.5s ease-in-out;
	transition: 		background 0.5s ease-in-out;
}

#utility-box .utility-option:hover {
	cursor: 	pointer;
	outline: 	none;
	background: #FFFFFF;
	background: -webkit-linear-gradient(top,#FBFBFB 0%,#F3F3F3 100%);
	background: linear-gradient(to bottom,#FBFBFB 0%,#F3F3F3 100%);
}

#utility-box .utility-option:nth-child(1) {
	margin: 0;
}

#utility-box .utility-option:nth-child(4) {
	border-right: none;
}

.utility-item {
	display:    none;
	border-top: solid 1px #DDDDDD;
}

.utility-option img {
	width:   32px;
	height:  32px;
	padding: 20px 21px;
}

#utility-search-btn {
	float: 			  	   right;
	width:			  	   40px;
	height:			  	   40px;
	margin: 		  	   2px 2px 0 0;
	border: 		  	   solid 1px #DDDDDD;
	cursor: 		  	   pointer;
	background-color: 	   #FFFFFF;
	background-image: 	   url(images/search.svg);
	background-repeat:	   no-repeat;
	background-position:   center;
	-webkit-border-radius: 2px;
	-moz-border-radius:    2px;
	border-radius: 		   2px;
}

#utility-social {
	padding: 	5px 0 0 0;
	text-align: center;
}

#utility-social li {
	display:  inline-block;
	*display: inline;
}

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

footer {
	padding: 		  30px 25px 0 25px;
	font-size: 		  .875em;
	background-color: #333333;
	background-image: url(images/fabric.png);
}

footer a {
	color: 				#BBBBBB;
	font-weight:		400;
	-webkit-transition: color 0.5s ease-in-out;
	-moz-transition: 	color 0.5s ease-in-out;
	-ms-transition: 	color 0.5s ease-in-out;
	-o-transition: 		color 0.5s ease-in-out;
	transition: 		color 0.5s ease-in-out;
}

footer a:hover {
	color: 		   #000000;
	border-bottom: dotted 1px #BBBBBB;
}

footer p {
	color: #BBBBBB;
}

.footer-panel {
	width: 	  		200px;
	margin:   		0 20px;
	display:  		inline-block;
	*display: 		inline;
	vertical-align: text-top;
}

#footer-wrap {
	margin: 0 -11px;
}

#logo {
	width:   		  200px;
	height:  		  200px;
	cursor:  		  default;
	display: 		  block;
	background-image: url(images/pbicon.jpg);
}

.panel-content {
	margin: 10px 0;
}

.panel-header {
	border-bottom: solid 1px #CF581E;
}

#signature {
	margin: 	5px 0 0 0;
	height: 	30px;
	text-align: right;
}

#signature p {
	color:       #222222;
	padding: 	 13px 0 0 0;
	font-size: 	 .875em;
	font-weight: 700;
	text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7);
}

#signature p:hover {
	color: #0E2C43;
}

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

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag.
 */

@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

@media only screen and (min-width:640px) and (max-width:959px) {
	#archive {
		width:  585px;
		margin: 30px 0 0 -15px;
	}
	#archive p {
		padding: 16px 0 16px 65px;
	}
	aside {
		display: none;
	}
	#featured-links .aside-s {
		width: 250px;
	}
	#featured-links #aside-search-wrap {
		width: 290px;
	}
	#banner {
		background-image: url(images/tabletbanner.jpg);
	}
	#bottom {
		float: none;
		margin: 30px 0 10px 0;	
	}
	#bottom .excerpt {
		width:  520px;
		margin: 20px auto;
	}
	#bottom .excerpt:nth-child(2) {
		border-right: none;
		padding: 0;
	}
	.cat-excerpt {
		float: none;
		width: 520px;
		margin: auto;
	}
	.cat-excerpt img {
		width:  520px;
		height: 293px;
	}
	#content-wrap,
	.wrap {
		width: 620px;
	}
	.excerpt {
		float: none;
		margin: 20px;
	}
	.excerpt:nth-child(2) {
		border-left: none;
		padding: 20px;
	}
	.excerpt-block {
		float:  left;
		clear:  left;
		margin: 10px 0;
	}
	#featured {
		width: 275px;
	}
	#featured-links {
		margin: 20px 0 0 0;
	}
	#featured-links span {
		width: 290px;
	}
	.footer-panel {
		margin: 20px;
	}
	#footer-wrap {
		width:  490px;
		margin: auto;
	}
	.home.page #featured-links {
		margin: 30px 0 0 0;
	}
	#main-content {
		width: 	650px;
	}
	#menu-main-nav-menu li {
		padding:   18px 10px;
		font-size: .875em;
	}
	#podcastembed {
		height:  		  200px;
		display: 		  block;
		background-color: #F5F5F5;
	}
	#s {
		width: 575px;
	}
	.scrollfix {
		width: 650px;
	}
	#search-bar {
		clear: both;
	}
	.searchform {
		width: 620px;
	}
	#featured-links #sign-up-link {
		display: none;
	}
	#sign-up-wrap {
		margin: 0 0 20px 0;
	}
	#twitterfeed-wrap {
		width:  520px;
		float:  none;
		margin: auto;
	}
	#utility-box {
		width:  			   300px;
		margin: 			   20px auto;
		border: 			   solid 1px #DDDDDD;
		display: 			   block;
		-webkit-border-radius: 2px;
		-moz-border-radius:    2px;
		border-radius: 		   2px;
	}
}

@media only screen and (max-width:639px) {
	#archive {
		width: 300px;
		margin: 20px 0;
	}
	#archive,
	.cat-excerpt,
	#featured-links span,
	#nav-wrap,
	#podcastembed,
	#search-bar,
	#slider-wrap,
	#twitterfeed-wrap {
		-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.75);
		-moz-box-shadow:    0px 2px 2px 0px rgba(0, 0, 0, 0.75);
		box-shadow:         0px 2px 2px 0px rgba(0, 0, 0, 0.75);
	}
	#archive p,
	#cat-link p,
	#sign-up-link p {
		padding: 	 15px 0;
		font-size:   1.125em;
		font-weight: 700;
		text-align:  center;
		font-family: 'Source Sans Pro', sans-serif;
		text-transform: capitalize;
	}
	article img {
		max-width: 300px;
	}
	article,
	.results,
	.result-content {
		float: none;
		width: 300px;
	}
	aside {
		display: none;
	}
	#author-wrap .description {
		float: none;
		width: 300px;
	}
	#author-wrap img {
		margin: 0 20px 20px 0;
	}
	#banner,
	#breadcrumbs-bar,
	.excerpt-block,
	#footer-wrap,
	#main-nav,
	#sign-up-wrap {
		display: none;
	}
	body {
		background: none;
	}
	.cat-excerpt {
		float: 			  none;
		background-color: #FFFFFF;
	}
	.cat-excerpt img {
		width:  300px;
		margin: 20px 0 0 0;
	}
	.cat-excerpt .byline {
		padding: 0 0 0.5em 0.750em;
	}
	#slider-wrap .byline {
		margin:  0 0 0 5px;
	}
	.cat-excerpt .headline {
		margin:  0;
		padding: 0.5em;
	}
	#slider-wrap .headline {
		margin:  0;
		padding: 5px;
	}
	#content-wrap {
		width: 300px;
		padding: 65px 0 20px;
	}
	#featured {
		float: none;
		margin: 20px 0;
	}
	.home.page #featured-links {
		width:  100%;
		margin: 20px 0 0 0;
	}
	#featured #sign-up-link {
		background-color: #FFFFFF;
		display: block;
	}
	#featured-links span {
		width: 100%;
		margin: 20px 0;
	}
	.flex-direction-nav {
		display: none;
	}
	footer {
		color:		#222222;
		padding: 0;
		font-size: 0.813em;
		text-align: center;
		font-weight: 700;
		text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7);
	}
	#highlight {
		margin: 20px 0 0 0;
	}
	.home #main-content {
		background-color: #333333;
		background-image: url(images/fabric.png); 
	}
	.home #top-jump {
		background-color: #CF581E;
	}
	.home #top-jump:hover {
		color: #333333;
	}
	#main-content {
		width: 100%;
	}
	.media-box {
		width:  300px;
		height: 169px;
	}
	#menu-icon {
		width:  40px;
		height: 40px;
		margin: 5px 5px 5px 0;
		cursor: pointer;
	}
	#mobile-branding {
		width: 			  195px;
		height: 		  35px;
		margin: 		  10px 0 5px 0;
		background-image: url(images/branding.svg);
	}
	#mobile-footer a {
		color:       #222222;
		font-size: 	 .875em;
		font-weight: 700;
		text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7);
	}
	#mobile-footer a:hover {
		color: #0E2C43;
	}
	#mobile-footer {
		display: block;
	}
	#mobile-nav {
		padding: 50px 0 0 0;
		background-color: #333333;
		background-image: url(images/fabric.png);
	}
	#mobile-nav ul li {
		padding: 		  	20px 0;
		text-align: 	  	center;
		border-bottom: 		solid 1px #232629;
		text-transform:   	capitalize;
	}
	#mobile-nav ul li:hover {
		background-color: #333333;
	}
	#mobile-nav ul li a {
		color:   #FFBD46;
		padding: 17px 100px;
	}
	#mobile-nav ul li a:hover {
		color: #FFBD46;
	}
	#mobile-options {
		width:   300px;
		margin:  auto;
		display: block;
	}
	#mobile-social-icons {
		display: block;
	}
	#mobile-social-icons {
		width:  160px;
		margin: auto;
	}
	#mobile-social-icons li {
		width: 	  40px;
		height:   40px;
		padding:  5px;
		display:  inline-block;
		*display: inline;
	}
	#nav-wrap {
		width: 	  100%;
		z-index:  5;
		position: fixed;
	}
	#podcastembed {
		height:  		  200px;
		display: 		  block;
		background-color: #F5F5F5;
	}
	.post-result .meta {
		margin: 0 0 10px 0;
	}
	.pullquoteleft {
		width: 35%;
	}
	.pullquoteright {
		width: 35%;
	}
	.result-excerpt {
		clear: both;
	}
	#s {
		width: 250px;
	}
	#s.field {
		font-weight: 400;
	}
	#search-bar {
		clear:   both;
		height:  50px;
		padding: 0;
	}
	.searchform {
		width: 		   290px;
		height: 	   40px;
		padding: 	   5px;
		border-bottom: none;
	}
	.share-icons .label {
		margin: 5px 0;
	}
	#signature {
		display: none;
	}
	#sign-up-link a {
		color: #333333;
	}
	#sign-up-link a:hover {
		color: #CF581E;
	}
	#slider-wrap {
		float: 			  none;
		margin: 		  0 0 20px 0;
		background-color: #FFFFFF;
	}
	.slides {
		width: 	300px;
	}
	.slides .headline {
		line-height: 1.313em;
	}
	#social-icons {
		display: none;
	}
	.tag {
		font-size:   1.125em;
		font-weight: 700;
	}
	#twitterfeed {
		width: 280px;
	}
	#twitterfeed-wrap {
		width: 			  280px;
		float: 			  none;
		margin:  		  0 0 20px 0;
		padding: 		  12px 10px 0;
		background-color: #FFFFFF;
	}
	#twitterfeed-wrap .text {
		text-align: left;
	}
	#utility-box {
		width:  			   300px;
		margin: 			   20px auto;
		border: 			   solid 1px #DDDDDD;
		display: 			   block;
		-webkit-border-radius: 2px;
		-moz-border-radius:    2px;
		border-radius: 		   2px;
	}
}