/* =Responsive Styles
-------------------------------------------------------------- */
@media screen and (min-width: 961px) {
	.wrapper {  
		/*background: orange;*/
	}
}

@media screen and (max-width: 960px) {
	.wrapper {  
		/*background: pink;*/
		width: auto;
		padding: 0 20px;
		min-width: 280px;
	}

	/* HEADER STYLES */
	header,
	#main {
		left: 0px;
	}
	
	header {
		overflow-x: visible;
	}

	#masthead {
		position: relative;
	}

	.orange-tab-home header,
	.orange-tab-page header {
		overflow: visible;
	}

	#logo,
	.scrolled #logo {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 4.2em;
		padding: 0;
/*		background: rgba(234,233,232,0.75);*/
		background: rgb(234,233,232);
	}

	#logo a,
	.scrolled #logo a {
		display: block;
		width: 56px;
		margin: 0 auto;
		padding: 0.333em 0.666em;
	}
	
	#logo a img,
	.scrolled #logo a img {
		max-width: 100%;
	}
	
	#before-header-menu-left {
		display: none;	
	}

	nav#topAccess {
		background: #F5F5F5;
		width: 78.125%;
/*		position: absolute;
		z-index: 10;*/
		position: absolute;
		top: 0;
		left: -78.125%;
		padding: 0;
		margin: 0;
		height: auto;
		z-index: 5;
		box-shadow: inset -20px 0 20px -20px rgba(36,36,36,.55);		
	}

	nav#topAccess:after {
		border: none;
	}

	.scrolled nav#topAccess {
		margin-top: 0;
	}

	.scrolled nav#topAccess:after {
		border-top: none;
	}
	
	.hamburger {
		position: fixed;
		top: 7px;
		left: 7px;
		background: url(images/hamburger.png) no-repeat center center;
		width: 33px;
		height: 33px;
	}

	.hamburger span {
		position: absolute;
		left: -9999em;
		display: none;
	}
	
	.hamburger:hover {
		cursor: pointer;
	}

	#menu-logo {
		position: absolute;
		top: 8px;
		left: 50%;
		margin-left: -40px;
		z-index: 5;
	}

	#menu-logo img {
		max-width: 79px;
	}

	nav #header-menu-left,
	nav #header-menu-right {
		background: none;
		width: 100%;
		display: block;
		text-align: left;
		margin-left: 0px;
		padding-top: 0;
		margin-top: 0;
		border-top: 0;
	}

	nav #header-menu-left {
		padding-top: 6.0em;
	}
	
/*	nav #header-menu-left:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: 6.0em;
		width: 100%;
		background: url(images/logo-rwd.png) no-repeat center center;
	}*/
	
	.orange-tab nav #header-menu-left:before,
	.orange-tab-collection nav #header-menu-left:before {
		background: url(images/logo-ot-rwd.png) no-repeat center center;
	}
		
	nav #header-menu-left li,
	nav #header-menu-right li {
		display: block;
		padding: 0;
	}

	nav #header-menu-left li.spaced {
		margin-right: 0;
	}

	nav #header-menu-right li.spaced {
		margin-left: 0;
	}

	nav #header-menu-left > li:first-child {
		border-top: 1px solid #242424;		
	}

	nav #header-menu-left a,
	nav #header-menu-right a {
		min-width: 0;
		font: bold 1.5em/1.0em 'NeutraliserSerif', Georgia, Times, serif;
		color: #242424;
		padding: 0.7666em 1.333em;
		text-align: left;
		border-bottom: 1px solid #242424;
	}

	nav ul.sub-menu {
		display: block;
		position: relative;
		width: 100%;
		top: 0;
		left: 0;
		float: none;
		background: none;
		border: none;
		padding-bottom: 0;
	}

	html[data-useragent*='MSIE'] nav ul.sub-menu {
		top: 0em;
	}

	nav #header-menu-left .sub-menu li,
	nav #header-menu-right .sub-menu li  {
		padding: 0;
	}

	nav #header-menu-left .sub-menu li:after,
	nav #header-menu-right .sub-menu li:after {
		display: none;
	}

	nav #header-menu-left .sub-menu a,
	nav #header-menu-right .sub-menu a  {
		font: 1.2em/1.0em 'NeutraliserSerif', Georgia, Times, serif;
		padding: 0.75em 2.75em;
		color: #242424;
		border-bottom: 1px solid #606060;
	}
	
	nav #header-menu-left > li:hover > a,
	nav #header-menu-right > li:hover > a {
		border-bottom: 1px solid #242424;
		margin-bottom: 0;
	}
	
	nav #header-menu-left > li > a:hover,
	nav #header-menu-right > li > a:hover {
		background: #dcdcd6;
		box-shadow: inset -20px 0 20px -20px rgba(36,36,36,.55);		
	}
	
	nav #header-menu-left .sub-menu > li:hover > a,
	nav #header-menu-right .sub-menu > li:hover > a {
		background: #dcdcd6;
		color: #242424;
		box-shadow: inset -20px 0 20px -20px rgba(36,36,36,.55);
		text-decoration: none;
	}

	nav #header-menu-left > li:hover > a:after,
	nav #header-menu-right > li:hover > a:after {
		border: none;
	}

	header h1.fixed {
		padding-bottom:	1.41666em;
		display: none !important;
	}


	#featured_holder + h1.fixed {
		display: block !important;
	}

	header h1.fixed span {
		bottom: 0.56111em;
		left: 49%;	
	}

	header h1.fixed span:before,
	header h1.fixed span:after {
		border-top: 14px solid #fff;
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;		
	}

	header h1.fixed span:before {
		bottom: 0.3888em;
	}

	/* MAIN STYLES */
	#main {
		font-size: 1.2em;
		line-height: 1.5em;
	}
	
	.wrapper .wrapper {
		width: 100%;
		min-width: 1px;
		max-width: 100%;
	}

	h2 {
		font: bold 2.0em/1.0em 'NeutraliserSerif', Georgia, Times, serif;
		border-top: 6px solid #000;
		padding: 0.208333em 0 0;
	}
	
	h3 {
		font: bold 1.285714em/1.444em 'NeutraliserSerif', Georgia, Times, serif;
		padding: 0 0 0.1333em;
	}

	.single-product article h1 {
		font-size: 2.0em;
		text-align: center;	
		padding: 0.666em 0 0.291666em;
	}

	.single-product article h2 {
		font-size: 1.5em;	
	}
	
	.single-product .ccc_color_list {
		padding: 0.8333em 0 1.0em;	
	}
	
	.single-product .ccc_color_list li {
		max-width: 2.5em;	
	}

	.post-type-archive-product h2,
	.tax-collection_type h2 {
		margin: 0.08333em 0 0.777em;
		padding: 0.91666em 0 0.58333em;
	}

	.post-type-archive-product #main article,
	.tax-collection_type #main article {
		width: 44.428571%;
		padding: 0 2.7857142%;
		vertical-align: top;
	}

	.tax-collection_type.term-orange-tab header .panel-content.content-inline {
		bottom: 0;
	}

	#store_location_search {
		display: none;	
	}

	.post-type-archive-store #main .wrapper {
		padding-top: 46px;
		padding-bottom: 2.5em;
	}

	.post-type-archive-store h2,
	.post-type-archive-store h2:first-child {
		width: 100%;
		margin-top: 0;
		font: bold 2.0em/1.0em 'NeutraliserSerif', Georgia, Times, serif;
		border-top: 6px solid #000;
		padding: 0.125em 0 0;
	}

	.post-type-archive-store h3  {
		width: 100%;
		font: bold 1.5em/1.0em 'NeutraliserSerif', Georgia, Times, serif;
		margin: 0.888em 0 0;
		padding: 0.2777em 0 0;
		border-top: 4px solid #000;
	}

	.post-type-archive-store h4  {
		display: inline-block;
		width: 100%;
		font: bold 1.5em/1.0em 'NeutraliserSerif', Georgia, Times, serif;
		padding: 0.777em 0;
	}

	.post-type-archive-store h5 {
		margin: 0 auto;
	}

	#enlarge_zoom_caption {
		display: none;	
	}
	
	.single-product article {
		width: 100%;	
		margin-left: 0;
	}
	
	.single-product article .wrapper {
		padding: 0;
		width: 100%;	
	}
	
	#ccc_image_views,
	#ccc_image_details,
	.button-holder {
		min-width: 1px;
		width: 100%;	
	}

	ul.store-list {
		font-size: 1.16666em;	
	}

	.store-list li {
		width: 95%;
		padding: 0.2142857em 2.5% 0.285714em;
	}
	
	.ccc_anchors,
	.ccc_beads,
	#location-nav,
	#product-nav {
		display: none;	
	}
	
	.ccc_anchors + .ccpanel {
		padding-top: 0;	
	}

	.abstract {
		width: 100%;
		font-size: 1.1666em;
		line-height: 1.7857142em;
		padding-bottom: 0.428571em;
	}

	.abstract:first-child {
		padding-top: 0.857142em;	
	}

	hr, 
	.divider {
		padding: 0.285714em 0 0;
		margin: 0 0 1.3571428em;
	}

	.alignright,
	.alignleft {
		float: none;
		margin: 0 auto;
		padding: 0;
	}

	.panel-content.content-normal li {
		padding: 0;	
	}
	
	.panel-content.content-boxed {
		width: 92%;
		left: 0;
		bottom: 0;
		font: bold 1.1666em/1.333em 'NeutraliserSerif', Georgia, Times, serif;
	}

	.panel-content.content-boxed .larger {
		font: bold 1.0714285em/1.0em 'NeutraliserSerif', Georgia, Times, serif;	
		padding-top: 0.333em;
	}

	.panel-content.content-boxed .largest {
		font: bold 3.571428em/0.9em 'NeutraliserSerif', Georgia, Times, serif;
		text-align: center;
		margin-top: -0.08em;
		padding: 0.48em 0 0.3em;
	}

	.panel-content.content-boxed .largest:before {
		margin-left: -14px;
		border-top: 14px solid #fff;
		border-right: 14px solid transparent;
		border-left: 14px solid transparent;		
	}

	.panel-content.content-boxed ul {
		font: bold 1.0em/1.0em 'NeutraliserSerif', Georgia, Times, serif;
	}

	.panel-content.content-boxed li {
		float: none;
		width: 100%;
		padding: 0.285714em 0 0.5em;
	}
	
	.panel-content.content-boxed li:first-child {
		padding: 1.07142857em 0 0.285714em;
	}	

	.panel-content.content-boxed li a {
		padding: 0 0 0 1.0em;
	}


	.panel-content.content-boxed li a:before {
		top: 2px;
		border-left: 9px solid #fff;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;		
	}

	.panel-tab {
		text-transform: uppercase;	
	}

	.products-callout li {
		width: 62px;
		margin: 13px 5px 19px;
	}
	
	.products-callout li a {
		font-size: 1.0em;
		line-height: 1.0714285em;
	}
	
	.products-callout li a.padded {
		padding: 0.285714em;	
	}

	.fleft-content,
	.fright-content {
		width: 100%;
		float: none;
		clear: both;
		text-align: left;
	}

	.fleft-content ul,
	.fright-content ul {
		margin-left: 3.125%;
		width: 96.875%;
	}

	.fleft-content + .fright,
	.fright-content + .fleft {
		float:none;
		margin: 0 auto;
		text-align: center;
		padding-bottom: 0.666em;
	}
	
	.panel-content.content-inline {
		bottom: 0;	
		padding-bottom: 40px !important;
	}

.home .anythingSlider-default .anythingControls {
	bottom: 1.5em !important;
}

	.panel-content.content-inline .wrapper {
		padding: 0;	
		font-size: 1.5em;
		line-height: 1.333em;
	}

	.panel-content.content-inline p,
	.panel-content.content-inline p.one-col {
		width: 93.75%;
		padding: 0 3.125%;
		float: none;
	}

	.panel-content.content-inline p.two-col {
		width: 93.75%;
	}

	.panel-content.content-inline ul li {
		width: 93.75%;
		padding: 1.5625% 3.125%;
		margin: 0;
		text-align: left;
	}

	a.button {
		font-size: 1.0em;
		line-height: 24px;
		min-width: 15%;
		margin-left: -7.5%;
	}
	
	.panel-content.content-normal div.left,
	#main .panel-content.content-normal div.left,
	.panel-content.content-normal div.right,
	#main .panel-content.content-normal div.right {
		width: 100%;
		float: none;
		padding: 0;
		text-align: center;
	}
	
	.panel-content.content-normal h2.center {
		padding-top: 4.47222em;
	}
	
	.panel-content.content-normal div.left h3,
	.panel-content.content-normal div.right h3 {
		font-size: 1.25em;
		line-height: 1.6em;
	}
	
	.panel-content.content-normal p,
	.panel-content.content-normal ul {
		font-size: 0.75em;
		line-height: 1.555em;	
	}

	.panel-content.content-normal p a.button {
		font-size: 1.333em;
		margin-left: -7.5% !important;
	}
	
	.panel-content.content-normal ul {
		list-style: none;	
	}

	/* Orange Tab */
	.ot-box,
	.ot-box.left,
	.ot-box.right,
	#main .ot-box.left,
	#main .ot-box.right {
		width: 100%;
		max-width: 470px;
		margin: 0 auto;
		float: none;	
	}

	.ot-box p {
		font: 1.142857em/1.285714em 'NeutraliserSerif', Georgia, Times, serif;
		padding: 0.285714em 0 0;
	}
	
	.orange-tab-home header .fixed-heading h1,
	.orange-tab-home header .fixed-heading p  {
		width: 100%;
		float: none;	
		text-align: center;
	}
	
	.orange-tab header .fixed-heading h1 {
		font: bold 2.142857em/1.2em 'Salome', Georgia, Times, serif;		
	}
	
	.orange-tab-collection #content { padding-top: 0;}

	header .fixed-heading {
		font: 1.4em/1.285714em 'NeutraliserSerif', Georgia, Times, serif;
	}
	
	.orange-tab-radio header {
		overflow: visible;
	}

	.orange-tab-radio header .fixed-heading p {
		font: 1.0em/1.285714em 'NeutraliserSerif', Georgia, Times, serif;
		padding-top: 0.0758142em;
	}
	
/*	.orange-tab-radio #masthead + .wrapper{
		overflow: hidden;	

		position: relative;
		padding-bottom: 48.06584%;
		height: 127px;
		margin-bottom: 1.6666em;
	}*/
	
	#klvc-logo {
		max-width: 96px;
		padding: 62px 0 0;
		margin: 0 auto;
		display: block;
	}

	#OTplayer-holder {	
		width: 237px;
		height: 101px;
		overflow: hidden;	
		position: relative;
		margin: 0.8em auto 0;
	}
	
	#OTplayer {
		transform: scale(.195);
		-ms-transform: scale(.195);
		-webkit-transform: scale(.195);
		margin: -238px 0 0 -489px;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.orange-tab-radio ul.two-col {
		width: 100%;
		max-width: 470px;
		margin: 0 auto;
		position: relative;
		z-index: 2;
	}
	
	.orange-tab-radio ul.two-col li {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		float: none;	
	}
	
	
	.orange-tab-radio ul.two-col li:first-child {
		position: relative;
		padding-bottom: 54.935622%;
		height: 0;
		margin-bottom: 1.6666em;
	}
	
	body.orange-tab-radio {
		padding-bottom: 3.0em;
	}

	.orange-tab-radio #content > .wrapper:before {
		content: 'Listen to KLVC at TuneIn.com';
		position: fixed;
		z-index: 10;
		bottom: 0px;
		left: 0;
		width: 100%;
		background: #f37b20;
		color: #fff;
		font-size: 1.5em;
		font-weight: bold;
		line-height: 2.222em;
		text-align: center;
	}

	.orange-tab-radio #main {
		position: static;
	}

	.orange-tab-radio ul.two-col li:first-child iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.orange-tab-radio ul.four-col li {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		float: none;
		text-align: center;
	}

	.orange-tab-radio p.center {
		width: 100%;
	}
	
	.orange-tab #main h2 {
		font: 2.0em/1.0em 'Salome', Georgia, Times, serif;
	}
	
	.orange-tab #main h3 {
		font: 1.5em/1.0em 'Salome', Georgia, Times, serif;
		padding: 0 0 0.111em;
	}

	.orange-tab #main h4 {	
		font: bold 1.1666em/1.285714em 'NeutraliserSerif', Georgia, Times, serif;
		padding-bottom: 1.0714285em;
	}
	
	.orange-tab-radio ul.four-col p {
		font-size: 0.91666em;
		line-height: 1.454545em;	
	}

	/* BING STYLES */

	.bing-box-inner {
		background: #fff;
	}

	.bing-box-left,
	.bing-box-right {
		width: 100%;
		float: none;
	}

	.bing-box.bing-abstract {
		text-align: center;
	}

	.bing-box.bing-abstract .bing-box-left {
	    width: 89.58333%;
    	padding: 2.0em 5.208333% 0;
	}

	.bing-box.bing-abstract .bing-box-right {
	    width: 89.58333%;
    	padding: 0 5.208333% 1.0em;
		margin-top: -1.0em;
	}

	/* FOOTER STYLES */
	.home footer {
		position: relative;
	}
	
	footer .wrapper {
		padding-top: 1.25em;
		border: none;
	}
	
	.orange-tab footer .wrapper {
		border-top: 1px solid #242424;	
		margin-left: 20px;
		margin-right: 20px;		
	}

	nav.footerAccess {
		float: none;
		text-align: center;
		font-size: 1.1666em;
	}
	
	nav #footer-menu li {
		display: block;
		line-height: 1.3571428em;
	}

	nav #footer-menu li:after {
		content: '';
		padding: 0;
	}

	#newsletter {
		float: none;
		text-align: center;
		font-size: 1.1666em;
		padding: 0.428571em 0 1.0em;
		width: 15.8em;
		margin: 0 auto;
		background-position: 4.9285714em 0.7857142em;
	}
	
	#newsletterform label.screen-reader-text {
		position: relative;
		display: inline-block;
		font-weight: normal;
		left: auto;
		padding-left: 23px;
		text-transform: none;
	}

	#newsletterform input {
		float: none;
		width: 17.41666em;
		padding: 0.6em 0.5em;
	}

	#newsletterform #newslettersubmit {
		width: 5.5em;
		margin: 0.7857142em auto 0;
		padding: 0.5em;
	}	

	footer address {
		float: none;
		text-align: center;
	}
	
	footer address img {
		max-width: 32px;	
	}
}

@media screen and (max-width: 800px) {
	.wrapper {  
		/*background: yellow;*/
	}
}

@media screen and (max-width: 680px) {
	.wrapper {  
		/*background: lime;*/
	}

	a.button {
		min-width: 20%;
		margin-left: -10%;
	}
}


@media screen and (max-width: 560px) {
	.wrapper {  
		/*background: green;*/
	}

	.commentlist .children {
		margin-left: 1.5em;
	}	
}

@media screen and (max-width: 440px) {
	.wrapper {  
		/*background: blue;*/
	}

	a.button {
		min-width: 30%;
		margin-left: -15%;
	}
}

@media screen and (max-width: 320px) {
	.wrapper {  
		/*background: navy;*/
	}

	.commentlist .children {
		margin-left: 0.5em;
	}	
}