/*
Theme Name:		Dark N Gritty Evolved
Theme URI:		http://foxhoundbandthemes.com/themes/dark-gritty-theme/
Description:	The completely redesigned and overhauled Dark N Gritty theme is responsive, retina, beautiful & really damn functional. DNG Evolved includes tons of built-in options like a discography management, Twitter feed, full-width slider featuring videos, conversion box, custom header photos on all pages, many background choices, custom main & accent colour selection, social features such as like/tweet buttons & icon selector, pagination, and more. The theme also includes all the basic core WP goodness such as custom background management, text headers, two menu positions, widgetized areas to control the front page, sidebar, and footer widgets with columns that adjust to how many widgets are placed. We really hope you love it :)
Author:			Foxhound Band Themes
Author URI:		http://foxhoundbandthemes.com
Version:		5.0.2
Tags:			gray, black, dark
License:		GPL
License URI:	http://foxhoundbandthemes.com/terms-licencing/
 *
 * Dark N Gritty 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 */ }

/* Fix columnal container padding */
section.container.slider,
.container.cycle-slide {
	padding-left:0;
	padding-right:0;
}


/* Paginated Links */
ol.wp-paginate,
ul.page-numbers {  
	display: inline;  
	float:right;
	margin:32px 0 7px 0;  
	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;
	line-height: 40px;
	border:none;
	border-top: none;
	border-bottom: none;
	letter-spacing:0em;  
	font-size: 12px; 
	padding: 0;
	font-weight:normal;  
	text-align: center; 
}
.postsnavlinks .wp-paginate li,
.postsnavlinks .page-numbers li {
	font-size: 9pt;
}
.wp-paginate .gap,
.wp-paginate .current,
.wp-paginate a,
.page-numbers .gap,
.page-numbers .current,
.page-numbers a {
	
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	
	color: #FFFFFF!important;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
	padding: 15px;
	border-radius: 3px;
	margin: 0px 0px;
	padding: 9px 12px 9px 13px;
	text-decoration:none;
	box-shadow: inset 1px 1px 0 rgba(255,255,255,0.08), 0 2px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.08), 0 2px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.08), 0 2px 3px rgba(0,0,0,0.5);
	transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	
}

.wp-paginate a:hover, .page-numbers a:hover {


	background: -moz-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.45) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0.45))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.45) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.45) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.45) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.45) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	
	
	
	
}

.page-numbers .current {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 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.6))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 0%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 0%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 0%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 0%); /* W3C */
}

.wp-paginate a:active, .page-numbers a:active {
	box-shadow: inset 1px 1px 0 rgba(255,255,255,0.08), 0 1px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.08), 0 1px 1px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.08), 0 1px 1px rgba(0,0,0,0.5);
	position: relative;
	top: 1px;
	left: 1px;
}


.wp-paginate .gap,
.page-numbers .gap {
	padding: 3px 0px; 
}


/* Album Grid */

.page-template-foxhoundtemplate-discography-php .container {
	min-height: 0px;
}
	
.album-grid {
	list-style: none;
	clear: both;
	padding-top: 20px;
}
#content .album-grid li {
	float: left;
	margin: 0 20px 20px 20px;
	max-width: 300px;
	position: relative;
	list-style: none;
}

.album-cover-art img {
	box-shadow: 0 0 0 3px #000000, 0 0 0 5px rgba(255, 255, 255, 0.1);
	-moz-box-shadow: 0 0 0 3px #000000, 0 0 0 5px rgba(255, 255, 255, 0.1);
	-webkit-box-shadow: 0 0 0 3px #000000, 0 0 0 5px rgba(255, 255, 255, 0.1);
	width: 100%;
	height: auto;
	
}



.album-grid .img-wrap {
	position: relative;
	height: 300px;
	width: 300px;
	box-shadow: 0 0 0 1px #000000, 0 0 0 2px rgba(255, 255, 255, 0.2);
	-moz-box-shadow: 0 0 0 1px #000000, 0 0 0 2px rgba(255, 255, 255, 0.2);
	-webkit-box-shadow: 0 0 0 1px #000000, 0 0 0 2px rgba(255, 255, 255, 0.2);
	
}
.album-grid .img-wrap embed,
.album-grid .img-wrap iframe {
	max-height: 300px;
	max-width:300px;
}

.album-grid li img  {
	
	position: absolute;
	clip:rect(0px, 300px, 300px, 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;
	padding: 0 !important;
	border:0 !important;
	
}

.album-grid li img:hover {
	clip:rect(5px, 295px, 295px, 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;
	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;
	background: #33393c;
	text-transform: uppercase;
	color: #cccccc;
	transition: all 0.3s ease-in-out;}
	
.buy-button a:hover {
	color: #FFFFFF;
}
	
.album-meta ul {
	list-style: none;
}

#sc-widget .widgetContainer {
	background: #000;
}

.album-player {
	clear:both;
}


/* Album Release Type Links */

#album-release-types {
	background-position: top center;
}

#content #content {
	padding: 0;
}
/*just a quick fix, should be removed later */

#album-release-types ul {
	list-style-type: none;
	margin: 0;
}
#album-release-types li {
	display: inline;
	margin: 2px;
}
#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: #999;
	font-size: 17px;
	line-height: 2em;
	letter-spacing: 1px;	
	font-family: "LeagueGothicRegular","Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
	padding: 3px 8px;
	transition: all 0.2s ease-in-out;
}

#album-release-types a:hover,
#album-release-types .current-menu-item a {
	background: #33393c;
	color: #FFFFFF;
}


#album-release-types a.current-menu-item,
#album-release-types a.current-menu-item:link,
#album-release-types a.current-menu-item:hover,
#album-release-types a.current-menu-item:visited,
#album-release-types a.current-menu-item:active {
}

/* Foxhound Widgets */

.foxhound-widget-latest-posts .latest-item .title {
	font-size: 22px;
	margin: 8px 0 10px 0;
	font-family: "LeagueGothicRegular", "Helvetica Neue",Helvetica,Arial,sans-serif;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
	text-transform: uppercase;
	font-weight: normal;
	transition: color 0.3s ease-in;
	-moz-transition: color 0.3s ease-in;
	-webkit-transition: color 0.3s ease-in;
}

.foxhound-widget-latest-posts .latest-item {
    border-bottom: 1px solid #333333;
    margin-bottom: 10px !important;
    overflow: hidden;
    padding-bottom: 10px;
}


.latest-posts-more a {
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block;
    border: medium none;
    cursor: pointer;
    padding: 3px 8px;
    margin-top: 5px;
    background-color: #343A3D;
    color: #FFFFFF;
    transition: background-color 200ms linear 0s;
		background-color: #343a3d;
	 -webkit-transition: background-color 200ms linear;
     -moz-transition: background-color 200ms linear;
     -o-transition: background-color 200ms linear;
     -ms-transition: background-color 200ms linear;
     transition: background-color 200ms linear;
	color: white;
	
}

.foxhound-widget-latest-tweet .social-wrapper a.bnt:link,
.foxhound-widget-latest-tweet .social-wrapper a.bnt:visited,
.foxhound-widget-latest-tweet .social-wrapper a.bnt, 
.foxhound-widget-latest-tweet .social-wrapper a.bnt:hover, 
.foxhound-widget-latest-tweet .social-wrapper a.bnt:active,
.gigpress-tickets-link {
	background-color: #343A3D;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 12px !important;
    letter-spacing: 2px;
    margin-top: 5px;
    padding: 3px 8px;
    text-transform: uppercase;
    transition: background-color 200ms linear 0s;
	
}

.gigpress-tickets-link {margin-top: 0; padding: 0 6px; }



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

.foxhound-widget-latest-tweet .date {
	font-size: 12px;
    color: #444444 !important;}