/*
Theme Name:			Artist of the Year
Theme URI:			http://foxhoundbandthemes.com/themes/aoty/
Description:		The Artist of the Year (AOTY) theme is an all-around classic design that is responsive. The theme is professional while still having personality and can handle nearly any type of music style or band. It's visually and functionally versatile. AOTY includes tons of built-in options like a discography management, Twitter feed, responsive slider, custom header photos on all pages, eight built-in background choices, custom main, accent, & header colour selection, social icon selector, pagination, and lots more. We really hope you love it :)


Author:            Foxhound Band Themes
Author URI:        http://foxhoundbandthemes.com
Version:        4.5.1
Tags:           red, black, wood, classic
License:        GPL
License URI:    http://foxhoundbandthemes.com/terms-licencing/
 *
 * AOTY WordPress Theme, Copyright (C) 2014 Foxhound Band Themes
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
*/
/* WordPress-Generated CSS Classes
   -------------------------------------------------
*/
.aligncenter { /* defined below */ :  }
.alignleft { /* defined below*/ :  }
.alignnone { /* defined below */ :  }
.alignright { /* defined below */ :  }
.wp-caption { /* defined below */ :  }
.wp-caption-text { /* defined below */ :  }
.gallery-caption { /* defined below */ :  }
.bypostauthor { /* defined below */ :  }
.sticky { /* defined below */ :  }
.alignleft {
    float: left;
    margin: 5px 10px 5px 0;
}
.alignright {
    float: right;
    margin: 5px 0 5px 10px;
}
.aligncenter { margin: 0 auto }
.wp-caption {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    border: 1px solid #CCCCCC;
    color: #737373;
    font-size: 11px;
    line-height: 12px;
    margin-bottom: 15px;
    padding: 8px 6px;
    text-align: center!important;
}
.wp-caption img {
    border: none;
    margin: 0;
    padding: 1px;
}
.wp-caption p {
    margin: 0 3px;
    padding: 8px;
    color: #999;
    font-size: 11px;
    text-align: center;
    line-height: 12px;
}
@font-face {
    font-family: 'CartoGothicStdBold';
    src: url('fonts/cartogothic_std_bold-webfont.eot');
    src: url('fonts/cartogothic_std_bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/cartogothic_std_bold-webfont.woff') format('woff'), url('fonts/cartogothic_std_bold-webfont.ttf') format('truetype'), url('fonts/cartogothic_std_bold-webfont.svg#CartoGothicStdBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CartoGothicStdBoldItalic';
    src: url('fonts/cartogothic_std_bold_italic-webfont.eot');
    src: url('fonts/cartogothic_std_bold_italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/cartogothic_std_bold_italic-webfont.woff') format('woff'), url('fonts/cartogothic_std_bold_italic-webfont.ttf') format('truetype'), url('fonts/cartogothic_std_bold_italic-webfont.svg#CartoGothicStdBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PTSansNarrowBold';
    src: url('fonts/pt_sans-narrow-web-bold-webfont.eot');
    src: url('fonts/pt_sans-narrow-web-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/pt_sans-narrow-web-bold-webfont.woff') format('woff'), url('fonts/pt_sans-narrow-web-bold-webfont.ttf') format('truetype'), url('fonts/pt_sans-narrow-web-bold-webfont.svg#PTSansNarrowBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
a,
img,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
legend,
table,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: 0 none;
    list-style: none outside none;
    margin: 0;
    outline: 0 none;
    padding: 0;
}

#searchform label {display: none;}

#searchsubmit {
margin-top: 0px;
    padding: 6px !important;
}
form,
fieldset {
    margin: 0;
    padding: 0;
    border-style: none;
}

body {
    margin: 30px 0 0;
    color: #2d2d2d;
    font: 14px/24px Georgia, "Times New Roman", Times, serif;
    background: #000;
}
img { border-style: none; max-width: 100%; height: auto; }
img::selection { background: transparent }
img::-moz-selection { background: transparent }
::selection { color: #FFFFFF }
::-moz-selection { color: #FFFFFF }

a {
    text-decoration: none;
    transition: color ease-in 0.2s;
}
a:hover { text-decoration: none }


a.button, button.button, 
.button, #respond input#submit, #content input.button, input[type="submit"],
.foxhound-widget-latest-tweet a.bnt, .foxhound-widget-latest-tweet a.bnt:link, 
.foxhound-widget-latest-tweet a.bnt:visited, 
.foxhound-widget-latest-tweet a.bnt:hover, 
.foxhound-widget-latest-tweet a.bnt:active,
.gigpress-tickets-link
 {
	background: none repeat scroll 0 0 #000000!important;
    border: 1px solid #111111;
    color: #FFFFFF!important;
    font-size: 12px;
    font-family:  'CartoGothicStdBold', Georgia!important;
    padding: 8px!important;
    vertical-align: middle;
    transition: all 0.3s ease-in;
    border-radius: 0!important;
    box-shadow: 0!important;
    text-transform: uppercase;
    font-weight: normal!important;
    box-shadow: none!important;
    text-shadow: none!important;
 
}

a.button:focus, button.button:focus, input.button:focus, #respond input#submit:focus, #content input.button:focus, input:focus, input[type="submit"]:focus {
}


textarea {width: 80%;}

input[type="submit"]:hover, a.button:hover, button.button:hover, input.button:hover, #respond input#submit:hover, #content input.button:hover {
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3)!important;
    cursor: pointer;
}

input {
font-size: 14px;
padding: 6px!important;
background: #FFFFFF;
border: 1px solid #000000;
margin: 5px 0;
transition: all 0.3s ease-in;}

input:focus, textarea:focus {
background: #f4f4f4}

textarea {
    font-family:  Arial, Sans-serif!important;
    font-size: 14px;
background: #FFFFFF;
border: 1px solid #000000;
margin: 5px 0 5px 0;
padding: 6px!important;

transition: all 0.3s ease-in;
}

.container {
    width: 100%;
    overflow: hidden;
}

.top-post h3 {
background: url(images/divider-01.gif) repeat-x 0 100%;
padding-bottom: 8px;}

h1, h1 a {
font-size: 32px;
line-height: 32px;
margin: 5px 0 10px 0;
}

h2, h2 a {
font-size: 28px;
line-height: 28px;
margin: 3px 0 10px 0;
}

h3, h3 a {
font-size: 28px;
line-height: 28px;
margin: 0px 0 10px 0;}

h4, h4 a {
font-size: 22px;
line-height: 22px;
margin: 0px 0 8px 0;}

h5, h5 a {
font-size: 18px;
line-height: 18px;
margin: 0px 0 6px 0;}

h6, h6 a {
font-size: 14px;
line-height: 14px;
margin: 0px 0 4px 0;}

.text li, .album-description li{
	list-style-type: square;
	margin: 0 0 10px 45px;
}

.text ol li, .album-description ol li {
	list-style-type: decimal;}

blockquote {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    margin: 20px 0 30px;
    padding: 15px 20px 5px;
    border-style: solid;
    border-width: 1px;
}

blockquote p {
color: #555555;}

.text iframe {width: 100%;}


/* wrapper start */
#wrapper {
	width: 100%;
    max-width: 1040px;
    margin: 0 auto;
    -moz-box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.4);
    border: 1px solid #121C1F;
}
/* header start */
#header:before {
    content: "";
    display: block;
    height: 13px;
    background-image: url(images/bg-header-top.png);
    background-position: top center;
    width:100%;
        margin-bottom: 18px;
        background-repeat: repeat-x;
}


#header {
background: #132830; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #132830 0%, #132830 20%, #000101 49%, #1c0101 80%, #1c0101 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#132830), color-stop(20%,#132830), color-stop(49%,#000101), color-stop(80%,#1c0101), color-stop(100%,#1c0101)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #132830 0%,#132830 20%,#000101 49%,#1c0101 80%,#1c0101 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #132830 0%,#132830 20%,#000101 49%,#1c0101 80%,#1c0101 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #132830 0%,#132830 20%,#000101 49%,#1c0101 80%,#1c0101 100%); /* IE10+ */
background: linear-gradient(135deg,  #132830 0%,#132830 20%,#000101 49%,#1c0101 80%,#1c0101 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#132830', endColorstr='#1c0101',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



	padding-bottom: 18px;

    position: relative;
    z-index: 10;
}
#header:after {
    content: "";
    display: block;
    clear: both;
    height: 6px;
    background-image: url(images/bg-header-bottom.png);
    background-position: top center;
    position: relative;
    top: 18px;
    width:100%;
}
.logo {
    float: left;
    overflow: hidden;
	margin: 2px 10px 4px 20px;
	background-size: cover;
}

.logo a {
    display: block;
    height: 100%;
    margin: 0;
    opacity: 1.0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.logo a:hover {opacity: 0.8;}

#nav {
    margin: 0;
    padding: 20px 0 0 16px;
    list-style: none;
    float: left;
}
#nav li {
    float: left;
    font: 20px/23px 'PTSansNarrowBold', arial, serif;
    text-transform: uppercase;
    padding: 0 13px 0 14px;
    position: relative;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
}

#nav li .sf-sub-indicator { display: none }
#nav li a { color: #fff }
#nav li ul {
    margin: 0;
    padding: 8px 0 0;
    list-style: none;
    width: 221px;
    position: absolute;
    left: 0;
    top: 22px;
    background: #000;
    z-index: 100;
    box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.35);
    display: none;
}
#nav li ul li {
    float: none;
    font: italic 14px/35px Georgia, "Times New Roman", Times, serif;
    text-transform: none;
    padding: 0 14px 0 17px;
    border-top: 1px solid #1c1c1c;
}
#nav li ul li:after {
    content: "";
    display: block;
    clear: both;
}
#nav li ul li:first-child { border: 0 }
#nav li ul .sf-sub-indicator {
    background: url(images/bullet-01.gif) no-repeat;
    display: block !important;
    width: 4px;
    height: 9px;
    text-indent: -9999px;
    position: absolute;
    right: 14px;
    top: 13px;
}
#nav li ul li ul {
    left: 221px;
    top: 0;
    padding: 0;
}
#nav li:hover ul li a,
#nav li.active ul li a,
#nav li ul li a {
    color: #fff;
    display: block;
}

/* heder end */
/* main start */
#main {
    position: relative;
    z-index: 1;
    background: url(images/bg-main.gif);
    padding-bottom: 37px;
}
.visual {
    position: relative;
}
.visual img { vertical-align: top }
.social {
    position: absolute;
    left: 0;
    overflow: hidden;
    margin: 0px auto;
    padding: 0;
    list-style: none;
}
.visual .social { top: 0 !important;}
.socialpage { top: 175px!important }
.social li {
    float: left;
    padding: 0;
}
.social li img { vertical-align: top }


.label {
    width: 210px;
    height: 149px;
    position: absolute;
    right: -13px;
    bottom: -22px;
    z-index: 100;
}

.label a {
    display: block;
    height: 100%;
}
.label img { vertical-align: top }




.tooltip {
    width: 205px;
    height: 93px;
    background: url(images/bg-tooltip.png) no-repeat;
    position: absolute;
    left: 72px;
    top: 103px;
    display: none;
}
.tooltip p {
    color: #FFFFFF;
    font: italic 14px/18px 'CartoGothicStdBoldItalic';
    margin: 0;
    padding: 33px 20px 10px;
}



.visual .flex-control-nav li {
	margin: 0;
}
.main-title {
    border-bottom: 1px solid #e7e3e4;
    text-align: center;
    height: 31px;
    padding-top: 9px;
    background: url(images/bg-main-title.gif);
    clear: both;
}
.main-title-page {
    padding: 0!important;
    height: 17px!important;
}
.main-title h2 {
    margin: 0;
    color: #b98b8b;
    font: italic 17px/19px Georgia, "Times New Roman", Times, serif;
}
.main-holder {
    overflow: hidden;
    padding: 24px 36px 12px 36px;
}
/* content start */
#content {
	width: 64%;
    float: left;
    padding-right: 4%;
    overflow: hidden;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.page-template-template-full-width-php #content,
#content.full-width { width: 905px; }
.top-post { 
	width: 100%;
	margin-bottom: 40px;
}

.top-post .img img {width: 100%;}

.top-post .date {
    display: block;
    font-size: 11px;
    color: #7e7a7a;
    padding-bottom: 2px;
}
/* Text */
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited {
    font-family: 'CartoGothicStdBold';
    text-transform: uppercase;
    color: #252525;
    font-weight: normal;
}

.top-post .img {
    border: 1px solid #000;
    background: #fff;
    padding: 1px;
    margin-bottom: 12px;
}
.top-post .img img { vertical-align: top }
.top-post .text {
    border-bottom: 1px solid #d6d1d1;
    padding-bottom: 3px;
    margin-bottom: 14px;
    overflow: hidden;
}
.top-post .text p {
	font-size: 15px;
    margin: 0 0 16px 0;
    text-align: justify;
    text-shadow: 0 -1px 0 rgba(255,255,255,0.9)
}
.top-post .text p a {
    border-bottom: 1px dotted;
    text-decoration: none!important;
}
.top-post .link-pages { clear: both }
.top-post .posted {
    clear: both;
    font: 11px/15px Tahoma, Arial, Helvetica, sans-serif;
    padding-bottom: 11px;
}
.top-post .posted p { margin: 0 }
.top-post .posted p a { font-style: italic }
.comments-top {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 22px;
    overflow: hidden;
    padding: 5px 34px 8px 11px;
}
.comments-top p {
    margin: 0;
    font-style: italic;
    float: left;
}
.comments-top a { color: #fff }
.comments-top strong a { color: #fff }
.comments-holder {
    border-top: 1px solid #dbd7d7;
    padding: 26px 0 11px;
}
.comment-box {
    overflow: hidden;
    padding-bottom: 23px;
    clear: both;
}
.comment-box .comment-box {
    padding-top: 23px;
    padding-bottom: 0;
}
.comment-box .img {
    float: left;
    width: 14%;
    background: #fff;
    border: 1px solid #000;
    padding: 1px;
    margin-right: 2%;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.comment-box .comment-box .img {
    float: right;
    margin-right: 0;
    margin-left: 2%;
    
}
.comment-box .ar {
    float: right;
    margin-left: 10px;
}
.comment-box .img img { vertical-align: top }
.comment-box .frame {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    float: right;
    width: 84%;
}
.comment-box .depth-2 .frame { width: 68%; }
.comment-box .depth-3 .frame { width: 62%; }
.comment-box .depth-4 .frame { width: 56%; }
.comment-box .depth-5 .frame { width: 50%; }
.comment-box .text {
    background: #fefcfc;
    border: 1px solid #4e4d4d;
    position: relative;
    color: #252525;
    padding: 11px 12px 12px 20px;
}
.comment-box .comment-box .frame {
    overflow: hidden;
    padding-right: 8px;
}
.comment-box .comment-arrow {
    width: 8px;
    height: 18px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(images/bg-left-arrow.gif) no-repeat;
    position: absolute;
    left: -8px;
    top: 13px;
}
.comment-box .depth-2 .comment-arrow {
    background: url(images/bg-right-arrow.gif) no-repeat;
    left: 100%;
}
.comment-box .depth-3 .comment-arrow { left: 100%; }
.comment-box .depth-4 .comment-arrow { left: 100%; }
.comment-box .depth-5 .comment-arrow { left: 100%; }
.comment-box .text .top { padding-bottom: 6px }
.comment-box .text .top h3 {
    font: italic 14px/17px Arial, Helvetica, sans-serif;
    display: inline;
    margin: 0;
}
.comment-box .text .top h3 a {
    color: #252525;
    font: italic 14px/17px Arial, Helvetica, sans-serif;
}
.comment-box .text .top h3 strong a { font-weight: bold }
.comment-box .text .top span {
    display: inline;
    font-size: 10px;
    line-height: 17px;
}
.comment-box .text p { margin: 0 }
.reply {
    font: bold italic 13px/17px Arial, Helvetica, sans-serif;
    padding-top: 8px;
}
/*.form-comment { overflow: hidden }
.form-comment h3 {
    margin: 0 0 6px;
    color: #252525;
    font: italic 14px/17px Georgia, "Times New Roman", Times, serif;
}
.form-comment .text-form,
#respond p {
    width: 206px;
    height: 21px;
    background: #fefcfc;
    border: 1px solid #4f4e4e;
    overflow: hidden;
    padding: 3px;
    margin: 0;
    margin-bottom: 3px;
}

#respond p.logged-in-as,
#respond p.form-submit {
    background: transparent;
    border: none;
    padding: 0;
    width: auto;
    height: auto;
}
.form-comment .text-form input,
#respond input {
    float: left;
    padding: 3px 3px 3px 5px;
    background: none;
    border: 0;
    margin: 0;
    line-height: 15px;
}
.form-comment .area,
#respond p.comment-form-comment {
    height: 140px;
    background: #fefcfc;
    border: 1px solid #4f4e4e;
    width: 540px;
    margin-bottom: 9px;
}*/
#respond p.comment-notes,
#respond p.form-allowed-tags, #respond p.comment-form-comment label { display: none }
/*.form-comment .area textarea,
#respond p.comment-form-comment textarea {
    height: 124px;
    max-height: 124px;
    min-height: 124px;
    background: none;
    border: 0;
    width: 524px;
    overflow: auto;
    margin: 0;
    font-style: italic;
    padding: 8px;
}*/

.btn-submit:active,
#respond .form-submit input:active {
    position: relative;
    top: 1px;
    left: 1px;
}
/* content end */
/* sidebar start */
#sidebar {
    float: right;
    width: 36%;
    padding-left: 4%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.page #sidebar {
padding: 0;
margin-top: -5px;}

.widget {
    margin: 27px 0 33px;
    padding-bottom: 9px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    overflow: hidden;
}
#sidebar h3 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #252525;
    font: 20px/21px 'CartoGothicStdBold';
    margin: 0 0 12px;
    padding-bottom: 3px;
    text-transform: uppercase;
}


.gigpress-header {color: #FFFFFF;
    font: 14px/20px 'CartoGothicStdBold';
    margin: 0 0 12px;
    padding-bottom: 3px;
    text-transform: uppercase;
    background: #000000;}
    
    tr.gigpress-header th {font-weight: normal !important;}



#sidebar h3 em { font: 18px/21px 'CartoGothicStdBoldItalic' }
#sidebar .widget div p { margin: 0 }
#sidebar .widget .foxhound-widget-latest-tweet div p {}
#sidebar .widget div p span { font-size: 10px }
#sidebar .widget div .ico {
    position: relative;
    top: 2px;
}
#sidebar .widget div .ico img { vertical-align: top }
#sidebar .widget .widget {
    background: #fff;
    border: 1px solid #000;
    padding: 1px;
    margin-bottom: 23px;
}
#sidebar .widget img { vertical-align: top }
/* sidebar end */
/* main end */
/* footer start */

#footer:before {
 background-image: url("images/bg-header-bottom.png");
    background-position: center top;
    clear: both;
    content: "";
    display: block;
    height: 6px;
    position: relative;
    top: 0px;
    width: 100%;
}

#footer {
background: #0c0201; /* Old browsers */
background-image: -webkit-gradient(
	linear,
	right bottom,
	right bottom,
	color-stop(0.47, #060B1F),
	color-stop(1, #2B050C));
background-image: -o-linear-gradient(right bottom, #060B1F 47%, #2B050C 100%);
background-image: -moz-linear-gradient(right bottom, #060B1F 47%, #2B050C 100%);
background-image: -webkit-linear-gradient(right bottom, #060B1F 47%, #2B050C 100%);
background-image: -ms-linear-gradient(right bottom, #060B1F 47%, #2B050C 100%);
background-image: linear-gradient(to right bottom, #060B1F 47%, #2B050C 100%);


    text-align: center;
    padding-bottom: 18px;
    line-height: 17px;
    overflow: hidden;
}
.footer-nav {
    position: relative;
    overflow: hidden;
    padding: 37px 0 42px;
}
.footer-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    left: 50%;
    position: relative;
}
.footer-nav ul li {
    float: left;
    left: -50%;
    position: relative;
    padding: 0 25px;
}
.footer-nav ul li img { vertical-align: top }
#footer p {
    margin: 0;
    color: #d9d9d9;
    font-family: 14px/24px Georgia,"Times New Roman",Times,serif;
}
#footer em {
    display: block;
    color: #333333;
}
/* Added CSS */
body.paged #main .visual {
    height: 225px;
    overflow: hidden;
}
#nivoslider {
    position: relative;
    max-width: 1040px; /* Change this to your images width */
    max-height: 416px; /* Change this to your images height */
    background: none;
}
#nivoslider img {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}
#nivoslider a {
    border: 0;
    display: block;
}
.nivo-controlNav,
#nivoslider .nivo-controlNav,
.flexslider .flex-control-nav {
    display: block;
    position: relative;
	width: auto;
    margin: 0px auto;
    padding: 5px !important;
    z-index: 100;
    border-bottom: 1px solid #e7e3e4;
    text-align: center;
    background-image: url( 'images/bg-main-title.gif' );
}
.nivo-controlNav a.nivo-control,
#nivoslider .nivo-controlNav a.nivo-control,
.flexslider .flex-control-nav a, .flexslider .flex-control-paging li a.flex-active {
    display: inline-block;
    /*float: left;*/
    line-height: 30px;
    width: 24px;
    height: 24px;
    margin: 6px 6px;
    text-indent: -9999px;
    overflow: hidden;
    background: url( 'images/slider-buttons.png' ) no-repeat;
    background-size: 24px auto;
    background-position: 0px 0px;
}
.nivo-controlNav a.nivo-control:hover,
#nivoslider .nivo-controlNav a.nivo-control:hover,
.nivo-controlNav a.nivo-control.active,
#nivoslider .nivo-controlNav a.nivo-control.active,
.flexslider .flex-control-paging li a:hover, .flexslider .flex-control-paging li a.flex-active { background-position: 0px -24px }

#main .visual {
    max-width: 1040px;
    width: 100%;
}
#main .visual img {
    float: left;
    border: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.visual .fhbt-social-container {
    width: 100%;
    position: relative;
    bottom: 60px;
    z-index: 99;
    margin-bottom: -46px;
}


.visual .fhbt-social-list li
{
float: inherit;
display: inline-block;}


#main .visual .social div {
    float: right;
    position: relative;
    left: -50%;
}
#main .visual ul {
    margin: 0 auto;
    position: relative;
}
#main .visual li a {
    display: block;
}
#main .visual li.foxhound a,
#main .visual li.foxhound {
    display: none;
    width: 0px;
    background: none;
}
.icons ul {

}
.visual li,
.icons li {

}
.icons li a {

}
/** Main social icons **/
.icons li,
.icons li a {

}
#footer p {
    float: left;
    width: 100%;
    margin: 20px 0 10px 0;
    text-align: center;
    color: #b5b5b5;
}
#footer a { color: #333333 }
#footer a:hover { color: #444444 }
#footer .icons {
    float: right;
    position: relative;
    left: -50%;
    margin-top: 8px;
}
#footer ul {
    margin: 20px auto 0 auto;
    position: relative;
    /*left: 50%;*/
}

#footer li a {
    display: block;
    /*height: 45px;*/
}
.postsnavlinks {
    margin: 0px auto;
    text-align: center;
}
.postsnavlinks span {
    float: left;
    width: 50%;
    min-width: 50%;
}
.postsnavlinks .postsnavnewer { text-align: left }
.postsnavlinks .postsnavolder { text-align: right }
/* Paginated Links */
ol.wp-paginate,
ul.page-numbers {
    display: inline;
    float: right;
    margin: 0px 0px;
    padding: 0px 0px;
    text-align: left;
}
.postsnavlinks .wp-paginate,
.postsnavlinks .page-numbers { float: none }
ol.wp-paginate li,
ul.page-numbers li {
    display: inline;
    list-style: none;
    margin: 0px 0px;
    margin-right: 4px;
    border: none;
    border-top: none;
    border-bottom: none;
    letter-spacing: 0em;
    font-size: 7pt;
    padding: 0;
    font-weight: normal;
    text-align: center;
}
.postsnavlinks .wp-paginate li,
.postsnavlinks .page-numbers li { font-size: 9pt;

line-height: 50px; }
.wp-paginate .gap,
.wp-paginate .current,
.wp-paginate a,
.page-numbers .gap,
.page-numbers .current,
.page-numbers a {
    color: #FFFFFF!important;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
    padding: 15px;
    border-radius: 3px;
    margin: 0px 0px;
    padding: 8px 15px 10px 14px;
    text-decoration: none;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.08) inset, 0 -1px 1px #FFFFFF;
    -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.08) inset, 0 -1px 1px #FFFFFF;
    -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.08) inset, 0 -1px 1px #FFFFFF;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 0%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(0%,rgba(0,0,0,0.1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 0%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 0%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 0%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 0%); /* W3C */
}

.wp-paginate a:hover,
.page-numbers a:hover {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 0%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(0%,rgba(0,0,0,0.01))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 0%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 0%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 0%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 0%); /* W3C */
}

.page-numbers .current {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 0%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(0%,rgba(0,0,0,0.25))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 0%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 0%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 0%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 0%); /* W3C */
}
.wp-paginate a:active,
.page-numbers a:active {
    box-shadow: inset 1px 1px 0 rgba(255,255,255,0.08), -1px -2px 0px rgba(255,255,255,1);
    -moz-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.08), 0 1px 1px rgba(255,255,255,1);
    -webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.08), 0 1px 1px rgba(255,255,255,1);
    position: relative;
    top: 1px;
    left: 1px;
}
.wp-paginate .gap,
.page-numbers .gap { padding: 3px 0px }

.foxhound-widget-latest-posts .thumbnail.right {margin-right: 4px;}

.foxhound-widget-latest-tweet img {display: none;}

.foxhound-widget-latest-tweet a.bnt, 
.foxhound-widget-latest-tweet a.bnt:link, 
.foxhound-widget-latest-tweet a.bnt:visited, 
.foxhound-widget-latest-tweet a.bnt:hover, 
.foxhound-widget-latest-tweet a.bnt:active
 {border-width: 0px;padding:  4px 8px !important; font-size: 10px;
    margin: 0 5px 5px 0;}
    
    .foxhound-widget-latest-tweet .twitter-intents {margin: 10px 0;}
    
    .foxhound-widget-latest-tweet .social-wrapper {margin-bottom: 4px;}
 
 .foxhound-widget-latest-tweet .date {font-style: italic; font-size: 11px;color: #777777;}
 
 .foxhound-widget-latest-tweet .social-wrapper > div {border-color: rgba(0, 0, 0, 0.1) !important;border-bottom: 1px solid #333333;
    clear: both;
    margin-bottom: 13px;
    padding-bottom: 10px;}
 
 /*bit of gigpress stuff */
 .gigpress-listing li {position: relative;}
 .widget_gigpress .gigpress-tickets-link {display: inline-block;position: absolute; right: 0; top:0;font-size: 10px;padding: 0px 8px !important;}
 
 .gigpress-tickets-link{padding: 2px 6px !important;border-width: 0px; font-size: 11px;}
 .gigpress-table .gigpress-tickets-link {float: right;}
 
 .gigpress-listing li {border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;margin: 2px 0; padding-bottom: 4px;}
 .gigpress-listing li:last-child {border-bottom: 0px !important;}
 
 ul.gigpress-listing {
    margin-bottom: -10px;
    margin-top: -10px;
}

.gigpress-row {background: none repeat scroll 0 0 #F9F7F7;}

th.gigpress-heading { background-color: #B5B0B0 !important;text-align: center !important;color: #FFFFFF;   font-size: 11px;
    font-style: italic;
    text-transform: uppercase;}
    
    .gigpress-city {font-weight: bold;}




/* Album Grid */
.page-template-foxhoundtemplate-discography-php #content, .page-template-foxhoundtemplate-galleries-php #content, .page-template-foxhoundtemplate-videos-php #content {width:100%; padding-right: 0;}
.page-template-foxhoundtemplate-discography-php .container { min-height: 950px }
.album-grid {
    list-style: none;
    clear: both;
    padding: 5px;
}

.album-grid h3 {
font-size: 20px;
line-height: 20px;}

.album-cover-art img {
width: 100%;
height: auto;}

.album-grid li {
    float: left;
    margin: 0 2.7% 20px;
    max-width: 270px;
    position: relative;
}
.album-cover-art img { box-shadow: 0 0 0 3px #000000, 0 0 0 5px rgba(255, 255, 255, 0.1) }
.album-grid .img-wrap {
    position: relative;
    height: 265px;
    width: 265px;
    box-shadow: 0 0 0 2px #000000, 0 0 0 5px rgba(255, 255, 255, 0.1);
}
.album-grid li img {
    position: absolute;
    clip: rect(0px, 275px, 275px, 0px);
    -webkit-transition: clip .2s ease-in;
    -moz-transition: clip .2s ease-in;
    -o-transition: clip .2s ease-in;
    transition: clip .2s ease-in;
    width: 100%;
    height: auto;
}
.album-grid li img:hover { clip: rect(5px, 260px, 260px, 5px) }
.album-grid li a { }
.album-grid li p,
.album-cover-art p { margin: 0 }
.album-grid li h3 { margin-top: 10px }
.album-details,
.album-description {
    margin: 15px auto;
    overflow: hidden;
    padding: 5px;
}
.album-details h1 {
    background: none;
    margin: 0;
}
.album-cover-art {
    max-width: 275px;
    float: left;
    margin: 0 24px 15px 0;
}
.buy-button {
    text-align: center;
    margin: 15px auto;
}
.buy-button .button {
    display: block;
    font-size: 12px;
    padding: 10px 8px;
}
.album-meta ul { list-style: none }
#sc-widget .widgetContainer { background: #000 }
.album-player { clear: both }





/*woocommerce stuff for fun */

ul.products {
padding: 4px!important;}

#content .cart input {
padding: 0!important;}

.product {padding: 4px;}

ul.products li.product a img,
div.product div.images img,
#content div.product div.images img {
    box-shadow: 0 0 0 3px #000000, 0 0 0 5px rgba(255, 255, 255, 0.1)!important;
    -moz-box-shadow: 0 0 0 3px #000000, 0 0 0 5px rgba(255, 255, 255, 0.1)!important;
    -webkit-box-shadow: 0 0 0 3px #000000, 0 0 0 5px rgba(255, 255, 255, 0.1)!important;
}
ul.products li.product a { position: relative }
ul.products li.product .button,
.woocommerce_message .button {
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
}
ul.products li.product .onsale {
    left: 0!important;
    margin: 2px 0 0 -2px!important;
    padding: 4px 6px!important;
    right: auto!important;
    top: 0!important;
}
ul.cart_list li img,
ul.product_list_widget li img { margin-left: 9px!important }
ul.cart_list li,
ul.product_list_widget li { width: 100% }
ul.cart_list li a,
ul.product_list_widget li a {
    line-height: 30px!important;
    overflow: hidden;
}
div.product form.cart div.quantity, #content div.product form.cart div.quantity {
    line-height: 30px;
    margin: 5px 0 5px 10px!important;
}

div.product form.cart .button, #content div.product form.cart .button {
margin-top: 10px;}
div.product form.cart div.quantity,
#content div.product form.cart div.quantity {
    margin: 0!important;
    float: none!important;
}
ul.products li.product .price { margin-bottom: 15px!important }
.woocommerce_message,
.woocommerce_error,
.woocommerce_info,
div.product .woocommerce_tabs ul.tabs li,
#content div.product .woocommerce_tabs ul.tabs li {
    background: #000000!important;
    color: #FFFFFF!important;
    text-shadow: none;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.05)!important;
    -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.05)!important;
    -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.05)!important;
}

div.product .woocommerce_tabs ul.tabs li.active:after, #content div.product .woocommerce_tabs ul.tabs li.active:after, div.product .woocommerce_tabs ul.tabs li.active:before, #content div.product .woocommerce_tabs ul.tabs li.active:before {

box-shadow: none!important;}

div.product .woocommerce_tabs ul.tabs li.active, #content div.product .woocommerce_tabs ul.tabs li.active {
border-bottom: 0!important;}

div.product .product_title,
#content div.product .product_title { background: none }
div.product .woocommerce_tabs ul.tabs li,
#content div.product .woocommerce_tabs ul.tabs li { margin: 0 18px 0 -13px!important }
div.product .woocommerce_tabs ul.tabs:before,
#content div.product .woocommerce_tabs ul.tabs:before { border-bottom: 1px solid rgba(255, 255, 255, 0.1) }
#side .widget .cart_list a { display: block }

/* Album Release Type Links */

#album-release-types {
	clear: both;
	height:2em;
	line-height:2em;
	margin-bottom: 10px;
}
#album-release-types ul {
	list-style-type: none;
	margin: 0;
}
#album-release-types li {
    display: inline;
    padding: 1px 0 0 0;
    margin: 0 5px;
}
#album-release-types a,
#album-release-types a:link,
#album-release-types a:hover,
#album-release-types a:visited,
#album-release-types a:active {
	color: #111111;
	font: 14px/20px Helvetica, arial, serif;
	text-transform: uppercase;
}
#album-release-types a:hover {
}
#album-release-types .current-menu-item a,
#album-release-types .current-menu-item a:link,
#album-release-types .current-menu-item a:hover,
#album-release-types .current-menu-item a:visited,
#album-release-types .current-menu-item a:active {
background: none repeat scroll 0 0 #000000;
padding: 5px 6px;
}

/* Foxhound Widgets */

.foxhound-widget-latest-posts .latest-item .latest-posts-title a {
	color: #252525;
	font: 15px/18px 'CartoGothicStdBold';
	margin: 0 0 12px;
	padding-bottom: 3px;
	text-transform: uppercase;
}

.album-grid .img-wrap embed, .album-grid .img-wrap iframe {
    max-height: 265px;
    max-width: 265px;
}


.widget_search form {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.widget_search input {width: 70%;margin: 0 0 20px;}

.widget_search #searchsubmit {float: right;width: 22%;}
























/* menu stuff copied over */

/*
Item Name : Responsive CSS3 Multi Drop Down Menu
Item URI : http://codecanyon.net/item/responsive-css3-multi-drop-down-menu/4124019
Author URI : http://codecanyon.net/user/Pixelworkshop
Version : 1.1
*/

/*

TABLE OF CONTENTS

01 MENU BAR
02 DROP DOWNS
03 MEDIA QUERIES
04 DESKTOP VERSION
05 MOBILE VERSION

*/




.menu_description {margin: 36px auto;color: #efefef;text-shadow:1px 1px 1px #000000;}
.menu_description h1 {margin-top: 24px;font-size:24px;line-height:38px;}
.menu_description h2 {font-size:18px;line-height:24px;}
.menu_description ul.description {font-size:12px;line-height:21px;list-style: square;margin: 0 0 0 15px;padding: 0;}
.menu_description a {color: #bbbbbb;text-decoration: none;}






/*  _______________________________________________

    01 MENU BAR
    _______________________________________________  */




.responsive_menu_container {
	float: left;
    margin:0 auto;
    position: relative;
    z-index:9999;
    color: #ffffff;
    text-shadow:1px 1px 1px #000000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.responsive_menu_fixed {
    width: inherit;
    position:fixed;
    top:0;
    /* IE7 Fix */
    *width:expression(this.parentNode.currentStyle['width']);
}
.responsive_menu_container a,
.responsive_menu_container label
 {
    color: #FFFFFF;
    text-shadow:1px 1px 1px #000000;
    cursor: pointer;
     font: 20px/23px 'PTSansNarrowBold', arial, serif;
    text-transform: uppercase;
    padding: 20px 10px 18px;
    position: relative;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
    -webkit-transition:color .3s;
    -moz-transition:color .3s;
    -o-transition:color .3s;
    -ms-transition:color .3s;
    transition:color .3s;    
}


.responsive_menu_container .sub-menu li a {
	    font: italic 15px/24px Georgia, "Times New Roman", Times, serif;
    text-transform: none;
}




.responsive_menu li.top:hover a.parent:after{
	border-top-color: #4c7789;
}

.responsive_menu li.level_2:hover a.parent_r label {
	color:#4b778a;
}

.responsive_menu li.level_2:hover .parent_r:after{
	border-left-color: #4c7789;
}




.responsive_menu {
    width: 100%;
    list-style: none;
    margin: 2px 6px;
    padding: 0;
    *zoom: 1;
    	display: inline-block;
    margin: 0;
    padding: 0;
    /* For IE, the outcast */
    zoom:1;
    *display: inline;
    text-align: center;
    position: relative;
}
.responsive_menu_fixed .responsive_menu {
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35);
}
    .responsive_menu:before,
    .responsive_menu:after {
        content: " "; 
        display: table; 
    }
    .responsive_menu:after {
        clear: both;
    }

.responsive_menu li {
    position: relative;
    -webkit-transition:background .3s;
    -moz-transition:background .3s;
    -o-transition:background .3s;
    -ms-transition:background .3s;
    transition:background .3s;   
   
}
.responsive_menu li ul li{
	 border-bottom: 1px solid #3d3e41; 
}

.responsive_menu li ul li:last-child{
	 border-bottom: none; 
}

.responsive_menu > li {
	padding-left: 3px;
    padding-right: 3px;
    display: inline-block;
}

.responsive_menu .menu-item-has-children a {margin-right: 8px;}

.responsive_menu .menu-item-has-children a:after,
.responsive_menu li.menu-item-has-parent a:after {
	/* down arrow */
	position: absolute;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #FFFFFF;
	display: block;
	content: " ";
	top: 28px;
	right: -5px;
}

.responsive_menu .menu-item-has-children .sub-menu a:after {
	display: none;
}

.responsive_menu .sub-menu .menu-item-has-children a:after,
.responsive_menu li li.menu-item-has-parent a:after {
	/* right arrow */
	position: absolute;
	border-top: 4px solid transparent !important;
	border-bottom: 4px solid transparent;
	border-left: 4px solid #FFFFFF;
	display: block;
	content: " ";
	top: 16px;
	right: 13px;
}

.responsive_menu .sub-menu .menu-item-has-children .sub-menu a:after {
display: none;
}

.responsive_menu li .parent_l:after{
	/* left arrow */
	position: absolute;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-right: 5px solid #FFFFFF;
	display: block;
	content: " ";
	top: 16px;
	right: 13px;
}

.responsive_menu a {
    text-decoration: none;
}

.responsive_menu li li a {
    text-decoration: none;
    padding: 10px 15px;
}
.responsive_menu > li > a {
    display: block;
}




/*  _______________________________________________

    02 DROP DOWNS
    _______________________________________________  */




.responsive_menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    min-width: 250px;
    background: #000000 url("images/dropmenugrunge@2x.png");
    -webkit-box-shadow: 0px 2.5px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 2.5px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 2.5px 5px 0px rgba(0, 0, 0, 0.5);
}
.responsive_menu li li a {
    display: block;
    position: relative;
    z-index:100;
}
.responsive_menu li > label {
    display: block;
    padding: 10px 20px 10px 14px;
}
.responsive_menu .dropdown_trigger {
    display: block;
    position: absolute;
    cursor: pointer;
    width: 100%;
    margin: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}




/*  _______________________________________________

    03 COLORS
    _______________________________________________  */




.responsive_menu_black,
.responsive_menu_black .toggle_menu_label {
    background: #282828;
    background: -webkit-linear-gradient(top, #282828 0%, #1f1f1f 100%);
    background: -moz-linear-gradient(top, #282828 0%, #1f1f1f 100%);
    background: -o-linear-gradient(top, #282828 0%, #1f1f1f 100%);
    background: -ms-linear-gradient(top, #282828 0%, #1f1f1f 100%);
    background: linear-gradient(top, #282828 0%, #1f1f1f 100%);
}

.responsive_menu_blue,
.responsive_menu_blue .toggle_menu_label {
    background: #4979bb;
    background: -webkit-linear-gradient(top, #4979bb 0%, #3d69a5 100%);
    background: -moz-linear-gradient(top, #4979bb 0%, #3d69a5 100%);
    background: -o-linear-gradient(top, #4979bb 0%, #3d69a5 100%);
    background: -ms-linear-gradient(top, #4979bb 0%, #3d69a5 100%);
    background: linear-gradient(top, #4979bb 0%, #3d69a5 100%);
}

.responsive_menu_brown,
.responsive_menu_brown .toggle_menu_label {
    background: #837868;
    background: -webkit-linear-gradient(top, #837868 0%, #706759 100%);
    background: -moz-linear-gradient(top, #837868 0%, #706759 100%);
    background: -o-linear-gradient(top, #837868 0%, #706759 100%);
    background: -ms-linear-gradient(top, #837868 0%, #706759 100%);
    background: linear-gradient(top, #837868 0%, #706759 100%);
}

.responsive_menu_deepblue,
.responsive_menu_deepblue .toggle_menu_label {
    background: #556270;
    background: -webkit-linear-gradient(top, #556270 0%, #46515d 100%);
    background: -moz-linear-gradient(top, #556270 0%, #46515d 100%);
    background: -o-linear-gradient(top, #556270 0%, #46515d 100%);
    background: -ms-linear-gradient(top, #556270 0%, #46515d 100%);
    background: linear-gradient(top, #556270 0%, #46515d 100%);
}

.responsive_menu_green,
.responsive_menu_green .toggle_menu_label {
    background: #52795d;
    background: -webkit-linear-gradient(top, #52795d 0%, #44654d 100%);
    background: -moz-linear-gradient(top, #52795d 0%, #44654d 100%);
    background: -o-linear-gradient(top, #52795d 0%, #44654d 100%);
    background: -ms-linear-gradient(top, #52795d 0%, #44654d 100%);
    background: linear-gradient(top, #52795d 0%, #44654d 100%);
}

.responsive_menu_grey,
.responsive_menu_grey .toggle_menu_label {
    background: #7f8989;
    background: -webkit-linear-gradient(top, #7f8989 0%, #6f7777 100%);
    background: -moz-linear-gradient(top, #7f8989 0%, #6f7777 100%);
    background: -o-linear-gradient(top, #7f8989 0%, #6f7777 100%);
    background: -ms-linear-gradient(top, #7f8989 0%, #6f7777 100%);
    background: linear-gradient(top, #7f8989 0%, #6f7777 100%);
}

.responsive_menu_kaki,
.responsive_menu_kaki .toggle_menu_label {
    background: #6a6a4f;
    background: -webkit-linear-gradient(top, #6a6a4f 0%, #565641 100%);
    background: -moz-linear-gradient(top, #6a6a4f 0%, #565641 100%);
    background: -o-linear-gradient(top, #6a6a4f 0%, #565641 100%);
    background: -ms-linear-gradient(top, #6a6a4f 0%, #565641 100%);
    background: linear-gradient(top, #6a6a4f 0%, #565641 100%);
}

.responsive_menu_orange,
.responsive_menu_orange .toggle_menu_label {
    background: #ee5f00;
    background: -webkit-linear-gradient(top, #ee5f00 0%, #cc5200 100%);
    background: -moz-linear-gradient(top, #ee5f00 0%, #cc5200 100%);
    background: -o-linear-gradient(top, #ee5f00 0%, #cc5200 100%);
    background: -ms-linear-gradient(top, #ee5f00 0%, #cc5200 100%);
    background: linear-gradient(top, #ee5f00 0%, #cc5200 100%);
}

.responsive_menu_pink,
.responsive_menu_pink .toggle_menu_label {
    background: #e3638d;
    background: -webkit-linear-gradient(top, #e3638d 0%, #de4678 100%);
    background: -moz-linear-gradient(top, #e3638d 0%, #de4678 100%);
    background: -o-linear-gradient(top, #e3638d 0%, #de4678 100%);
    background: -ms-linear-gradient(top, #e3638d 0%, #de4678 100%);
    background: linear-gradient(top, #e3638d 0%, #de4678 100%);
}

.responsive_menu_purple,
.responsive_menu_purple .toggle_menu_label {
    background: #594b69;
    background: -webkit-linear-gradient(top, #594b69 0%, #493d55 100%);
    background: -moz-linear-gradient(top, #594b69 0%, #493d55 100%);
    background: -o-linear-gradient(top, #594b69 0%, #493d55 100%);
    background: -ms-linear-gradient(top, #594b69 0%, #493d55 100%);
    background: linear-gradient(top, #594b69 0%, #493d55 100%);
}

.responsive_menu_red,
.responsive_menu_red .toggle_menu_label {
    background: #d84937;
    background: -webkit-linear-gradient(top, #d84937 0%, #c63927 100%);
    background: -moz-linear-gradient(top, #d84937 0%, #c63927 100%);
    background: -o-linear-gradient(top, #d84937 0%, #c63927 100%);
    background: -ms-linear-gradient(top, #d84937 0%, #c63927 100%);
    background: linear-gradient(top, #d84937 0%, #c63927 100%);
}

.responsive_menu_yellow,
.responsive_menu_yellow .toggle_menu_label {
    background: #eda304;
    background: -webkit-linear-gradient(top, #eda304 0%, #cb8c04 100%);
    background: -moz-linear-gradient(top, #eda304 0%, #cb8c04 100%);
    background: -o-linear-gradient(top, #eda304 0%, #cb8c04 100%);
    background: -ms-linear-gradient(top, #eda304 0%, #cb8c04 100%);
    background: linear-gradient(top, #eda304 0%, #cb8c04 100%);
}




/*  _______________________________________________

    04 DESKTOP VERSION
    _______________________________________________  */




/* First Level */

.responsive_menu li ul {
    position: absolute;
    /*top: 60px;*/
    left: -999em;
    top: 48px;
    opacity:0;
    visibility:hidden;
    display:none\9;
}

.responsive_menu li > ul {
    -webkit-transition: opacity .2s .2s ease-in-out;
    -moz-transition: opacity .2s .2s ease-in-out;
    -o-transition: opacity .2s .2s ease-in-out;
    -ms-transition: opacity .2s .2s ease-in-out;
    transition: opacity .2s .2s ease-in-out;
}
.responsive_menu li li > ul {
    -webkit-transition: opacity .2s .2s ease-in-out;
    -moz-transition: opacity .2s .2s ease-in-out;
    -o-transition: opacity .2s .2s ease-in-out;
    -ms-transition: opacity .2s .2s ease-in-out;
    transition: opacity .2s .2s ease-in-out;
}

/* Other Levels */

.responsive_menu li li ul,
.responsive_menu li ul.dropdown_left {
    top: -1px;
}
/*
.responsive_menu > li:hover {
    background:#181818;
}
.responsive_menu li li:hover {
    background: #121212;
}
*/

/* Showing Drop Downs on Mouse Hover */


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

		.responsive_menu_container a {
			font-size: 18px;
			padding: 18px 8px;
		}

}

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

		.responsive_menu_container a {
			font-size: 15px;
			padding: 18px 3px;
		}
		.responsive_menu .menu-item-has-children a:after,
		.responsive_menu li.menu-item-has-parent a:after {
			/* down arrow */
			position: absolute;
			border-left: 4px solid transparent;
				border-right: 4px solid transparent;
			border-top: 4px solid #FFFFFF;
			display: block;
			content: " ";
			top: 26px;
			right: -5px;
}

		.visual .label {display: none;}


}


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



    .responsive_menu > li:hover > ul {
        /*top:49px;*/
        left:auto;
        visibility:visible;
        opacity:1;
        z-index: 999;
        display:block;
        border-top: none;
        text-align: left;
    }
    .responsive_menu > li:hover > ul > li:hover > ul {
    	text-align: left;
    }
    
    .responsive_menu li li:hover > ul {
        left: 100%;
        visibility:visible;
        opacity:1;
        z-index: 999;
        display:block;
        
    }
    .responsive_menu li li:hover > ul.dropdown_left {
        left: -100%;
    }
    .toggle_menu,
    .toggle_menu_label {
        display: none;
    }

}




/*  _______________________________________________

    05 MOBILE VERSION
    _______________________________________________  */




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

	html {margin-top: 16px !important;}
	.visual .fhbt-social-container {margin-bottom: -86px;}
	#main .visual .fhbt-social-list {width: 100% !important;}
	.visual .fhbt-social-list li, #footer .fhbt-social-list li {margin: 6px;}

	#content, #sidebar {padding-right: 0;padding-left: 0; width: 100%}

	h1.logo img {display: block; margin: 0 auto;}
	
	.main-holder {padding: 10px 18px 10px;}


	.responsive_menu > li {
 	   float: left;
 	   padding-right: 15px;
 	   display: block;
 	   }
	.responsive_menu .menu-item-has-children a:after, .responsive_menu li.menu-item-has-parent a:after {
		
		
		border-left: 5px solid rgba(0, 0, 0, 0) !important;
    border-right: 5px solid rgba(0, 0, 0, 0) !important;
    border-top: 5px solid #FFFFFF !important;
    content: " ";
    display: block;
    position: absolute;
    right: 13px;
    top: 26px;
	}
	
	.logo {
    float: none;
    margin: 0 auto;}
	
	.responsive_menu_container {
		float: none;
        clear: both;
	}

    .responsive_menu_container .responsive_menu {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;

    }
    .responsive_menu_container .toggle_menu_label {
        display: block;
        padding: 10px 15px 0;
        cursor: pointer;
    }
    .responsive_menu_fixed .toggle_menu_label {
        -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35);
        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35);
    }
    .toggle_menu_label {
        background: url("images/toggle@2x.png");
        background-repeat: no-repeat;
        background-size: 15px;
        background-position: right 14px;
        margin-right: 20px;
    }
    
    
    .toggle_menu,
    .toggle_menu:checked {
        width: 100%;
        display: block;
        position: absolute;
        cursor: pointer;
        height: 40px;
        margin: 0;
        opacity: 0;
    }

    /* Hiding / showing the menu elements */

    .responsive_menu {
        position: absolute;
        background: #000000 url("images/dropmenugrunge@2x.png");
        opacity:0;
        visibility:hidden;
        -webkit-transition: opacity .3s ease-in-out;
        -moz-transition: opacity .3s ease-in-out;
        -o-transition: opacity .3s ease-in-out;
        -ms-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out;
        top: 49px;
		left: -9999em;
    }
    .toggle_menu:checked + .responsive_menu {
        opacity:1;
        visibility:visible;
        left:auto;
    } 

    /* Menu Bar & Elements */

    .responsive_menu ul {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    

}
.container.menu li a, .container.menu li label, .toggle_menu_label {
font-size: 17px;
}
    .responsive_menu li ul {
        display: block;
        width: 100%;
        position: relative;
        opacity: 1;

    }
    .responsive_menu > li {
        padding-right: 0;
        padding-left: 0;
        float: none;
        border-top: 1px solid #3D3E41;
    }
    
    .responsive_menu li ul li a {
    opacity: 0.7;
}

.responsive_menu li ul li ul li a {
    opacity: 0.4;
}


    /* Disabling Hover Events */

    .responsive_menu > li:hover,
    .responsive_menu li li:hover {
        background: transparent;
    }
    .responsive_menu > li:hover > ul,
    .responsive_menu li li:hover > ul {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transition: none;
    }

    /* Placing Arrows */

    .responsive_menu > li > .parent,
	.responsive_menu li.menu-item-has-children > a {
        background-position: 95% 50%;
    }
    .responsive_menu li li .parent:after,
    .responsive_menu li li .parent_r:after,
    .responsive_menu li li .parent_l:after,
	.responsive_menu li li.menu-item-has-children a:after {
	/* down arrow */
		position: absolute;
		border-left: 5px solid transparent !important;
		border-right: 5px solid transparent !important;
		border-top: 5px solid #9eaaae !important;
		display: block;
		content: " ";
		top: 20px;
		right: 13px;
    }
    .responsive_menu li li.level_2:hover a.parent:after,
    .responsive_menu li li.level_2:hover a.parent_r:after,
    .responsive_menu li li.level_2:hover a.parent_l:after {
		border-top-color: #4c7789;

    }
    .responsive_menu li li .dropdown_trigger{
	    z-index: 10;
		height: 40px;
		top: 0;
    }
    .responsive_menu li ul li {
		border-top: 1px solid #333334;
	}
	.responsive_menu li ul {
		background: #252525;
		}	
		.responsive_menu li ul ul {
			background: #292929;
			}
    /* Threaded Drop Downs */

    .responsive_menu > li ul {
        top:auto;
        left:auto;
        width:auto;
        z-index: 999;
        visibility: visible;
    }

    /* Drop Down Toggle - Animated */
</a>​
    .responsive_menu .dropdown_trigger + ul {
        max-height:0;
        opacity:0;
        visibility:hidden;
        -webkit-transition: opacity .3s ease-in-out;
        -moz-transition: opacity .3s ease-in-out;
        -o-transition: opacity .3s ease-in-out;
        -ms-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out;
    }
    .responsive_menu .dropdown_trigger:checked + ul {
        position: static;
        max-height:999px;
        opacity:1;
        visibility:visible;
        z-index: 999;
        -webkit-transition: opacity .3s ease-in-out;
        -moz-transition: opacity .3s ease-in-out;
        -o-transition: opacity .3s ease-in-out;
        -ms-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out;
   }

    /* Drop Down Toggle - Not Animated */

    /*
    .responsive_menu .dropdown_trigger + ul {
        display: none;
    }
    .responsive_menu .dropdown_trigger:checked + ul {
        position: static;
        display: block;
    }
    */


}