* { font-family: 'Lato',arial,helvetica,sans-serif; font-size: 1em; margin: 0; padding: 0; outline: none; border: none; text-decoration:none; -webkit-text-size-adjust: none; }   
*, *:before, *:after {  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
   
body { background-color: #fff; color: #000; font-size:14px; }

h1 { font-weight: 700; color: #000; font-size: 26px; line-height: 28px; padding:0; margin: 5px 0 0 0; }
h2 { font-weight: 700; color: #000; font-size: 20px; line-height: 22px; padding:0; margin: 0; }
h3 { font-weight: 700; color: #000; font-size: 14px; line-height: 18px; padding:0; margin: 0; }

a { color:#0054a6; text-decoration:none; }
a:active { color:#0054a6; }
a:link    { color:#0054a6; }
a:hover   { color:#0054a6; }
a:visited { color:#0054a6; }

.padding10 { padding:10px; }

p { margin:15px 0 15px 0; }

/* Clears
---------------------------------------------------------------------------------------------------------*/
.lc { clear: left;  }
.rc { clear: right; }
.ac { clear: both; }

/* Header
---------------------------------------------------------------------------------------------------------*/
.header { width: 100%; height: 150px; position: fixed; top: 0; left: 0; z-index: 999; background-color: #FFF; transition: height 0.2s; }
.header:after { clear:both; }

.navblock { width: 100%; margin: 0 auto; height: 35px; background-color:#0054a6; position:relative; text-align:center; }

.headerblock { width:100%; height:115px; line-height:115px; max-width:1230px; margin: 0 auto; position:relative; text-align:center; transition: height 0.2s; }
.headerblock img { height:100px; width:auto; vertical-align:middle; transition: height 0.2s ease; }
.header.smaller, .headerblock.smaller, .header-left.smaller, .header-right.smaller, .searchbox.smaller, .searchblock.smaller { height: 70px; line-height:70px;}
.headerblock.smaller img { height:66px; width: auto; }

.header-left { float:left; padding:0 20px; height:115px; line-height: 115px; font-size: 24px; }
.header-right { float:right; padding:0 20px;  height:115px; line-height: 115px;font-size: 24px; }
.header-center { position: absolute; z-index: 3; margin:auto; top: 0; left: 0; bottom: 0; right: 0; width: 200px;  }
.marginpadd { margin-right:30px; cursor:pointer; }
.bluehov:hover { color:#0054a6; }

.searchbox { width: 100%; height: 150px; overflow: hidden; position: fixed; top: 0; left: 0; padding:0; z-index: 998; background-color: #ffc828; transition: height 0.2s; }

.searchbox.expander, .searchblock.expander { height: 190px;}
.searchbox.smaller.expander, .searchblock.smaller.expander { height: 110px; }
.searchexpander { position:absolute; right:8px; bottom:4px; z-index:100001; width:55px; height:53px; }

.cartcount { position:absolute; z-index:2; right:-8px; top:-8px; background-color:red; height:16px; min-width: 16px; line-height:16px; border-radius:8px; font-size:10px; color:#FFF; }
.cart { display:block; position:absolute; left:0; top:0; height: 30px; width:30px; overflow:hidden; text-indent: -9999px; }
.shadow { box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.5); }

/* Menu 
---------------------------------------------------------------------------------------------------------*/
.hamhide { display: none !important; }
.hamshow { display: inline-block !important; }

.menubox { display:none; width: 100%; position: fixed; top: 120px; left: 0; padding:0; z-index: 997; background-color: #ffc828; transition: height 0.5s; }
.menubox.smaller { top: 70px; }
.expanded { top: 155px; }

.navigation { width: 100%; text-align:center; }
.mainmenu, .submenu { list-style: none; padding: 0; margin: 0; }
.mainmenu a { display: block; text-decoration: none; padding: 10px; color: #000; }
.mainmenu a:hover { background-color: #0054a6; color:#FFF; }
.mainmenu li:hover .submenu { display: block; max-height: 200px; }
.submenu a { background-color: #ffc828; }
.submenu a:hover { background-color: #0054a6; color:#FFF; }
.submenu { overflow: hidden; max-height: 0; -webkit-transition: all 0.5s ease-out; }

.navblock .navigation { width: 100%; height:20px; text-align:center; }
.navblock .mainmenu, .navblock .submenu { list-style: none; padding: 0; margin: 0; }
.navblock .mainmenu li { display: inline-block; letter-spacing:1px; text-transform:uppercase; }
.navblock .mainmenu a { text-decoration: none; padding: 10px 15px 10px 15px; color: #FFF; font-size:13px; }
.navblock .mainmenu a:hover { background-color: #ffc828; color:#0054a6; }
.navblock .mainmenu li:hover .submenu { display: inline-block; max-height: 200px; }
.navblock .mainmenu ul { position:absolute; left:-9999px; top:-9999px; list-style-type:none; }
.navblock .mainmenu li:hover { position:relative; }
.navblock .mainmenu li:hover ul { left:0px; top:35px; padding:0px; }
.navblock .mainmenu li:hover ul li a { padding:5px; display:block; min-width:168px; text-indent:10px; font-size:12px;color:#0054a6; background-color:#FFF; }
.navblock .mainmenu li:hover ul li a:hover { background-color:#ffc828; color:#000; }
.navblock .submenu { -webkit-transition: none; text-align:left; }

/* Homepage
---------------------------------------------------------------------------------------------------------*/
.home-wall-bg { width: 100%; background-color:#3284bf; background-image:url('https://felix.b-cdn.net/lib/images/background.png'); background-repeat: no-repeat; background-position: center center; padding: 20px 0; margin-top:-20px; }
.home-wall-lg { float: left;  position: relative; width: 60.16260162601627%; max-height:480px; overflow:hidden; }
.home-wall-spacer { float:left; width: .8130081300813009%; background-color:#3284bf; }
.home-wall-sm { float:left; width: 19.10569105691057%; max-height:485px; }
.home-wall-top { position: relative; width:100%; border-bottom:5px solid #3284bf; background-size: cover; background-position: 50% 35%; }
.home-wall-bottom { position: relative; width:100%; border-top:5px solid #3284bf; background-size: cover; background-position: 50% 35%; }
.home-wall-lg img, .home-wall-sm img, .home-wall-spacer img, .home-wall-top img, .home-wall-bottom img { max-width: 100%; }

.home-wall-textblock { position: absolute; right:0; bottom: 20px; z-index:500; text-align:right; background-image:url('https://felix.b-cdn.net/lib/images/blacktrans.png'); max-width:90%; -webkit-transform: translate3d(0,0,0); -webkit-backface-visibility: hidden;}
.home-wall-lg .home-wall-textblock { bottom: 50px; }

.home-wall-textblock h1 { font-weight: 300; margin:0; padding:0; color:#fff; text-transform:uppercase;}
.home-wall-textblock h2 { font-weight: 300; margin:0; padding:0; color:#fff; }

.home-wall-top .home-wall-textblock h1, .home-wall-bottom .home-wall-textblock h1{ font-size: 15px; line-height:16px; font-weight: 300; margin:0 0 5px 0; padding:0; color:#FFF }
.home-wall-top .home-wall-textblock h2, .home-wall-bottom .home-wall-textblock h2 { font-size: 12px; line-height:14px; font-weight: 300; margin:0; padding:0; color:#fff; }

.home-wall-top .home-wall-textblock, .home-wall-bottom .home-wall-textblock { width:100%; max-width:100%; text-align:left; }
.home-wall-top .home-wall-textblock .padding10, .home-wall-bottom .home-wall-textblock .padding10 { padding:5px 10px 5px 10px; }

.home-wall-textblock h1 a, .home-wall-textblock h2 a { color:#ffc828; text-decoration:none; }
.home-wall-textblock .artistlink { color:#ffc828; text-decoration:underline;  }

.typeblock { float:left; width:33%; border-right:10px solid #FFF; display: table; height: 190px; background-size: cover; background-position:50% 35%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.typetext { text-align:center; display: table-cell; vertical-align: middle;  font-family: 'Lato', sans-serif; font-size: 30px; font-weight:bold; text-transform:uppercase; text-shadow: -2px -2px 0 #efefef, 2px -2px 0 #efefef, -2px 2px 0 #efefef, 2px 2px 0 #efefef; }
.typeblock a { color:#0061ab;  }

.homeh2 { font-size: 20px; line-height:40px; margin:0; text-transform:uppercase;font-weight:400; }

.mediaheader { cursor:pointer; margin:20px auto 0px auto; height:55px; background-size:60% auto; background-position:center center; background-repeat:no-repeat; }

.videoWrapper { position: relative; padding-bottom: 20%; padding-top: 25px; height: 0; float:left; width: 33%; padding-left:1%; padding-right: 1%; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.podcastWrapper { float:left; width:33%;  padding-left:2%; padding-right:2%; text-align:center; }
.podcastWrapper h3 { font-size: 18px; margin:0; padding:0; }

.homeshiv { padding-left:20px; }

/* Body
---------------------------------------------------------------------------------------------------------*/
.section { width:100%; max-width:1230px; margin:auto; position:relative;  }
.column-left { float: left; width: 200px; }
.column-right { margin-left: 220px; min-height:270px; }

.repped-image { float:left; height: 40px; width:40px; border-radius:3px; background-position:center center; background-size:cover; background-color:#efefef; margin-bottom:5px;  }
.repped-name { float:left; height: 40px; line-height:40px; margin-bottom:5px; }

.artist-wrap { float:left; margin:0 1% 1% 0; background-color:#efefef; overflow:hidden; position:relative; cursor:pointer;  }
.artist-image { position:absolute; left:0; top: 0; width:100%; height:100%; background-size: cover; background-position:center center; z-index:5; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } 
.artist-text { position: absolute; left:0; bottom: 15px; padding:5px; background-image:url('https://felix.b-cdn.net/lib/images/blacktrans.png'); z-index:15; text-align:center; width:100%; font-family: 'Lato',arial,helvetica,sans-serif; color:#fff; font-size: 14px; text-shadow: 0 0 5px black; z-index:10; }
.artist-wrap a { color:#FFF; text-transform:uppercase; font-weight:400; }
.artist-wrap:hover .artist-image, .artist-wrap:focus .artist-image { -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.artist-wrap:hover .artist-image:before, .artist-wrap:focus .artist-image:before { display: block; }
.artist-wrap:hover a, .artist-wrap:focus a { display: block; }

.sixteen { width: 15.5%; padding-bottom: 16%; }
.twenty { width: 19%; padding-bottom: 19%; }
.twentyfive { width: 24%; padding-bottom: 24%; }
.thirtythree { width: 32%; padding-bottom: 32%; }
.hundred { width: 100%; padding-bottom: 100%; }

.six { width:16.66%; }
.five { width:20%; }
.four { width:25%; }
.three { width:33%; }

.thirty { float:left; width:30%; } 
.fourty { float:left; width:38%; } 
.fifty { float:left; width:50%; } 
.sixty { float:left; width:62%; }
.seventy { float:left; width:70%; }

.news-image { width:100%; height:175px; background-position: center center; background-size: cover; margin-top:25px; }
.news-wrap { float: left; width:50%; }

.artist-imagebox { float:left; height: 150px; width:150px; margin:10px 10px 10px 0; border-radius:5px; border:2px solid #000; }

.text-rowwrap { width:111px; margin:5px 0 10px 5px; text-align:center; }
.text-threerows { text-align:center; line-height:14px; max-height:42px; overflow:hidden; }
.text-tworows { text-align:center; line-height:14px; max-height:28px; overflow:hidden; }
.text-onerow { text-align:center; line-height:14px; height:14px; overflow:hidden; }	

.sm-image-preview img, .md-image-preview img, .lg-image-preview img { max-width:100%; max-height:100%; }

.thumbnail-wrap { float: left; text-align:center;  border-right:10px solid transparent; border-bottom:20px solid transparent; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.thumbnail { background-color:#f6f5f5; border:1px solid #e4e4e4;-webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width:100%; position: relative; text-align:center; }
.thumbnail:before { content: ""; display: block; padding-top: 100%; }
.helper { display: inline-block; height: 100%; vertical-align: middle; }
.imagey { position: absolute; left: 0; top: 0; height: 100%; width: 100%; text-align:center; background-position: center 40%; line-height: 100%; background-color:#f6f5f5; border:1px solid #e4e4e4;-webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.thumbtext { width:100%; height:70px; margin:5px 0 5px 0; }

a.artistlink { color:#fe6a23; }

.video-wrap { position: relative; padding-top: 25px; height: 0; float:left; width: 49%; padding-bottom: 30%; padding-left:1%; padding-right: 1%; }
.video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.text-floaters { float:left; height: 20px; line-height:20px; padding:0; margin:0 0 10px 0; }

.grey-rounded { background-color: #f9f9f9; border: 1px solid #e4e4e4; margin-bottom: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.padding-less { padding: 5px; text-align: left; }

selectbox {
	outline: none; 
	font-size: 12px; 
	height: 30px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	border: 1px solid #ccc;
}


/* Signup
---------------------------------------------------------------------------------------------------------*/
.signupblock { height: 294px; width:100%; max-width:1230px; margin:auto; position:relative;  background-color:#ffc828; background-image:url('https://felix.b-cdn.net/lib/images/signup.png'); background-position:left center; background-repeat: no-repeat; }
.signupwrap { background: #000000; background: -moz-linear-gradient(left, #000000 0%, #ffc828 36%, #ffc828 100%); background: -webkit-linear-gradient(left, #000000 0%,#ffc828 36%,#ffc828 100%); background: linear-gradient(to right, #000000 0%,#ffc828 36%,#ffc828 100%);  }
.signuptext { float:right; width:60%; padding: 10px 30px 30px 30px; }
.signuptext h2 { text-transform:uppercase; color:#0054a6; font-size:30px; text-shadow: 0px 1px #000; }

/* Footer
---------------------------------------------------------------------------------------------------------*/
.footerblock { width:100%; padding:20px; max-width:1230px; margin:auto; position:relative; min-height: 200px; text-align:center;}
.footerwrap { background: #0054a6; }

.footerblock a, .footerblock p a,  .footerblock p { color:#FFF; }
.footerblock a:hover { color: #ffc828 }


/* Buttons
---------------------------------------------------------------------------------------------------------*/
.prev-none { float: left; display: block; width: 365px; height: 56px; background-color: #fafafa; border: 1px solid #e4e4e4; margin: 10px 10px 10px 0; border-radius: 3px;} 
.next-none { float: left; display: block; width: 365px; height: 56px; background-color: #fafafa; border: 1px solid #e4e4e4; margin: 10px 0px 10px 0;  border-radius: 3px;} 

.imageheader { margin-top:-3px; display: block; font-weight: normal; color: #000; font-size: 12px; line-height: 16px; padding:2px; text-align: center; width: 100%; background-color: #FFF; border-right: 1px solid #C1C1C1; border-left: 1px solid #C1C1C1; border-bottom: 1px solid #C1C1C1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }

#fullsize, #fullsize a, #fullsize a:link, #fullsize a:visited { display: block; padding: 0; width: 100%; height: 30px; font-weight: normal; line-height: 30px; text-align: center; color: #FFF; background-color: #000; border: 1px solid #000; margin: 0 0 0 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
#fullsize a:hover { color: #FFF; background-color: #F6881F; border: 1px solid #F6881F; }

.prev { width: 100%; height: 45px; overflow:hidden; } 
.prev a, .prev a:link, .prev a:visited { display: block; padding: 0; line-height: 18px; height:45px; overflow:hidden; padding:5px; text-align: right; color: #000; background-color: #fafafa; border: 1px solid #e4e4e4; margin: 0; border-radius: 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.prev a:hover { color: #FFF; background-color: #0054a6; border: 0; }

.next { width: 100%; height: 45px; overflow:hidden;  } 
.next a, .next a:link, .next a:visited { display: block; padding: 0; line-height: 18px; height:45px; overflow:hidden; padding:5px; text-align: left; color: #000; background-color: #fafafa; border: 1px solid #e4e4e4; 0; border-radius: 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.next a:hover { color: #FFF; background-color: #0054a6; border: 0; }

.prev b, .next b { color:#0054a6; }
.prev:hover b, .next:hover b { color:#FFF; }

.prev a:hover b:before { color:#FFF; }
.next a:hover b:after { color:#FFF; }

.purchase { width:100%; } 
.purchase a, .purchase a:link, .purchase a:visited { display: block; font-weight: normal; color: #FFF; font-size: 12px; line-height: 18px; padding:10px 5px 5px 5px; text-align: center; width: 100%; background-color: #0054a6; border-radius: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.purchase a:hover { text-decoration: none; color: #FFF; background-color: #000; }
.purchase b { font-weight:bold; font-size:13px; }

.greybutton { width: 100%; } 
.greybutton a, .greybutton a:link, .greybutton a:visited { display: block; font-weight: normal; color: #000; font-size: 12px; line-height: 20px; text-align: center; width: 100%; height: 20px; background-color: #e4e4e4; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; }
.greybutton a:hover { text-decoration: none; color: #FFF; background-color: #000; }

.purplebutton { width: 100%; } 
.purplebutton a, .purplebutton a:link, .purplebutton a:visited { display: block; font-weight: normal; color: #fff; font-size: 12px; line-height: 20px; text-align: center; width: 100%; height: 20px; background-color: #605ca8; border-radius: 5px; }
.purplebutton a:hover { text-decoration: none; color: #FFF; background-color: #000; }

.redbutton { width: 100%; } 
.redbutton a, .redbutton a:link, .redbutton a:visited { display: block; font-weight: normal; color: #fff; font-size: 12px; line-height: 20px; text-align: center; width: 100%; height: 20px; background-color: #0054a6; border-radius: 5px; }
.redbutton a:hover { text-decoration: none; color: #FFF; background-color: #000; }

.orangebutton { width: 100%; } 
.orangebutton a, .orangebutton a:link, .orangebutton a:visited { display: block; font-weight: normal; color: #fff; font-size: 12px; line-height: 20px; text-align: center; width: 100%; height: 20px; background-color: #fe6a23; border-radius: 5px; }
.orangebutton a:hover { text-decoration: none; color: #FFF; background-color: #000; }

.yellowbutton { width: 100%; } 
.yellowbutton a, .yellowbutton a:link, .yellowbutton a:visited { display: block; font-weight: normal; color: #000; font-size: 12px; line-height: 20px; text-align: center; width: 100%; height: 20px; background-color: #fff799; border-radius: 5px; }
.yellowbutton a:hover { text-decoration: none; color: #FFF; background-color: #000; }

.commissionrequest { width:100%; } 
.commissionrequest a, .commissionrequest a:link, .commissionrequest a:visited { display: block; font-weight: normal; color: #FFF; font-size: 12px; line-height: 16px; padding:2px; text-align: center; width: 100%; background-color: #0054a6; border: 1px solid #0054a6; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; }
.commissionrequest a:hover, .return a:hover { text-decoration: none; color: #FFF; background-color: #000; border:1px solid #000; }

.return { width:100%; } 
.return a, .return a:link, .return a:visited { display: block; font-weight: normal; color: #000; font-size: 12px; line-height: 16px; padding:2px; text-align: center; width: 100%; background-color: #fafafa; border: 1px solid #e4e4e4; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; }
.return a:hover { text-decoration: none; color: #FFF; background-color: #000; border:1px solid #000; }

.tabs { float: left; }
.tabs a, .tabs a:link, .tabs a:visited { display: block; padding: 0 7px 0 7px; margin: 0; font-weight: normal; color: #FFF; font-size: 12px; line-height: 24px; text-align: center; height: 24px; background-color: #3284bf; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.tabs a:hover { color: #000; background-color: #ffc828; text-decoration:none; }

.bluebutton a, .bluebutton a:link, .bluebutton a:visited { text-transform:uppercase; display: block; padding: 0 5px 0 5px; font-size:12px; margin: 0 auto; max-width: 400px; font-family: 'Lato',arial,helvetica,sans-serif; font-weight:300; letter-spacing:2px; color: #FFF; text-align: center; background-color: #3284bf; border-right:5px solid transparent; }
.bluebutton a:hover { color: #3284bf; background-color: #ffc828; text-decoration:none; }

.thick { font-size: 1.1em; line-height: 50px; height:50px; overflow:hidden; }
.thin { font-size: 1em; line-height: 25px; height: 25px; }

/* Form Elements 
---------------------------------------------------------------------------------------------------------*/	
#member_filter { float:left; width:33%;  height:45px; margin-bottom:10px; }

.sidebar-search { height:55px; margin-left:10px; }

.search-textbox { float:right; color: #000; height: 25px; width:80%;  text-align:right; border-radius: 0; font-size:14px; border:0; padding: 0 5px 0 5px; background-color: transparent; -webkit-appearance: none; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.search-textbox:focus { color: #0054a6; }
.search-textbox::-webkit-input-placeholder { color:#000; }
.search-textbox::-moz-placeholder { color:#000; } /* firefox 19+ */
.search-textbox::-ms-input-placeholder { color:#000; } /* ie */
.search-textbox:input:-moz-placeholder { color:#000; }
.search-button { float:right; outline: none; height: 25px; width:50px; margin: 0 0 0 10px; padding:0; border-radius:2px; background-color:#3284bf; color:#FFF; font-size:12px; line-height:25px; text-transform:uppercase; text-align: center; border: 0px; vertical-align: top; -webkit-appearance: none; }
.search-button:hover { background-color:#0054a6; }

.signup-textbox { color: #000; height: 40px; border-radius: 0; width:100%; font-size:14px; border:0; border:2px solid #0054a6; padding: 0 5px 0 5px; background-color: #FFF; -webkit-appearance: none; outline: none;}
.signup-textbox:focus { color: #0054a6; }
.signup-textbox::-webkit-input-placeholder { color:#ddd; }
.signup-textbox::-moz-placeholder { color:#ddd; } /* firefox 19+ */
.signup-textbox::-ms-input-placeholder { color:#ddd; } /* ie */
.signup-textbox:input:-moz-placeholder { color:#ddd; }
.signup-button { outline: none; height: 40px; width:80px; margin: 0; border-right:10px solid transparent; padding:0; border-radius:2px; background-color:#0054a6; color:#FFF; font-size:16px; line-height:40px; text-transform:uppercase; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; -webkit-appearance: none; }
.signup-button:hover { background-color:#3284bf; }

.textbox { outline: none; font-size: 14px; line-height:35px; color: #000; height: 35px; width: 95%; padding-left: 5px; border: 1px solid #c9c9c9; border-radius: 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; outline: none; }
.textbox-med { outline: none; font-size: 14px; line-height:35px; color: #000; height: 35px; width: 150px; padding-left: 5px; border: 1px solid #c9c9c9; border-radius: 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; outline: none; }
.textbox-sm { outline: none; font-size: 14px; line-height:35px; color: #000; height: 35px; width: 100px; padding-left: 5px; border: 1px solid #c9c9c9; border-radius: 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; outline: none; }
.textarea {	outline: none; font-size: 14px; height: 18px; width: 95%; height:200px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #c9c9c9; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; outline: none; }

.button { border: 0px; background: #0054a6; border-radius:3px; margin: 0; padding: 0 10px 0 10px; color: #FFF; max-width:90%; font-size: 14px; line-height:35px; height:35px; text-decoration: none; vertical-align: middle; -webkit-appearance: none; }
.button:hover { border: 0; background: #000; color: #fff; }
.button:active { border:0; background: #000; }

.buttonesque-short2 { outline: none;  font-size: 12px;  height: 16px;  line-height: 16px; padding: 5px; -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px; border: 3px solid #000; color: #233038; background-color: #F8F8F8; width: 80px; text-align: center; float: right; margin-left: 10px; margin-bottom: 5px; }
.buttonesque-short2:hover { outline: none;  font-size: 12px;  height: 16px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px; border: 3px solid #000; color: #FFF; background-image:url("https://felix.b-cdn.net//images/background.jpg"); background-repeat:repeat;	 background-position: left top;	 }
.buttonesque-short2:hover a { color: #FFF; }
.buttonesque-short2 a { color: #233038; } 
.buttonesque-short2 a:hover { color: #FFF; text-decoration: none; }

::-webkit-input-placeholder { color:#84944a; }
::-moz-placeholder { color:#84944a; } /* firefox 19+ */
:-ms-input-placeholder { color:#84944a; } /* ie */
input:-moz-placeholder { color:#84944a; }

select#soflow, select#soflow-color { -webkit-appearance: button; -webkit-border-radius: 2px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none; background-image: url(), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5); background-position: 97% center; background-repeat: no-repeat; border: 1px solid #AAA; color: #555; font-size: inherit; margin: 10px 0 5px 0px; overflow: hidden; padding: 5px 10px; text-overflow: ellipsis; white-space: nowrap; width: 100%; outline:none; }




@media screen and (max-width:1024px) { 

	.three, .four, .five, .six { width:25%; }
	.mediaheader { background-size:70% auto; }
	
	.signupblock { height: auto; width:100%; max-width:1230px; margin:auto; position:relative;  background-color:#ffc828; background-image:none; }
	.signupwrap { background: #ffc828;  }
	.signuptext { float:right; width:100%; padding: 20px; }
	.signuptext h2 { text-transform:uppercase; color:#0054a6; font-size:24px; text-shadow: 0px 1px #000; }
	.text-floaters { width:33%; }
	
	@media screen and (max-width:800px)  { 
			
		.artist-wrap { float:left; width: 32%; padding-bottom: 32%; }
		.news-image { display:none; }
		.fourty { width:100%; }
		.sixty { width:100%; }
		.home-smallcol { display:none; }
		.home-largecol { width: 100%; margin-top:9px; }	
		.home-wall-lg { width: 100%; background-color:pink; }
		.home-wall-spacer { display:none; }
		.home-wall-sm { display: none; }
		.typeblock { max-height: 130px; }
		.typetext { font-size: 22px; }
		
		.home-wall-textblock h1 { font-size:16px; line-height:20px; font-weight: 300; margin:0; padding:0; color:#FFF; }
		.home-wall-textblock h2 { font-size:12px; line-height:16px; font-weight: 300; margin:0; padding:0; color:#FFF; }
		
		.artist-textlink { width: 33%; }
		.artist-imagebox { width:100px; height:100px; }
		
		.three, .four, .five, .six { width:25%; }
		.mediaheader { background-size:100% auto; }
		.videoWrapper { width: 49%; padding-bottom: 30%; }
		.column-left { display:none; }
		.column-right { margin-left: 0; }
		.header { height: 120px;}
		.searchbox { height: 120px; }
		.searchbox.expander, .searchblock.expander { height: 158px;}		
	
		.navblock { display: none; }
		.hamhide { display: inline-block !important; }
		.text-floaters { width:50%; }
		
		
		@media screen and (max-width:650px)  {
		

			
			.three, .four, .five, .six { width:33%; }
			.mediaheader { background-size:120% auto; }
			.videoWrapper { width: 100%; padding-bottom: 56.25%; }
			.homeshiv { padding-left:0px; }
			.podcastWrapper { width:98%; }
			
			.video-wrap { position: relative; padding-top: 25px; height: 0; float:left; width: 99%; padding-bottom: 60%; padding-left:1%; padding-right: 1%; }
			.video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
			
			

			@media screen and (max-width:500px)  {
			
			.header-left { padding: 0 10px; font-size: 20px; }
			.header-right { padding: 0 10px; font-size: 20px; }
			.headerblock img { max-height:70%; vertical-align:middle; transition: height 0.5s; }
			.marginpadd { margin-right:10px; }
			.three, .four, .five, .six { width:50%; }
			.artist-wrap { float:left; width: 49%; padding-bottom: 49%; }
			.mediaheader { background-size:150% auto; }
			
			
			
			}

		}
		
	}	
	
}