@font-face {
    font-family: 'goudy';
    src: url('goudy-old-style.woff2') format('woff2'),
         url('goudy-old-style.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ff scala';
    src: url('/javastyle/fonts/Scala.otf') format('opentype');
    font-weight: normal;
    font-style: normal;

}

/************************************************************************************
HEADER
*************************************************************************************/


	.login {
	font: 300 18px/18px ff-scala, Merriweather, 'Droid Serif', Arial, Helvetica;
	color: #95aab2; 
}
	a.login:link {  color: #718188; }
	a.login:visited {  color: #718188; }
	a.login:hover {  color: #c42925; }
	a.login:active {  color: #c42925; }


	.latest {
	font: normal 14px/13px ff-scala, Georgia, Helvetica, sans-serif;
	color: #c42925;
	text-align:left;
	margin-right: 3px;
}


/************************************************************************************
MOBILE NAV
*************************************************************************************/


	.mobile-nav {
	font: 18px/18px ff-scala, Merriweather, Georgia, serif;
        text-transform: capitalize;
	font-weight: 500;
	color: #333333;
}
	a.mobile-nav:link {  color: #040768; }
	a.mobile-nav:visited {  color: #040768; }
	a.mobile-nav:hover {  color: #c42925; }
	a.mobile-nav:active {  color: #c42925; }
	
	
	.mobile-nav-sub {
	font: 17px/17px Source Sans Pro, Merriweather, serif;
	font-weight: 300;
	color: #000000;
	margin-left: 10px;
}
	a.mobile-nav-sub:link {  color: #333333; }
	a.mobile-nav-sub:visited {  color: #333333; }
	a.mobile-nav-sub:hover {  color: #c42925; }
	a.mobile-nav-sub:active {  color: #c42925; }
	
	
	
	
/************************************************************************************
NAVIGATION
*************************************************************************************/




	ul.drop a { display:block; font-family: ff-scala, Merriweather, Georgia, serif; text-transform: capitalize; font-weight: 500; font-size: 19px; color: #37496c;

}
	ul.drop, ul.drop li, ul.drop ul { list-style: none; margin: 0; padding: 0; border: 0px solid #fff; background: #ffffff; color: #262F43; text-align: left;
}
	ul.drop { position: relative; z-index: 97; float: left;  border: 0px solid #fff;
}
	ul.drop li { float: left; line-height: 18px; vertical-align: middle; zoom: 1; padding: 15px 50px 14px 49px; border: 0px solid #000;
}
	ul.drop li.hover, ul.drop li:hover { position: relative; z-index: 599; cursor: default; background: #ddd; }
	ul.drop ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 98; width: 190px;   background-color: #f7f7f7; border: 1px solid #ccc; font-family: ff-scala, Merriweather, Georgia, serif; 
}
	ul.drop ul li { float: none; padding: 15px 28px;
}
	ul.drop ul ul { top: 1px; left: 100%; 
}
	ul.drop li:hover > ul { visibility: visible 
}

	.nav-drop {
		font-family: ff-scala, Merriweather, Francois One, Georgia, serif;
		font-size: 12px;
		font-weight: 400;		
			
	}
	
	a.nav-drop:link {  color: #113a8c; }
	a.nav-drop:visited {  color: #113a8c; }
	a.nav-drop:hover {  color: #000; }
	a.nav-drop:active {  color: #000; }

	.sub-nav-bar {
	font: 300 17px/20px ff-scala, Merriweather, Georgia, Arial, Helvetica, sans-serif;
	color: #37496c;
}
	a.sub-nav-bar:link {  color: #37496c; }
	a.sub-nav-bar:visited {  color: #37496c; }
	a.sub-nav-bar:hover {  color: #c42925; }
	a.sub-nav-bar:active {  color: #c42925; }

	.slash {
			margin: 0px 2px;
			color: #cccccc;
}

	.slash-player {
			margin: 0px 10px 10px 10px;
			color: #c4d1e5;
        		font-family: ff-scala, Merriweather, Francois One, Georgia, serif;

}



	.slash-pages {
			margin: 0px 30px;
			color: #cccccc;
}
		
	.nav-section { background: #ccc; }
	
	
		.nav-ipad {
		
		color: #37496c; font-family: ff-scala, Merriweather, Georgia, serif; font-weight: 500; font-size: 18px; margin: 0 6px;
	}
	
	
		.nav-mobile {
		
		color: #37496c; font-family: ff-scala, Merriweather, Georgia, serif; font-weight: 500; font-size: 18px; margin: 0 6px; display: inline;
	}
	
		.nav-iphone {
		
		color: #37496c; font-family: ff-scala, Merriweather, Georgia, serif; font-weight: 500; font-size: 18px; margin: 0 6px;
	}
	
	
		a.nav-mobile:link {  color: #37496c; }
	a.nav-mobile:visited {  color: #37496c; }
	a.nav-mobile:hover {  color: #000033; }
	a.nav-mobile:active {  color: #000033; }

	
	
/************************************************************************************
NEWS TICKER
*************************************************************************************/

	.news-items {
	font: 900 14px/16px ff-scala, Merriweather, Georgia, serif;
			color: #330000;
font-weight: bold;
}

	a.news-items:link {  color: #113a8c; }
	a.news-items:visited {  color: #113a8c; }
	a.news-items:hover {  color: #000033; }
	a.news-items:active {  color: #000033; }


/************************************************************************************
MAIN FONTS
*************************************************************************************/

	
	.text {
	font: 300 18px/26px Source Sans Pro, Arial, Helvetica, sans-serif;
		color: #330000;

}

		.info {
	font: 300 17px/18px Source Sans Pro, Arial, Helvetica, sans-serif;
		color: #330000;

}

	.text-bigger {
	font: 300 22px/26px Source Sans Pro, Arial, Helvetica, sans-serif;
	
}

	.article {
	font: 16px/26px Merriweather, Georgia, serif;
	font-weight: 300;
	color: #333333;
}
	a.article:link {  color: #113a8c; }
	a.article:visited {  color: #113a8c; }
	a.article:hover {  color: #000033; }
	a.article:active {  color: #000033; }


.article-foot {
	font: 14px/24px Merriweather, Georgia, serif;
	font-weight: 300;
	color: #003366;
}
	a.article-foot:link {  color: #003366; }
	a.article-foot:visited {  color: #003366; }
	a.article-foot:hover {  color: #cc3300; }
	a.article-foot:active {  color: #cc3300; }
	
	
		.article-inverse {
	font: 16px/26px Merriweather, Georgia, serif;
	font-weight: 300;
	color: #ffffff;
}
	a.article-inverse:link {  color: #040768; }
	a.article-inverse:visited {  color: #040768; }
	a.article-inverse:hover {  color: #000033; }
	a.article-inverse:active {  color: #000033; }
	
	.only-in {
	font: 15px/26px Merriweather, Georgia, serif;
	font-weight: 300;
	color: #333333;
}
	
	
	.headline {
	font: normal 30px/36px Francois One, Georgia, Helvetica, sans-serif;
	font-weight: 200;
	color: #222222;
}
	a.headline:link {  color: #000033;}
	a.headline:visited {  color: #000033; }
	a.headline:hover {  color: #c42925;}
	a.headline:active {  color: #c42925;}
	
	
		.headline-new {
	font: normal 26px/30px Francois One, Georgia, Helvetica, sans-serif;
	font-weight: 200;
	color: #222222;
}
	a.headline-new:link {  color: #000033;}
	a.headline-new:visited {  color: #000033; }
	a.headline-new:hover {  color: #040768;}
	a.headline-new:active {  color: #040768;}
	
	.headline-player {
	font-weight: 100;
	color: #003366;
        
	font: normal 30px/36px Francois One, Georgia, Helvetica, sans-serif;
        
}
	a.headline-player:link {  color: #4d3e7f;}
	a.headline-player:visited {  color: #4d3e7f; }
	a.headline-player:hover {  color: #c42925;}
	a.headline-player:active {  color: #c42925;}


	.headline-94 {
	font-weight: 200;
	color: #c42925;
        
        	font: 300 20px/22px Francois One, Georgia, Helvetica, sans-serif;
        
}
	a.headline-94:link {  color: #003366;}
	a.headline-94:visited {  color: #003366; }
	a.headline-94:hover {  color: #c42925;}
	a.headline-94:active {  color: #c42925;}


		.section {
	font: normal 20px/26px Francois One, Georgia, Helvetica, sans-serif;
	color: #421553;
	letter-spacing: -0.2px;
}
	a.section:link {  	color: #371046; }
	a.section:visited {  	color: #371046; }
	a.section:hover {  	color: #421553; }
	a.section:active {  	color: #421553; }
	
	
			.section-left {
	font: normal 20px/26px Francois One, Georgia, Helvetica, sans-serif;
	color: #421553;
	letter-spacing: -0.2px;
	margin-left: 60px;
}

	
	
		.section-inverse {
	font: normal 20px/26px Francois One, Georgia, Helvetica, sans-serif;
	color: #ffffff;
	letter-spacing: -0.2px;
}
	a.section-inverse:link {  	color: #371046; }
	a.section-inverse:visited {  	color: #371046; }
	a.section-inverse:hover {  	color: #421553; }
	a.section-inverse:active {  	color: #421553; }
	
	
	.home-boxes {
	font: 200 18px/20px ff-scala, Merriweather, Georgia, Helvetica, sans-serif;
	color: #222222;
}
	a.home-boxes:link {  color: #000033;}
	a.home-boxes:visited {  color: #000033; }
	a.home-boxes:hover {  color: #c42925;}
	a.home-boxes:active {  color: #c42925;}
	
	
	.top-story {
	font: 200 24px/28px ff-scala, Merriweather, Georgia, sans-serif;
	color: #000033;
}
	a.top-story:link {  color: #000033; }
	a.top-story:visited {  color: #000033; }
	a.top-story:hover {  color: #c42925; }
	a.top-story:active {  color: #c42925; }
	
	
		.top-episode {
	font: 300 24px/24px Merriweather, Georgia, sans-serif;
	color: #000033;
}
	
		.episode {
	font: 300 20px/22px Merriweather, Georgia, sans-serif;
	color: #000033;
}
	a.episode:link {  color: #000033; }
	a.episode:visited {  color: #000033; }
	a.episode:hover {  color: #c42925; }
	a.episode:active {  color: #c42925; }
	
	
	.listen{
	font: 300 15px/22px Merriweather, Francois One, Georgia, Helvetica, sans-serif;
	color: #c42925;
}
	a.listen:link {  color: #c42925; }
	a.listen:visited { 	color: #c42925; }
	a.listen:hover {  	color: #000033; }
	a.listen:active {  	color: #000033; }
	
	
	.header{
	font: 300 18px/22px ff-scala, Merriweather, Francois One, Georgia, Helvetica, sans-serif;
	color: #c42925;
}
	a.header:link {  color: #000033; }
	a.header:visited { 	color: #000033; }
	a.header:hover {  	color: #c42925; }
	a.header:active {  	color: #c42925; }
	
		.header-inverse{
	font: 300 15px/22px Merriweather, Francois One, Georgia, Helvetica, sans-serif;
	color: #000033;
}
	a.header-inverse:link {  color: #c42925; }
	a.header-inverse:visited { 	color: #c42925; }
	a.header-inverse:hover {  	color: #000033; }
	a.header-inverse:active {  	color: #000033; }
	
	
		.header-home{
	font: normal 17px/17px Francois One, Georgia, Helvetica, sans-serif;
	color: #c42925;
	padding-bottom: 5px;
	font-weight: 200;
}
	a.header-home:link {  	color: #c42925; }
	a.header-home:visited {  	color: #c42925; }
	a.header-home:hover {  	color: #000033; }
	a.header-home:active {  	color: #000033; }
	
		.ticker-home{
	font: normal 17px/17px Francois One, Georgia, Helvetica, sans-serif;
	color: #c42925;
	padding-bottom: 5px;
	font-weight: 200;
}

	.more {
	font: 300 16px/18px Source Sans Pro, Merriweather, Georgia, Helvetica, sans-serif;
	color: #666666;
}
	a.more:link {  color: #040768;}
	a.more:visited {  color: #040768; }
	a.more:hover {  color: #c42925; }
	a.more:active {  color: #c42925; }
	
		.read-more {
	font: 300 16px/18px Source Sans Pro, Merriweather, Georgia, Helvetica, sans-serif;

}

	
	.only-mag-headline {
	font: 200 36px/42px Source Sans Pro, Arial, Helvetica, sans-serif;
}

	a.only-mag-headline:link {  color: #000033; }
	a.only-mag-headline:visited {  color: #000033; }
	a.only-mag-headline:hover {  color: #c42925; }
	a.only-mag-headline:active {  color: #c42925; }
	
		.only-mag-headline-inverse {
	font: 200 36px/42px Source Sans Pro, Arial, Helvetica, sans-serif;
           color: #ffffff;
}
a.only-mag-headline-inverse:link {  color: #ffffff; }
	a.only-mag-headline-inverse:visited {  color: #ffffff; }
	a.only-mag-headline-inverse:hover {  color: #ffffcc; }
	a.only-mag-headline-inverse:active {  color: #ffffcc; }

.only-mag-header-inverse {
	font: normal 22px/26px ff-scala, Merriweather, Francois One, Georgia, Helvetica, sans-serif;
	font-weight: 200;
	color: #ffffff;
}
	
	.only-mag-header {
	font: normal 22px/26px ff-scala, Merriweather, Francois One, Georgia, Helvetica, sans-serif;
	font-weight: 200;
	color: #000033;
}
	a.only-mag-header:link {  color: #c42925;}
	a.only-mag-header:visited {  color: #c42925; }
	a.only-mag-header:hover {  color: #040768;}
	a.only-mag-header:active {  color: #040768;}
	
	
		.download-now {
	font: normal 18px/24px Merriweather, Francois One, Georgia, Helvetica, sans-serif;
	font-weight: 200;
	color: #000033;
}
	a.download-now:link {  color: #148ec2;}
	a.download-now:visited {  color: #148ec2; }
	a.download-now:hover {  color: #c42925;}
	a.download-now:active {  color: #c42925;}
	
	
	
	
	.only-mag-header-inverse {
	font: normal 18px/24px Merriweather, Francois One, Georgia, Helvetica, sans-serif;
	font-weight: 200;
	color: #ffffcc;
}
	a.only-mag-header-inverse:link {  color: #c42925;}
	a.only-mag-header-inverse:visited {  color: #c42925; }
	a.only-mag-header-inverse:hover {  color: #040768;}
	a.only-mag-header-inverse:active {  color: #040768;}
	
	.subscribe-here {
	font: 300 22px/26px Source Sans Pro, Arial, Helvetica, sans-serif;
}
	a.subscribe-here:link {  color: #c42925; }
	a.subscribe-here:visited {  color: #c42925; }
	a.subscribe-here:hover {  color: #000033; }
	a.subscribe-here:active {  color: #000033; }
	
	
		.subscribe-here-inverse {
	font: 200 20px/20px Source Sans Pro, Arial, Helvetica, sans-serif;
}
	a.subscribe-here-inverse:link {  color: #ffffcc; }
	a.subscribe-here-inverse:visited {  color: #ffffcc; }
	a.subscribe-here-inverse:hover {  color: #000033; }
	a.subscribe-here-inverse:active {  color: #000033; }

.eyeplayer-title{
	font: 300 16px/18px Source Sans Pro, Arial, Helvetica, sans-serif;
	color: #999999;
		
}
a.eyeplayer-title:link {  color: #222222; }
a.eyeplayer-title:visited {  color: #222222; }
a.eyeplayer-title:hover {  color: #009fe3; }
a.eyeplayer-title:active {  color: #009fe3; }

.eyeplayer-title-dark {
	font: 300 16px/18px Source Sans Pro, Arial, Helvetica, sans-serif;
	color: #009fe3;
		
}
a.eyeplayer-title-dark:link {  color: #ffffff; }
a.eyeplayer-title-dark:visited {  color: #ffffff; }
a.eyeplayer-title-dark:hover {  color: #009fe3; }
a.eyeplayer-title-dark:active {  color: #009fe3; }

.eyeplayer-menu{
	font: 300 16px/16px ff-scala, Merriweather, Francois One, Georgia, Helvetica, sans-serif;
	color: #777777;
	
}
a.eyeplayer-menu:link {  color: #003366; }
a.eyeplayer-menu:visited {  color: #003366; }
a.eyeplayer-menu:hover {  color: #009fe3; }
a.eyeplayer-menu:active {  color: #009fe3; }

.player-menu-new{
	font: 100 16px/18px Merriweather, Francois One, Georgia, Helvetica, sans-serif;
	color: #003366;
	
}
a.player-menu-new:link {  color: #009fe3; }
a.player-menu-new:visited {  color: #009fe3; }
a.player-menu-new:hover {  color: #5766c3; }
a.player-menu-new:active {  color: #5766c3; }


.eyeplayer-menu-dark{
	font: 300 14px/14px Merriweather, Francois One, Georgia, Helvetica, sans-serif;
	color: #98b1d9;
	
}
a.eyeplayer-menu-dark:link {  color: #98b1d9; }
a.eyeplayer-menu-dark:visited {  color: #98b1d9; }
a.eyeplayer-menu-dark:hover {  color: #009fe3; }
a.eyeplayer-menu-dark:active {  color: #009fe3; }


.eyeplayer-menu-home{
	font: 300 20px/18px ff-scala, Merriweather, Francois One, Georgia, Helvetica, sans-serif;
	color: #98b1d9;
	
}
a.eyeplayer-menu-home:link {  color: #ffffff; }
a.eyeplayer-menu-home:visited {  color: #ffffff; }
a.eyeplayer-menu-home:hover {  color: #009fe3; }
a.eyeplayer-menu-home:active {  color: #009fe3; }

.eyeplayer-menu-other{
	font: 300 20px/18px ff-scala, Merriweather, Francois One, Georgia, Helvetica, sans-serif;
	color: #98b1d9;
	
}
a.eyeplayer-menu-other:link {  color: #009fe3; }
a.eyeplayer-menu-other:visited {  color: #009fe3; }
a.eyeplayer-menu-other:hover {  color: #000033; }
a.eyeplayer-menu-other:active {  color: #000033; }


.boxes-strip{
	font: 300 18px/18px ff-scala, Merriweather, Francois One, Georgia, Helvetica, sans-serif;
	color: #003366;
	
}
a.boxes-strip:link {  color: #003366; }
a.boxes-strip:visited {  color: #003366; }
a.boxes-strip:hover {  color: #009fe3; }
a.boxes-strip:active {  color: #009fe3; }

.eyeplayer-menu-p94{
	font: 300 20px/18px ff-scala, Merriweather, Francois One, Georgia, Helvetica, sans-serif;
	color: #98b1d9;
	
}
a.eyeplayer-menu-p94:link {  color: #cc3300; }
a.eyeplayer-menu-p94:visited {  color: #cc3300; }
a.eyeplayer-menu-p94:hover {  color: #009fe3; }
a.eyeplayer-menu-p94:active {  color: #009fe3; }

.eyeplayer-thumbs{
	font: 300 17px/17px Merriweather, Francois One, Georgia, Helvetica, sans-serif;
	color: #777777;
	
}
a.eyeplayer-thumbs:link {  color: #003366; }
a.eyeplayer-thumbs:visited {  color: #003366; }
a.eyeplayer-thumbs:hover {  color: #cc3300; }
a.eyeplayer-thumbs:active {  color: #cc3300; }

.eyeplayer-thumbs-text{
	font: 300 16px/16px Merriweather, Francois One, Georgia, Helvetica, sans-serif;
	color: #333333;
	
}
a.eyeplayer-thumbs-text:link {  color: #5766c3; }
a.eyeplayer-thumbs-text:visited {  color: #5766c3; }
a.eyeplayer-thumbs-text:hover {  color: #003366; }
a.eyeplayer-thumbs-text:active {  color: #003366; }

.eyeplayer-header{
	font: normal 32px/32px Francois One, Georgia, Helvetica, sans-serif;
	color: #000033;
	letter-spacing: -0.2px;
}
a.eyeplayer-header:link {  color: #000033; }
a.eyeplayer-header:visited {  color: #000033; }
a.eyeplayer-header:hover {  color: #c42925; }
a.eyeplayer-header:active {  color: #c42925; }

.only-big {
	font: 30px/32px Francois One, Georgia, Helvetica, sans-serif;
	color: #000000;
}
a.only-big:link {  color: #000000; }
a.only-big:visited {  color: #000000; }
a.only-big:hover {  color: #c42925; }
a.only-big:active {  color: #c42925; }


.only-small {
	font: 20px/22px Francois One, Oswald, Francois One, Georgia, Helvetica, sans-serif;
	color: #333333;
}
a.only-small:link {  color: #c42925; }
a.only-small:visited {  color: #c42925; }
a.only-small:hover {  color: #000000; }
a.only-small:active {  color: #000000; }



.only-smallest {
	font: 16px/22px Francois One, Oswald, Francois One, Georgia, Helvetica, sans-serif;
	color: #000;
}


.blog-50 {
	font: normal 46px/44px Francois One, Georgia, Helvetica, sans-serif;
	font-weight: 200;
	color: #566f78;
}
	a.blog-50:link {  color: #566f78;}
	a.blog-50:visited {  color: #566f78; }
	a.blog-50:hover {  color: #000033;}
	a.blog-50:active {  color: #000033;}
	
	
.blog-headline {
	font: normal 30px/36px Merriweather, Francois One, Georgia, Helvetica, sans-serif;
	font-weight: 200;
	color: #000033;
}
	a.blog-headline:link {  color: #000033;}
	a.blog-headline:visited {  color: #000033; }
	a.blog-headline:hover {  color: #cc0000;}
	a.blog-headline:active {  color: #cc0000;}
	
.blog-month {
	font: normal 22px/42px Merriweather, Francois One, Georgia, Helvetica, sans-serif;
	font-weight: 200;
	color: #cc0000;
	margin-top: 30px;
}
	
.blog-text {
	font: 300 18px/22px Source Sans Pro, Arial, Helvetica, sans-serif;
	color: #566f78;
}
	
	a.blog-text:link {  color: #cc0000;}
	a.blog-text:visited {  color: #cc0000; }
	a.blog-text:hover {  color: #000033;}
	a.blog-text:active {  color: #000033;}

.blog-sidebar {
	font: normal 22px/30px Francois One, Georgia, Helvetica, sans-serif;
	font-weight: 200;
	color: #566f78;
}


.classifieds-header {
		font: normal 32px/30px Francois One, Georgia, Helvetica, sans-serif;
	font-weight: 200;
	color: #113a8c;

	
}

.classifieds-place {
		font: normal 26px/36px Francois One, Georgia, Helvetica, sans-serif;
	font-weight: 200;
	color: #c42925;

	
}


/************************************************************************************
FOOTER
*************************************************************************************/

	.footer{
	font: normal 16px/24px Merriweather, Francois One, Georgia, Helvetica, sans-serif;
	color: #ffffff;
}
	a.footer:link {  color: #ffffff; }
	a.footer:visited {  color: #ffffff; }
	a.footer:hover {  color: #bedce9; }
	a.footer:active {  color: #bedce9; }

	.footer-drop{
	font: normal 14px/22px Merriweather, Georgia, Helvetica, sans-serif;
	font-weight: 300;
	color: #ffffff;
	width: 100%;
	overflow: hidden;
	display: block;
	margin: 0 0 7px 0;
}
	a.footer-drop:link {  color: #f4f3e4; }
	a.footer-drop:visited {  color: #f4f3e4; }
	a.footer-drop:hover {  color: #bedce9; }
	a.footer-drop:active {  color: #bedce9; }

	.box-footer{
	border-left:#cccccc 1px solid;
	padding: 10px;
	padding-bottom: 20px;
	text-align:left;
}

	.footer-text{
	font: normal 16px/20px Source Sans Pro, Merriweather, Georgia, Helvetica, sans-serif;
	font-weight: 300;
	color: #f4f3e4;

}
a.footer-text:link {  color: #f4f3e4; }
	a.footer-text:visited {  color: #f4f3e4; }
	a.footer-text:hover {  color: #bedce9; }
	a.footer-text:active {  color: #bedce9; }



/************************************************************************************
COVERS
*************************************************************************************/


.covers-library-title {
	font: normal 42px/36px Francois One, Georgia, Helvetica, sans-serif;
	color: #371046;
		
	letter-spacing: -0.8px;
}
a.covers-library-title:link {  color: #371046; }
a.covers-library-title:visited {  color: #371046; }
a.covers-library-title:hover {  color: #003366; }
a.covers-library-title:active {  color: #003366; }


.covers-library {
	font: normal 18px/20px Francois One, Georgia, Helvetica, sans-serif;
	color: #371046;
}
a.covers-library:link {  color: #550872; }
a.covers-library:visited {  color: #550872; }
a.covers-library:hover {  color: #c42925; }
a.covers-library:active {  color: #c42925; }

.covers-library-link {
	font: normal 18px/18px Francois One, Georgia, Helvetica, sans-serif;
		color: #371046;
}
a.covers-library-link:link {  color: #c42925; }
a.covers-library-link:visited {  color: #c42925;  }
a.covers-library-link:hover {  color: #371046;  }
a.covers-library-link:active {  color: #371046; }



/************************************************************************************
OTHER FONTS
*************************************************************************************/




.chunky-red{
	font: normal 24px/26px Francois One, Georgia, serif;
	color: #c73741;
}
a.chunky-red:link {  color: #c73741; }
a.chunky-red:visited {  color: #c73741; }
a.chunky-red:hover {  color: #4f0a69; }
a.chunky-red:active {  color: #4f0a69; }


.chunky-purple{
	font: normal 24px/26px Francois One, Georgia, serif;
	color: #550872;
}
a.chunky-purple:link {  color: #550872; }
a.chunky-purple:visited {  color: #550872; }
a.chunky-purple:hover {  color: #cc3300; }
a.chunky-purple:active {  color: #cc3300; }


.chunky-black{
	font: normal 24px/26px Francois One, Georgia, serif;
	color: #000;
}

.chunky-black-large{
	font: normal 36px/42px Francois One, Georgia, serif;
	color: #222222;
}



.chunky-blue{
	font: normal 24px/26px Francois One, Georgia, serif;
	color: #003366;
}

a.chunky-blue:link {  color: #003366; }
a.chunky-blue:visited {  color: #003366; }
a.chunky-blue:hover {  color: #cc3300; }
a.chunky-blue:active {  color: #cc3300; }


.chunky-red-smaller{
	font: normal 20px/22px Francois One, Georgia, serif;
	color: #550872;
}
a.chunky-red-smaller:link {  color: #c73741; }
a.chunky-red-smaller:visited {  color: #c73741; }
a.chunky-red-smaller:hover {  color: #550872; }
a.chunky-red-smaller:active {  color: #550872; }



.chunky-purple-smaller{
	font: normal 20px/22px Francois One, Georgia, serif;
	color: #550872;
}
a.chunky-purple-smaller:link {  color: #550872; }
a.chunky-purple-smaller:visited {  color: #550872; }
a.chunky-purple-smaller:hover {  color: #c73741; }
a.chunky-purple-smaller:active {  color: #c73741; }


/************************************************************************************
SEARCH & FORMS
*************************************************************************************/


	form {
	margin: 0px;
	padding: 0px;
}

	#search-input {
                top: 0px;
				margin: 2px 0px 0px 5px;
				padding: 0px 7px 4px 7px;
                background:#ffffff;
                border:1px solid #dddddd;
				width: 45px;
				height: 24px;
				font: normal 15px/15px Merriweather, Arial, Helvetica, sans-serif;
				font-weight: 300;
				vertical-align: top;
				-webkit-border-radius: 1px;
				-moz-border-radius: 1px;
				border-radius: 3px;
}


	#search-button {
                 position:relative;
                padding: 5px;
                left:0px;
				background-color:#fff;
				margin-left: 0px;
				vertical-align: top;
}


	.contact-field {
                padding: 5px;
				margin: 10px 0px;
                background:#eeeeee;
                border:1px solid #ccc;
				width: 200px;
				font: normal 15px/26px Merriweather, Arial, Helvetica, sans-serif;
				font-weight: 300;
				-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

	#contact-button { 
	padding: 8px;
	color: #fff;
	background: #c42925;
	margin: 10px 0px;
				font: normal 15px/26px Merriweather, Arial, Helvetica, sans-serif;
				font-weight: 300;
				border: 0px;
				-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 3px;
}

#download-button { 
	padding: 8px;
	color: #fff;
	background: #000;
	margin: 10px 0px;
				font: normal 15px/26px Merriweather, Arial, Helvetica, sans-serif;
				font-weight: 300;
				border: 0px;
				-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 3px;
}



/************************************************************************************
COUNTRY COVERS DROPDOWN
*************************************************************************************/

#country-covers {
	background: #371046;
	float: none;
	margin: 0 auto;
	display: inline-block;
}




/* The container <div> - needed to position the dropdown content */
.country-covers-dropdown {
    position: relative;
    display: inline-block;
    
}


/* Dropdown Button */
.country-covers-btn {
font-family: Merriweather, Source Sans Pro, Helvetica, Verdana;
	font-weight: 400;
		background: #371046;
    color: #fff;
    padding: 0px 3px;
    font-size: 15px;
    border: 0px;
    cursor: pointer;
    margin: 7px 0px 9px 0px;
    text-align: center;
        width: 240px;
        outline: 0;

}


/* Dropdown Content (Hidden by Default) */
.country-covers-content {
    display: none;
    position: absolute;
    
    font-family: Merriweather, Source Sans Pro, Helvetica, Verdana;

        font-size: 15px;
    background-color: #fefefe;
    margin: 0 auto;
    width: calc(100% - 2px);
    border-right: 1px solid #999999;
        border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
 max-height: 400px;
	overflow-y : scroll;    text-align: center;

}

/* Links inside the dropdown */
.country-covers-content a {
    color: #003366;
    font-weight: 400;
    padding: 3px 7px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.country-covers-content a:hover { background: #371046; color: #fff;}

/* Show the dropdown menu on hover */
.country-covers-dropdown:hover .country-covers-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.country-covers-dropdown:hover .country-covers-btn {
    color: #ffffff;
}



/************************************************************************************
COUNTRY DROPDOWN
*************************************************************************************/

#country {
	background: #444444;
	float: none;
	margin-left: 0 auto;
	display: inline-block;
}




/* The container <div> - needed to position the dropdown content */
.country-dropdown {
    position: relative;
    display: inline-block;
    
}


/* Dropdown Button */
.country-btn {
font-family: Francois One, Merriweather, Source Sans Pro, Helvetica, Verdana;
	font-weight: 400;
		background: #444444;
    color: #fff;
    padding: 0px 3px;
    font-size: 13px;
    border: 0px;
    cursor: pointer;
    margin: 7px 0px 9px 0px;
    text-align: center;
        width: 170px;
        outline: 0;

}


/* Dropdown Content (Hidden by Default) */
.country-content {
    display: none;
    position: absolute;
    
    font-family: Francois One, Merriweather, Source Sans Pro, Helvetica, Verdana;

        font-size: 13px;
    background-color: #dee2e1;
    margin: 0 auto;
    width: calc(100% - 2px);
    border-right: 1px solid #999999;
        border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;

}

/* Links inside the dropdown */
.country-content a {
    color: 113a8c;
    font-weight: 400;
    padding: 8px 0px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.country-content a:hover { background: #596466; color: #fff;}

/* Show the dropdown menu on hover */
.country-dropdown:hover .country-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.country-dropdown:hover .country-btn {
    color: #ffffff;
}



/************************************************************************************
GENRE DROPDOWN BUTTON
*************************************************************************************/

#genre-dropdown {
	float: right;
	margin: 0px 0 20px 0;
}

#genre-dropdown-mobile {
	display: none; 
    float: right;
	margin: 0;
}

/* Dropdown Button */
.dropbtn {
	font-family: Merriweather, Georgia, serif;
	font-weight: 400;
	background: #efefef;
    color: #000000;
    padding: 5px 15px 5px 15px;
    font-size: 16px;
    border: 1px solid #dddddd;
    cursor: pointer;
    margin-bottom: 0px;
    margin-left: 15px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
    
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	text-align: right;
    display: none;
    position: absolute;
    background-color: #dee2e1;
    min-width: 130px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   right: 0;
   	z-index: 2147483;

}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    font-weight: 400;
    padding: 5px 15px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #cc0000; color: #fff; }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #dee2e1;
}