article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif;color:#222}body{margin:0;font-size:1em;line-height:1.4}::-moz-selection{background:RGBA(0,0,0,0.7);color:#f2e895;text-shadow:none}::selection{background:RGBA(0,0,0,0.7);color:#f2e895;text-shadow:none}a{color:#00e;text-decoration:none}a:visited{color:#551a8b}a:hover{color:#06e}a:focus{outline:thin dotted}a:hover,a:active{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:bold}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}ul,ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;*margin-left:-7px;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*width:13px;*height:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{margin:.2em 0;background:#ccc;color:black;padding:.2em 0}

/* ===== Primary Styles ========================================================
   Author: Luke Beard
   Date: June/July 2012
   ========================================================================== */

html,body
{
	font: normal 14px/22px "Helvetica Neue",Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	width:100%;height:100%;
}

#dmx /*Main Wrapper*/
{
	font: normal 15px/21px 'Noticia Text', serif;
	width:90%;
	max-width:1024px;
	margin:0px auto;
}

#lhs
{
	width:640px;
	float:left;
	padding: 20px 0 0 0;
}

#rhs
{
	background:#fff;
	float: right;
	width: 327px;
	margin: 20px 0 0 0;
	position: relative;
	z-index: 3;
}


.fixed
{
	position:fixed;
	z-index:9999;
	margin:0;
}

hr#top
{
	height:0;width:0;
	border:none;
}

#back-top {
	position: fixed;
	bottom: 50px;
	right: 21.5%;
}

#back-top a {
	width: 152px;
	display: block;
	text-align: center;
	font: 14px/27px 'Quicksand', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #BBB;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	font-weight: bold;
	border: solid 2px #E0E0E0;
	border-radius: 3em;
	height: 26px;
}
#back-top a:hover {
	color: #000;
}


/*Type 
-------------------------------------------------------------------------------*/

h2
{
	font:normal 41px/52px "Arvo",sans-serif;
	text-transform:uppercase;
	margin:0.2em 0 0.1em 0;
}

h3
{
	font:bold 20px/24px 'Quicksand', sans-serif;
}

p
{
	line-height: 22px;
	margin: 11px 0;
}

/*Header*/

header
{
	padding:20px 0 0 0;
}

header h1
{
	background: url('http://assets.synth.tc/blog/img/sprite.png') 0 0 no-repeat;
	width:384px;
	height:115px;
	margin:0px auto;
}

header h1:hover
{
	background: url('http://assets.synth.tc/blog/img/sprite.png') 0 -251px no-repeat;
}

header nav {
	margin: 30px 0 0 0;
	font: 400 18px/85px 'Quicksand', sans-serif;
	height: 80px;width:100%;
	background:#fafafa;
	overflow: hidden;
}

header nav ul
{
	width:92%;
	max-width:1024px;
	margin:0px auto;
}

header nav ul li,header nav ul li a
{
	float:left;
	display:inline-block;
	height:80px;
}

header nav ul li
{
	margin:0 5.7% 0 0;
	position:relative;
}


header nav ul li:last-child
{
	margin:0;
}

header nav ul a,header nav ul a:link,header nav ul a:visited
{
	color:#0f0f0f;
	text-transform:uppercase;
	-webkit-transition: all 200ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
	   -moz-transition: all 200ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
	    -ms-transition: all 200ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
	     -o-transition: all 200ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
	        transition: all 200ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}

header nav ul a:hover{color:#999}

header nav ul li a.getapp
{
	background: #FF5B54;
	position: absolute;
	font-weight: bold;
	font-size: 13px;
	width: 32px;
	height: 21px;
	display: block;
	line-height: 23px;
	text-align: center;
	color: white;
	border-radius: 2px;
	right: -36px;
	top: 15px;
}

header nav ul li a.getapp:hover
{
	background:#e64d46;
}

#m-nav
{
	display:none;
}

/*Left Hand Column Specific  
-------------------------------------------------------------------------------*/

/*Post meta*/


#lhs .post
{
	margin: 0 0 23px 0;
	padding: 0 0 16px 0;
	border-bottom: solid 3px #EFEFEF;
}

#lhs .post-meta
{
	font:400 16px/normal 'Quicksand', sans-serif;;
	color:#d1d1d1;
}


#lhs .post-meta .pubdate {float:left;}

#lhs .post-meta .tagged 
{
	position:relative;
	float:right;
	text-transform:uppercase;
	cursor:pointer;
}

#lhs .post-meta .tagged:hover
{
	color:#000;
}

#lhs .post-meta .tagged:after
{
	background: url('http://assets.synth.tc/blog/img/sprite.png') -201px -197px no-repeat;
	content: "See Tags";
	display: inline-block;
	width: 16px;
	height: 16px;
	text-indent: -9999em;
	overflow: hidden;
}

#lhs .post-meta a,#lhs .post-meta a:link,#lhs .post-meta a:visited
{
	color:#b3b2b2;
	font-weight:600;
	border:none;
}

#lhs .post-meta a:hover
{
	color:#000;
}

#lhs em, #lhs u,#lhs ins
{
	text-decoration:none;
}

#lhs p b,#lhs p strong
{
	font-family:"Helvetica" sans-serif;
	font-weight:bold;
}

#lhs a,#lhs a:link,#lhs a:visited
{
	color:#000;
	border-bottom:solid 2px #fff32c;
}

#lhs a:hover {border-color:#000;}
#lhs a:active {position:relative;top:1px}

#lhs h2 a,#lhs h2 a:link,#lhs h2 a:visited
{
	border:none;
	cursor:pointer;
}

#lhs h2 a:hover
{
	background:#fff32c;
}

#lhs .comments
{
	margin:20px 0 0 0;
}

#lhs .comments img
{
	width:auto;height:auto;
}

#lhs h2 a:active
{
	color:#cfc84c;
	top:0;
}

#lhs img
{
	width:100%;
	max-width:100%;
	height:auto;
}

#lhs .p-text object,#lhs .p-text iframe,#lhs .p-video object,#lhs .p-video iframe
{
	width:100%;
}

.spotify-wrapper
{
	height: 449px;
	overflow: hidden;
	border-radius: 0 0 3px 3px;
	margin: 18px 0;
}

#lhs .p-audio iframe
{
	margin-top:15px;
	width:100% !important;
	height:82px !important;s
}


#lhs .p-photoset .post-meta,#lhs .p-video .post-meta,#lhs .p-pset .post-meta
{
	margin: 0px 0 20px 0;
}


#lhs .p-photo img
{
	margin:20px 0 0 0;
}


#lhs .p-link h2
{
	font: normal 41px/49px "Arvo",sans-serif;
	text-transform: uppercase;
	margin: 0.6em 0 7px 0;
}

.tags
{
	max-width: 240px;
	font-family: 'Quicksand', sans-serif;;
	font-size: 13px;
	margin: 3px 0 0 0;
	display: inline;
	float: right;
}

.tags b
{
	text-transform: uppercase;
}

#lhs .tags a,#lhs .tags a:link,#lhs .tags a:visited
{
	background:#FFF32C;
	text-transform:uppercase;
	padding:4px 4px 2px 4px;
	border:none;
}

#lhs .tags a:hover
{
	background:#000;
	color:#fff;
}

.aux
{
	margin-top: 17px;
	width: 100%;
	border-top: solid 3px #EFEFEF;
	padding: 16px 0 0 0
}

.notes
{
	margin: 5px 5px 0 0;
	font-family: 'Quicksand', sans-serif;;
	color: #FF5B54;
	float: left;
	font-size: 16px;
	text-transform: uppercase
}

.social
{
	height: 25px;width: 220px;
	display: block;
	float: left;
	margin: 3px 0 0 4px;

}

.social iframe,.pin-wrapper
{
	opacity: 0.25;
	-webkit-transition: all 200ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
	   -moz-transition: all 200ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
	    -ms-transition: all 200ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
	     -o-transition: all 200ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
	        transition: all 200ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}

.social iframe:hover,.pin-wrapper:hover
{
	opacity:1;
}

.twt-wrapper
{
	width: 57px;
	float: left;
	margin: 0 10px 0 0;
}

.fb-wrapper
{
	width: 78px;
	float: left;
	overflow: hidden;
}

.pin-wrapper
{
	float: left;
	width: 55px;
	position: relative;
	top: -2px
}

.p-photo .pin-wrapper {
top: -19px;
}

#lhs .pin-wrapper img
{
	width:auto;
	height:auto;
}

.notes b
{
	color:#ccc;
}


#lhs a.read-more,#lhs .tags a.read-more,#lhs a.read-more
{
	font-family: 'Quicksand', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	padding: 3px 8px 2px;
	border: solid 2px #E0E0E0;
	border-radius: 4em;
	color: #E0E0E0;
	margin: 0;
	display: inline-block;
	font-size: 12px;
	float: right;
	line-height: 20px;
}

#lhs a.read-more:hover
{
	color:#000;
	border-color:#000;
}

#rhs .link-list h4 a
{
	text-transform:uppercase;
	font: normal 14px/14px "Arvo",sans-serif;
	border:none;
	text-align:left;
	color:#000;
}

#rhs .link-list h4
{
	margin:0;
}



#rhs .link-list span
{
	font-family:'Quicksand', sans-serif;;
	text-transform:uppercase;
	color:#E0E0E0;
	display:block;
	margin:0 0 15px 0;
}

#rhs .link-list h4 a:hover
{
	background:#fff217;
}

.post-cta
{
	clear:both;
	border-top: solid 3px #EFEFEF;
	margin-top:20px;
	padding-top:20px;
	display:none;
}

.post-cta h4
{
	font: normal 36px/48px "Arvo",sans-serif;
	margin:0;
	text-transform:uppercase;
}

.post-cta h4 span
{
	font: 500 15px/normal 'Quicksand', sans-serif;
	display:block;
	text-transform:none
}

.post-cta h4 b
{
	background:#FFF32C;
	font-weight:normal;
}


.post-cta p
{
	margin-top:5px;
}

#lhs .post-cta a.snap-dl,#lhs .post-cta a.snap-dl:visited,#lhs .post-cta a.snap-dl:link
{
	background: url('http://assets.synth.tc/blog/img/sprite.png') -10px -175px no-repeat;
	width:178px;height:60px;
	border:none;
	margin-top:20px;
}

#lhs .post-cta a.snap-dl:hover
{
	opacity:0.8;
}

#lhs .snap-cta img
{
	width:38%;
	height:auto;
	float:right;
}


/*Right Hand Column Specific  
-------------------------------------------------------------------------------*/

#rhs h6
{
	font:normal bold 13px/13px 'Quicksand', sans-serif;; 
	text-transform:uppercase;
	background:#fafafa;
	padding:6px 20px 4px 20px;
	display:inline-block;
	margin:5px 0;
	border-radius:4em;
}

#rhs h6 a
{
	color:#000;
}

#rhs h6 a:hover
{
	color:#ccc;
}

#rhs h3
{
	font:normal 20px/21px "Arvo",sans-serif;
	text-transform:uppercase;
}

#rhs h3 span
{
	display:block;
	font:400 14px/24px 'Quicksand', sans-serif;;
	color:#b9b9b9;
}

#rhs .widget
{
	text-align:center;
	padding:0 0 20px 0;
	margin:0 0 30px 0;
	border-bottom:solid 8px #000;
}

.about h4
{
	text-align:left;
	font:italic 20px/36px "Arvo",sans-serif;
	margin:0;
}

.about h4 span,.buy-cta h5
{
	background: url('http://assets.synth.tc/blog/img/sprite.png') -6px -125px no-repeat;
	width: 154px;height: 37px;
	display: inline-block;
	position: relative;
	left: -4px;
	float: left;
}

.about h4:before
{
	content: " ";
	background: url('http://assets.synth.tc/blog/img/sprite.png') -230px -168px no-repeat;
	height: 77px;
	width: 79px;
	display: block;
	float: left;
}


.about h4 b
{
	font:normal bold 24px/0px 'Quicksand', sans-serif;; 
	text-transform:uppercase;
}

ul.social-links li,ul.social-links
{
	padding:0;margin:0;
}

ul.social-links li,ul.social-links li a
{
	list-style-type:none;
	float:left;
}

ul.social-links li
{
	margin:0 22px 0 0;
}

ul.social-links li:last-child
{
	margin:0;
}

ul.social-links
{
	margin:20px 0 0 0;
}

ul.social-links li a
{
	background: #E0E0E0 url('http://assets.synth.tc/blog/img/sprite.png') -397px -8px no-repeat;
	width: 65px;
	height: 65px;
	border-radius: 7px;
	overflow: hidden;
	text-indent: -9999em;
}

ul.social-links li a.fb
{
	background-position:-397px -96px;
}

ul.social-links li a.pin
{
	background-position: -398px -196px;
}


ul.social-links li a.rss
{
	background-position: -393px -289px;
}

ul.social-links li a:hover
{
	background-color:#000;
}

ul.social-links li a:active
{
	background-color:#fff600;
}

.mb h3 b
{
	width: 221px;
	height: 31px;
	background: url('http://assets.synth.tc/blog/img/sprite.png') -173px -126px no-repeat;
	display: block;
	margin: 0 auto 5px auto;
	text-indent: -9999em;
	overflow: hidden;

}

ul.mb-imgs
{
	padding:0;margin:0 0 20px 0;
}

ul.mb-imgs li,ul.mb-imgs li a,ul.mb-imgs li a img
{
	margin:0;padding:0;
	list-style:none;
	width:156px;height:156px;
	float:left;
	opacity:1;
	-webkit-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	   -moz-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	    -ms-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	     -o-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	        transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
}

ul.mb-imgs li
{
	margin:3px;
	background:#000;
}

ul.mb-imgs li a
{
	position:relative;
}

li a .tooltip,li .tooltip
{
	font: normal 12px/23px 'Quicksand', sans-serif;;
	text-transform: uppercase;
	color: black;
	height: 23px;
	background: #FFF216;
	display: block;
	white-space:nowrap;
	position: absolute;
	padding: 0 5px;
	top: 40px;
	left: 11px;
	width: auto;
	z-index: 3;
	opacity:0;
	-webkit-transition: all 300ms cubic-bezier(1.000, 0, 0.015, 0.975); /* older webkit */
	-webkit-transition: all 300ms cubic-bezier(1.000, -0.600, 0.015, 0.975); 
	   -moz-transition: all 300ms cubic-bezier(1.000, -0.600, 0.015, 0.975); 
	    -ms-transition: all 300ms cubic-bezier(1.000, -0.600, 0.015, 0.975); 
	     -o-transition: all 300ms cubic-bezier(1.000, -0.600, 0.015, 0.975); 
	        transition: all 300ms cubic-bezier(1.000, -0.600, 0.015, 0.975); /* custom */
}


li a .tooltip:before,li .tooltip:before
{
	content:" ";
	position: absolute;
	bottom:-5px;
	display:block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #fff316 transparent transparent transparent;
}

li a:hover .tooltip,li a:active .tooltip,li:hover .tooltip
{
	top:20px;
	opacity:1;
}


/*slides*/

.flexslider
{
	overflow:hidden;
}

#lhs #photoset
{
	max-height:702px;
	position: relative;
}



.flexslider ul,.flexslider ol
{
	margin:0;
	padding:0;
	border-radius:4px;
}

.flexslider ol
{
	text-indent:-9999em;
	display:block;
	clear:both;
	height:15px;
	margin:20px auto;
	width:64px;
	border:none;
}

#lhs #photoset ol
{
	width:100%;
	margin-bottom:0;
}

#lhs #photoset .flex-direction-nav 
{
	font:normal bold 20px/13px 'Quicksand', sans-serif;;
	text-transform:uppercase;
	display: block;
	position: absolute;
	z-index: 333;
	width: 100%;
	top: 43%;
	overflow:hidden;
	height:52px;
}

#lhs #photoset .flex-direction-nav a
{
	position: absolute;
	background: #FFF32C;
	color: black;
	width: 37px;
	text-align: center;
	height: 38px;
	line-height: 42px;
	opacity: 1;
	-webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-moz-transition: all 300ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-ms-transition: all 300ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	transition: all 300ms cubic-bezier(0.175, 0.885, 0.320, 1.275);

}

#lhs #photoset .flex-direction-nav a:hover
{
	background:#000;
	color:#fff;
}


#lhs #photoset .flex-direction-nav a.flex-next
{
	
	right:0;
}

#lhs #photoset .flex-direction-nav a.flex-prev
{
	left:0;
}

#lhs #photoset .flex-direction-nav a:active
{
	top:0;
	right:-7px;
	
}

#lhs #photoset .flex-direction-nav a.flex-prev:active
{
	top:0;
	left:-7px;
}


#lhs #photoset .flex-direction-nav a
{
	border:none;
}

#rhs .newand .flex-viewport
{
	max-height:336px;
	max-width:327px;
	overflow:hidden;	
}

#rhs .newand .flexslider
{
	max-height:391px;
	overflow-y:hidden;
	position:relative;
}

#rhs .newand .flexslider .flex-direction-nav {
	display: block;
	position: absolute;
	height:20px;
	width:100%;
	bottom:0;
}

#rhs .newand .flexslider .flex-direction-nav li 
{
	width:20px;
	top: -21px;
	position: absolute;
	
}

#rhs .newand .flexslider .flex-direction-nav li a
{
	font-weight:bold;
	font-size:26px;
	width:20px;height:20px;
	line-height:20px;text-align:center;
	color:#000;
	left: 0;
	position: absolute;
}

#rhs .newand .flexslider .flex-direction-nav li a.flex-next {
	margin: 0 0 0 300px;
}

#rhs .newand .flexslider .flex-direction-nav li a:hover
{
	color:#ccc;
}

#lhs #photoset .flex-viewport
{
	max-height:640px;
	max-width:640px;
	overflow:hidden;
}


#lhs #photoset ol a
{
	border:none;
}

.flex-direction-nav
{
	display:none;
}

.flexslider li
{
	padding:0;margin:0;
	list-style-type:none;
	width:100%;
	position:relative;
}

.flexslider li img
{
	width:100%;
	height:auto;
	border-radius:3px;
}

#lhs #photoset li img
{
	border-radius:0;
}

.flexslider ol a
{
	background:#efefef;
	display:block;
	width:12px;
	height:12px;
	border-radius:100em;
	float:left;
	margin:0 5px 0 0;
	cursor:pointer;
}

.flexslider ol a:hover
{
	background:#999;
}

.flexslider ol li:last-child a
{
	margin:0;
}

.flexslider ol a.flex-active
{
	background:#efe428;
}

#lhs #photoset .bycap
{
	font: normal 12px/23px 'Quicksand', sans-serif;
	text-transform: uppercase;
	color: white;
	height: 23px;
	background: black;
	display: block;
	white-space: nowrap;
	position: absolute;
	padding: 0 5px;
	z-index: 3;
	bottom: 5px;
	left: 5px;
	font-weight: bold;
}


ul.peoples,ul.peoples li
{
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.peoples li
{
	position: relative;
	width: 16.3%;
	float: left;
	margin: 0 4.5% 0 0;
}

ul.peoples li:last-child
{
	margin:0;
}

ul.peoples li img
{
	float:left;
	width:100%;height:auto;
}

ul.peoples li.tooltip
{
	top:100px;
}

ul.peoples li:hover .tooltip
{
	top:-10px;
}

.read_more_container a
{
	line-height: 22px;
	margin: 11px 0;
}

#tweet
{
	font-style:italic;
	font-size:18px;
	margin-bottom:20px;
}

#tweet a, #tweet a:link, #tweet a:visited {
	font-weight:bold;
	text-decoration:none;
	color: black;
	border-bottom: solid 2px #FFF32C;
}

#tweet a:hover
{
	border-color:#000;
}

.twtr-widget
{
	font-family:"Helvetica" Sans-Serif !important;
	margin: -14px 0 20px 0;
}

.twtr-user
{
	display:none;
}

.twtr-hd,.twtr-ft
{
	display:none;
}

html #twtr-widget-1 .twtr-doc, html #twtr-widget-1 .twtr-hd a, html #twtr-widget-1 h3, html #twtr-widget-1 h4 {
background-color: #ffffff !important;
text-align: center;
}

.twtr-bd {
font-family: "Helvetica", sans-serif !important;
}

.twtr-widget .twtr-tweet-wrap {
font-size: 14px !important;
}

.twtr-widget .twtr-tweet {
border-bottom:none !important;
padding: 8px 0 !important;
}

.twtr-widget .twtr-tweet:last-child
{
	border:none;
}

/*pagination
-----------------------------------------------------------------------------*/

.pagination
{
	width:100%;
	padding:20px 0 40px 0;
}

#lhs .pagination a:link,#lhs .pagination a:visited,#lhs .pagination a
{
	font-family: 'Quicksand', sans-serif;;
	font-weight: bold;
	text-transform: uppercase;
	padding: 4px 9px 3px;
	color:#E0E0E0;
	border: solid 2px #E0E0E0;
	border-bottom-color:#E0E0E0;
	border-radius: 4em;
	color: #E0E0E0;
	margin: 13px 0 0 0;
	display: inline-block
}

#lhs .pagination a:hover
{
	border-color:#000;
	color:#000;
}

#lhs .pagination a.page-next
{
	float:right;
}

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



footer
{
	font:bold 13px/16px 'Quicksand', sans-serif;;
	text-transform:uppercase;
	clear:both;width:100%;
}


footer .cnt
{
	width:90%;
	max-width:1024px;height: 80px;
	margin:0px auto 20px auto;
}

footer ul,footer ul li
{
	color:#ccc;
	list-style-type:none;
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}

footer ul
{
	margin: 21px 0 0 0;
}

footer ul li
{
	margin: 0 10px 0 0;
}


footer ul li a,footer ul li a:visited,footer ul li a
{
	color:#ccc;
}

footer ul li a:hover
{
	color:#000;
}

.buy-cta h5
{
	margin:0;
	float:none;
}


.buy-cta
{
	float: right;
	width: 159px;
}

.buy-cta a,.buy-cta a:visited
{
	font: normal 12px/25px 'Quicksand', sans-serif;;
	text-transform: uppercase;
	color: black;
	height: 23px;
	background: #FFF216;
	padding: 5px 5px 4px 5px;
	font-weight: bold;
	text-align:center;
}

.buy-cta a:hover
{
	background:#000;
	color:#fff;
}

/* =============================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width : 320px) and (max-width : 720px) {
	
	body,#dmx
	{
		overflow-x:hidden;
	}
	
	#dmx {
	font: normal 13px/21px 'Noticia Text', serif;
	}
	
	#lhs
	{
		width:100%;max-width:100%;
		padding-top:0;
	}
	
	header
	{
		background:#fff600;
	}
	
	#back-top
	{
		display:none!important;
		z-index:-3;
	}
	
	header h1,	header h1:hover
	{
		background: url('http://assets.synth.tc/blog/img/header-logo%402x.png') top left no-repeat;
		background-size: 100%;
		margin: 0px auto;
		width: 260px;
		height: 69px;
	}
	
	#lhs
	{
		background:#fff;
		float:none;
	}
	
	#rhs
	{
		clear: both;
		background:none;
		float:none;
		width:100%;
	}
	
	.fixed
	{
		position:relative;
		margin: 30px 0 9px 0;
	}
	
	#rhs h6
	{
		font-size:12px;
	}
	
	header nav {
	margin: 30px 0 9px 0;
	height: 53px;
	position:relative;
	}
	
	header nav ul
	{
		display:none;
	}
	
	#lhs .post-meta
	{
		font-size:13px;
	}
	
	#lhs .post-meta .pubdate {
	float: left;
	width:100%;
	}
	
	#lhs .post-meta .tagged {
		display:none;
	}
	
	#lhs .p-photo img {
	margin: 12px 0 0 0;
	}
	
	h2
	{
		font-size: 20px;
		line-height: 28px;
	}
	
	#lhs .p-link h2 {
	font: normal 17px/24px "Arvo",sans-serif;
	}
	
	
	#lhs .p-text object,#lhs .p-text iframe
	{
		width:100%;
		height:auto;
	}
	
	#lhs .p-text object, #lhs .p-text iframe, #lhs .p-video object, #lhs .p-video iframe {
	width: 100%  !important;
	height: 200px !important;
	}
	

	ul.social-links li {
	margin: 0 9px 0 0;
	}
	
	ul.mb-imgs li, ul.mb-imgs li a, ul.mb-imgs li a img {
	width: 138px;
	height: 138px;
	}
	
	.about h4 b {
	font: normal bold 17px/30px 'Quicksand', sans-serif;;
	text-transform: uppercase;
	}
	
	select#m-nav
	{
		display: block;
		-webkit-appearance: none;
		font: normal 300 17px/30px 'Quicksand', sans-serif;;
		text-transform: uppercase;
		border: none;
		background: none;
		width: 95%;
		margin: 0px auto;
		position: relative;
		top: 12px;
		outline:none;
	}
	
	header nav:after
	{
		content: " ";
		display: block;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 10px 7.5px 0 7.5px;
		border-color: #CCC transparent transparent transparent;
		top: 22px;
		right: 30px;
		font-size: 16px;
		color: #999;
		z-index: 333;
		position: absolute;
	}
	
	#tumblr_controls,.peoples {
	display: none;
	}
	
	
	
	.tags
	{
		float: left;
		display: block;
		width: 100%;
		clear: both;
		margin: 1px 0 0 0;
	}
	
	.flexslider li {
	position: initial !important;
	}
	
	footer
	{
		font-size:6px;
		height:auto;
		margin-bottom:50px;
	}
	
	
	footer ul
	{
	display:none;
	}
	
	.buy-cta
	{
		float:none;
		margin:0px auto 20px auto;
	}
	
	
	.notes 
	{
		display:none;
	}
	
		#rhs .newand .flexslider .flex-direction-nav {
		bottom: 21px;
		}
		
		#rhs .newand .flexslider .flex-direction-nav li a.flex-next {
		margin: 0 0 0 259px;
		}
		
		#lhs .snap-cta img
		{
			display:none;
		}
		
		.post-cta h4 {
		font: normal 20px/35px "Arvo",sans-serif;
		}
		
		#lhs a.read-more, #lhs .tags a.read-more, #lhs a.read-more {
		font-family: 'Quicksand', sans-serif;
		font-weight: bold;
		text-transform: uppercase;
		padding: 3px 8px 2px;
		border: solid 2px #E0E0E0;
		border-radius: 4em;
		color: #E0E0E0;
		display: block;
		font-size: 14px;
		float: none;
		line-height: 20px;
		clear: both;
		text-align: center;
		margin:41px 0 0 0;
		}
		
		#back-top {
			display:none;
		}
		
		.p-photo .pin-wrapper {
		top: -12px;
		}
		
		#lhs #photoset .flex-direction-nav a
		{
			line-height:38px;
		}
		
		.spotify-wrapper
		{
			height: 80px;
			overflow: hidden;
			border-radius: 0 0 3px 3px;
			margin: 18px 0;
		}

}

@media only screen and (min-width : 720px) and (max-width : 1204px) {
	
	#back-top {
		right: 8%;
	}
	
	header h1
	{
		-webkit-transform:scale(0.8);
		margin-bottom:-10px;
	}
	
	header nav
	{
		font-size:14px;
		overflow:hidden;
	}
	
	header nav ul li {
	margin: 0 4.2% 0 0;
	}
	
	header nav ul li a.getapp {
	display:none;
	}
	
	#lhs {
	width: 64%;
	}
	
	#rhs {
	width: 31%
	}
	
	ul.social-links
	{
		display: inline-block;
	}
	
	ul.social-links li {
	margin: 0 3px 0 0;
	}
	
	ul.social-links li a {
	background: #E0E0E0 url('http://assets.synth.tc/blog/img/sprite.png') -403px -15px no-repeat;
	width: 51px;
	height: 51px;
	}
	
	ul.social-links li a.fb {
	background-position: -403px -102px;
	}
	
	ul.social-links li a.pin {
	background-position: -404px -203px;
	}
	
	ul.social-links li a.rss {
	background-position: -400px -296px;
	}
	
	ul.mb-imgs li, ul.mb-imgs li a, ul.mb-imgs li a img {
	width: 96px;
	height: 96px;
	}
	
	ul.peoples li {
	position: relative;
	width: 19.2%;
	}
	

	h2,#lhs .p-link h2 
	{
		font-size: 20px;
		line-height: 27px;
		margin-bottom: 5px;
	}
	
	#lhs .post-meta {
	font: 300 15px/normal 'Quicksand', sans-serif;;
	}
	
	.about h4 b {
	font: normal bold 23px/30px 'Quicksand', sans-serif;;
	text-transform: uppercase;
	}
	
	#rhs p
	{
		font-size: 13px;
		line-height: 19px;
		
	}
	
	#rhs h3 {
	font: normal 14px/14px "Arvo",sans-serif;
	text-transform: uppercase;
	}
	
	#rhs h3 span {
		font: 300 12px/16px 'Quicksand', sans-serif;
		margin: 7px 0 0 0;
	}
	
	.about h4 {
	text-align: center;
	font: italic 20px/37px "Arvo",sans-serif;
	width: 220px;
	margin: 0px auto;
	}
	
	.about h4:before
	{
		display:none;
	}
	
	
		#rhs h6 {
		display:none;
		}

		.mb h3 b {
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		}
		
		#rhs .link-list h4 a 
		{
			font-size:12px;
			line-height:12px;
		}
		
		ul.mb-imgs {
		padding: 0;
		margin: 0 auto 20px auto;
		display: inline-block;
		text-align: center;
		width: 205px;
		}
		
		
		ul.peoples li
		{
			font-weight:bold;
			margin: 0 4.5% 10px 0;
			width: 45.2%;
		}
		
		ul.peoples li .tooltip b
		{
			display:none;
		}
		
		footer {
		font: bold 12px/16px 'Quicksand', sans-serif;;
		}
		
		#rhs .newand .flexslider .flex-direction-nav li a.flex-next {
			margin: 0 0 0 178px;
		}
		
			#rhs .newand .flexslider .flex-direction-nav li a.flex-prev {
				left:15px;
			}
		
		#rhs .newand .flexslider .flex-direction-nav
		{
		
		}
		
		.post-cta h4 {
		font: normal 30px/48px "Arvo",sans-serif;
		}
		
		.post-cta h4 b {
		background: #FFF32C;
		font-weight: normal;
		font-size: 27px;
		}
		
		.tags
		{
			float: left;
			margin: 12px 0 0 0;
		}

}

@media only screen and (min-width : 1900px) {
	
		html
		{
			zoom:1.2;
			-webkit-text-size-adjust:115%;
		}
	}
	
	
	/* iPhone 4 ----------- */
	@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5), only screen and (min-width : 1900px) {
	
	header h1
	{
		background:url('http://assets.synth.tc/blog/img/header-logo%402x.png') top left no-repeat;
		background-size:100%;
	}
	
	header h1:hover
	{
		background:url('http://assets.synth.tc/blog/img/header-logo%402x.png') top left no-repeat;
		background-size:100%;
			opacity:0.7;
	}
	
	.about h4 span,.buy-cta h5
	{
		background:url('http://assets.synth.tc/blog/img/about-logo%402x.png') top left no-repeat;
		background-size:100%;
	
	}
	
	.about h4::before
	{
			background:url('http://assets.synth.tc/blog/img/about-hand%402x.png') top left no-repeat;
			background-size:95%;
			position:relative;
			top:4px;
	}
	
	.mb h3 b 
	{
			background:url('http://assets.synth.tc/blog/img/mb-logo%402x.png') top left no-repeat;
			background-size:100%;
	}
	
	ul.social-links li a {
		background: #E0E0E0 url('http://assets.synth.tc/blog/img/social-icons%402x.png') 9px 14px no-repeat;
		background-size: 73%;
	}
	
	ul.social-links li a.fb {
		background-position:  9px -84px;
	}
	
	ul.social-links li a.pin {
		background-position:  8px -190px;
	}
	
	ul.social-links li a.rss {
		background-position: 12px -292px;
	}
	
	#lhs .post-cta a.snap-dl, #lhs .post-cta a.snap-dl:visited, #lhs .post-cta a.snap-dl:link {
		background: url('http://assets.synth.tc/blog/img/appstore%402x.gif') 0 0 no-repeat;
		background-size: 100%;
	}
	
	}
	
	@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (min-width : 720px) and (max-width : 1204px) {
	
		ul.social-links li a {
			background: #E0E0E0 url('http://assets.synth.tc/blog/img/social-icons%402x.png') 7px 12px no-repeat;
			background-size: 73%;
		}

		ul.social-links li a.fb {
			background-position:  9px -64px;
		}

		ul.social-links li a.pin {
			background-position: 7px -150px;
		}

		ul.social-links li a.rss {
			background-position: 10px -228px;
		}
	
	
	}
	
	#lhs a.banner
	{
		display:none;
		margin: 16px 0 7px 0;
		float:left;
		border:none;
		width:100%;
	}

	#lhs a.banner:hover{opacity:0.8 ;}

	#lhs a.banner:active{top:0;}

	#lhs .featuredphoto a.featured-banner img
	{
		margin:0 0 0px 0;
	}

	#lhs .p-video a.banner img
	{
		margin-top:-20px;
	}
	
	#lhs .p-photo a.banner img,
	{
		margin:-4px 0 -20px 0;
	}
	
	#lhs .p-pset a.banner
	{
		margin: -13px 0 8px 0;
	}


	#lhs .snap a.snap-banner,#lhs .Snap a.snap-banner,#lhs .featuredphoto a.featured-banner,#lhs .makebeautifulshot a.mbshot-banner,#lhs .makebeautifulweekly a.mbweek-banner,#lhs .appupdate a.app-banner,#lhs .contest a.contest-banner
	{
		display:block !important;
	}
	
	#lhs .snap .post-cta,#lhs .Snap .post-cta
	{
		display:block;
	}
	
	

/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* =============================================================================
   Print Styles
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}