@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'kreonbold';
    src: url('fonts/kreon-bold-webfont.eot');
    src: url('fonts/kreon-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/kreon-bold-webfont.woff') format('woff'),
         url('fonts/kreon-bold-webfont.ttf') format('truetype'),
         url('fonts/kreon-bold-webfont.svg#kreonbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	background-image: url(images/bg.gif);
	background-color: #5489F2;
	background-attachment: fixed;
	background-position: top center;
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family: kreonbold;
	color: #FFF;
}

.clear {
	clear: both;
}

a img {
	border: none;
}

#spacer {
	width: 100%;
	height: 3.5em;
}

#news,
#news_edge,
#mus_release,
#mus_alpha,
#mus_mobile {
	display: none;
}

#music img,
#mus_release img,
#mus_alpha img,
#mus_mobile img {
	display: block;
}

.coverbox {
	width: 20%;
	display: inline-block;
	float: left;
}

#music,
#mus_release,
#mus_alpha,
#mus_mobile {
	width: 75%;
	padding: 0 12.5%;
}

.cover {
	width: 93%;
	padding: 1.5%;
	margin: 2%;
	border: #5489F2 dotted;
	border-width: 2px 0;
	background-image: url(images/paper_dark.jpg);
}

.cover:hover,
.coveractive {
	background-color: #FFFF00;
	background-image: none;
}

#nav_bar {
	width: 100%;
	background-image: url(images/bg_nav.png);
	background-repeat: repeat-x;
	background-position: bottom left;
	position: fixed;
	z-index: 1;
}

#nav_logo {
	width: 120px;
	padding: 10px;
	position: fixed;
	z-index: 2;
}

#closenews {
	margin: 1em auto 0em auto;
	width: 40px;
	height: 40px;
	background-image: url(images/close.png);
	background-repeat: no-repeat;
}

#closenews:hover,
#closenews:active {
	background-position: -40px 0px;
}

#foot_edge,
#news_edge {
	height: 3px;
	background-image: url(images/edge_white.png);
	background-repeat: repeat-x;
	background-position: bottom left;
}

#news_edge {
	width: 74.4%;
	margin: 0.3% auto 0% auto;
}

#foot_edge {
	width: 100%;
	margin-top: 1%;
}

.paper {
	width: 74.4%;
	margin: 0% auto 0.6% auto;
	padding: 2em 0;
	text-align: center;
	background-image: url(images/paper.jpg);
	background-color: #FFF;
	border: #5489F2 dotted;
	border-width: 0px 0px 2px 0px;
}

#foot {
	width: auto;
	padding: 1.5% 0% 0% 0%;
	background-image: url(images/paper.jpg);
}

#contact {
	margin: 0% 2% 0% 12.8%;
	padding: 1em 2em 1.2em 1em;
	border-radius: 10px;
	border: dotted 2px #FFF;
	background-image: url(images/bg.gif);
	background-color: #5489F2;
	background-attachment: fixed;
	background-position: top center;
	float: left;
}

a {font-family: kreonbold; color: #FFF; margin: 0;}

p {font-family: kreonbold; color: #5489F2; margin: 0; padding: 0;}

p.navtext {padding: 0.8em 0em; margin-left: 22%; float: left;}
a.navlink {color: #FFF; font-size: 1.12em; margin-right: 1.2em;	text-decoration: none;}
a.navlink:hover {color: #FFFF00;}

p.sorttext {color: #5489F2;	font-size: 1em;	padding: 0.8em 0em 0em 0em; margin-right: 13%; float: right;}
a.navsort {color: #5489F2; margin-left: 0.3em;}
a.navsort:hover {color: #FFF;}

p.newstext {text-align: justify; color: #5489F2; font-size: 1.4em; padding: 0.8em 4em;}

p.info {color: #FFF; font-size: 1.3em; text-shadow: 2px 2px #666; margin-bottom: 0.5em;}
a.infolink {color: #FFF; font-size: 1.3em; text-shadow: 2px 2px #666;}
a.infolink:hover {color: #FFFF00;}

p.faq {color: #5489F2; font-size: 1.2em; margin: 0% 12.5% 1% 0%; text-shadow: 2px 2px #D5D5D5;}

p.copy {width: 99.3%; font-family: Georgia, "Times New Roman", Times, serif; color: #AFAFAF; font-size: 0.7em; text-align: right; padding: 0.6% 0; background-image: url(images/paper.jpg);}

@media only screen
and (max-width: 480px) {
	#nav_logo {width: 14%; padding: 5px;}
	#spacer {height: 2.2em;}
	p.sorttext {display: none;}
	a.navsort {display: none;}
	
	p.navtext {margin-left: 0; padding: 0.3em 0em 0.4em 0em; float: none; text-align: center;}
	a.navlink {font-size: 0.9em; margin-right: 0.3em; margin-left: 0.3em;}
	
	#mus_mobile {width: 98%; padding: 0 1%; display: block !important;}
	#music, #mus_release, #mus_alpha {width: 98%; padding: 0 1%; display: none !important;}
	
	.coverbox {width: 33.33333%;}
	.cover {border-width: 1px 0;}
	
	.paper {width: 100%; margin: 0% 0% 0.6% 0%;	border-width: 0px 0px 1px 0px;}
	p.newstext {font-size: 0.9em; padding: 0.4em 1em;}
	#news_edge {width: 100%;}
	#news_logo {width: 100px;}
	#closenews {width: 25px; height: 25px; background-image: url(images/close_small.png);}
	#closenews:hover, #closenews:active {background-position: -25px 0px;}	
	
	#foot_edge {margin-top: 2%;}
	#contact {margin: 1% 2%; border: dotted 1px #FFF; float: none;}
	p.info {font-size: 1em; margin-bottom: 0.5em; text-shadow: 1px 1px #666;}
	a.infolink {font-size: 1em; text-shadow: 1px 1px #666;}
	p.faq {font-size: 1em; margin: 3%; text-shadow: 1px 1px #D5D5D5;}
	p.copy {text-align: center; padding: 3% 0%;}
}

@media only screen
and (min-width: 481px)
and (max-width: 639px) {
	#nav_logo {width: 60px; padding: 5px;}
	#spacer {height: 2.2em;}
	p.sorttext {display: none;}
	a.navsort {display: none;}
	
	p.navtext {margin-left: 0; padding: 0.3em 0em 0.4em 0em; float: none; text-align: center;}
	a.navlink {font-size: 0.9em; margin-right: 0.3em; margin-left: 0.3em;}
	
	#mus_mobile {width: 98%; padding: 0 1%; display: block !important}
	#music, #mus_release, #mus_alpha {width: 98%; padding: 0 1%; display: none !important;}
	
	.coverbox {width: 25%;}
	.cover {border-width: 1px 0;}
	
	.paper {width: 100%; border-width: 0px 0px 1px 0px;}
	p.newstext {font-size: 1em; padding: 0.4em 2em;}
	#news_edge {width: 100%; margin: 0.3% 0% 0% 0%;}
	#news_logo {width: 100px}
	#closenews {width: 25px; height: 25px; background-image: url(images/close_small.png);}
	#closenews:hover, #closenews:active {background-position: -25px 0px;}	
	
	#foot_edge {margin-top: 2%;}
	#contact {margin: 1% 2%; border: dotted 1px #FFF; float: none;}
	p.info {font-size: 1em; margin-bottom: 0.5em; text-shadow: 1px 1px #666;}
	a.infolink {font-size: 1em; text-shadow: 1px 1px #666;}
	p.faq {font-size: 1em; margin: 3%; text-shadow: 1px 1px #D5D5D5;}
	p.copy {text-align: center; padding: 3% 0%;}
}

@media only screen
and (min-width: 640px)
and (max-width: 1279px) {
	#nav_logo {width: 70px; padding: 5px;}
	#spacer {height: 2.4em;}
	p.sorttext {font-size: 0.8em; padding: 0.7em 0em 0em 0em; margin-right: 3%; float: right;}
	a.navsort {color: #5489F2; margin-left: 0.3em;}
	
	p.navtext {padding: 0.4em 0em 0.5em 0em; margin-left: 16%;}
	a.navlink {font-size: 0.95em; margin-right: 0.3em; margin-left: 0.3em;}
	
	#mus_mobile {display: none !important;}
	#music, #mus_release, #mus_alpha {width: 95%; padding: 0 2.5%;}
	
	.coverbox {width: 25%;}
	.cover {border-width: 1px 0;}
	
	.paper {width: 94%; border-width: 0px 0px 1px 0px;}
	p.newstext {font-size: 1.1em; padding: 0.4em 2em;}
	#news_edge {width: 94%;}
	#news_logo {width: 150px;}
	#closenews {width: 25px; height: 25px; background-image: url(images/close_small.png);}
	#closenews:hover, #closenews:active {background-position: -25px 0px;}	
	
	#contact {margin: 0% 2% 0% 2.5%; border: dotted 1px #FFF;}
	p.info {font-size: 1em; margin-bottom: 0.5em; text-shadow: 1px 1px #666;}
	a.infolink {font-size: 1em; text-shadow: 1px 1px #666;}
	p.faq {font-size: 1em; margin: 0% 2.5% 1% 0%; text-shadow: 1px 1px #D5D5D5;}
}

@media only screen
and (min-width: 1921px) {
	#mus_mobile {display: none !important;}
	#music,	#mus_release, #mus_alpha, #mus_mobile {width: 60%; padding: 0 20%;}
	
	#news_edge {width: 59.5%;}
	.paper {width: 59.5%;}
	
	#contact {margin: 0% 2% 0% 20%;}
	p.faq {margin: 0% 20% 1% 0%;}	
}