@font-face {font-family: 'Recta-Italic';src: url('/css/font/2CE440_0_0.eot');src: url('/css/font/2CE440_0_0.eot?#iefix') format('embedded-opentype'),url('/css/font/2CE440_0_0.woff2') format('woff2'),url('/css/font/2CE440_0_0.woff') format('woff'),url('/css/font/2CE440_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Recta-Regular';src: url('/css/font/2CE440_1_0.eot');src: url('/css/font/2CE440_1_0.eot?#iefix') format('embedded-opentype'),url('/css/font/2CE440_1_0.woff2') format('woff2'),url('/css/font/2CE440_1_0.woff') format('woff'),url('/css/font/2CE440_1_0.ttf') format('truetype');}
 
html {height:100%} 
body {
	background-color: white;
	color: #000000;	
	padding:0;
	margin:32px;
	position:relative;
	font-family:'Recta-Regular';
	overflow-y: auto;
	letter-spacing:0.5px;
	font-size:18pt;
}

#white-bg {position:fixed;width:100%;height:100%;background-color:white;overflow:hidden;top:0px;left:0;z-index:1000000}
.header {position:fixed;top:25px;right:29px;z-index:500;line-height:25pt}
.header a {font-size:18pt;cursor:pointer;text-decoration:none;float:right;display:block;clear:right}

.header .logo {color:#E80000;
  margin: 0 auto;
  padding:0;
  text-align:center;
  transition: all 0.4s ease;
  -webkit-transition:all 0.4s ease;
  -moz-transition:all 0.4s ease;
  -o-transition:all 0.4s ease;  

}
.header .logo:hover {color:black;
  transition: all 0.4s ease;
  -moz-transform: scale(1, -1);
-webkit-transform: scale(1, -1);
-o-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}

#filter-icon {display:none}
.filter-on,
.filter-off {background:url(../img/filter-off.png) 0px 0px no-repeat;background-size:16px 16px;width:16px;height:16px;cursor:pointer}
.filter-on {background-image:url(../img/filter-on.png);}
#filter-list{dipslay:block}

.header .filter {color:black}
.header .active {color:#E80000;background:url(/img/checked.png) 0px 7px no-repeat;padding-left:23px;background-size:16px 17px}
.header .filter:hover {color:#E80000;}

#menu {position:fixed;padding-left:32px;color:#E80000;overflow:hidden;top:27px;z-index:400;left:32px;background:url(/img/menu-icon.png) 0px 4px no-repeat;cursor:pointer;font-size:18pt;height:30px}

.page-title {margin-top:-3px;color:#E80000;margin-left:32px;clear:both}

.book, .blog, .static {margin-left:32px;margin-right:32px;margin-top:-3px;position:relative}
.blog .copy,
.book .view,
.static .copy {margin-left:auto;margin-right:auto;max-width:800px;font-size:18pt;line-height:25pt;letter-spacing:0.5px}
.book .col2_wrap a,
.book .col1_wrap a,
.book .col1 a,
.static .copy a {border-bottom:1px solid #E80000;text-decoration:none;color:black}
.book .copy a:hover,
.book .col2_wrap a:hover,
.book .col1_wrap a:hover,
.book .col1 a:hover,
.static .copy a:hover {border-bottom:1px solid transparent}

.blog .copy {margin-top:-28px}

.view-button {cursor: url('/img/icon-zoom.png'), auto;}

.book .col1 {float:left;width:700px;margin-right:32px;margin-top:-11px;font-size:18pt;line-height:25pt;letter-spacing:0.5px;display:none;}
.book .col1 p:first-child {margin:0px}
.book .col2 {float:left;width:276px;margin-top:-4px;display:none;font-size:18pt;line-height:25pt;letter-spacing:0.5px;}
.book .col2 img {width:275px;height:auto;padding-bottom:8px}

.book .col1_wrap {font-size:18pt;line-height:25pt;letter-spacing:0.5px;margin-top:-11px; display:none}
.book .col2_wrap {margin-left:32px;width:276px;margin-top:-4px;margin-bottom:13px;float:right;font-size:18pt;line-height:25pt;letter-spacing:0.5px;display:none}
.book .col2_wrap img {width:275px;height:auto;padding-bottom:17px}

.book .view {display:none}
.book .view img {width:100%;height:auto}

.book .title {position:absolute;top:3px;left:0px;color:#E80000}
.book h1 {color:#E80000;text-align:center;margin-bottom:27px;font-weight:normal;line-height:25pt;letter-spacing:0.5px;margin-top:-7px}

.book .icon-right {position:fixed;right:32px;top:114px;background:url(../img/arrow-right.png) 0px 0px no-repeat;background-size:16px 16px;width:16px;height:16px;cursor:pointer;display:none}
.book .icon-right:hover {background-image:url(../img/arrow-right-on.png)}
.book .icon-left {position:fixed;left:32px;top:114px;background:url(../img/arrow-left.png) 0px 0px no-repeat;background-size:16px 16px;width:16px;height:16px;cursor:pointer;display:none}
.book .icon-left:hover {background-image:url(../img/arrow-left-on.png)}

.book .icon-grid {position:fixed;left:32px;top:149px;background:url(../img/grid.png) 0px 0px no-repeat;background-size:16px 16px;width:16px;height:16px;cursor:pointer;}
.book .icon-grid:hover {background-image:url(../img/grid-on.png)}

.book .col2_wrap p,
.book .col2 p {margin:0;padding:0}


.share {position:fixed;bottom:32px;right:32px;z-index:100}
.share .twitter {background:url(../img/icon-twitter.png) 0px 0px no-repeat;background-size:20px 14px;width:20px;height:14px;cursor:pointer;;display:none;margin-bottom:32px}
.share .twitter:active,
.share .twitter:hover {background-image:url(../img/icon-twitter-on.png);}
.share .facebook {background:url(../img/icon-fb.png) 0px 0px no-repeat;background-size:20px 16px;width:20px;height:16px;cursor:pointer;display:none;margin-bottom:32px}
.share .facebook:active,
.share .facebook:hover {background-image:url(../img/icon-fb-on.png);}
.share .icon {background:url(../img/share-icon-off.png) 0px 0px no-repeat;background-size:20px 17px;cursor:pointer;ovreflow:hidden;width:20px;height:17px}
.share .icon:active,
.share .icon:hover {background-image:url(../img/share-icon-on.png)}

.close {display:none;position:fixed;top:32px;right:32px;background:url(../img/close-off.png) 0px 0px no-repeat;background-size:16px 16px;width:16px;height:16px}
.close:hover {background-image:url(../img/close-on.png)}

.blog .copy .item {margin-top:32px}
.blog .copy .item:first-of-type {margin-top:32px;}
.blog .copy .item .tag {margin-bottom:32px;text-align:center}
.blog .copy .item p:first-of-type {margin-top:0px}
.blog .copy .item h1 {color:#E80000;text-align:center;margin-bottom:32px;font-weight:normal}
.blog .copy .item h1 a {font-size:18pt;color:#E80000}
.blog .copy .item h1 a:hover {color:black}
.blog .copy .item img {max-width:500px;height:auto; margin-left: auto;margin-right: auto;display:block}
.blog .copy .item .date {font-size:13pt;color:#E80000;margin-top:32px}
.blog .copy .item a {border-bottom:1px solid #E80000;text-decoration:none;color:black}
.blog .copy .item a:hover {border-bottom:1px solid transparent}

.blog .copy .item .tags {font-size:13pt;color:#E80000}
.blog .copy .item .tags a {color:black;border-bottom:1px solid #E80000;}
.blog .copy .item .tags a:hover {color:#E80000}

#menu:hover {background-image:url(/img/menu-icon-hover.png);} 

#menu-curtain {background-color:white;width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:499;overflow:hidden;opacity:.8;display:none}

#menu-list {position:fixed;top:0px;left:0;margin-left:-300px;width:300px;height:100%;z-index:500;overflow:hidden;background-color:#E80000;}
#menu-list .icon {
	cursor:pointer;
	position:absolute;
	top:37px;
	right:32px;
	z-index:100;
	transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease; /** Chrome & Safari **/
    -moz-transition: all 0.5s ease; /** Firefox **/
    -o-transition: all 0.5s ease; /** Opera **/
}

#menu-list .move-rotate{
	transform:  rotate(90deg);
    -webkit-transform: rotate(90deg); /** Chrome & Safari **/
    -o-transform:  rotate(90deg); /** Opera **/
    -moz-transform:   rotate(90deg); /** Firefox **/
}
#menu-list .padding {margin:32px;}
#menu-list .padding a {text-decoration:none;display:table;color:white;font-size:18pt;line-height:22pt;letter-spacing:0.5px;}

#menu-list .padding .nav .sublink:before {content:'•';padding-right:10px;color:#E80000}
#menu-list .padding .nav .sublink-active,
#menu-list .padding .nav .sublink-active:hover,
#menu-list .padding .nav .sublink:hover:before {content:'•';padding-right:10px;color:black}
#menu-list .padding a.active {color:black}
#menu-list .padding a:hover {color:black}
#menu-list .padding .notes {font-size:13pt;line-height:19pt;position:absolute;bottom:32px;left:32px;width:240px}
#menu-list .padding .notes a {font-size:13pt;line-height:19pt;letter-spacing:0.5px;color:black}
#menu-list .padding .notes a:hover {color:white}
#menu-list .padding .notes .icon-search {background:url(../img/i-search-off.png) 1px 6px no-repeat;background-size:11px 12px;padding-left:25px}
#menu-list .padding .notes .icon-donate {background:url(../img/i-donate-off.png) 2px 6px no-repeat;background-size:8px 13px;padding-left:25px}
#menu-list .padding .notes .icon-signup {background:url(../img/i-signup-off.png) 0px 5px no-repeat;background-size:14px 14px;padding-left:25px}
#menu-list .padding .notes .icon-supporters {background:url(../img/i-supporter-off.png) 0px 6px no-repeat;background-size:12px 12px;padding-left:25px}

#menu-list .padding .notes .icon-search:hover {background:url(../img/i-search-on.png) 1px 6px no-repeat;background-size:11px 12px;}
#menu-list .padding .notes .icon-donate:hover {background:url(../img/i-donate-on.png) 2px 6px no-repeat;background-size:8px 13px;}
#menu-list .padding .notes .icon-signup:hover {background:url(../img/i-signup-on.png) 0px 5px no-repeat;background-size:14px 14px;}
#menu-list .padding .notes .icon-supporters:hover {background:url(../img/i-supporter-on.png) 0px 6px no-repeat;background-size:12px 12px;}


#menu-list .padding .notes .social-icons {margin-top:14px;height:25px}
#menu-list .padding .notes .social-icons a {display:block;height:13px;float:left;cursor:pointer;background-position: 0px 0px;background-repeat:no-repeat;margin-left:10px}
#menu-list .padding .notes .social-icons .facebook {background-image:url(../img/i-fb-off.png);background-size: 7px 13px;width:7px;margin-left:0px}
#menu-list .padding .notes .social-icons .twitter {background-image:url(../img/i-twitter-off.png);background-size:16px 13px;width:16px}
#menu-list .padding .notes .social-icons .youtube {background-image:url(../img/i-yt-off.png);background-size:15px 13px;width:15px;}
#menu-list .padding .notes .social-icons .tumblr {background-image:url(../img/i-tumblr-off.png);background-size:8px 13px;width:8px}
#menu-list .padding .notes .social-icons .instagram {background-image:url(../img/i-ig-off.png);background-size:13px 13px;width:13px}
#menu-list .padding .notes .social-icons .vimeo {background-image:url(../img/i-vimeo-off.png);background-size:13px 13px;width:13px}
#menu-list .padding .notes .social-icons .facebook:hover {background-image:url(../img/i-fb-on.png);background-size: 7px 13px;width:7px;}
#menu-list .padding .notes .social-icons .twitter:hover {background-image:url(../img/i-twitter-on.png);background-size:16px 13px;width:16px}
#menu-list .padding .notes .social-icons .youtube:hover {background-image:url(../img/i-yt-on.png);background-size:15px 13px;width:15px;}
#menu-list .padding .notes .social-icons .tumblr:hover {background-image:url(../img/i-tumblr-on.png);background-size:8px 13px;width:8px}
#menu-list .padding .notes .social-icons .instagram:hover {background-image:url(../img/i-ig-on.png);background-size:13px 13px;width:13px}
#menu-list .padding .notes .social-icons .vimeo:hover {background-image:url(../img/i-vimeo-on.png);background-size:13px 13px;width:13px}


#search-form input {border:1px solid #E80000;font-size:18pt;font-family:'Recta-Regular';padding:5px}
#search-form input[type="text"] {width:80%}
#search-form input[type="button"] {background-color:transparent;color: #E80000;padding-left:30px;padding-right:30px;margin-left:10px;cursor:pointer}
#search-form input[type="button"]:hover {color:white;background-color:#E80000}

.button {border:1px solid #E80000;text-decoration:none;display:inline-block;;color: #E80000;padding-left:40px;padding-right:40px;height:40px;line-height:40px;cursor:pointer}
.button:hover {color:white;background-color:#E80000}

.book .button {margin-top:17px;}

.books-list {
	max-width:1200px;
	margin-top:45px;
}
.books-list .item {width:300px;float:left;text-align:center;margin-bottom:32px;position:relative;cursor:pointer;font-size:18pt;letter-spacing:0.5px;line-height:25pt}
.books-list .item img {margin-bottom:8px;width:175px;height:auto}
.books-list .new {position:absolute;left:0px;top:0px;background:url(../img/new-icon.png) 0px 0px no-repeat;width:17px;height:65px;background-size:17px 65px;z-index:5}
.books-list .soon {position:absolute;left:0px;top:0px;background:url(../img/soon-icon.png) 0px 0px no-repeat;width:17px;height:71px;background-size:17px 71px;z-index:5}

.books-list .item:hover {color:#E80000}
.books-list .item:hover img {-webkit-box-shadow: 10px 10px 0px 1px rgba(232,0,0,1);
-moz-box-shadow: 10px 10px 0px 1px rgba(232,0,0,1);
box-shadow: 10px 10px 0px 1px rgba(232,0,0,1);}


.grid {padding-top:50px;overflow:hidden;color:#E80000}
.grid .area {float:left;font-size:64pt;text-align:center;}
.grid .area span {display: inline-block}

.grid .mix{ display: none;}

.grid .active {cursor:pointer}

#support-nav,
#about-nav {cursor:pointer}

.news {position:absolute;z-index:10;display: table;text-align: center;}
.news .item { display: none; vertical-align: middle;font-size:18pt;line-height:25pt;letter-spacing:0.5px;font-family:'Recta-Regular';}

.news .item a p {margin:0;margin-bottom:15px}
.news .item a span {display:block;font-size:13pt;line-height:16pt}
.news .item a span u {border-bottom:1px solid #E80000;text-decoration:none}
.news .item a {text-decoration:none;color:black}
.news .item a:hover {#E80000}
.news .item a:hover span u {border-bottom:1px solid transparent;}

.news .item  a:hover {border-bottom:1px solid transparent;color: #E80000;}

.static.submit img {width:500px;height:auto;margin-left:auto;margin-right:auto;display:block;}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 1028px) {
	#filter-icon {display:block;float:right;margin-bottom:10px}
	#filter-list{display:none}	
	.book {margin-left:16px;margin-right:16px;margin-top:-3px;position:relative}	
	.header {position:absolute;top:-2px;right:0;z-index:500;line-height:19pt;right:-16px}	


}

@media only screen and (max-width: 500px) {
	.static.submit img {width:100%;height:auto;margin-left:unset;margin-right:unset;}

	body {margin-top:16px;font-size:15pt}
	.blog .copy .item img {max-width:none;width:100%;height:auto}
	.books-list {margin-top:40px}	
	.books-list .item {font-size:15pt;line-height:19pt}

	.news .item { font-size:15pt;line-height:19pt}
	.news .item a span {font-size:15pt;line-height:19pt}


	.header .active {background-position:0px 0px;}
	.header a {font-size:15pt}
	
	.grid .area {font-size:64pt;}
	

	.blog, .static {margin-left:16px;margin-right:16px;margin-top:-3px;position:relative}

	.book .col2_wrap {margin-left:auto;margin-right:auto;margin-top:-4px;float:none;}
	.page-title {margin-left:16px;width:140px;margin-top:-1px}
	.book h1 {clear:both;padding-top:50px}


	#menu {position:fixed;left:16px;padding-left:16px;top:9px;font-size:15pt}
	#menu-list {position:fixed;height:auto;margin-left:-300px;top:0px;font-size:15pt}
	#menu-list .padding {margin:16px;}
	#menu-list .padding .notes {clear:both;bottom:0;margin-top:32px;font-size:12pt;position:relative;width:240px;left:0}
	#menu-list .padding .notes a {font-size:12pt;line-height:19pt;letter-spacing:0.5px;}
	#menu-list .padding a {font-size:15pt;line-height:19pt}
	#menu-list .icon {top:18px;}

	.blog .copy .item h1 a {font-size:15pt}
	.blog .copy .item .date {font-size:13pt}

	.blog .copy .item .tags {font-size:13pt}
		
	.book h1 {line-height:16pt;}
	
	.book .col1 {font-size:13pt;line-height:17pt;}
	.book .col2 {font-size:13pt;line-height:17pt;}

	.book .col1_wrap {font-size:13pt;line-height:17pt;}	
	.book .col2_wrap {margin-left:auto;margin-right:auto;width:210px;margin-top:-4px; margin-bottom:30px;float:none;font-size:13pt;line-height:17pt;letter-spacing:0.5px;display:none}
	.book .col2_wrap img {width:inherit;height:auto}	
	.book .col2_wrap .button {padding-left:20px;padding-right:20px;}
		
	.book .icon-right {right:16px}
	.book .icon-left {left:16px}
	.book .icon-grid {left:16px;}
	
	.share {bottom:16px;right:16px}
		
	.close {top:16px;right:16px}
	
	.static .all-red:first-of-type {display:inline-block;width:140px;}
	
	.blog .copy,
	.book .view,
	.static .copy {font-size:13pt;line-height:17pt}
	
	#search-area {margin-top:30px;font-size:13pt}
	#search-form input {font-size:13pt;}
	#search-form input[type="text"] {width:60%}
	#search-form input[type="button"] {padding-left:10px;padding-right:10px;}
	
}

#main-content {padding-bottom:40px}




@media screen {
	div#preloader {
		position: absolute;
		left: -9999px;
		top:  -9999px;
		}
	div#preloader img {
		display: block;
		}
}
@media print {
	div#preloader, 
	div#preloader img {
		visibility: hidden;
		display: none;
		}
}