/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the seperate functions for each media query. The base mobile
stylesheet is called in the header, so here we're working up from
there. To edit the css, just find the corresponding LESS file.
******************************************************************/
/*
Base.css contains the main mobile styles and is called in the
header. This way mobile devices get ONLY the styles that apply
to them. No muss, no fuss.

normalize.css and the mixins are also called within that base file

let's now call the FUNCTIONS for these different stylesets. This
doesn't load the CSS, the CSS is loaded inside the media queries.
*/
/******************************************************************
Site Name:
Author:

Stylesheet: 481px and Up Stylesheet

This stylesheet is loaded for larger devices. It's set to
481px because at 480px it would load on a landscaped iPhone.
This isn't ideal because then you would be loading all those
extra styles on that same mobile connection.

A word of warning. This size COULD be a larger mobile device,
so you still want to keep it pretty light and simply expand
upon your base.less styles.

******************************************************************/
/*
wrapping styles in a function so we can call it
inside of media queries. We also do this so we can
call this function in the ie.less file. Which means
IE will get all the styles without any hefty work.
*/
/* end of the function (DO NOT DELETE) *//******************************************************************
Site Name:
Author:

Stylesheet: Tablet & Small Desktop Stylesheet

Here's where you can start getting into the good stuff.
This size will work on iPads, other tablets, and desktops.
So you can start working with more styles, background images,
and other resources. You'll also notice the grid starts to
come into play. Have fun!

******************************************************************/
/*
wrapping styles in a function so we can call it
inside of media queries. We also do this so we can
call this function in the ie.less file. Which means
IE will get all the styles without any hefty work.
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Mixins & Constants Stylesheet

This is where you can take advantage of LESS' great features:
Mixins & Constants. I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques like box shadow and
border-radius.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more. See what I did there? Nice.

Helpful Articles or Links:

******************************************************************/
/*********************
CLEARFIXIN'
*********************/
/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */.clearfix:before,
.clearfix:after,
.nav .menu ul:before,
.nav .menu ul:after {
  content: "";
  display: table;
}
.clearfix:after,
.nav .menu ul:after {
  clear: both;
}
.clearfix,
.nav .menu ul {
  zoom: 1;
}
/*********************
COLORS
*********************/
/* this is pulled from Bootstrap */
/*********************
BUTTONS
*********************/
.button,
.button:visited {
  border: 1px solid #9cd5ef;
  border-top-color: #b6e0f3;
  border-left-color: #b6e0f3;
  padding: 4px 12px;
  color: #ffffff;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.75);
  cursor: pointer;
  margin-bottom: 20px;
  line-height: 21px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-color: #bfe4f4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d5edf8), to(#bfe4f4));
  background-image: -webkit-linear-gradient(top, #d5edf8, #bfe4f4);
  background-image: -moz-linear-gradient(top, #d5edf8, #bfe4f4);
  background-image: -o-linear-gradient(top, #d5edf8, #bfe4f4);
  background-image: -ms-linear-gradient(top, #d5edf8, #bfe4f4);
  background-image: linear-gradient(top, #d5edf8, #bfe4f4);
}
.button:hover,
.button:visited:hover,
.button:focus,
.button:visited:focus {
  color: #ffffff;
  border: 1px solid #9cd5ef;
  border-top-color: #7ec8e9;
  border-left-color: #7ec8e9;
  background-color: #a9daf1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#bfe4f4), to(#a9daf1));
  background-image: -webkit-linear-gradient(top, #bfe4f4, #a9daf1);
  background-image: -moz-linear-gradient(top, #bfe4f4, #a9daf1);
  background-image: -o-linear-gradient(top, #bfe4f4, #a9daf1);
  background-image: -ms-linear-gradient(top, #bfe4f4, #a9daf1);
  background-image: linear-gradient(top, #bfe4f4, #a9daf1);
}
.button:active,
.button:visited:active {
  background-color: #d5edf8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#bfe4f4), to(#d5edf8));
  background-image: -webkit-linear-gradient(top, #bfe4f4, #d5edf8);
  background-image: -moz-linear-gradient(top, #bfe4f4, #d5edf8);
  background-image: -o-linear-gradient(top, #bfe4f4, #d5edf8);
  background-image: -ms-linear-gradient(top, #bfe4f4, #d5edf8);
  background-image: linear-gradient(top, #bfe4f4, #d5edf8);
}
/*********************
TYPOGRAPHY
*********************/
.sans-serif {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.serif {
  font-family: "Georgia", Cambria, Times New Roman, Times, serif;
}
@font-face {
  font-family: 'BebasNeue';
  src: url('../fonts/bebasneue/bebasneue-webfont.eot');
  src: url('../fonts/bebasneue/bebasneue-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/bebasneue/bebasneue-webfont.woff') format('woff'), url('../fonts/bebasneue/bebasneue-webfont.ttf') format('truetype'), url('../fonts/bebasneue/bebasneue-webfont.svg#BebasNeue') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MyriadProCondRegular';
  src: url('../fonts/myriad/myriadpro-cond-webfont.eot');
  src: url('../fonts/myriad/myriadpro-cond-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/myriad/myriadpro-cond-webfont.woff') format('woff'), url('../fonts/myriad/myriadpro-cond-webfont.ttf') format('truetype'), url('../fonts/myriad/myriadpro-cond-webfont.svg#MyriadProCondRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MagnaBlackCondBlackCondensed';
  src: url('../fonts/magna/magna-blackcondensed-webfont.eot');
  src: url('../fonts/magna/magna-blackcondensed-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/magna/magna-blackcondensed-webfont.woff') format('woff'), url('../fonts/magna/magna-blackcondensed-webfont.ttf') format('truetype'), url('../fonts/magna/magna-blackcondensed-webfont.svg#MagnaBlackCondBlackCondensed') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'VeveyRegular';
  src: url('../fonts/vevey/vevey-webfont-webfont.eot');
  src: url('../fonts/vevey/vevey-webfont-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/vevey/vevey-webfont-webfont.woff') format('woff'), url('../fonts/vevey/vevey-webfont-webfont.ttf') format('truetype'), url('../fonts/vevey/vevey-webfont-webfont.svg#VeveyRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ZnikomitRegular';
  src: url('../fonts/znikomit/znikomit-webfont.eot');
  src: url('../fonts/znikomit/znikomit-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/znikomit/znikomit-webfont.woff') format('woff'), url('../fonts/znikomit/znikomit-webfont.ttf') format('truetype'), url('../fonts/znikomit/znikomit-webfont.svg#ZnikomitRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ZnikomitS03Regular';
  src: url('../fonts/znikomit/znikomits03-webfont.eot');
  src: url('../fonts/znikomit/znikomits03-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/znikomit/znikomits03-webfont.woff') format('woff'), url('../fonts/znikomit/znikomits03-webfont.ttf') format('truetype'), url('../fonts/znikomit/znikomits03-webfont.svg#ZnikomitS03Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif;
  font-style: italic;
}
/* text alignment */
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
/*********************
ALERTS & NOTICES
*********************/
.help,
.info,
.error,
.success {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
}
.help {
  border-color: #e8dc59;
  background: #ebe16f;
}
.info {
  border-color: #bfe4f4;
  background: #d5edf8;
}
.error {
  border-color: #720000;
  background: #8b0000;
}
.success {
  border-color: #deeaae;
  background: #e6efc2;
}


/*********************
BORDER RADIUS
*********************/
/* .borderRadius(4px); */
/* .borderRadius-left(4px); */
/* .borderRadius-right(4px); */
/* .borderRadius-bottom(4px); */
/* .borderRadius-top(4px); */
/*********************
TRANISTION
*********************/
/* .transition(all,2s); */
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdue it.
*********************/
/* .css-gradient(#dfdfdf,#f8f8f8); */
/* end of the function (DO NOT DELETE) *//******************************************************************
Site Name:
Author:

Stylesheet: Average Desktop View

Here's where you can start getting into the good stuff.
This size will work on iPads, other tablets, and desktops.
So you can start working with more styles, background images,
and other resources. You'll also notice the grid starts to
come into play. Have fun!

******************************************************************/
/*
wrapping styles in a function so we can call it
inside of media queries. We also do this so we can
call this function in the ie.less file. Which means
IE will get all the styles without any hefty work.
*/
/* end of the function (DO NOT DELETE) *//******************************************************************
Site Name:
Author:

Stylesheet: Super Large Monitor Stylesheet

You can add some advanced styles here if you like. This kicks in
on larger screens.

******************************************************************/
/*
wrapping styles in a function so we can call it
inside of media queries. We also do this so we can
call this function in the ie.less file. Which means
IE will get all the styles without any hefty work.
*/
/* end of the function (DO NOT DELETE) *//******************************************************************
AVERAGE VIEWING SIZE
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
******************************************************************/
@media only screen and (min-width: 320px) {
  /* styles in 481up.less */
  /* DO NOT DELETE */
  /*********************
  GENERAL STYLES
  *********************/
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  /*********************
  HEADER SYTLES
  *********************/ 
  .header {
    opacity: 0;
  }
  #image-header {
	height: 158px;
	position: relative;
	top: 0;
	width: 100%;
  }
  .inside-header {
	height: 158px;
	margin: 0 auto;
	width: 100%;
	text-indent: -9999px;
	position: relative;
  }
  .ap-logo-header {
	width: 480px;
	margin: 0 auto;
	z-index: 1;
  }
  .ap-logo-header a {
	position: relative;
	margin: 0 auto;
	height: 158px;
	width: 480px;
  }
  .ap-logo-header img {
	margin: 0 auto;
	height: 158px;
	width: 100%;
	float: left;
  }
  #logo {
    background: none;
    background-size: 100%;
    width: 100%;
    height: 135px;
    text-indent: -999em;
    margin: 15px auto 0;
  }
  .head-desk {
    display:none;	
  } 
  .head-mobile {
    display:block;	
  }

  /*********************
  NAVIGATION STYLES
  *********************/
  /*
  					you can use hover styles here even though this size
  					has the possibility of bieng a mobile device.
  					*/
  /* highlight current page */
  /*
  					plan your menus and drop-downs wisely.
  					*/
  /*
  							more levels
  							*/
							
  			.menu li a {
				background-color: #222222;
				border-bottom: 1px solid #CCCCCC;
				color: white;
				display: block;
				float: left;
				font-size: 1em;
				padding: 8px 12px;
				text-decoration: none;
				/*width: 12%;*/
				margin-right: 4px;
				text-align: center;
				margin-left: 2px;
				margin-bottom: 4px;
				border-radius: 2px;
			}						
							
  /*********************
  POSTS & CONTENT STYLES
  *********************/
  /* want to style individual post classes? Booya! */
  /* post by id (i.e. post-3) */
  /* general post style */
  /* general article on a page style */
  /* general style on an attatchment */
  /* sticky post style */
  /* hentry class */
  /* style by category (i.e. category-videos) */
  /* style by tag (i.e. tag-news) */
  /* post meta */
  /* post content */
  /* this adds the quote before the blockquote */
  /* at this larger size, we can start to align images */
  .alignleft,
  img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
  }
  .alignright,
  img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
  }
  .aligncenter,
  img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
  }
  .container {
    padding: 0;
	width: 100%;
  }

  		#slider_holder {
				overflow:visible !important; /* so nav buttons will show */
			}
			#slider_holder #prevnext a#prev, #slider_holder #prevnext a#next {
				background:url(<?php echo get_stylesheet_directory_uri(), '/assets/images/slide-nav.png'; ?>) no-repeat;
				width:47px;
				height:47px;
			}
			#slider_holder #prevnext a#prev {
				background-position:0px 0px;
				left:-24px;
			}
			#slider_holder #prevnext a#next {
				background-position:-47px 0px;
				right:-24px;
			}

  
/* NEW BLOG AND NEWS LAYOUT */

.category-6 .row .four {
width: 600px;
margin: 0 auto;
float: none;
}

.category-6 .post .h2 {
border-bottom: 5px solid #8b0000;
padding: 0;
min-height: 40px;
font-size: 1.8em;
text-overflow: ellipsis;
overflow: visible;
}

.category-6 .meta {
text-align: left;
text-transform: uppercase;
font-size: 10px;
width: 292px;
float: right;
margin: 0;
margin-bottom: 14px;
border-bottom: 1px solid;
height: 34px;
}

.category-6 .meta time {
font-size: 18px;
}

.category-6 .post_content a {
float: left;
}

.category-6 .post_content img {
margin: 0;
max-width: 100%;
}

.category-6 .post_content p {
width: 290px;
float: right;
margin: 0;
padding: 0;
}

.category-6 .post_content p a {
float: right;
}

.category-6 [class*="column"] + [class*="column"]:last-child {
float: none;
}

.category-32 .row .four {
width: 600px;
margin: 0 auto;
float: none;
}

.category-32 .post .h2 {
border-bottom: 5px solid #8b0000;
padding: 0;
min-height: 40px;
font-size: 1.8em;
text-overflow: ellipsis;
overflow: visible;
}

.category-32 .meta {
text-align: left;
text-transform: uppercase;
font-size: 10px;
width: 292px;
float: right;
margin: 0;
margin-bottom: 14px;
border-bottom: 1px solid;
height: 34px;
}

.category-32 .meta time {
font-size: 18px;
}

.category-32 .post_content a {
float: left;
}

.category-32 .post_content img {
margin: 0;
max-width: 100%;
}

.category-32 .post_content p {
width: 290px;
float: right;
margin: 0;
padding: 0;
}

.category-32 .post_content p a {
float: right;
}

.category-32 [class*="column"] + [class*="column"]:last-child {
float: none;
}

#infscr-loading {
display: block;
margin: 0 auto;
width: 220px;
}

.tourdates {
width:690px; 
margin-left:30px;
}

.music .h2, .video .h2 {
border-bottom: 5px solid #8b0000;
padding: 0;
min-height: 40px;
font-size: 1.8em;
text-overflow: ellipsis;
overflow: visible;
}
.post_content a.ts_buttonlink {
float: left;
}  
  /* image gallery styles */
  /******************************************************************
  PAGE NAVI STYLES
  ******************************************************************/
  /* current page link *//* hovering on current page link */
  /* common styles for page-navi links */
  /* previous link */
  /* next page link *//* first page link */
  /* last page link */
  /* fallback previous & next links */
  /******************************************************************
  COMMENT STYLES
  ******************************************************************/
  /* h3 comment title */
  /* number of comments span */
  .commentlist li {
    position: relative;
    clear: both;
    list-style-type: none;
    margin-bottom: 1.5em;
    padding: 0.7335em 10px;
  }
  .commentlist li[class*=depth-] {
    padding-left: 20px;
    margin-top: 1.1em;
  }
  .commentlist li.depth-1 {
    margin-left: 0;
    margin-top: 0;
  }
  .commentlist li:not(.depth-1) {
    margin-right: -10px;
    margin-top: 0;
    padding-bottom: 0;
  }
  .commentlist li:last-child {
    margin-bottom: 0;
  }
  /* change number for different depth */
  .commentlist .odd {
    background: #eee;
  }
  .commentlist .even {
    background: #fefefe;
  }
  .commentlist .children {
    border-left: 2px solid #6ac8d3;
  }
  .commentlist .vcard {
    margin-left: 55px;
  }
  .commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal;
  }
  .commentlist .vcard time {
    float: right;
  }
  .commentlist .vcard time a {
    color: #999;
    text-decoration: none;
  }
  .commentlist .vcard time a:hover {
    text-decoration: underline;
  }
  .commentlist .vcard img.avatar {
    position: absolute;
    left: 20px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff;
  }
  .commentlist li .comment_content {
    margin-left: 55px;
  }
  .commentlist li .comment_content p {
    margin: 0.7335em 0 1.5em;
    font-size: 1em;
    line-height: 1.5em;
  }
  .commentlist li ul {
    margin: 0;
  }
  .commentlist .comment-reply-link {
    text-decoration: none;
    float: right;
    background: #4598bb;
    padding: 3px 5px;
    color: #fff;
    opacity: 0.65;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 0.9em;
  }
  .commentlist a.comment-reply-link:hover {
    opacity: 1;
  }
  /******************************************************************
  COMMENT FORM STYLES
  ******************************************************************/
  .respond-form {
    margin: 1.5em 20px;
    padding-bottom: 2.2em;
  }
  #comment-form-title {
    margin: 0 0 1.1em;
  }
  .respond-form form[method=post] {
    margin: 0.75em 0;
  }
  .respond-form form[method=post] li {
    list-style-type: none;
    clear: both;
    margin-bottom: 0.7335em;
  }
  .respond-form form[method=post] li label,
  .respond-form form[method=post] li small {
    display: none;
  }
  .respond-form input[type=text],
  .respond-form input[type=email],
  .respond-form input[type=url],
  .respond-form textarea {
    padding: 3px 6px;
    background: #efefef;
    border: 2px solid #cecece;
    line-height: 1.5em;
  }
  .respond-form input[type=text]:focus,
  .respond-form input[type=email]:focus,
  .respond-form input[type=url]:focus,
  .respond-form textarea:focus {
    background: #fff;
  }
  .respond-form input[type=text],
  .respond-form input[type=email],
  .respond-form input[type=url] {
    max-width: 400px;
    min-width: 250px;
  }
  #allowed_tags {
    margin: 1.5em 10px 0.7335em 0;
  }
  .respond-form textarea {
    resize: none;
    width: 97.3%;
    height: 150px;
  }
  /* form validation */
  .respond-form input:invalid,
  .respond-form textarea:invalid {
    border-color: #fbc2c4;
    background: #fbe3e4;
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background-color: #f6e7eb;
  }
  /* no comments */
  .nocomments {
    margin: 0 20px 1.1em;
  }
  /*********************
  SIDEBARS & ASIDES
  *********************/
  /*********************
  FOOTER STYLES
  *********************/
  /*
  	check your menus here. do they look good?
  	do they need tweaking?
  	*/
  /* hover styles */
  /* highlight current page *//*
  				be careful with the depth of your menus.
  				it's very rare to have multi-depth menus in
  				the footer.
  				*/
			
				
}
/* end of media query */


/******************************************************************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
******************************************************************/
@media only screen and (min-width: 780px) {
  /* styles in 780up.less */
  /* DO NOT DELETE */
  /*********************
  GENERAL STYLES
  *********************/
  body.home {
    background: url('../images/bg.jpg') center bottom no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  
  
  /********************
  WORDPRESS BODY CLASSES
  style a page via class
  ********************/
  /* home page */
  /* archive page */
  /* date archive page */
  /* replace the number to the corresponding page number */
  /* search page */
  /* search result page */
  /* no results search page */
  /* individual paged search (i.e. body.search-paged-3) */
  /* 404 page */
  /* single post page */
  /* individual post page by id (i.e. body.postid-73) */
  /* individual paged single (i.e. body.single-paged-3) */
  /* attatchment page */
  /* individual attatchment page (i.e. body.attachmentid-763) */
  /* style mime type pages */
  /* author page */
  /* user nicename (i.e. body.author-samueladams) */
  /* paged author archives (i.e. body.author-paged-4) for page 4 */
  /* category page */
  /* individual category page (i.e. body.category-6) */
  /* replace the number to the corresponding page number */
  /* tag page */
  /* individual tag page (i.e. body.tag-news) */
  /* replace the number to the corresponding page number */
  /* custom page template page */
  /* individual page template (i.e. body.page-template-contact-php */
  /* replace the number to the corresponding page number */
  /* replace the number to the corresponding page number */
  /* if user is logged in */
  /* paged items like search results or archives */
  /* individual paged (i.e. body.paged-3) */
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  .head-desk {
    display:block;	
  } 
  .head-mobile {
    display:none;	
  }
  .container {
	padding: 0px;
	width: 100%;
  } 
  .category-news .sidebar {
	float: right;  
  }
  .category-blog .sidebar {
	float: right;  
  }  
  .single-post .sidebar  {
	float: right;
  }
  #sidebar1 {
	margin-top: 3px;
  }
  .row {
    width: 100%;
    max-width: 980px;
    min-width: 727px;
    margin: 0 auto;
  }
  .category-news #inner-content {
	max-width: 600px;
	min-width: 600px;
	float:left;  
	margin: 0;
  }
  .category-blog #inner-content {
	max-width: 600px;
	min-width: 600px;
	float:left;  
	margin: 0;
  }
  
  .category-blog #inner-content {
	max-width: 600px;
	min-width: 600px;
	float:left;  
	margin: 0;
  }
  
  .single-post #inner-content {
	max-width: 600px;
	min-width: 600px;
	float:left;  
	margin: 0;
  }

  .post-type-archive-videos #inner-content,
  .post-type-archive-music #inner-content {
  max-width: 600px;
  min-width: 600px;
  float:left;  
  margin: 0;
  }

  .post-type-archive-videos #inner-content .video.nine,
  .post-type-archive-music #inner-content .music.nine,
  .post-type-archive-videos #inner-content .video.nine .post_content,
  .post-type-archive-music #inner-content .music.nine .post_content {
    width: 600px;
  }
  
  .category-blog .page-navigation, .category-blog .wp-prev-next {
	margin: 0;
	height: 0;
	overflow: hidden;
  }
  .category-news .page-navigation, .category-news .wp-prev-next {
	margin: 0;
	height: 0;
	overflow: hidden;
  }
  
  /* To fix the grid into a certain size, set max-width to width */
  .row .row {
    min-width: 0;
  }
  .column,
  .columns {
    margin-left: 4.4%;
    float: left;
    min-height: 1px;
    position: relative;
  }
  .column:first-child,
  .columns:first-child {
    margin-left: 0;
  }
  [class*="column"] + [class*="column"]:last-child {
    float: right;
  }
  [class*="column"] + [class*="column"].end {
    float: left;
  }
  .row .one {
    width: 4.27503%;
  }
  .row .two {
    width: 12.97730%;
  }
  .row .three {
    width: 31.67957%;
  }
  .row .four {
    width: 30.37999%;
  }
  .row .five {
    width: 39.08411%;
  }
  .row .six {
    width: 47.78638%;
  }
  .row .seven {
    width: 56.48865%;
  }
  .row .eight {
    width: 65.19092%;
  }
  .row .nine {
    width: 73.89319%;
  }
  .row .ten {
    width: 82.59546%;
  }
  .row .eleven {
    width: 91.29773%;
  }
  .row .twelve {
    width: 100%;
  }
  .row .video-meta {
    width: 21.67957%;
  }
  .row .offset-by-one {
    margin-left: 12.97730%;
  }
  .row .offset-by-two {
    margin-left: 21.67957%;
  }
  .row .offset-by-three {
    margin-left: 30.38184%;
  }
  .row .offset-by-four {
    margin-left: 39.08226%;
  }
  .row .offset-by-five {
    margin-left: 47.78638%;
  }
  .row .offset-by-six {
    margin-left: 56.48865%;
  }
  .row .offset-by-seven {
    margin-left: 65.19092%;
  }
  .row .offset-by-eight {
    margin-left: 73.89319%;
  }
  .row .offset-by-nine {
    margin-left: 82.59546%;
  }
  .row .offset-by-ten {
    margin-left: 91.29773%;
  }
  .row .centered {
    float: none;
    margin: 0 auto;
  }
  .row .offset-by-one:first-child {
    margin-left: 8.626165%;
  }
  .row .offset-by-two:first-child {
    margin-left: 17.328435%;
  }
  .row .offset-by-three:first-child {
    margin-left: 26.030705%;
  }
  .row .offset-by-four:first-child {
    margin-left: 34.731125%;
  }
  .row .offset-by-five:first-child {
    margin-left: 43.435245%;
  }
  .row .offset-by-six:first-child {
    margin-left: 52.137515%;
  }
  .row .offset-by-seven:first-child {
    margin-left: 60.839785%;
  }
  .row .offset-by-eight:first-child {
    margin-left: 69.542055%;
  }
  .row .offset-by-nine:first-child {
    margin-left: 78.244325%;
  }
  .row .offset-by-ten:first-child {
    margin-left: 86.946595%;
  }
  .row .offset-by-eleven:first-child {
    margin-left: 95.648865%;
  }
  /* Source Ordering */
  .push-two {
    left: 17.328435%;
  }
  .push-three {
    left: 26.030705%;
  }
  .push-four {
    left: 34.731125%;
  }
  .push-five {
    left: 43.435245%;
  }
  .push-six {
    left: 52.137515%;
  }
  .push-seven {
    left: 60.839785%;
  }
  .push-eight {
    left: 69.542055%;
  }
  .push-nine {
    left: 78.244325%;
  }
  .push-ten {
    left: 86.946595%;
  }
  .pull-two {
    right: 17.328435%;
  }
  .pull-three {
    right: 26.030705%;
  }
  .pull-four {
    right: 34.731125%;
  }
  .pull-five {
    right: 43.435245%;
  }
  .pull-six {
    right: 52.137515%;
  }
  .pull-seven {
    right: 60.839785%;
  }
  .pull-eight {
    right: 69.542055%;
  }
  .pull-nine {
    right: 78.244325%;
  }
  .pull-ten {
    right: 86.946595%;
  }
  img,
  object,
  embed {
    max-width: 100%;
    height: auto;
  }
  img {
    -ms-interpolation-mode: bicubic;
  }
  #map_canvas img,
  .map_canvas img {
    max-width: none!important;
  }
  /* Nicolas Gallagher's micro clearfix */
  .row:before,
  .row:after,
  .clearfix:before,
  .clearfix:after {
    content: "";
    display: table;
  }
  .row:after,
  .clearfix:after {
    clear: both;
  }
  .row,
  .clearfix {
    zoom: 1;
  }
  /*	--------------------------------------------------
  	:: Block grids

  	These are 2-up, 3-up, 4-up and 5-up ULs, suited
  	for repeating blocks of content. Add 'mobile' to
  	them to switch them just like the layout grid
  	(one item per line) on phones

  	For IE7/8 compatibility block-grid items need to be
  	the same height. You can optionally uncomment the
  	lines below to support arbitrary height, but know
  	that IE7/8 do not support :nth-child.
  	-------------------------------------------------- */
  .block-grid {
    display: block;
    overflow: hidden;
  }
  .block-grid > li {
    display: block;
    height: auto;
    float: left;
  }
  .block-grid.two-up {
    margin-left: -4%;
  }
  .block-grid.two-up > li {
    margin-left: 4%;
    width: 46%;
    margin-bottom: 4%;
  }
  /* 	.block-grid.two-up>li:nth-child(2n+1) {clear: left;} */
  .block-grid.three-up {
    margin-left: -2%;
  }
  .block-grid.three-up > li {
    margin-left: 2%;
    width: 31.2%;
    margin-bottom: 2%;
  }
  /* 	.block-grid.three-up>li:nth-child(3n+1) {clear: left;} */
  .block-grid.four-up {
    margin-left: -2%;
  }
  .block-grid.four-up > li {
    margin-left: 2%;
    width: 23%;
    margin-bottom: 2%;
  }
  /* 	.block-grid.four-up>li:nth-child(4n+1) {clear: left;} */
  .block-grid.five-up {
    margin-left: -1.5%;
  }
  .block-grid.five-up > li {
    margin-left: 1.5%;
    width: 18.5%;
    margin-bottom: 1.5%;
  }
  /* 	.block-grid.five-up>li:nth-child(5n+1) {clear: left;} */
  /*********************
  HEADER SYTLES
  *********************/
  .header {
    opacity: 0;
  }
  #image-header {
    height: 178px;
    margin: 0 auto;
    position: relative;
    width: 100%;
  }
  .ap-logo-header {
	width: 1000px;
	margin: 0 auto;
	z-index: 1;
  }
  .ap-logo-header a {
	position: relative;
	margin: 0 auto;
	height: 178px;
	width: 100%;
  }
  .ap-logo-header img {
	margin: 0 auto;
	height: 155px;
	width: 100%;
	float: left;
	padding-top: 10px;
  }
  #logo {
    background: none;
    background-size: 100%;
    width: 100%;
    height: 135px;
    text-indent: -999em;
    margin: 15px auto 0;
  }
  /*********************
  NAVIGATION STYLES
  *********************/
  .nav.mobile {
    display: none;
  }
  .nav.desktop {
    display: block;
  }
  .menu {
    margin: 0;
  }
  .menu ul {
	margin: 0 auto;
	text-align: left;
	background: url('../images/nav-border.png') bottom center no-repeat;
	background-size: 100%;
	width: 100%;
	max-width: 980px;
	height: 74px;
  }
  .menu li {
	display: inline-block;
	position: relative;
  }
  .menu li a {
	display: block;
	text-decoration: none;
	padding: 8px 6px;
	background-color: transparent;
	border-bottom: none;
	font-size: 22px;
	color: #222222;
	font-family: "BebasNeue";
  }
  .menu li a:hover {
    background-color: transparent;
    color: #8b0000;
  }
  .menu li.twt-link a {
    background: url('../images/icon-twt.png') top center no-repeat;
    height: 24px;
	padding: 4px 12px;
    width: 0;
    display: block;
    text-indent: -999em;
    font-size: 0;
    line-height: 38px;
    text-align: center;
    -webkit-transition: 0.2s 0.3s ease-in-out;
    -moz-transition: 0.2s 0.3s ease-in-out;
    -ms-transition: 0.2s 0.3s ease-in-out;
    -o-transition: 0.2s 0.3s ease-in-out;
    transition: 0.2s 0.3s ease-in-out;
  }
  .menu li.twt-link a:hover {
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
    filter: alpha(opacity=60);
  }
  .menu li.fb-link a {
    background: url('../images/icon-fb.png') top center no-repeat;
    height: 24px;
	padding: 4px 12px;
    width: 0;
    display: block;
    text-indent: -999em;
    font-size: 0;
    line-height: 38px;
    text-align: center;
    -webkit-transition: 0.2s 0.3s ease-in-out;
    -moz-transition: 0.2s 0.3s ease-in-out;
    -ms-transition: 0.2s 0.3s ease-in-out;
    -o-transition: 0.2s 0.3s ease-in-out;
    transition: 0.2s 0.3s ease-in-out;
  }
  .menu li.fb-link a:hover {
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
    filter: alpha(opacity=60);
  }
  .menu li.youtube-link a {
    background: url('../images/icon-youtube.png') top center no-repeat;
    height: 24px;
	padding: 4px 12px;
    width: 0;
    display: block;
    text-indent: -999em;
    font-size: 0;
    line-height: 38px;
    text-align: center;
    -webkit-transition: 0.2s 0.3s ease-in-out;
    -moz-transition: 0.2s 0.3s ease-in-out;
    -ms-transition: 0.2s 0.3s ease-in-out;
    -o-transition: 0.2s 0.3s ease-in-out;
    transition: 0.2s 0.3s ease-in-out;
  }
  .menu li.youtube-link a:hover {
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
    filter: alpha(opacity=60);
  }
  .menu li.tumblr-link a {
    background: url('../images/icon-tumblr.png') top center no-repeat;
    height: 24px;
	padding: 4px 12px;
    width: 0;
    display: block;
    text-indent: -999em;
    font-size: 0;
    line-height: 38px;
    text-align: center;
    -webkit-transition: 0.2s 0.3s ease-in-out;
    -moz-transition: 0.2s 0.3s ease-in-out;
    -ms-transition: 0.2s 0.3s ease-in-out;
    -o-transition: 0.2s 0.3s ease-in-out;
    transition: 0.2s 0.3s ease-in-out;
  }
  .menu li.tumblr-link a:hover {
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
    filter: alpha(opacity=60);
  }
  #menu-item-8069 a {
    background: url('../images/icon-insta.png') top center no-repeat;
	background-size: 26px 26px;
	padding: 4px 12px;
    height: 24px;
    width: 0;
    display: block;
    text-indent: -999em;
    font-size: 0;
    line-height: 38px;
    text-align: center;
    -webkit-transition: 0.2s 0.3s ease-in-out;
    -moz-transition: 0.2s 0.3s ease-in-out;
    -ms-transition: 0.2s 0.3s ease-in-out;
    -o-transition: 0.2s 0.3s ease-in-out;
    transition: 0.2s 0.3s ease-in-out;
  }
  #menu-item-8069 a:hover {
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
    filter: alpha(opacity=60);
  }
  .menu li.e4m-nav a {
    background: url('../images/icon-dl.png') top center no-repeat;
    height: 24px;
    width: 0;
    display: block;
    text-indent: -999em;
    font-size: 0;
    line-height: 38px;
    text-align: center;
    -webkit-transition: 0.2s 0.3s ease-in-out;
    -moz-transition: 0.2s 0.3s ease-in-out;
    -ms-transition: 0.2s 0.3s ease-in-out;
    -o-transition: 0.2s 0.3s ease-in-out;
    transition: 0.2s 0.3s ease-in-out;
  }
  .menu li.e4m-nav a:hover {
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
    filter: alpha(opacity=60);
  }
/*
 #menu-item-8108 {
	padding-top: 0px;
	float: right;
  }
  #menu-item-8108 a {
	background: url('../images/ap-mission-btn3.png') center top no-repeat;
	height: 41px;
	width: 241px;
	display: block;
	text-indent: -999em;
	font-size: 0;
	line-height: 38px;
	text-align: center;
	-webkit-transition: 0.2s 0.3s ease-in-out;
	-moz-transition: 0.2s 0.3s ease-in-out;
	-ms-transition: 0.2s 0.3s ease-in-out;
	-o-transition: 0.2s 0.3s ease-in-out;
	transition: 0.2s 0.3s ease-in-out;
	/*padding-left: 95px;
	padding-right: 95px;*/
	/*margin-left: 10px;
	float: right;
	padding: 0;
  }
  #menu-item-8108 a:hover {
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
    filter: alpha(opacity=60);
  }*/

  #menu-item-8108 a {
    display: inline-block;
    line-height: 32px;
    font-size: 22px;
    margin: 5px 5px 7px 35px;
    background: #8c0200;
    color: white;
    text-decoration: none;
    padding: 0px 15px 0 15px;
    position: relative;
  }
  #menu-item-8108 a:before {
    content: '';
    border: 1px solid #8c0200;
    position: absolute;
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
  }
  .menu-product-type-menu-container {
    background: url("../images/ap-border-bottom.jpg") no-repeat scroll center bottom transparent;
    height: 80px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
  }
  /* highlight current page */
  /*
  					plan your menus and drop-downs wisely.
  					*/
  .menu ul li ul {
    width: auto;
    height: auto;
    background-image: none;
    border: 1px solid #ccc;
    background: white;
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    display: none;
    z-index: 8999;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    -webkit-box-shadow: -2px -1px 10px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: -2px -1px 10px rgba(0, 0, 0, 0.35);
    -ms-box-shadow: -2px -1px 10px rgba(0, 0, 0, 0.35);
    -o-box-shadow: -2px -1px 10px rgba(0, 0, 0, 0.35);
    box-shadow: -2px -1px 10px rgba(0, 0, 0, 0.35);
  }
  .menu ul li ul:before {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-bottom: solid white 10px;
    border-bottom: solid rgba(255, 255, 255, 0.9) 10px;
    top: -10px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 0;
  }
  /* show the dropdowns on hover */
  .menu ul li:hover ul {
    top: 15px;
    display: block;
  }
  .menu ul ul li a {
    padding: 10px;
    border-right: 0;
    display: block;
    border-bottom: 1px solid #ccc;
    text-align: center;
  }
  .menu ul li:last-child a {
    border-bottom: 0;
  }
  #menu-secondary-navigation {
	text-align: center;
	background: url('../images/ap-border-bottom.jpg') bottom center no-repeat;
	height: 100px;
  }
  #search-bar {
    float: none;
    height: 40px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 20px;
    position: relative;
    text-align: left;
    width: 196px;
  } 
  #search-bar input[type="text"] {
	width: 180px;
	margin: 0;
	padding: 4px;
	font-family: "BebasNeue",sans-serif;
	float: none;
	margin-top: 0px;
	margin-right: 0px;
	display: block;
  }
  #search-bar input[type=submit] {
	border: 0;
	background: #8f1500;
	color: #ffffff;
	padding: 6px;
	display: none;
  }
  
  /*
  							more levels
  							*/
  /*********************
  POSTS & CONTENT STYLES
  *********************/
  /* want to style individual post classes? Booya! */
  /* post by id (i.e. post-3) */
  /* general post style */
  /* general article on a page style */
  /* general style on an attatchment */
  /* sticky post style */
  /* hentry class */
  /* style by category (i.e. category-videos) */
  /* style by tag (i.e. tag-news) */
  /* post meta */
  .meta:before {
    font-size: 24px;
  }
  .meta:after {
    font-size: 24px;
  }
  .meta time {
    font-size: 24px;
  }
  
  /* products style */
  .topspin-embed {
	width: 63px;
	float: right;  
  }
  #product-dropdown {
	width: 150px;
	float: left;
	padding-top: 4px;
	font-family: "BebasNeue",Futura,Helvetica,Arial,Sans-serif;
	font-size: 22px;
  }
  #product-dropdown select {
	float: left;
	margin: 0 auto;
  }
  .single-products .meta time {
	font-size: 24px;
	display: none;
  }
  .single-products .topspin-embed {
	width: 28%;
	float: right;
	margin-top: 45px;
  }
  .single-products #product-dropdown {
	width: 31%;
	float: right;
	padding-top: 40px;
	font-size: 36px;
  }
  .single-products #product-dropdown select {
	float: none;
	margin: 0 auto;
  }
  .single-products .post_content a img {
    float: left;
  }
  
  /* post content */
  /* this adds the quote before the blockquote */
  /* image alignment */
  /* image gallery styles */
  /******************************************************************
  PAGE NAVI STYLES
  ******************************************************************/
  /* current page link *//* hovering on current page link */
  /* common styles for page-navi links */
  /* previous link */
  /* next page link *//* first page link */
  /* last page link */
  /* fallback previous & next links */
  /******************************************************************
  COMMENT STYLES
  ******************************************************************/
  /* h3 comment title */
  /* number of comments span */
  /* change number for different depth */
  /******************************************************************
  COMMENT FORM STYLES
  ******************************************************************/
  /* form validation */
  /* no comments */
  /*********************
  SIDEBARS & ASIDES
  *********************/
  .sidebar {
    margin-top: 2.2em;
  }
  .widget {
	padding: 0 10px;
	margin: 0;
  }
  .widgettitle {
    border-bottom: 2px solid #444;
    margin-bottom: 0.75em;
  }
  .widget li {
    margin-bottom: 0.75em;
  }
  .widget li ul {
    margin-top: 0.75em;
    padding-left: 1em;
  }
  /* links widget */
  /* meta widget */
  /* pages widget */
  /* recent-posts widget */
  /* archives widget */
  /* tag-cloud widget */
  /* calendar widget */
  /* category widget */
  /* recent-comments widget */
  /* search widget */
  /* text widget */
  /*********************
  HOME PAGE BUBBLES
  *********************/
  .bubble {
    position: fixed;
  }
  .bubble hr {
    width: 50%;
    height: 3px;
    background: white;
    margin: 5px auto;
    float: none;
  }
  .bubble span {
    position: absolute;
    padding: 10px;
    border-radius: 50%;
  }
  .bubble span a {
    color: white;
    display: block;
    border-radius: 50%;
    font-family: "VeveyRegular", sans-serif;
    text-align: center;
    font-size: 20px;
    letter-spacing: .1em;
  }
  .promo-1 {
    position: fixed;
    bottom: 68%;
    left: 24%;
  }
  .promo-1 span {
    border: 1px solid #222222;
  }
  .promo-1 span a {
    background: #222222;
    height: 105px;
    width: 150px;
    padding: 45px 0 0;
  }
  .promo-1 span a:hover {
    background: #8b0000;
  }
  .promo-2 {
    position: fixed;
    bottom: 44%;
    left: 15%;
  }
  .promo-2 span {
    border: 1px solid #8b0000;
  }
  .promo-2 span a {
    background: #8b0000;
    height: 105px;
    width: 150px;
    padding: 45px 0 0;
  }
  .promo-2 span a:hover {
    background: #222222;
  }
  .promo-3 {
    position: fixed;
    bottom: 30%;
    left: 30%;
  }
  .promo-3 span {
    border: 1px solid #222222;
  }
  .promo-3 span a {
    background: #222222;
    height: 75px;
    width: 100px;
    padding: 25px 0 0;
    font-size: 16px;
  }
  .promo-3 span a:hover {
    background: #8b0000;
  }
  .promo-4 {
    position: fixed;
    bottom: 35%;
    right: 35%;
  }
  .promo-4 span {
    border: 1px solid #8b0000;
  }
  .promo-4 span a {
    background: #8b0000;
    height: 105px;
    width: 150px;
    padding: 45px 0 0;
  }
  .promo-4 span a:hover {
    background: #222222;
  }
  .promo-5 {
    position: fixed;
    bottom: 65%;
    right: 30%;
  }
  .promo-5 span {
    border: 1px solid #222222;
  }
  .promo-5 span a {
    background: #222222;
    height: 105px;
    width: 150px;
    padding: 45px 0 0;
  }
  .promo-5 span a:hover {
    background: #8b0000;
  }
  .bubble.black span {
    border: 1px solid #222222;
  }
  .bubble.black span a {
    background: #222222;
  }
  .bubble.black span a:hover {
    background: #8b0000;
  }
  .bubble.red span {
    border: 1px solid #8b0000;
  }
  .bubble.red span a {
    background: #8b0000;
  }
  .bubble.red span a:hover {
    background: #222222;
  }
  /*********************
  FOOTER STYLES
  *********************/
  /*
  	you'll probably need to do quite a bit
  	of overriding here if you styled them for
  	mobile. Make sure to double check these!
  	*/
  /* hover styles */
  /* highlight current page *//*
  				be careful with the depth of your menus.
  				it's very rare to have multi-depth menus in
  				the footer.
  				*/
}
/* end of media query */
/******************************************************************
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
******************************************************************/
@media only screen and (min-width: 992px) {
  /* styles in 992up.less */
  /* DO NOT DELETE */
  #logo {
    height: 135px;
  }
}
/* end of media query */
/******************************************************************
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
******************************************************************/
@media only screen and (min-width: 1240px) {
  /* styles in 1240up.less */
  /* DO NOT DELETE */
}
/* end of media query */


/******************************************************************
PRINT STYLESHEET
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
 
}