/*
Theme Name: cxBlueprint
Theme URI: http://cxthemes.com/cxblueprint
Description: Origami is a simple, responsive media blogging theme that places strong emphasis on your content. It looks great on mobile devices, even the videos and galleries scale to fit small screens. The options panel is easy to understand with a minimal set of options. Origami includes a powerful drag and drop page builder for creating unlimited page layouts. So you can use Origami as a simple blog or a complete business website.
Tags: one-column, flexible-width, post-formats, custom-menu, theme-options, threaded-comments, translation-ready, photoblogging
Author: cxThemes
Author URI: http://cxthemes.com/
Version: 1.0.0
License: GPL v2.0
License URI: license.txt

/* =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 centred 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/ */
}
body {
	background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
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: none;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
a img {
	border: 0;
}


/* =Global
----------------------------------------------- */

body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: sans-serif;
	line-height: 1.5;
	font-family: inherit;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* Text elements */
p {
	margin-bottom: 1.5em;
}
ul, ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
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;
	padding: 1.6em;
	overflow: auto;
	max-width: 100%;
}
code, kbd, tt, var {
	color: #ADADAD;
	font: 13px 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%;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
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 */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #ccc;
	border-color: #ccc #ccc #bbb #ccc;
	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: .5em 1.2em .6em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa #bbb;
	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,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #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"] {
	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
	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="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"] {
	padding: 2%;
	width: 96%;
	margin-bottom: 10px;
}
textarea {
	font-size: 13px;
    overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
    padding: 0.5% 1%;
    vertical-align: top; /* Improves readability and alignment in all browsers */
    width: 87%;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

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

.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 */
}

/* Clearing */
.clear:before,
.clear:after,
[class*="content"]:before,
[class*="content"]:after,
[class*="site"]:before,
[class*="site"]:after {
	content: '';
	display: table;
}

.clear:after,
[class*="content"]:after,
[class*="site"]:after {
	clear: both;
}


/* =Menu
----------------------------------------------- */
.float-left { float: left; }
.float-right { float: right; }

.navigation-main {
    display: block;
}
.navigation-main ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.navigation-main li {
	position: relative;
}
.navigation-main a {
	color: #DDDDDD;
    display: block;
    font-size: 16px;
	padding: 2px 0 4px;
    margin: 95px 0 0;
    text-decoration: none;
	width: 150px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 400;
}
.navigation-main ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	display: none;
	float: left;
	position: absolute;
		top: 1.5em;
		left: 0;
	z-index: 99999;
}
.navigation-main ul ul ul {
	left: 100%;
	top: 0;
}
.navigation-main ul ul a {
	width: 200px;
}
.navigation-main ul ul li {
}
.navigation-main li:hover > a {
}
.navigation-main ul ul :hover > a {
}
.navigation-main ul ul a:hover {
}
.navigation-main ul li:hover > ul {
	display: block;
}
.navigation-main li.current_page_item a,
.navigation-main li.current-menu-item a {
}

/* Small menu */
.menu-toggle {
	display: none;
	cursor: pointer;
}

.main-small-navigation ul {
	display: none;
}

/* =Content
----------------------------------------------- */

.sticky {
}
.hentry {
	margin: 0 0 1.5em;
}
.byline, .hide {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}


/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}


/* =Media
----------------------------------------------- */

.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.site-content .gallery {
	margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-content .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-content .gallery dd {
	margin: 0;
}
.site-content .gallery-columns-4 .gallery-item {
}
.site-content .gallery-columns-4 .gallery-item img {
}


/* =Navigation
----------------------------------------------- */

.site-content [class*="navigation"] {
	margin: 0 0 1.5em;
	overflow: hidden;
}
[class*="navigation"] .nav-previous {
	float: left;
	width: 50%;
}
[class*="navigation"] .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/* =Comments
----------------------------------------------- */

.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
}

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

.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .submit {
	display: none;
}

/* =Infinite Scroll
----------------------------------------------- */

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .navigation-paging, /* 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;
}



/* = cxStyle Starts here
----------------------------------------------- */

/* ---- Default Styling ---- */

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #000;
	font-weight: 400;
	line-height: 1.0em;
    word-wrap: break-word;
	margin-top: 0;
}

h1 {
    font-size: 32px;
    margin-bottom: .5em;
}

h2 {
    font-size: 30px;
    margin-bottom: .75em;
}

h3 {
    font-size: 26px;
    margin-bottom: .857em;
}

h4 {
    font-size: 20px;
    margin-bottom: 1em;
}

h5 {
    font-size: 16px;
    margin-bottom: 1.125em;
}

h6 {
    font-size: 14px;
    margin-bottom: 1.285em;
}



/* ---- Structure Styling ---- */

body {
	background-image: url(images/bg.png);
	font-size: 14px;
	color: #444;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	min-width: 250px;
	padding: 0 0 60px;
}

a {
	color: inherit;
	outline: none;
	text-decoration: none;
}

.clearboth {
	clear: both;
}

.nav-contact { position: relative; }
.contact-block { display: none; opacity: 0; background-color: #000; border-radius: 5px; top: 132px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); padding: 25px 30px 15px; position: absolute; right: 0; width: 350px; }
.contact-block-arrow { background-image: url(images/contact_arrow.png); height: 12px; position: absolute; right: 50px; top: -10px; width: 52px; }
.contact-block span { color: #EED89D; display: block; padding: 0 0 10px; }
.contact-block span a { display: inline-block; font-size: 14px; padding: 0; text-align: right; text-transform: none; width: 240px; margin: 0; }
.contact-block span b { display: inline-block; min-width: 110px; }
.contact-block .icon-remove { color: #DDD; position: absolute; right: 5px; top: 5px; cursor: pointer; }
.contact-text { font-size: 12px; color: #DDD; padding: 2px 0 12px; }

.nav-selected { box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8) inset; }

.site-container {
	margin: 0 auto;
    max-width: 1200px;
}
.site-container #stratus, .site-container #stratus iframe { position: absolute !important; height: 95px !important; width: 420px !important; }

.main-content {
	padding: 90px 0 0;
}

.site {
    margin: 0 15px;
    padding: 0 20px;
}

.content-area {
	box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1);
    float: left;
    margin: 0;
    width: 850px;
}
.widget-area {
	float: left;
    padding: 0 0 0 30px;
    width: 320px;
}

.widget-title {
	font-size: 16px;
    margin: 0;
    padding: 14px 0 0;
    text-transform: uppercase;
}
.widget-title span { font-size: 12px; color: #888; }

.widget-next-event-block { padding: 10px 0 30px; }
.home-widget .widget-next-event-block { padding: 0px 0 10px; }

.home-video {
    width: 58%;
    margin: 3% auto 0;
    position: relative;
}
.home-video iframe {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
}

.site-header {
	background-color: #262626;
	background-image: url(images/header_bg.png);
	background-repeat: repeat-x;
	background-position: 0 -23px;
	box-shadow: 0 1px 0 #D8D8D8;
	color: #000;
	height: 125px;
	box-shadow: 0 4px 4px rgba(0,0,0,0.3);
	position: fixed;
	width: 100%;
	z-index: 999;
}
.header-spacer { height: 125px; }

.site-header .site-container {
	position: relative;
}

.de-tech-rider-dl {
    background-image: url(images/tech-rider-icon.png);
    display: block;
    width: 39px;
    height: 45px;
    position: absolute;
    top: 50px;
    right: 80px;
    z-index: 99;
    display: none;
}
.de-press-pack-dl {
    background-image: url(images/press-pack-icon.png);
    display: block;
    width: 39px;
    height: 45px;
    position: absolute;
    top: 50px;
    right: 35px;
    z-index: 99;
}

.site-content {
	padding: 10px 30px 0 0;
}

.site-branding {
	position: absolute;
    text-align: center;
    width: 100%;
}
.site-branding a {
	display: inline-block;
}

.page-header {
	padding: 40px 0 20px;
    text-transform: uppercase;
}
.page-header h1 {
	clear: none;
    color: #333333;
    float: left;
    margin: 0;
    padding: 0;
	font-weight: 300;
}
.page-header h2 {
	clear: none;
    color: #A6A6A6;
    float: left;
    font-size: 16px;
    margin: 0;
    padding: 14px 0 0 5px;
	font-weight: 300;
}

.content-left {
	width: 590px;
	min-height: 100px;
	float: left;
	margin: 0 30px 0 0;
}

.content-right {
	width: 580px;
	min-height: 100px;
	float: left;
}
.content-right a {
	color: #111;
    font-weight: 600;
}

.content-full {
	position: relative;
}
.link-to-instagram { background-color: #6E317A; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset; color: #FFFFFF; display: block; font-size: 18px; padding: 8px 30px; position: absolute; right: 0; top: -52px; }

.content-full h3 { color: #333; font-size: 18px; margin: 0; padding: 20px 0 15px; text-transform: uppercase; }
.content-full h3 span { color: #9D9D9D; font-size: 13px; }

.home-content { padding: 50px 0 60px; text-align: center; }
.home-content iframe { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5); }
.home-widget { min-height: 100px; width: 270px; display: inline-block; vertical-align: top; }
.home-widget h3 { margin: 0; padding: 0 0 15px; font-size: 18px; font-weight: 300; text-transform: uppercase; text-align: left; }
.home-widget h3 span { font-size: 12px;  }
.home-widget-left {  }
.home-widget-middle { margin: 0 150px; }
.home-widget-right {  }
.home-instagram { min-height: 100px; }

.twitter-stream-wrapper { bottom: 80px; position: absolute; width: 100%; }
.twitter-stream-home-wrapper {  }
.twitter-stream { background-image: url(images/tw_left.png); background-repeat: no-repeat; background-position: left top; margin: 80px auto 0; max-width: 600px; text-align: center; }
.twitter-stream p { background-image: url(images/tw_right.png); background-position: right bottom; background-repeat: no-repeat; color: #3C3A3A; font-size: 15px; font-weight: 400; margin: 0; padding: 17px 35px; }
.twitter-stream p a { color: #999; font-size: 12px; font-weight: 300; }
.twitter-stream .profile-link { color: #989898; padding: 15px 0 0; }

.members-block {
	float: left;
    height: 214px;
    position: relative;
    text-transform: uppercase;
    width: 295px;
}
.members-block img {
	
}
.members-block h5 {
	background-color: #000;
    bottom: 0;
    color: #D5D5D5;
    margin: 0;
    padding: 10px 20px 12px;
    position: absolute;
    right: 0;
	font-size: 16px;
	font-weight: 300;
}
.members-block h5 span {
	color: #545454;
    font-size: 12px;
}

.media-blocks {
	padding: 0 0 40px;
}

.media-block {
	display: block;
	width: 240px;
	height: 240px;
	float: left;
	box-shadow: 0 0 0px rgba(0,0,0,0);
	position: relative;
	z-index: 2;
	transition: box-shadow 0.3s ease 0s;
}
.media-block a { display: block; width: 240px; height: 240px; }
.media-block img { width: 240px; height: 240px; display: block; }
.media-block:hover {
	z-index: 3;
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.7);
}

.video-blocks {
	padding: 0 0 40px;
}

.video-block {
	display: block;
	width: 240px;
	height: 240px;
	float: left;
	box-shadow: 0 0 0px rgba(0,0,0,0);
	position: relative;
	z-index: 2;
	transition: box-shadow 0.3s ease 0s;
}
.video-block a { display: block; width: 240px; height: 240px; }
.video-block img { width: 240px; height: 240px; }
.video-block:hover {
	z-index: 3;
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.7);
}
.video-block-popup { display: none; }
.video-block-popup-inner { width: 853px; height: 480px; position: relative; left: -150px; }

.news-block { margin: 0 0 30px; padding: 0 0 30px; box-shadow: 0 1px 0 rgba(0,0,0,0.1); }
.news-block-img { display: block; width: 150px; height: 150px; float: left; margin: 0 20px 0 0; }
.news-block-info { float: left; width: 650px; }
.news-block-info-noimg { float: none; width: 100%; }
.news-block-info h3 { clear: none; font-size: 28px; margin: 0; padding: 4px 0 10px; }
.news-block-info h3 a { color: #111; font-weight: 300; }
.news-block-right .news-block-img { float: right; margin: 0 0 0 20px; }
.news-block-right .news-block-info { float: right; }
.news-block-meta { font-size: 12px; color: #888; padding: 2px 0 10px; }
.news-block-meta span { margin: 0 10px 0 0; }
.news-block-meta span i { font-size: 14px; margin: 0 2px 0 0; color: #666; }
.news-block:last-child { box-shadow: none; }

.news-no-posts { font-size: 32px; color: #A7A7A7; padding: 60px 0 150px 0; }

.home-widget .news-block { margin: 0 0 30px; padding: 0 0 30px; box-shadow: 0 1px 0 rgba(0,0,0,0.1); text-align: left; }
.home-widget .news-block-img { display: block; width: 100%; height: auto; float: none; margin: 0 20px 0 0; }
.home-widget .news-block-info { float: none; width: 100%; }
.home-widget .news-block-info h3 { clear: none; font-size: 24px; margin: 0; padding: 5px 0 8px; }
.home-widget .news-block-info h3 a { color: #111; font-weight: 300; }
.home-widget .news-block-right .news-block-img { float: right; margin: 0 0 0 20px; }
.home-widget .news-block-right .news-block-info { float: right; }
.home-widget .news-block-meta { font-size: 12px; color: #888; padding: 2px 0 10px; }
.home-widget .news-block-meta span { margin: 0 10px 0 0; }
.home-widget .news-block-meta span i { font-size: 14px; margin: 0 2px 0 0; color: #666; }
.home-widget .news-block:last-child { box-shadow: none; }

.shows-block { margin: 20px 0 30px; padding: 0 0 40px; box-shadow: 0 1px 0 rgba(0,0,0,0.1); position: relative; }
.show-block-event-passed { background-image: url(images/bg.png); height: 100%; opacity: 0.65; position: absolute; width: 100%; }
.show-block-event-passed-txt { color: #000000; display: block; font-size: 50px; font-weight: 600; opacity: 0; padding: 92px 0 0; text-align: center; text-shadow: 0 0 8px rgba(0, 0, 0, 0.6); transition: opacity 0.3s ease 0s; }
.show-block-event-passed:hover .show-block-event-passed-txt { opacity: 0.7; }
.shows-block-img { display: block; float: left; height: 250px; margin: 0 30px 0 0; width: 250px; }
.shows-block-info { float: left; height: 250px; width: 920px; }
.shows-block-info h3 { clear: none; font-size: 28px; margin: 0; padding: 4px 0 10px; }
.shows-block-info h3 a { color: #111; font-weight: 300; }
.shows-block-info p { padding: 0; margin: 0 0 10px; min-height: 40px; }
.shows-block-right .shows-block-img { float: right; margin: 0 0 0 20px; }
.shows-block-right .shows-block-info { float: right; }
.shows-block-meta { font-size: 12px; color: #888; padding: 2px 0 10px; }
.shows-block-meta-bands { padding: 5px 0; }
.shows-block-meta-details { padding: 10px 0 20px; }
.shows-block-meta-details span { display: block; float: left; font-size: 16px; margin: 4px 0 8px; width: 300px; }
.shows-block strong { font-weight: 600; }
.shows-block:last-child { box-shadow: none; }

.shows-no-posts { font-size: 32px; color: #A7A7A7; padding: 60px 0 150px 0; text-align: center; }

.music-block { margin: 0 0 50px; }
.music-block-img { width: 450px; height: 450px; float: left; margin: 0 30px 0 0; }
.music-block-info { float: left; height: 450px; width: 720px; position: relative; }
.music-block-info h3 { font-size: 30px; font-weight: 300; margin: 0; padding: 2px 0 15px; }
.music-block-info-txt {  }
.music-block-info-tracks {  }
.music-block-info-tracks h4 { color: #333333; font-size: 18px; margin: 0; padding: 30px 0 10px; }
.music-block-info-tracks h6 { margin: 0; padding: 0; }
.music-block-info-tracks a { display: block; width: 70%; float: left; padding: 4px 0; }
.music-block-info-tracks a i { color: #9D9D9D; font-size: 16px; opacity: 0; left: 4px; position: relative; top: 1px; transition: opacity 0.2s ease 0s; }
.music-block-info-tracks a i.icon-align-justify { width: 20px; font-size: 14px; left: -2px; }
.music-block-info-tracks h6:hover i { opacity: 1; }
.lyrics-read-a { color: #9D9D9D; opacity: 0; transition: opacity 0.2s ease 0s; }
.music-block-info-tracks h6:hover .lyrics-read-a { opacity: 1; }
.music-block-right .music-block-img { float: right; margin: 0 0 0 30px; }
.music-block-right .music-block-info { float: right; }
.music-block-info-get { bottom: 2px; font-size: 14px; font-weight: 600; position: absolute; left: 2px; }
.music-block-info-get a { margin: 0 20px 0 0; }
.music-block-info-get a i { font-size: 20px; margin: 0; }
.lyrics-read-a { float: right !important; font-size: 11px; text-align: right; text-transform: uppercase; width: 30% !important; }
.lyrics-read { display: none; min-width: 560px; }
.lyrics-read-text { background-color: #fff; color: #7D7D7D; font-size: 13px; font-weight: 500; line-height: 18px; padding: 30px; min-width: 560px; }
.lyrics-read-text h3 { color: #D5D5D5; font-size: 30px; margin: 0; padding: 0 0 12px; text-align: right; }

.pp_overlay { position: fixed !important; }
.pp_social .facebook { width: 120px !important; }

/* ---- Archive / List Styling ---- */

.post {
	border-bottom: 1px solid #EBEBEB;
    margin: 0 0 30px;
    padding: 0 0 20px;
}

.post:last-child {
	border-bottom: 0;
	padding: 0;
}

.format-aside {
	padding: 5px 0 20px;
}

.entry-header {
	padding: 40px 0 20px;
    text-transform: uppercase;
}
.entry-title {
	clear: none;
    color: #333333;
    float: left;
    margin: 0;
    padding: 0;
	font-weight: 300;
}

.entry-header .entry-meta {
	
}

.entry-content {
	
}

.entry-meta {
	
}

.single .widget-area { padding: 50px 0 0 30px; }
.single .entry-content { margin: 0 0 20px; }
.single .entry-meta { color: #222; font-size: 13px; padding: 10px 0 0; text-transform: none; }
.single .widget-title span { font-size: 12px; color: #888; }
.single .instagram-blocks { padding: 15px 0 30px; }
.single .instagram-img { position: relative; width: 80px; height: 80px; float: left; z-index: 2; box-shadow: 0 0 0px rgba(0,0,0,0); transition: box-shadow 0.3s ease 0s; }
.single .instagram-img a { display: block; height: 80px; width: 80px; }
.single .instagram-img img { max-width: 100%; }
.single .instagram-img:hover { z-index: 3; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5); }
.post-type-archive .instagram-blocks { padding: 15px 0 30px; }
.post-type-archive .instagram-img { position: relative; width: 80px; height: 80px; float: left; z-index: 2; box-shadow: 0 0 0px rgba(0,0,0,0); transition: box-shadow 0.3s ease 0s; }
.post-type-archive .instagram-img a { display: block; height: 80px; width: 80px; }
.post-type-archive .instagram-img img { max-width: 100%; }
.post-type-archive .instagram-img:hover { z-index: 3; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5); }

/* ---- Footer Styling ---- */

.site-footer {
	bottom: 0;
    position: fixed;
    width: 100%;
	background-color: #000000;
    border-top: 1px solid #282828;
    box-shadow: 0 1px 0 #515151 inset;
    color: #474747;
    padding: 10px 0 5px;
	z-index: 10;
}

.footer-left {
	float: left;
    font-size: 11px;
    padding: 2px 0 0;
    width: 50%;
}

.footer-right {
	width: 50%;
	float: left;
	text-align: right;
}

.social-icon {
	background-color: #3E3E3E;
    background-image: url(images/social_icons.png);
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(145, 145, 145, 0.2) inset;
    display: inline-block;
    height: 24px;
    width: 24px;
	margin: 0 0 0 4px;
}

.social-icon-facebook {
	background-position: 0 0;
}
.social-icon-soundcloud {
	background-position: -24px 0;
}
.social-icon-rss {
	background-position: -48px 0;
}
.social-icon-twitter {
	background-position: -72px 0;
}
.social-icon-youtube {
	background-position: -96px 0;
}
.social-icon-email {
	background-position: -120px 0;
}

.social-icon-instagram {
	background-image: url(images/instagram_icon.png);
}

.site-by { display: inline-block; width: 19px; height: 19px; vertical-align: top; background-image: url(images/kaira.png); background-position: 0 0; margin: 0 3px 0 0; }
.site-by:hover { background-position: 0 -19px; }

.sp-block {
    width: 360px;
    margin: 40px auto 20px;
}
.sp-block-left {
    text-align: center;
    padding: 0 15px 0 0;
    font-size: 13px;
    color: #333;
}
.sp-block-left p {
    margin: 0;
    padding: 0;
}
.sp-block-left h4 {
    margin: 0;
    padding: 0 0 10px;
    font-size: 22px;
    color: #000;
    font-weight: 500;
}
.sp-block-right {
    display: table-cell;
    vertical-align: middle;
    width: 138px;
    box-shadow: 0 0 0 1px #1F1F1F;
}
.sp-block-right a {
    display: block;
}
.sp-block-right img {
    display: block;
    margin: 0;
}

.sp-block-inner-click {
	
}
.sp-block-inner-shared {
	display: none;
}
.sp-share-btn {
	display: inline-block;
	background: none;
	background-color: #E84B00;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	border: 1px solid rgba(0, 0, 0, 0.3);
	text-shadow: none;
	color: #E0E0E0 !important;
	padding: 3px 15px;
	margin: 14px 0 0 4px;
	cursor: pointer;
}
.sp-block-inner-not-shared {
    display: none;
}

.sp-button-like {
    margin: 6px 0 0;
}

.sp-block .ddownload-button {
    background: none;
    background-color: rgb(232, 75, 0);
    border: 1px solid rgba(0, 0, 0, 0.3);
    text-shadow: none;
    color: #E0E0E0 !important;
    padding: 1px 14px;
    margin: 3px 0 0 5px;
}
.sp-block .ddownload-button:hover {
    background: none;
    background-color: rgb(213, 69, 0);
    color: #E0E0E0 !important;
}

/* ------------------------------ Media Query targeting screens 980px -> 1199px wide ----------------------------- */
@media only screen and (min-width: 980px) and (max-width: 1220px) {
	.site-container {
		margin: 0 auto;
		max-width: 980px;
	}
	
	.site-branding a {
		position: relative;
		width: 248px;
		z-index: 65;
	}
	
	.content-left {
		margin: 0 20px 0 0;
		width: 540px;
	}
	.content-right {
		width: 420px;
	}
	
	.members-block {
		height: 196px;
		width: 270px;
	}
	
	.music-block-img {
		width: 400px;
		height: 400px;
	}
	.music-block-info {
		height: 400px;
		width: 550px;
	}
	
	.shows-block-img {
		height: 180px;
		margin: 0 20px 0 0;
		width: 180px;
	}
	.shows-block-info {
		height: auto;
		width: 770px;
	}
	.shows-block-info h3 {
		padding: 0 0 8px;
	}
	.shows-block-meta-bands {
		padding: 2px 0;
	}
	.shows-block-meta-details {
		padding: 8px 0 15px;
	}
	.shows-block-meta-details span {
		font-size: 15px;
		margin: 2px 0 0;
		width: 250px;
	}
	
	.content-area {
		width: 660px;
	}
	.widget-area {
		padding: 0 0 0 20px;
		width: 300px;
	}
	.news-block-info {
		width: 460px;
	}
	.instagram-img {
		height: 245px;
		width: 245px;
	}
	.instagram-img a {
		height: 245px;
		width: 245px;
	}
	.post-type-archive .instagram-img {
		width: 75px;
		height: 75px;
	}
	.post-type-archive .instagram-img a {
		width: 75px;
		height: 75px;
	}
	
	.media-block {
		width: 245px;
		height: 245px;
	}
	.media-block img {
		height: 245px;
		width: 245px;
	}
	
	.home-widget-middle { margin: 0 80px; }
	
	
	
	
}

/* = Media Query targeting screens less than 998px wide
----------------------------------------------- */
@media only screen and (max-width: 998px) {
	/* ---- Structure Styling ---- */
	.menu-toggle,
	.main-small-navigation ul.nav-menu.toggled-on {
		display: block;
	}

	.navigation-main ul {
		display: none;
	}
	
	.site-branding {
		width: 100%;
		float: none;
		text-align: center;
		position: relative;
		height: 95px;
	}
	.site-branding a {
		display: inline-block;
		width: 242px;
		height: 86px;
	}
	
	.navigation-main,
	.main-small-navigation {
		background-color: #000;
		float: none;
		text-align: center;
		width: 100%;
	}
	.menu-toggle {
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
		color: #FFF;
		cursor: pointer;
		font-size: 20px;
		font-weight: 300;
		padding: 5px 0;
		text-transform: uppercase;
		margin: 0;
	}
	.main-small-navigation ul {
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
		margin: 0;
	}
	.main-small-navigation ul li {
		background-color: #1A1A1A;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.03) inset;
		float: none;
	}
	.main-small-navigation ul li a {
		color: #fff;
		display: block;
		padding: 6px 0;
	}
	.nav-selected {
		background-color: #000000 !important;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset !important;
	}
	
	.site-container {
		padding: 0 15px;
	}
	
	.site-header {
		position: relative;
		margin: 0 0 25px;
		height: auto;
	}
	.site-header .site-container {
		padding: 0px;
	}
	.header-spacer { display: none; }
	
	.site-container #stratus, .site-container #stratus iframe {
		height: 122px !important;
		overflow: hidden;
		position: relative !important;
		width: 400px !important;
		text-align: center;
		padding: 0;
    }
    .site-container #stratus {
        width: 230px !important;
        margin: 0 auto;
        padding: 0 0 0 70px;
    }
	
	.content-area {
		width: 100%;
		float: none;
		box-shadow: none;
	}
	
	.widget-area {
		box-shadow: 0 -1px 0 #D8D8D8;
		float: none;
		margin: 15px 0 0;
		padding: 35px 0 0;
		width: 100%;
	}
	
	.site-content {
		padding: 35px 0 10px;
	}
	
	.page-header {
		padding: 0px 0 20px;
	}
	
	.content-left {
		float: none;
		margin: 0;
		width: 100%;
	}
	.content-right {
		float: none;
		padding: 30px 0 10px;
		width: 100%;
	}
	
	.home-widget { width: 28%; }
	.home-widget-middle { margin: 0 5%; }
	
	.members-block {
		height: auto;
		margin: 0 0 -6px;
		width: 50%;
	}
	.members-block img {
		width: 100%;
	}
	.members-block h5 {
		bottom: 6px;
	}
	
	.music-block-img {
		height: auto;
		margin: 0 2% 0 0;
		width: 30%;
	}
	.music-block-img img { width: 100%; height: auto; }
	.music-block-info {
		height: auto;
		width: 68%;
		padding: 0px 0 60px;
	}
	
	.shows-block-img {
		height: auto;
		margin: 0 2% 0 0;
		width: 25%;
	}
	.shows-block-info {
		height: auto;
		width: 73%;
	}
	.shows-block-meta-details span {
		width: 50%;
	}
	.shows-block-right .shows-block-img {
		margin: 0 0 0 2%;
	}
	.shows-block-meta-details {
		padding: 10px 0 5px;
	}
	
	.media-block {
		height: auto;
		width: 25%;
	}
	.media-block img {
		height: auto;
		width: 100%;
	}
	.instagram-img {
		height: auto;
		width: 25%;
	}
	.instagram-img img {
		height: auto;
		width: 100%;
	}
	
	.news-block-img {
		height: auto;
		margin: 0 3% 0 0;
		width: 25%;
	}
	.news-block-info {
		width: 72%;
	}
	
	.content-instagram { margin: -25px 0 0; }
	.content-instagram .instagram-img { width: 25%; }
	
	/* ---- Widget Styling ---- */
	.widget-area .widget {
		margin: 0 0 35px;
		padding: 0;
	}
	
	input[type="text"],
	input[type="email"],
	input[type="password"],
	input[type="search"] {
		padding: 1%;
		width: 97.8%;
	}
}


/* = Media Query targeting screens less than 768px wide
----------------------------------------------- */
@media only screen and (max-width: 700px) {
	.news-block-img {
		display: none;
	}
	.news-block-info {
		width: 100%;
	}
	
	.media-block {
		height: auto;
		width: 50%;
	}
	.media-block img {
		height: auto;
		width: 100%;
	}
	.instagram-img {
		height: auto;
		width: 50%;
	}
	.instagram-img img {
		height: auto;
		width: 100%;
	}
	
	.shows-block-img {
		display: none;
	}
	.shows-block-info {
		width: 100%;
	}
	.shows-block-meta-details span {
		width: 100%;
	}
	
	.home-widget { display: block; width: 80%; margin: 0 auto 25px; }
	.home-widget-middle { margin: 0 auto; }
	
	body.page-template-instagram-php { padding: 0 0 76px; }
	.content-instagram .instagram-img { width: 50%; }
	
	.music-block-img {
		float: none;
		height: auto;
		margin: 0;
		width: 100%;
	}
	.music-block-img img { width: 100%; height: auto; }
	.music-block-info {
		float: none;
		height: auto;
		width: 100%;
		padding: 15px 0 80px;
	}
	
	.twitter-stream-wrapper { bottom: 100px; position: absolute; width: 100%; }

	.footer-left {
		float: none;
		padding: 2px 0;
		text-align: center;
		width: 100%;
	}
	
	.footer-right {
		float: none;
		padding: 1px 0;
		text-align: center;
		width: 100%;
	}
}