/*
Theme Name: djfood
Theme URI: http://underscores.me/
Author: David Hazell
Author URI: http://www.curious-people.com
Description: A custom responsive theme for DJ food
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: djfood
Domain Path: /languages/
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 djfood is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Reset
2.0 - Typography
3.0 - Elements
4.0 - Forms
5.0 - Navigation
	5.1 - Links
	5.2 - Menus
6.0 - Accessibility
7.0 - Alignments
8.0 - Clearings
9.0 - Widgets
10.0 - Content
	10.1 - Posts and pages
	10.2 - Asides
	10.3 - Comments
11.0 - Infinite scroll
12.0 - Media
	12.1 - Captions
	12.2 - Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 - Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline; 
}

html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

*, *:before, *:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
	-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
	box-sizing:         border-box;
}

body {
	background: #fff;
}

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

ol, ul {
	list-style: none;
}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

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

blockquote, q {
	quotes: "" "";
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

a img {
	border: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/



@font-face {
	font-family:'Arial black';
	src:/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
url(fonts/arial-black.woff) format("woff"),
url(fonts/arial-black.ttf) format("truetype");
/* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3?5 */
}




body, button, input, select, textarea {
	color: #404040;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.page-id-3670 h4 {
	clear: left;
margin-bottom: 10px;
}

h1 {
	font-size:19px;
	line-height:28px;
}

.widget-area h2 {
	color: #F60;
	font-size:16px;
	text-align:center
}

p {
	margin-bottom: 1em;
	font-size:14px;
}

b, strong {
	font-weight: bold;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

sup, sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

.meta-bottom {
	font-size:14px;
	font-size: 14px;
	width: 100%;
	float: left;
	margin-top: 20px;
	color: #767676
}
}

.entry-content h4 {
	color: #FFF;
	padding-left: 6px;
	font-weight: bold;
	background: #F60 url(images/h4end.jpg) no-repeat right top;
	font-size: 1em;
	line-height: 1.5em;
	height: 1.5em;
	margin-bottom: 6px;
	display: inline-block;
	padding-right: 14px;
	zoom: 1;
}

.entry-content p {
	width:100%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
}

ul {
	list-style: none;
}

ol {
	list-style: none;
}

li > ul, li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

th {
	font-weight: bold;
}

.hide {
	display:none
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/


.search-form {
	float: left;
	width: 152px;
}

button, input, select, textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="checkbox"], input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
 -webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
 border: 0;
 padding: 0;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="search"] {
	background:#fff;
	border:none;
	border-radius:0;
	width: 210px;
	height: 16px;
	color:#000;
	line-height: 24px;
	border-radius: 8px 8px 0 0;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {
	color: #000;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] {
	padding: 10px 10px 15px 10px;
}

textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}

.header-search {
	position:relative;
}

.search-submit {
	position: absolute;
	right: 10px;
	top: 8px;
}

::-webkit-input-placeholder {
 color: #949494;
 font-size:12px;
}

:-moz-placeholder { /* Firefox 18- */
 color: #949494;
 font-size:12px;
}

::-moz-placeholder {  /* Firefox 19+ */
 color: #949494;
 font-size:12px;
}

:-ms-input-placeholder {
 color: #949494;
 font-size:12px;
}

#comments label {
	width: 60px;
	float: left;
}

input, input.search-field {
	-webkit-appearance: none;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
.design-nav-continer {
	width:100%;
	float:left;
	height: 23px;
}

#menu-discog li, #menu-design li {
	position:relative;
	position: relative;
	list-style: none;
	float: left;
	margin-right: 25px;
}

#menu-discog li:last-child, #menu-design li:last-child {
	
	margin-right: 0
	}

#menu-discog li a, #menu-design li a {
	font-size: 13px;
	color: #F60;
	font-weight: bold;
	display: block;
}

.design-nav-continer ul {
	list-style:none;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}

#menu-design li:after, #menu-discog li:after {
	content: "";
	width: 4px;
	height: 4px;
	background: #333;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	position: absolute;
	bottom: 7px;
	right: -14px;
}

.design-nav li.discog:after {
	content: "";
	width: 4px;
	height: 4px;
	background: #333;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	position: absolute;
	bottom: 9px;
	right: 0;
}

#menu-design li:last-child:after, #menu-discog li:last-child:after {
	display:none;
}



/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: #000;
	text-decoration:none;
}

a:visited {
	color: #000;
}

a:hover, a:focus, a:active {
	color: #F60;
}

.meta-bottom a {
	color: #F60;
	font-size:14px;
}

.entry-content a {
	color: #F60;
}

.alm-listing li a {
color: #F60 !important;}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/



ul#menu-main-menu li:after {
	content: "";
	width: 8px;
	height: 8px;
	background: #F60;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	position: absolute;
	bottom: 10px;
	right: -36px;
}

.main-navigation {
	margin: 46px 0 0 199px;
	display: block;
	float: left;
	width: 760px;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	position:relative;
}

.main-navigation li {
	float: left;
	position: relative;
	margin-right:60px
}

.main-navigation li:last-child {
}

.main-navigation a {
	display: block;
	text-decoration: none;
	color:#949494;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:20px;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {
}

.main-navigation li:hover > a {
	color: #F60;
}

.main-navigation ul ul :hover > a {
}

.main-navigation ul ul a:hover {
}

.main-navigation ul li:hover > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul {
	left: 100%;
}

.main-navigation .current_page_item a2:after, .main-navigation .current-menu-item a:after, body.tax-design_category li.menu-item-26827 a:after, body.single-design li.menu-item-26827 a:after, body.tax-discog_category li.menu-item-26828 a:after, body.single-discog li.menu-item-26828 a:after, body.single-post li.menu-item-26826 a:after {
	content: "";
	width: 0;
	height: 0;
	border-left: 13px solid rgba(0, 0, 0, 0);
	border-right: 13px solid rgba(0, 0, 0, 0);
	border-bottom: 14px solid #FFF;
	position: absolute;
	bottom: -10px;
	left: 35%;
	;
}

#menu-discog li.current-menu-item a:after, #menu-design li.current-menu-item a:after {
	content: "";
	width: 0;
	height: 0;
	border-left: 13px solid rgba(0, 0, 0, 0);
	border-right: 13px solid rgba(0, 0, 0, 0);
	border-top: 14px solid #000;
	position: absolute;
	top: -17px;
	left: 32%;
}

/* Small menu */
.menu-toggle {
	display: none;
}
@media screen and (max-width: 600px) {

.menu-toggle, .main-navigation.toggled .nav-menu {
	display: block;
}

.main-navigation ul {
}
}

.site-main .comment-navigation, .site-main .paging-navigation, .site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous, .paging-navigation .nav-previous, .post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next, .paging-navigation .nav-next, .post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.main-navigation li.menu-item-26829 {
	margin-right:39px;
}

.main-navigation li.menu-item-26829:after {
	display:none
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: block;
	margin:  0;
}

.alignright {
	display: block;
	margin: 10px 0;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {
	content: '';
	display: table;
}

.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}
 
/* Search widget */
.widget_search .search-submit {
	display: none;
}

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


.site-branding img {
	float: left;
	z-index: 9999999;
	}

.site-content, .content-area {
	width:960px;
	margin:0 auto
}

.entry-content iframe {

}

.entry-content img {
	margin: 0 0 10px 0;
}

.entry-content {
	float:left;
	width:100%;
	font-size:14px;
}

.site-main {
	float:left;
	width: 720px;
	
}

.site-home {
	margin-top:0
}

.archive .site-main {
	margin-top: 7px;
}

.widget-area {
	width: 220px;
	float:left;
	margin-right: 20px;
}

.site-header {
	width:100%;
	background-color:#000;
	height:86px;
	margin-bottom: 8px;
}

.site-branding {
	margin: 8px 0 0 20PX;
	position: absolute;
}

.addthis_sharing_toolbox {
	margin:20px 0;
}

a.read-more {
	margin-top:10px;
	clear:left;
	float:left;
	width:100%;
	margin-bottom:20px;
}

ul#downloads li {
	float: left;

height: 30px;
width: 137px;
margin-left: 70px;
}

.entry-content a.downloadLinks {
	font: 12px/22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: #F1F1F1;
	display: block;
	height: 22px;
	width: 132px;
	margin: 0;
	padding: 0;
	text-align: center;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor:pointer;
}

.design-archive h3 {
	font-size:13px;
	text-align:left;
	color:	#F60;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 10px 10px 10px 0;
}

.design-archive li {
	float: left;
	width: 220px;
	margin-right: 20px;
	height: 285px;
}

.design-archive li:nth-child(3n+3) {
	margin-right:0
}


#caption--slider .rsDefault .rsGCaption {
	
	width: 100%;
	background: transparent;
	color: #000;
	text-align: center;
	}



/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
}

.hentry {
	margin: 0 0 1.5em;
	float: left;
	border-bottom: 2px #333 solid;
	padding-bottom: 10px;
	width: 100%;
}

.byline, .updated {
	display: none;
}

.single .byline, .group-blog .byline {
	display: inline;
}

.page-content, .entry-content, .entry-summary {
	margin: 1px 0 5px 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.entry-title {
	float:left;
	margin-bottom: 3px;
	word-break: break-word;
}

.entry-meta {
	float:right
}

.entry-footer {
	float:left;
	width:100%;
}

.posted-on a {
	color: #F60;
}

.info-mob {
	display:none
}

.discog-title {
	width:470px;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title, .archive .format-aside .entry-title {
	display: none;
}

.widget-area aside.mixes {
	margin-top:25px;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

.blog-info {
	display:none;
}

#infinite-footer .blog-credits {
	width:100%;
}

.text-center {
	text-align:center;
}

#infinite-footer .blog-credits {
	text-align:center;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed, iframe, object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
}
/*--------------------------------------------------------------
12.3 site footer
--------------------------------------------------------------*/

.gallery img {
	width: 100%;
	}

.footer-container {
	max-width: 960px;
	margin: 0 auto;
	}

.site-footer {
	background-color: #000;
	height: 50px;
	width: 100%;
	
	float: left;
	position: relative;
	}
	
	
	.site-page {
		float: left;
		margin-top: 12px;
		}
		
		.footer-social {
			float: right;
			}
			
			.footer-social ul.social {
				margin: 15px 0 0 0;
				}
			
			.footer-social ul li {
				float: left
				}
				
				.paging-navigation ul.footer-pagination  {
					margin: 13px 0 0 0;
					}
				
.footer-pagination li  {
	float: left;
	position: relative;
	
	font-size: 19px;
	}
	.footer-pagination li a {
	margin-right:20px;
	}
	
	.footer-pagination li span.current {
		margin-right:20px;
		}
	
	.footer-paginations li:last-child {
		
		}
	
	.footer-pagination li.dots {
		color: #F60;
		margin-right: 0;
		margin-right: 19px;
margin-left: -14px;
		}
	
	.footer-pagination li span.current {
		color: #fff;
		}
		
	.footer-pagination li a {	
		color: #9b9b9b
		}
		
		.footer-pagination li.active a {
			color: #fff
			}
		
		.footer-pagination li span.page-numbers:after {
		content: "";
		width: 4px;
		height: 4px;
		background: #F60;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 4px;
		position: absolute;
		bottom: 9px;
		left: -12px;
}

li.page-last {
	margin-left: -14px;
	}

  

.footer-pagination li:first-child span.page-numbers:after  {
	content: none
	}
	
	.alm-btn-wrap {
		position: relative;
		float: left;
		width: 100%
		}
		
		.alm-btn-wrap .done {
			display: none
			}
		
		.alm-load-more-btn {
			font-size: 19px;
			position: absolute;
			bottom: -43px;
			left: 25.6%;
			color: #FFF;
			background: #000;
			box-shadow: none;
			border-radius: 0;
			border: none;
			text-shadow: none;
			z-index: 99;
}

.alm-load-more-btn:hover {
	border-color: none;
	box-shadow: none;
	}

/*--------------------------------------------------------------
12.3 SiderBar
--------------------------------------------------------------*/

.newsButton {
	margin-left: 15px;
height: 30px;
width: 111px;
box-shadow: none!important;
border-color: none!important;
border: none !important;
background-color: #F60 !important;
color: #fff !important;
text-shadow: none !important;
}



.sign-up {
	float: left;
width: 100%;
}

.newsEmail {
	width: 50%;
clear: both;
float: left;
margin-bottom: 15px;
height: 30px;
padding-top: 15px !important;
	}
	
	.newsDropdown {
		
		float: left;
		clear: left;
		}

.widget-area aside {
	float:left;
	margin-top: 14px;
	width:100%;
}

.widget-area aside.top {
	margin-top: 3px;
}
	

#menu-site-selections-menu-1 li, #menu-site-selections-menu li {
	font-size:15px;
	text-align:center;
}

.secondry-nav {
	float:left;
	margin-top:20px;
	width:100%;
}

#menu-side-bar-1, #menu-side-bar {
	text-align:center;
	font-size:14px;
	font-family:"Arial black", Gadget, sans-serif;
}

.releases {
}

.hoz-scroll-container {
	overflow-x: scroll;
	overflow-y: hidden;
	height: 220px;
	width: 220px;
	;
}

.hoz-scroll-container ul {
	width:600px
}

.hoz-scroll-container ul li {
	width:220px;
	float:left;
}

.vert-scroll-container {
	height: 300px;
	overflow:hidden;
	overflow-y: scroll;
	overflow-x: hidden;
}

.mix-container {
	height:170px;
}

.social-media {
}

ul.social {
	width: 157px;
	margin:0 auto
}

.social li a {
	background:url(images/sprite.png);
	width: 22px;
	height: 22px;
	display: block;
}

.social li .twitter {
	background-position: -6px -5px;
}

.social li .face {
	background-position: -35px -5px;
}

.social li .vim {
	background-position: -65px -5px;
}

.social li .you {
	background-position: -96px -4px;
}

.social li .cloud {
	background-position:-126px -4px;
}

.social li .rss {
	background-position: -156px -4px;
}

.social li {
	float:left;
	margin-right: 5px;
}

.social li.last {
	margin-right:0
}

.gigs {
	width:100%;
}

.gigs p {
	font-size:11px;
}

.site-selections {
	width:100%;
}

.secondry-header {
	display:none
}

.releases {
	margin-top:0
}

.more-right {
	display:none;
}

.nav-show {
	display:none
}

.more-gig, .more-releases, .more-mix {
	display:none
}

.hide-nav2 {
	display:none
}

.food {
	display:none
}

.mix-show, .nav-gigs, .release-show {
	display:none;
	opacity: 0
}

.releases-slide {
	display: none
	}

/*Designs page*/

.designs ul {
	width: 30%;
	float: right;
}

.designs ul li span {
	color:#ccc !important;
	font-weight:bold;
	font-size:12px;
	line-height: 21px;
}

.discogs ul {
	width: 490px;
	float:left;
}

.track-list {
	float:left;
	width:230px;
}

.track-list p {
	line-height:21px;
	font-size:12px;
	margin-top: -5px;}

h2.info {
	float:right;
	margin-right: 190px;
	margin-top: 3px;
}

.track-list strong {
	color:#ccc
}

.discogs .rcover-list li {
	width:230px;
	height: auto;
	float:left;
	margin-right:15px;
	margin-bottom: 15px;
}

.discogs .rcover-list li.flex-height {
	height:auto;
}

.discogs .rcover-list li p {
	font-size:12px;
	color:#333;
}

.discogs ul li img {
	width:230px;
	height: auto
}

.discogs, .discogs {
	font-size:12px;
	line-height:16px;
}

.designs p, .designs {
	font-size: 12px;
	line-height: 16px;
}

.designs .ngg-gallery-singlepic-image {
	float:left;
	width: 60%;
}
.designs p {
	float:left;
	width: 60%;
}


.designs .ngg-galleryoverview {
	float:left;
	width:65%;
	clear:none;
	margin-top:0
}

.design-list {
	width:100%;
}

.design-list li {
	width:220px;
	height:250px;
	float:left;
	margin-right: 20px;
	margin-bottom:20px
}

.design-list li:nth-child(3n+3) {
	margin-right:0
}

.design-list li a, .design-archive li a {
	font-size:13px;
	color:#f60;
	font-weight:800;
}

.arc-img {
	width:220px;
	height:220px;
	overflow:hidden;
}

.arch-title, .arch-title-small {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 10px 10px 10px 0;
	width: 100%;
}

.arc-img img {
	height: 100%;
	width: auto;
	max-width: none;
}

.ngg-gallery-thumbnail {
	width:60px;
	height:60px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.royalSlider, .gallery {
	position: relative;
	width:100%;
	height:550px;
	float:left;
	margin-bottom: 50px;
}

.gallery {
	height: auto;
	}

.royalSlidertwo {
	width:100%;
	height:450px;
	float:left;
	margin-bottom:20px;
	margin-right: 10px;
}

.releases-slide {
	width:220px;
	height:220px;
	float:left;
	position:relative;
	margin-top: 9px;
}

.royalSlider img {
	margin:0
}

.design-archive h2 {
	margin-bottom: 20px;
}

.rsNav {
	float: left;
	margin-top: 5px;
}

.nav-show {
	opacity: 0
	}




/*Ipad portrait*/



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

.rsNav {
	position:absolute;
	left:2px;
	bottom:2px;
}

.rsBullet {
	background:#fff;
}

.releases-slide {
	width:150px;
	height:150px;
	float:left;
	position:relative;
	margin-top:0
}

ul#menu-main-menu li:after {
	right:-46px;
}

.design-list {
	width:720px;
	margin:0 auto
}

.hide-nav2 {
	display:none
}

.selections-h {
	float:left;
	margin:0;
	width:100%;
}

.header-selections {
	text-align: center;
	font-size: 14px;
	font-family: "Arial Black", Gadget, sans-serif;
}

.selections-h h2 {
	color: #F60;
	font-size: 14px;
	text-align: center;
	margin: 10px 0 0 0;
}

.header-selections li:after {
	content: "";
	width: 8px;
	height: 8px;
	background: #F60;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	position: absolute;
	bottom: 8px;
	right: -18px
}

.s-nav li:last-child:after {
	display:none;
}

.s-nav li:after {
	content: "";
	width: 8px;
	height: 8px;
	background: #F60;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	position: absolute;
	bottom: 6px;
	right: -18px
}

.s-nav li:last-child {
	margin-right:0
}

.header-selections li:last-child:after {
	display:none;
}

.more-right {
	float:right;
	display:block;
	margin-top: 5px;
}

.content-area {
	width:720px
}

.site-branding {
	float: left;
	width: 130px;
	margin: 45px 0 0 0;
}

.site-content, .content-area, .footer-container {
	width:720px
}

.alm-load-more-btn {
	left: 50%;
	margin-left: -51px;
	}

.main-navigation {
	margin: 4px 0 0 0;
	width: 710px;
}

.site-header {
	height:234px;
}

.widget-area {
	display:none
}

.secondry-header {
	display:block;
	float:left;
	width:560px;
	margin-left: 153px;
}

.releases {
	width:150px;
	height:170px;
	float:left
}

.mixes {
	width:150px;
	height:190px;
	float:left;
	overflow:hidden;
	margin-left:20px;
}

.releases img {
	width:150px;
	height:100%;
}

.secondry-header h2 {
	font-size:14px;
	color: #F60;
	margin:10px 0
}

.hoz-scroll-container {
	overflow-x: scroll;
	overflow-y: hidden;
	height: 150px;
	width: 150px;
}

.gigs {
	width:150px;
	height:190px;
	float:left;
	margin-left:20px;
	overflow:hidden
}

.gigs p {
	color:#FFF;
}

.header-search {
	display:none
}

.main-navigation li {
	margin-right: 93px;
}

.main-navigation li:last-child {
	margin-right: 0;
}

.main-navigation li:last-child:after {
	display:none
}

.nav-show {
	width: 100%;
	height: auto;
	float: left;
	display: none;
	position: relative;
	top: 20px;
	padding-bottom: 10px;
	margin-top: 0;
	margin-bottom: 20px;
	opacity: 1;
}

.more-right {
	cursor:pointer;
}

.header-social {
	width: 100%;
	margin-right: 20px;
	margin-bottom: 10px;
}

.s-nav li {
}

.nav-2 {
	width: 100%;
	float: left;
	padding-top: 10px;
}

.more-gig, .more-releases, .more-mix, .release-show {
	display:none
}

#menu-design li, #menu-discog li {
	float:left;
	margin-right:18px;
}

#menu-design li::after, #menu-discog li::after {
	right: -10px;
}
.rsGCaption {display:none}
}

.more-gig, .more-releases, .more-mix {
	cursor:pointer
}

/*Phone*/

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

.releases-slide {
	width: 252px;
	height: 252px;
	float: none;
	position: relative;
	margin:10px auto 0 auto
}

.info-mob {
	display: block;
margin-left: 0;
margin-bottom: 10px;
}

h2.info {
	display:none
}

.alignright {
	display: block;
	margin: 10px 0;
}

.design-list li:nth-child(3) {
	margin-right:0
}

.royalSlider, .royalSlidertwo {
	width:100%;
	float:left;
	margin-bottom: 60px;
}

.designs ul {
	width: 100%;
	float: left;
	margin-bottom:10px
}

.discogs ul {
	width: 100%;
	float: left;
	line-height: 20px;
	margin-left: 0;
	margin-bottom:0;
}

.discogs .rcover-list li, .discogs .rcover-list li img {
	width: 100%;
	}

.designs .ngg-galleryoverview {
	float:left;
	width:100%;
	clear:none;
	margin-top:20px
}

.designs p, .designs .ngg-gallery-singlepic-image {
	float: left;
	width: 100%;
}

.more-gig, .more-releases, .more-mix {
	display:block
}

.hide-nav {
	display:none
}

.hide-nav2 {
	display:block
}

.menu-main-menu-container {
	float: left;
	border-right: #FFF solid 1px;
	height: 36px;
	padding-top: 8px;
}

.more-right {
	float:right;
	display:block;
	margin-top: 9px;
	cursor:pointer;
}

.site-header {
	height:35px;
}

.main-navigation {
	margin: 0;
	width: 530px;
}

.site-branding {
	display:none
}

.header-search {
	display:none
}

.site-content, .content-area, .footer-container {
	width:530px;
}
.alm-load-more-btn {
	left: 40.8%;
}
.site-main {
	width:530px;
}

#menu-design li:after, #menu-discog li:after {
	display:none
}

.design-nav-continer {
	height:50px;
}

.widget-area {
	display:none
}

.main-navigation a {
	font-size:14px;
}

ul#menu-main-menu li:after {
	bottom: 5px;
	right: -24px;
}

.main-navigation li {
	margin-right:40px;
}

.main-navigation .current_page_item a2:after, .main-navigation .current-menu-item a:after {
	bottom: -13px;
	left: 8px;
}

.main-navigation li:last-child:after {
	display:none
}

.nav-show {
	width: 100%;
	height: auto;
	float: left;
	display: none;
	position: relative;
	top: 20px;
	padding-bottom: 10px;
	margin-top: 0;
	margin-bottom: 20px;
	opacity: 1
}

.selections-h {
	float:left;
	margin:10px 0 0 0;
	width:100%;
}

.header-selections {
	text-align: center;
	font-size: 14px;
	font-family: "Arial Black", Gadget, sans-serif;
}

.selections-h h2 {
	color: #F60;
	font-size: 14px;
	text-align: center;
	margin: 5px 0 0 0;
}

.header-selections li:last-child {
	margin-right:0;
}

.header-selections li:after {
}

.header-social {
	width:100%;
	margin-right: 20px;
	margin-bottom: 10px;
}

.nav-2 {
	width:100%;
	float:left;
	padding-top: 10px;
}

.s-nav {
	text-align: center;
	font-size: 14px;
	font-family: "Arial Black", Gadget, sans-serif;
}

.s-nav li {
}

.s-nav li:last-child {
	margin-right:0
}

.more-gig, .more-releases, .more-mix {
	float:left;
	font-size:14px;
	margin-top: 8px;
	color: #F60;
}

.more-gig {
	margin-left:25px;
}

.more-gig, .more-mix {
	margin-right:25px;
}

.main-navigation li:last-child {
	margin-right:12px
}

.mix-show {
	width: 100%;
	height: auto;
	float: left;
	display: none;
	position: relative;
	top: 20px;
	padding-bottom: 10px;
	margin-top: 0;
	opacity: 1;
	  margin-bottom: 15px;
}

.header-mix {
	width: 220px;
	margin: 0 auto
	}

.mix-show h2, .nav-gigs h2 {
	text-align:center;
	margin-bottom:15px;
}

.nav-gigs {
	width: 100%;
	height: 248px;
	float: left;
	display: none;
	position: relative;
	top: 20px;
	padding: 0 20px 0 20px;
	margin-top: 0;
	opacity: 1
}

.vert-scroll-container {
	height: 170px;
}

.release-show {
	width: 100%;
	height: 321px;
	float: left;
	display: none;
	position: relative;
	top: 20px;
	padding: 0 20px 0 20px;
	margin-top: 0;
	opacity: 1
}

.hoz-scroll-container2 ul {
	width:620px;
}

.releases-header {
	width:100%;
}

.hoz-scroll-container2 {
	overflow-x: scroll;
	overflow-y: hidden;
	height:250px;
	width: 520px;
	margin: 10px auto;
}

.hoz-scroll-container2 li {
	float:left;
	margin-right:10px;
	width:252px;
}

.releases-header h2 {
	text-align:center;
}

#menu-design li, #menu-discog li {
	float:left;
	margin-right:18px;
}

#menu-discog li.current-menu-item a::after, #menu-design li.current-menu-item a::after {
	content: "";
	width: 20px;
	height: 3px;
	border-left: none;
	border-right: none;
	border-bottom: 2px solid #000;
	position: absolute;
	top: 15px;
	left: 1px;
	border-top:none;
}
.rsGCaption {display:none}
}
 @media screen and (max-width : 530px) {
	 
	 .royalSlider {
		 height: 298px;
		 }

.hide-nav {
	display:none
}

#menu-design li::after, #menu-discog li::after {
	right: -10px;
}

.info-mob {
	display:block;
	margin-bottom: 10px;
}
h2.info {
	display:none
}

.design-nav-continer {
	height:70px;
}

#menu-design li, #menu-discog li {
	float:left;
	margin-right:18px;
}

.releases-slide {
	width: 252px;
	height: 252px;
	float: left;
	position: relative;
	margin:0 auto
}

.royalSlider,  {
	width:100%;
	float:left;
	margin-bottom: 50px;
	height: 300px;
}


.discogs ul {
	width: 100%;
	float:left;
	line-height: 20px;
	margin-left: 0;
	margin-bottom: 0;
}

.discogs .rcover-list li, .discogs .rcover-list li img {
	width: 100%;
	}

.royalSlidertwo {
	width:100%;
	float:left;
	margin-bottom:20px;
}

.designs ul {
	width: 100%;
	float: left;
	margin-bottom: 10px;
}

.design-list li, .design-archive li {
	margin-right:0;
	width:100%;
	margin-bottom:20px;
	height:360px;
}

.arch-title {
	height: 30px;
	width: 100%;
}

.arc-img {
	width:306px;
	height:306px;
}

.designs .ngg-galleryoverview {
	float:left;
	width:100%;
	clear:none;
	margin-top:20px
}

.designs p, .designs .ngg-gallery-singlepic-image {
	float: left;
	width: 100%;
}

.nav-gigs {
	width: 90%;
	height: 250px;
	float: left;
	display: none;
	position: relative;
	top: 20px;
	padding-bottom: 10px;
	margin-top: 0;
	margin-left: 20px;
	opacity: 1
}

.mix-show {
	width: 100%;
	height: auto;
	float: left;
	display: none;
	position: relative;
	top: 20px;
	padding-bottom: 10px;
	margin-top: 0;
	opacity: 1;
	margin-bottom: 15px;
}
.header-mix {
	width: 220px;
	margin: 0 auto
	}

.release-show {
	width: 100%;
	height: 330px;
	float: left;
	display: none;
	position: relative;
	top: 20px;
	padding: 0 20px 0 20px;
	margin-top: 0;
	opacity: 1
}

.releases-header {
	width:252px;
	height: 290px;
	margin:0 auto
}

.releases-header h2 {
	text-align:center;
	margin-bottom:10px;
}

.hoz-scroll-container2 {
	overflow-y: scroll;
	overflow-x: hidden;
	height: 252px;
	width: 252px;
}

.hoz-scroll-container2 li {
	float:left;
}

.mix-show h2, .nav-gigs h2 {
	text-align:center;
	margin-bottom:15px;
}

.hide-nav2 {
	display:block
}

.main-navigation {
	margin: 30px 0 0 0px;
	display: block;
	float: left;
	width: 306px;
	position:relative;
}

.main-navigation .current_page_item a2:after, .main-navigation .current-menu-item a:after {
	bottom: -13px;
	left: 8px;
}

.main-navigation li:last-child {
	margin-right:0
}

.main-navigation li:last-child:after {
	display:none
}

.site-header {
	height:55px;
}

.site-content, .content-area, .footer-container {
	width:306px;
}

.footer-social {
	display: none
	}
	.alm-load-more-btn {
	left: 36.6%;
	font-size: 16px;
	bottom: -41px;
}

.page-numbers li { 
	font-size: 13px;
	}
	.paging-navigation ul.page-numbers {
margin: 18px 0 0 0;
}
.site-main {
	width:306px;
}

.site-branding {
	display:none
}

.header-search {
	display:none
}

.widget-area {
	display:none
}

.main-navigation a {
	font-size: 14px;
}

.main-navigation li {
	margin-right: 45px;
}

ul#menu-main-menu li:after {
	bottom: 5px;
	right: -24px;
}

.more-gig, .more-releases, .more-mix {
	display:block
}

.more-gig, .more-releases, .more-mix {
	float:left;
	font-size:14px;
	margin-top: 8px;
	color: #F60;
}

.more-gig {
	margin-left:0px;
}

.more-gig, .more-mix {
	margin-right: 27px;
}

.main-navigation li:last-child {
	margin-right: 0;
}

.more-right {
	float: right;
	display: block;
	margin-top: 9px;
	cursor: pointer;
}

.top-nav {
	position:absolute;
	top: -31px;
	left:0;
	width: 100%;
}

.food {
	display:block;
	float:left;
	font-size:12px;
	color:#fff;
	margin-right: 35px;
	margin-top:11px;
}

.nav-show {
	width: 100%;
	height: auto;
	float: left;
	display: none;
	position: relative;
	top: 20px;
	padding-bottom: 10px;
	margin-top: 0;
	margin-bottom: 20px;
	opacity: 1
}

.header-social {
	margin-bottom:10px;
	width:100%;
	float:left;
}

.nav-2 {
	width:100%;
	float:left
}

.header-selections h2 {
	color: #F60;
	font-size: 14px;
	text-align: center;
	margin:10px 0
}

.selections-h {
	float:left;
	width:100%;
}

.selections-h h2 {
	color: #F60;
	font-size: 14px;
	text-align: center;
	margin: 5px 0 0 0;
}

.header-selections {
	text-align: center;
	font-size: 14px;
	font-family: "Arial Black", Gadget, sans-serif;
}

#menu-discog li.current-menu-item a::after, #menu-design li.current-menu-item a::after {
	content: "";
	width: 20px;
	height: 3px;
	border-left: none;
	border-right: none;
	border-top:none;
	border-bottom: 2px solid #000;
	position: absolute;
	top: 15px;
	left: 1px;
}

.entry-title {
	float: left;
	margin-bottom: 0px;
	width:100%;
}

.entry-meta {
	float: left;
}

.rsGCaption {display:none}
}


.rsArrowLeft {
left: 0;
top: 0;
}

.rsArrowRight {
right: 0;
top: 0;
}

.rsArrowLeft .rsArrowIcn {
background-position: -64px -32px;
}

.rsArrowRight .rsArrowIcn {
background-position: -64px -64px;
}

.rsArrowIcn {
width: 32px;
height: 32px;
top: 50%;
left: 50%;
margin-top: -16px;
margin-left: -16px;
position: absolute;
cursor: pointer;
background: url(royalslider/rs-default.png);
background-color: #000;
background-color: rgba(204, 204, 204, 0.75);
border-radius: 19px;
}

.rsArrow {
height: 100%;
width: 44px;
position: absolute;
display: block;
cursor: pointer;
z-index: 21;
}

.rsNavItem {
-webkit-tap-highlight-color: rgba(0,0,0,0.25);

background: #CCC;
width: 10px;
height: 10px;
float: left;
margin-right: 5px;
margin-top: 5px;
border-radius: 5px;
}

.rsNavSelected {
background: #F60;
width: 10px;
height: 10px;
display: block;
border-radius: 5px;
}

.ajax-load-more-wrap.white button.alm-load-more-btn{
	background-color: #fff;
	color: #666;
	border: 1px solid #efefef;
}
	.ajax-load-more-wrap.white button.alm-load-more-btn:hover,
	.ajax-load-more-wrap.white button.alm-load-more-btn.done{
		background-color: #efefef;
		color: #333;
	}	
	.ajax-load-more-wrap.white button.alm-load-more-btn.done{
		border-color: #fff;
	}