*{
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing:        border-box;
}


:-webkit-full-screen .fullscreen,
:-moz-full-screen .fullscreen,
:-full-screen .fullscreen{
	display:none;
}
@font-face {
  font-family: "SSSocial";
  src: url('http://st1.dripstatic.com/static/responsive/fonts/ss-social-circle.eot');
  src: url('http://st1.dripstatic.com/static/responsive/fonts/ss-social-circle.eot?#iefix') format('embedded-opentype'),
       url('http://st1.dripstatic.com/static/responsive/fonts/ss-social-circle.woff') format('woff'),
       url('http://st1.dripstatic.com/static/responsive/fonts/ss-social-circle.ttf') format('truetype'),
       url('http://st1.dripstatic.com/static/responsive/fonts/ss-social-circle.svg#SSSocialCircle') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "SSSocial";
  src: url('http://st1.dripstatic.com/static/responsive/fonts/ss-social-regular.eot');
  src: url('http://st1.dripstatic.com/static/responsive/fonts/ss-social-regular.eot?#iefix') format('embedded-opentype'),
       url('http://st1.dripstatic.com/static/responsive/fonts/ss-social-regular.woff') format('woff'),
       url('http://st1.dripstatic.com/static/responsive/fonts/ss-social-regular.ttf') format('truetype'),
       url('http://st1.dripstatic.com/static/responsive/fonts/ss-social-regular.svg#SSSocialRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

img, video{
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	outline:none;
	zoom:1;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-focus-ring-color: rgba(0, 0, 0, 0);
}
html,body{margin:0; padding:0; height:100%; font-family : "Helvetica"; font-size:14px;}
body.wait{
	cursor:wait;
}

#seo-inner{ display:none; }
a, a:hover, a:visited{
	color:inherit;
	text-decoration:none;
}
#overlord{
	margin:0 auto;
	position:absolute;
	top:0;
	left:0;
	overflow:visible;
	width:100%;
	height:99%;
}
#overlord.forcesize{
	width:950px;
	height:650px;
	margin:0 auto;
	overflow:visible;
	float:none;
}

#container{
	height:99%;
	width:100%;
}

#container.forcesize{
	width:900px;
	height:600px;
}

#container div.shadowcontainer{
	height:95%;
	margin-left:1%;
	margin-top:1%;
	width:98%;
	zoom:1;
}

body.menu_left #container div.shadowcontainer{
	height:100%;
}
.dropshadow{
	zoom:1;
	-moz-box-shadow: 1px 1px 4px #333;
	-webkit-box-shadow: 1px 1px 4px #333;
	box-shadow: 1px 1px 4px #333;
}

.smdropshadow{
	zoom:1;
	-moz-box-shadow: 0px 0px 3px #333;
	-webkit-box-shadow: 0px 0px 3px #333;
	box-shadow: 0px 0px 3px #333;
}
.tidropshadow{
	-moz-box-shadow: 1px 1px 2px #333;
	-webkit-box-shadow: 1px 1px 2px #333;
	box-shadow: 1px 1px 2px #333;

}
#content{
	position:relative;
	height:100%;
	width:100%;
	padding:10px;
}
#container div.shadowcontainer #content{
	padding:0px;
}
#header{
	height:6.1%;
	clear:both;
	width:100%;
	z-index:9999;
	position:relative;
	top:0;
	left:0;
	min-height:30px;
}

body.menu_left #header{
	top:-200px;
	height:1px;
	width:1px;
	display:none;
	min-height:0px;
	position:absolute;
}
body .fixedback{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
text-align:center;
z-index:-5555;
}
#mainlogo{
	float:left;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	margin:0;
	width:50%;
	padding:0.0%;
	cursor:pointer;
	cursor:hand;
	max-height:50px;
	max-width:500px;
}
#mainlogo img{
	border:0;
}

body.menu_left #mainlogo{
	max-height:25%;
	float:none;
	text-align:left;
	display:block;
	position:relative;
	padding:0;
	width:100%;
	max-width:200px;
	height:auto;
	line-height:normal;
	white-space:normal;
	overflow:hidden;
}
.ie9 body.menu_left #mainlogo{
	min-height:25%;
}

body.menu_left #mainlogo .rectlogo{
display:none;
}

body.menu_left #mainlogo img{
}

#mainmenuwrap{
	float:right;
	/* height:100%; */
	width:auto;
	text-align:right;
	white-space:nowrap;
}
#container div.shadowcontainer #mainmenuwrap{
	margin-top:4px;
	margin-right:4px;
}
#mainmenuname{
	display:none;
	line-height:200%;
	cursor:pointer;
	cursor:hand;
	outline:none;
}

#mainmenu{
	line-height:150%;
	cursor:pointer;
	cursor:hand;
	text-align:right;
	outline:none;
	white-space:nowrap;
	width:100%;
	clear:both;
	display:table;
}

#mainmenu .mainmenu{
	display:table-cell;
	cursor:hand;
	cursor:pointer;
	outline:none;
	/*
	-webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	-moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	-ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	-o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	-webkit-transition:-webkit-transform 1s;
	-moz-transition:-moz-transform 1s;
	-o-transition: -o-transform 1s;
	-ms-transition: -ms-transform 1s;
	transition: transform 1s;
	*/
}
#mainmenu .mainmenu:hover{
/*
	-webkit-transform: rotateY(-40deg);
	-moz-transform: rotateY(-40deg);
	-ms-transform: rotateY(-40deg);
	-o-transform: rotateY(-40deg);
	transform: rotateY(-40deg) ;
*/
}

#mainmenu .mainmenu,
#mainmenu .mainmenu_sep_html{
	display:table-cell;
	text-align:center;
	width:auto;
	padding-left:5px;
	padding-right:5px;
}
#mainmenu .onmenu{
}

#mainmenu.leftmenu{
	display:block;
	position:absolute;
	width:18%;
	left:0%;
	top:0%;
	z-index:9998;
	overflow:hidden;
	height:100%;
	cursor:auto;
	line-height:auto;
}

#mainmenutgl.openicon{
	position:absolute;
	top: 5px;
	left:5px;
	width:30px;
	height:30px;
	background-image : url('mopen.png');
	background-repeat: no-repeat ;
	background-position: top right;
	z-index:9999;
	cursor:hand;
	cursor:pointer;

}
#mainmenutgl.closeicon{
	background-image : url('mclose.png');
}

#mainmenu.leftmenu #mainmenu-inner{
	height:65%;
	width:100%;
	overflow:auto;
}
#mainmenu.leftmenu .mainmenu{
padding:0;
}
#mainmenu.leftmenu .mainmenutitle{
padding:0.5%;
padding-left:5px;
}

#mainmenu.leftmenu .mainmenu{
	display:block;
	width:100%;
	text-align:left;
}
#mainmenu.leftmenu .homemenu, #mainmenu .homemenu{
	display:none;
}

#mainmenu.leftmenu .onmenu{
margin-bottom:1px;
}
#mainmenu.leftmenu .subbook{
	display:block;
	text-align:left;
	padding-left: 0;
	position:relative;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	margin-left:5px;

}
#mainmenu.leftmenu .groupsubmenu{
	display:block;
	position:relative;
	top:0;
	left:0;
	width:auto;
	max-width:100%;
	white-space:normal;
	margin-bottom:2px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin:0;
	padding:0;
	margin-top:2px;
	overflow:auto;

}

#mainmenu.leftmenu .leftmenu_sep{
	height:5px;
	display:block;
	clear:both
}
/*
body.large_res_artwall #inner.inner_withleftrail #genre{
	text-align:center;
	margin:0 auto;
	overflow:auto;
	height:100%;
	width:81%;
	left:19%;
}
*/

#inner{
	width:100%;
	position:relative;
	clear:both;
	padding-bottom:5px;
	height:92%;
}


.mainelement{
	position:absolute;
	left:0;
	top:0;
	display:none;
	max-width:100%;
	width:100%;
	height:inherit;
}
#loading{
	text-align:center;
	vertical-align:center;
	top:30%;
	margin:0 auto;
	position: relative;
}

#loading img{
	max-width:80%;
}
body.menu_left #loading{
	text-align:center;
	vertical-align:center;
	top:20%;
	margin:0 auto;
	position: relative;
}

#loading h2{
	text-align:center;
	font-size:1em;
}
#splash{
	text-align:left;
	height:100%;
	vertical-align:center;
	padding-bottom:5px;
}
#splash img{
}
#contact{
	display: none;
	position: absolute;
	left: 58.5%;
	top: 6%;
	padding: 1%;
	width: 40%;
	height: 40%;
	float: none;
	margin-right: 5px;
	z-index:9999;
}
body.menu_left #contact{
	left: 20%;
	top: 20%;
	padding: 1%;
	width: 60%;
	height: 60%;
}
#contact .social{
padding-top:10px;
}
#contact .social a{
font-family:SSSocial;
padding-right:13px;
font-size: 1.3em !important;
}
#profile{
	width:100%;
	height:100%;
	padding:10%;
	clear:both;
	position:relative;
}
#profile #totalprofile, #contact #totalcontact{
	height:100%;
	width:100%;
	position:relative;
}
#profile #profiletxt, #contact #contacttxt{
	position:relative;
	width:47%;
	height:100%;
	overflow:auto;
	left:0;
	top:0;
	float:left;
}
#profile #profileimg{
	position:relative;
	width:47%;
	margin-left:20px;
	text-align:center;
	overflow:auto;
	float:right;
}
#profile #profileimg img{
	width:auto;
	height:auto;
}
#profileimg_alt{
	display:none;
}
#profile #profileimg img, #profile #profileimg_alt img{
	max-width:100%;
	max-height:300px;
}
#profile .profilebreak{
	margin:20px;
	clear:both;
}
#profile .profilecopy, #profile .profiletitle,
#contact .contactcopy, #contact .contacttitle{
	text-align:left;
	-webkit-overflow-scrolling: touch;
}

a.facebook{
color: #3F60A3;
}
a.twitter{
color: #0EBCFB;
}
a.linkedin{
color: #0072B6;
}
a.pinterest{
color: #C92924;
}
a.tumblr{
color:#324F70;
}
a.instagram{
color:#306088
}

.groupsubmenu{
	display:none;
	position:absolute;
	top:0;
	left:0;
	padding:5px;
	text-align:left;
	height:auto;
	width:150px;
	max-width:150px;
	border:1px;
	z-index:9999;
}
.groupsubmenu div.subbook{
	height:auto;
	cursor:pointer;
	cursor:hand;
	line-height:normal;
	margin-bottom:3px;
}

#genre{
	text-align:center;
	margin:0 auto;
	overflow:auto;
	height:100%;
	width:100%;
}

#genre{
	margin:0 auto;
}
#genre .groupgrid{
	text-align:center;
	width:100%;
	height:100%;

}
#genre .groupgridwrap{
	width:100%;
	height:100%;
}
#genre .genrebook{
	margin:0.5%;
	cursor:pointer;
	min-width:130px;
	min-height:130px;

	cursor:hand;
	width:18%;
	height:18%;
	display:inline-block;
	max-width:250px;
	max-height:250px;
}

#genre .genrebook .imgwrap{
	float:left;
	width:100%;
	height:100%;
	clear:both;
	overflow:hidden;
	min-width:60px;
	min-height:60px;
	position: relative;
}
#genre .genrebook img{
	width:auto;
	min-width:60px;
	min-height:60px;
}
#genre .genrebook .booktitle{
	height:100%;
	float:left;
	width:100%;
	margin-top:-100%;
	overflow:hidden;
	color:#fff;
	text-align:center;
	vertical-align: middle;
	background:rgba(0, 0, 0, 0.6);
	z-index:1000;
	clear:both;
	position:relative;
}
#genre .videobook .booktitle{
background:url('http://st1.dripstatic.com/css/vid_sm_sqr.png') center 35% no-repeat;
background-color:rgba(0, 0, 0, 0.6);
}

.videobook{
background:url('http://st1.dripstatic.com/css/vid_sm_sqr.png') center 35% no-repeat;
}

#genre .genrebook .booktitle_touch{
	max-height:30px;
	float:left;
	width:100%;
	margin-top:-30px;
	overflow:hidden;
	color:#fff;
	text-align:center;
	vertical-align: middle;
	background:rgba(0, 0, 0, 0.4);
	z-index:1000;
	clear:both;
	position:relative;
}
#genre .genrebook .booktitletxt_touch{
	text-overflow:elipse;
	font-size:0.85em;
}

#genre .genrebook .booktitletxt{
	margin-top:48%;
	display:block;
}

#genre .genrebook .booktitle_touch{
	display:block;
	height:100%;
	vertical-align:middle;
	text-overflow:elipse;
}
/* pin grid */
#genre .grouppin{
float:none;
height:100%;
width:100%;
}
#genre .genrepinbook{
	position:absolute;
	cursor:pointer;
	cursor:hand;
	width:300px;
	height:auto;
	display:block;
	margin-bottom:2%;
	margin-right:5px;
	min-height:60px;
	float:none;
	max-height: 10000px;
	max-width: 10000px;
	-o-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
}
#genre .genrepinbook img{
	-o-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	opacity: 1;
}
#genre .genrepinbook:hover,
#genre .genrepinbook img:hover{
	z-index:9999;
	font-weight:bold;
	transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
}
#genre .genrepinbook img:hover{
	opacity: 0.6;
}
#genre .genrepinbook .imgwrap{
	float:none;
	width:100%;
	clear:both;
	overflow:hidden;
	min-width:60px;
	min-height:60px;
	position: relative;
}
#genre .genrepinbook img{
	min-width:60px;
	min-height:60px;
}

#genre .genrepinbook .booktitle{
	display:block;
	height:auto;
	vertical-align:middle;
	text-overflow:elipse;
	float:none;
	margin-top:0;
	width:100%;
	background: none;
	padding:5px;
}

#genre .genrepinbook .videobook{
height:100%;
width:100%;
position:absolute;
top:0;
left:0;
background:url('http://st1.dripstatic.com/css/vid_sm_sqr.png') center center no-repeat;
}

#genre .genrepinbook .booktitletxt{
	max-height:60px;
	float:none;
	width:100%;
	color:#fff;
	text-align:center;
	vertical-align: middle;
	z-index:1000;
	clear:both;
	position:relative;
	margin-top:0;
}
/* end pin grid */

/* film grid */
#genre .genrefilmbook{
	cursor:pointer;
	cursor:hand;
	width:100%;
	height:20%;
	display:block;
	margin-bottom:2%;
	min-height:60px;
}

#genre .genrefilmbook .imgwrap{
	width:100%;
	height:90%;
	clear:both;
	overflow:hidden;
	text-align:left;
	min-height:50px;
	white-space:nowrap;
}
#genre .genrefilmbook img{
	display:inline;

}
#genre .genrefilmbook div.thmwrap{
	position:relative;
	display:inline;
	padding-right:2px;
	min-height:50px;
	width:auto;
}

#genre .genrefilmbook div.video{
	height:58px;
	width:100%;
	position:absolute;
	top:0;
	margin-top:-24px;
	left:0;
	background:url('http://st1.dripstatic.com/css/vid_sm_sqr.png') center center no-repeat;
}
#genre .genrefilmbook div.oneimage div.video{
	background:url('http://st1.dripstatic.com/css/vid_sm_sqr.png') 68% center no-repeat;
}

#genre .genrefilmbook .oneimage{
	padding-left:10%;
}

#genre .genrefilmbook .genrefilmtitle{
	text-align:left;
	padding-left:10%;
	font-size:15px;
}
/* end film grid */

#books{
	z-index:9996;
	height:100%;
}

#books img {
	background:url('http://st1.dripstatic.com/css/loading/h_indicator_gray.gif') center center no-repeat;
}
#genre img {
	background:url('http://st1.dripstatic.com/css/loading/h_indicator_gray.gif') center center no-repeat;
}

#books img.noback {
	background:none;
}
#books .onbook{
	height:100%;
}

#books .booktitle{
	text-overflow: ellipsis;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, 0.6);
	z-index: 8001;
	height:5%;
	width: 100%;
	text-overflow: ellipsis;
}
#books .bookinner{
	height:90%;
}


#books .booktable{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
	clear:both;
}

#books .bookcaption{
	position: absolute;
	background: rgba(255, 255, 255, 0.8);
	text-align: left;
	height: 20%;
	bottom: 12%;
	width:60%;
	left:20%;
	z-index: 8001;
	padding: 5px;
	text-overflow: ellipsis;
	overflow:auto;
	-moz-border-radius: 3px;
	-webkit-bottomleft: 3px;
	border-radius: 3px;
}

#books .bookcaption h2, #books .booktitle h2{
	margin:0;
	padding:0;
}

#books .socialcaption{
	position:absolute;
	bottom:2%;
	right:1%;
}
#books .socialcaption a{
	padding-left:10px;
	font-family: 'SSSocial';
	font-weight:bold;
	font-size:1em !important;
	display:inline-block;
	height:17px;
}

#books .captiontop{
	bottom:auto;
	top:5%;
	position:absolute;
	text-align:left;
}

/*
#books #bookmainimg img{
	transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
}
#books #bookmainimg img.moveright{
	left:100% !important;
}

#books #bookmainimg img.moveleft{
	left:-100% !important;
}
*/
/* artwall */


#books .artwall .bookwrap{
	position:relative;
	height:100%;
	width:100%;
}
#books .artwall .bookinner{
	clear:both;
	position:relative;
	margin-bottom:10px;
	margin-right:10px;
	height:97%;
	width:100%;
	overflow:hidden;
}

#books .artwall .booktable{
	position:relative;
	height:90%;
	display:table;
	position:float;
	clear:both;
	width:100%;
}
/*
body.menu_left .artwall .booktable{
	padding-left:19%;
}
body.menu_left .artwall .booktable video,
body.menu_left .artwall .booktable object
{
	position:absolute;
	left:19%;
	top:0;
	width:80% !important;
}
*/

#books .artwall .bookimage{
	height:100%;
	width:auto;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	padding-right:5px;
}

#books .artwall .bookslider {
	clear:both;
	padding: 1px;
	width:98%;
	position: relative;
	margin: 0 auto;
	height:5px;
	-moz-box-shadow: 1px 1px 2px #333;
	-webkit-box-shadow: 1px 1px 2px #333;
	box-shadow: 1px 1px 4px #333;
	 -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	z-index:9999;
}

#books .artwall .ui-slider-handle {
	cursor: move;
	position:absolute;
	margin-left:-5px;
	top:-0px;
	outline:0;
	display:block;
	height:5px;
	width:10px;
	z-index: 9999;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}


#books .grab{
	position:relative;
	height:100%;
}
#books .grab .bookwrap{
	height:99%;
	position:relative;
	margin-top:5px;
}
#books .grab table{
	width:100%;
	height:100%;
}
#books .grab .booktable{
	height:100%;
	width:auto;
	display:table;
}
#books .grab .bookrow{
	height:100%;
	width:100%;
	display:table-row;
}
#books .grab .bookimage{
	height:100%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

#books .grab .bookinner{
	height:100%;
	width:auto;
	position:relative;
	clear:both;
	overflow:hidden;
}


#books .grab .bookimage img{
	zoom:1;
	outline:0;
	cursor:hand;
	cursor:pointer;
	display:block;
}
#books .grab .goleft img{
	cursor:url('minus.png'), auto;
}
#books .grab .goright img{
	cursor:url('plus.png'), auto;
}

body.gesture #inner, body.large_res_gesture #inner{
	height:95%;
}

#books .gesture .bookwrap{
	position:relative;
	top:0;
	left:0;
	height:100%;
}

#books .gesture .bookinner{
	position:relative;
	height:90%;
	padding-bottom:5px;
}


#books .gesture .bookthumbs{
	position:absolute;
	overflow:hidden;
	left:0;
	bottom:2%;
	height:7%;
	width:100%;
	white-space:nowrap;
	padding-bottom:5px;
}
#books .gesture .bookthumbs img{
	padding-left:5px;
	cursor:pointer;
	cursor:hand;
	opacity:1;
}
#books .gesture .bookthumbs img:hover{
	opacity:0.6 !important;
}
#books .gesture .booktable{
	height:100%;
	width:100%;
	text-align:center;
}
#books .gesture #bookmainimg{
	height:100%;
	width:100%;
	text-align:left;
	z-index:8000;
}
#books .gesture #bookmainimg img{
	vertical-align:middle;
}
#books .gesture .bookthumbwrap{
	left:0;
	top:0;
	position:relative;
	width:100%;
	height:100%;
}
#books .gesture .arrcell{
	position:absolute;
	display:table-cell;
	top:45%;
	font-size:4em;
	cursor: pointer;
	cursor: hand;
	height:100px;
	text-align:center;
	vertical-align: middle;
	width:10%;
	overflow:hidden;
	left:10px;
}

#books .gesture .leftarr{
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQCAYAAADAvYV+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUNJREFUeNqMUc3KglAUnCuuokfoCVr0Br1SD+MbtNJ9q2jrpggEFwqJYkma/VApilp5v86FotAPGjiI3DlnZs5hnHP8Cvm/B1VV+Wq1guM4OBwOmE6nrJU8m8349XpFGIaioihqn6zrOr9cLthsNvB9H9vtFufzWbxJn8T5fM7TNEUQBLAsS5CJuN/v2Rd5uVzyPM8RxzFs24bruiCFF/FtY7FY8NvtBpq6Xq/heR5OpxM1sq9tmKbJkyRBVVUiNU2m/2cw1lgdpaa0RH5KIssySJLUuk5pOByy3W4nwhyPR9CRut0uBoNB41rsdcHRaCTsPB4P4Z0aScUwjLedt56iKKKxLEvIsoxOpyO+/X6fN8iE8XjMyG9RFKjrWhRl6fV6vEEmaJrGnhAWSIXIVK1kwmQyEZZI4X6/g5q/Av6CPwEGACzh4/zmC9o8AAAAAElFTkSuQmCC) center left no-repeat;
	/* cursor:url('minus.png'), auto; */
	cursor: hand;
	cursor: pointer;
	z-index:9998;
}
#books .gesture .rightarr{
	text-align:right;
	right:10px;
	left:auto;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQCAYAAADAvYV+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAU9JREFUeNqUUj2LwkAQfROD4melVrZJYSFYWaX2N/i3/Ad29pa2NoZUNlYGFRTzBWqIqIhzzoLHSXJwNzC7LPP27XszS8yMv4YuS7/f50ajAcMwYJomBoMBZYE1WbbbLfb7vcrT6YTpdMq/gqMowm63w3q9VhePxyNmsxlnyvB9n5rNpioWi0XU63VUKhXM53Pu9Xr0wfy+IIyr1QrL5RKe5+FyucBxHE6BJV4AEkmu62Kz2SCOY9xuN9i2zSmwxMsknc9nxRwEgTIs58ViwXqma01DkiQiTZ3z+TwKhUKaudPpsJiTYYVhqDp0OBxgWRbRzwl2u10ul8uqG9VqFblcDrVaDcPhkD40t9tt1nUdpVIJsosxIXoDv8GtVovv9zuez6fK6/WqdI9GI0pNUICSwibGiAjj8Zgyxy3Fx+OhGOXpyWSS+ZHoP1/0S4ABAGehuGJfffD7AAAAAElFTkSuQmCC) center right no-repeat;
	/*cursor:url('plus.png'), auto;*/
	cursor: hand;
	cursor: pointer;
	z-index:9998;
}


/* left menu */
body.menu_left #inner{
	width:81%;
	left:19%;
	height:99%;
	top:0;
}


/* thumbgrid */

#books .thumbgrid .bookwrap{
	position:relative;
	top:0;
	left:0;
	height:100%;
}

#books .thumbgrid .bookinner{
	position:relative;
	height:95%;
	padding-bottom:5px;
}


#books .thumbgrid .bookthumbs{
	position:absolute;
	overflow:auto;
	left:0;
	top:0;
	height:95%;
	width:100%;
	white-space:nowrap;
	padding-bottom:5px;
}

#books .thumbgrid .bookthumbwrap{
	position:relative;
	width:90%;
	height:100%;
	margin:0 auto;

}


#books .thumbgrid .bookthumbimgwrap{
	width:25%;
	height: 22%;
	float:left;
	margin:0px;
	display:inline-block;
	overflow:hidden;
	position:relative;
	cursor:hand;
	cursor:pointer;
}

#books .thumbgrid .bookthumbimgwrap img{
	width:100%;
	height:auto;
	padding:7px;
}


#books .thumbgrid .booktable{
	height:100%;
	width:100%;
	text-align:center;
}
#books .thumbgrid #bookmainimg{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	text-align:center;
	z-index:8000;
}
#books .thumbgrid #bookmainimg img,
#books .thumbgrid #bookmainimg video{
	vertical-align:middle;
	display:block;
}

#books .thumbgrid .bookinfo{
	width:80%;
	position:absolute;
	left:10%;
	bottom:0%;
	text-align:center;
	margin:0 auto;
}
#books .thumbgrid .bookinfo div{
	display:inline-block;
	width: 20%;
	text-align:center;
	cursor:hand;
	cursor:pointer;
}
#books .thumbgrid .bookinfo div.nopointer{
	cursor:auto;
}


/* end thumbgrid */

/* pinboard */
body.large_pinboard #genre, body.large_res_pinboard #genre{
	overflow-y:auto;
	overflow-x:hidden;
}

#books .pinboard .bookwrap{
	position:relative;
	top:0;
	left:0;
	height:100%;
}

#books .pinboard .bookinner{
	position:relative;
	height:95%;
	padding-bottom:5px;
}


#books .pinboard .bookthumbs{
	position:absolute;
	overflow:auto;
	left:0;
	top:0;
	height:95%;
	width:100%;
	white-space:nowrap;
	padding-bottom:5px;
	z-index:8050;
}

#books .pinboard .bookthumbwrap{
	position:relative;
	width:100%;
	height:100%;
	margin:0 auto;
	transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
}


#books .pinboard .bookthumbimgwrap{
	width:260px;
	float:left;
	margin:0px;
	overflow:hidden;
	position:relative;
	cursor:hand;
	cursor:pointer;
	transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
}

#books .pinboard .bookthumbimgwrap img{
	width:100%;
	padding:0px;
	transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
}

#books .pinboard #bookmainimg{
	height:100%;
	width:100%;
	text-align:left;
	z-index:8000;
}
#books .pinboard #bookmainimg img{
	vertical-align:middle;
}

#books .pinboard .bookinfo{
	width:80%;
	position:absolute;
	left:10%;
	bottom:0%;
	text-align:center;
	margin:0 auto;
	-moz-border-radius: 3px;
	-webkit-bottomleft: 3px;
	border-radius: 3px;
}
#books .pinboard .bookinfo div{
	display:inline-block;
	width: 20%;
	text-align:center;
	cursor:hand;
	cursor:pointer;
}
#books .thumbgrid .bookinfo div.nopointer{
	cursor:auto;
}

/* end pinboard */

#mobile-video-icon{
	background:url(http://st1.dripstatic.com/css/vid_sm_sqr.png) center right no-repeat;
	top:45%;
	width:58px;
	height:58px;
	left:45%;
	position:absolute;
	z-index:9998;
	display:none;
}


/* long down */
#books .longdown{
	height:auto;
}

#books .longdown .bookcaption{
	position:fixed;
	background: rgba(255, 255, 255, 0.6);
	text-align: left;
	height: 20%;
	top: 70%;
	width:60%;
	left:20%;
	z-index: 8001;
	padding: 5px;
	text-overflow: ellipsis;
	-moz-border-radius: 3px;
	-webkit-bottomleft: 3px;
	border-radius: 3px;
}

#books .longdown .captiontop{
	top: 10%;
}

body.menu_left #books .longdown .bookcaption{
	left:30%;
}

#books .longdown .imagewrap{
	text-align:center;
	margin-bottom:0.5%;
}


#footer {
	vertical-align:center;
	clear:both;
	position:fixed;
	bottom:0;
	text-align:left;
	width:100%;
	padding-left:10px;
	height:24px;
	line-height:150%;
}
#copyright{
	float:left;
}
#social{
	text-align:right;
	float:right;
	padding-right:1%;
	font-size:0.85em;
}
body.menu_left #footer {
	position:absolute;
	bottom:0;
	height:auto;
	font-size: 1em;
	font-weight:normal;
	line-height:1em;
	padding-left:0;
}
body.menu_left #footer .sep	 {
	display:none;
}
body.menu_left #footer .brk	 {
	display:block;
}
body.menu_left #copyright{
	float:none;
	display:block;
	white-space:normal;
}
body.menu_left  #social{
	text-align:left;
	float:none;
	padding-right:0%;
	font-size:0.8em;
	display:block;
	white-space: auto;
	line-height:1em;
}

#social a{
	line-height:25px;
	padding-left:5px;
	font-family: SSSocial;
}
body.menu_left  #social a{
	line-height:1em;

}

#video-info{
	position:fixed;
	z-index:9998;
	width:100%;
	margin:0 auto;
	left:0;
	text-align: center;
	bottom:3%;
	cursor:hand;
	cursor:pointer;
	display:none;
	font-size:0.85em;
	font-weight:bold;
	height:25px;
}

body.menu_left #video-info{
bottom:1%;
}
#mediaplayer{
	position : fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: black;
}

#mediaplayer .closeplayer {
	position : absolute;
	top: 0;
	right: 0;
	width: 45px;
	height: 45px;
	z-index: 9999;
	background: url('http://st1.dripstatic.com/static/responsive/vclose.png') top left no-repeat;
}

#mediaplayer .vidplayer{
	position : absolute;
	top: 50px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999
}

#mediaplayer .vidplayer video{
	position : relative;
	width: 100%;
	height: auto;
	z-index: 9999;
}

#mediaplayer .socialcaption{
	position : absolute;
	top: 10px;
	left: 10px;
}
#mediaplayer .socialcaption .title{
	display:none;
}
#mediaplayer .socialcaption a{
padding-left:5px;
padding-right:5px;
padding-top:10px;
}


div.fixedbackground{
	position:fixed;
	top: 0;
	left: 0;
}