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

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

html {width:100%; height:100%; padding:0px; margin:0px; }
body { font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-size:17px; color:#FFF; width:100%; position:relative; padding:0px; margin:0px; background-color:#000; background-image:url(images/bg.jpg); background-attachment:fixed; background-position:top center; -webkit-background-size: cover; /*for webKit*/ -moz-background-size: cover; /*Mozilla*/ -o-background-size: cover; /*opera*/ background-size: cover; /*generic*/ background-position: top center; background-repeat:no-repeat;}
#container {min-height: 100%; margin-bottom: -73px; position: relative;}
.clearfooter {height: 73px; clear: both; }

header {width:100%; height:auto; paddign:8px 0px; margin:0px auto; font-family:"LeagueGothicRegular", Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; text-align:center; color:#c7e6cd; position:relative;}

h1 {padding:0px 0px; margin:0px auto; text-align:center;}
h1 img, h1 img a {border:none; max-width:631px; width:100%; height:auto; max-height:300px;}
h2 {font-family:"LeagueGothicRegular", Arial, Helvetica, sans-serif; text-transform:uppercase; display:block; color:#f0edde; font-size:40px; padding:5px 20px; margin:0px 0px 5px;font-weight:normal; }
h3 {font-family:"LeagueGothicRegular", Arial, Helvetica, sans-serif; text-transform:uppercase; display:block; color:#f0edde; font-size:30px; padding:5px 20px; margin:0px 0px 5px;font-weight:normal; }
section.left h3, section.left h2 {text-align:center;}

nav {background-color:#000; width:100%; height:auto; padding:5px 0px; margin:0px auto 20px;  }
nav ul {list-style-type:none; padding:0px; margin:0px 0px 0px 30px; text-align:center;}
nav ul li {float:none; margin:0px 20px 0px 0px; padding:0px 35px 0px 0px; display:inline-block; text-align:center; background-image:url(images/axe.png); background-position:right center; background-repeat:no-repeat; zoom: 1; *display: inline;}
nav ul li.last {float:none; margin:0px 20px 0px 0px; padding:0px; display:inline-block; zoom: 1; *display: inline; text-align:center; background-image:none;}
nav ul li a { font-size:26px; color:#FFF; padding:8px 0px; display:block;}

section#main {background-color:transparent; max-width:924px; width:100%; height:auto; padding:0px; margin:0px auto 10px;}

ul#home_blocks {list-style-type:none; text-align:center; margin:0px auto; padding:20px 0px;}
ul#home_blocks li {display:inline-block; text-align:center; margin:0px 20px 20px;}
span.home_text {display:block; font-size:13px; color:#FFF;}
ul#home_blocks li a:hover span.home_text {color:#5991c8;}

ul#books {list-style-type:none; text-align:center; margin:0px auto; padding:20px 0px;}
ul#books li {display:inline-block; text-align:center; margin:0px 10px 20px;}
span.home_text {display:block; font-size:13px; color:#FFF;}
ul#books li a:hover span.home_text {color:#5991c8;}

ul#home_sns {list-style-type:none; text-align:center; margin:0px auto; padding:20px 0px;}
ul#home_sns li {display:inline-block; text-align:center; margin:0px 5px 20px;}

section.left {max-width:286px; width:32%; height:auto; padding:0px; background-color:transparent; position:relative; float:left; margin:0px 20px 0px 0px;}
section.left img {border:5px solid #23435a; margin:0px; padding:0px; width:100%; height:auto;}

section.right {max-width:575px; width:59%; height:auto; padding:1.5%; background-color:#000000; position:relative; float:left; background-color:rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#5F000000', EndColorStr='#5F000000'); font-family:"LeagueGothicRegular", Arial, Helvetica, sans-serif; font-size:21px; }
section.right p {padding:0px 20px; margin:10px 0px 20px;}

section.full {max-width:924px; width:100%; height:auto; padding:1.5%; background-color:#000000; position:relative; float:left; background-color:rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#5F000000', EndColorStr='#5F000000'); font-family:"LeagueGothicRegular", Arial, Helvetica, sans-serif; font-size:21px; display:block; margin:0px 0px 20px; }
section.full p {padding:0px 20px; margin:10px 0px 20px;}

section.popup_container {}
section.popup_container p {margin:0px; padding:10px 0px;}

footer {width:100%; height:73px; padding:30px 0px; background-color:transparent;; text-align:center; position:relative; color:#7b9b9a;}
footer a {color:#70adc6; text-decoration:none;}
footer a:hover {text-decoration:underline;}

div#footer_holder {max-width:936px; width:auto; height:auto; margin:0px auto; padding:40px 0px; text-transform:none; text-align:center; font-size:13px; line-height:20px; border-top:1px solid #5e5954;}

a {text-decoration:none; color:#49785e;}
a:hover {color:#5991c8;}
a.fade {zoom: 1; filter: alpha(opacity=100); opacity: 1.00; -webkit-transition: all 0.3s ease-out;	-moz-transition: all 0.3s ease;	-o-transition: all 0.3s ease;}
a.fade:hover {zoom: 1; filter: alpha(opacity=70); opacity: 0.70; }
a.readmore {font-family:"LeagueGothicRegular", Arial, Helvetica, sans-serif; text-transform:uppercase; display:block; font-size:30px; padding:5px 0px; margin:5px 0px 5px;font-weight:normal; color:#FFF; background-color:#23435a; text-align:center; -webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease;	-o-transition: all 0.2s ease; max-width:924px; width:100%;}
a.readmore:hover {background-position:355px 11px; color:#000; background-color:#FFF;}
section.left a.readmore {padding:5px 5px; }
a.readmore img {border:none; padding:0px; margin:0px; display:block;}
a.song {font-family:"LeagueGothicRegular", Arial, Helvetica, sans-serif; text-transform:uppercase; display:block; font-size:25px; padding:3px 0px; margin:5px 0px 2px;font-weight:normal; color:#FFF; background-color:#23435a; text-align:center; -webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease;	-o-transition: all 0.2s ease; max-width:924px; width:100%;}
a.song:hover {background-position:355px 11px; color:#000; background-color:#FFF;}

ul.images {list-style-type:none; padding:0px; margin:0px; text-align:center;}
ul.images li {float:none; display:inline-block; text-align:center; width:30%; max-width:286px; margin:0px 1% 1% 0px; vertical-align:top;}
a.art {font-family:"LeagueGothicRegular", Arial, Helvetica, sans-serif; text-transform:uppercase; display:block; font-size:30px; padding:5px; margin:5px 0px 5px;font-weight:normal; color:#FFF; background-color:#23435a; text-align:center; -webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease;	-o-transition: all 0.2s ease; vertical-align:top; }
a.art:hover {background-position:355px 11px; color:#000; background-color:#FFF;}
a.art img {border:none; padding:0px; margin:0px; display:block; width:100%; height:auto; }

.clear {clear:both;}

.fancybox-custom .fancybox-skin { box-shadow: 0 0 50px #222; }
.fancybox-skin {background-color:#23435a !important;}
#coming_soon {display:none; width:500px;}

@media only screen and (max-width: 480px) {
section.left {width:95%;}
section.right {width:95%;}
ul.images li {width:45%; float:left; margin:0px 1% 1% 0px;}
}

@media only screen and (max-width: 369px) {
ul.images li {width:100%; float:left; margin:0px;}
}