/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}











/* ==========================================================================
   Custom styles
   ========================================================================== */

#OFFmueller-indicators {
  display: none;
  visibility: hidden;
}

.box {
	display:block;
	background:#E7A226;
	/* color:#ddd; */
	color: #222;
	padding:0.5em 1em;
	margin-bottom: 0.5em;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
	overflow:hidden;
	*zoom:1
}

body {
	background: #e4f5fc;
	background: -moz-radial-gradient(center, ellipse cover,  #e4f5fc 0%, #ededed 52%, #abd7ea 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#e4f5fc), color-stop(52%,#ededed), color-stop(100%,#abd7ea));
	background: -webkit-radial-gradient(center, ellipse cover,  #e4f5fc 0%,#ededed 52%,#abd7ea 100%);
	background: -o-radial-gradient(center, ellipse cover,  #e4f5fc 0%,#ededed 52%,#abd7ea 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #e4f5fc 0%,#ededed 52%,#abd7ea 100%);
	background: radial-gradient(center, ellipse cover,  #e4f5fc 0%,#ededed 52%,#abd7ea 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5fc', endColorstr='#abd7ea',GradientType=1 );
}

footer {
	text-align: left;
	font-size: 10px;
	padding: 20px 0;
	/* width: 990px; */
	width: 370px;
	margin-bottom: 20px;
}

h1, h2, h3 {
	margin: 0 0 .3em 0;
	padding: 0 0 .3em 0;
	text-align: center;
	font-size: 1.4em;
	color: #164772;
	border-bottom: 1px dotted #ccc;
}

#nav {
	width: 990px;
	text-align: left;
	margin-bottom: 46px;
}

#body {
	width: 930px;
	text-align: left;
	background-color: #fff;
	box-shadow:0 0 50px #000;
	padding: 40px;
}

#award-winners {
	float: left;
	background-color: #E7A226;
	width: 230px;
	padding: 15px;
}

#series_select {
	float: left;
	background-color: #E7A226;
	width: 230px;
	margin-bottom: 20px;
	padding: 15px;
}

#series_select select {
	width: 100%;
}

#publish {
	float: right;
	background-color: #164772;
	width: 590px;
	margin-bottom: 20px;
	padding: 30px;
	color: #fff;
	text-align: center;
}

#publish h1 {
	color: #E7A226;
}

#publish a {
	color: yellow;
}

div.main {
	float: right;
	width: 650px;
}

.blink_me {
  animation: blinker 2s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0.0; }
}

/* CAROUSEL */

img.book_cover{
	width: 200px;
	height: 300px;
}

#col_left_scroll{
	height: 800px;
	overflow: scroll;
}

/* SUPER FISH */

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	/* width:			100%; */
	width:			300px; /* actual width of 1st level of subitems */
	background-color: #333;
	padding: 10px;
	border-top: 1px dotted #fff;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
	background-color: #164772;
}
.sf-menu li {
	float:			left;
	position:		relative;
	background-color: #164772;
	padding: 10px;
	margin-right: 5px;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-ms-border-radius:5px 5px 0 0;
	-o-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}
.sf-menu li ul li {
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-ms-border-radius:0px;
	-o-border-radius:0px;
	border-radius:0px;
}

.sf-menu a {
	display:		block;
	position:		relative;
	color: #fff;
	text-decoration: none;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.2em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul#globalnav li ul li ul {
margin-top: 0px;
margin-left: 35px;
}
ul#globalnav li ul li ul li {
	width:135px;
}

li.hilite { background-color: #E7A226; }
li.hilite a { color: #164772; }
li.hilite:hover { background-color: #E7A226; }
li.hilite:hover a { color: #164772; }

/* FORM */
#comments, #questions {
  height: 100px;
}

/* AUTHORS */
.authors {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  -ms-column-count: 4;
  -o-column-count: 4;
  column-count: 4;
  text-align: left;
}

/* SUBJECTS */
.subjects {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  -ms-column-count: 3;
  -o-column-count: 3;
  column-count: 3;
  text-align: left;
}

/* BOOKS */
span.old {
  color: red;
  text-decoration: line-through;
}

span.price {
  color: green;
  font-weight: bold;
}

/* TESTIMONIALS */

blockquote {
  background-color: #666;
  padding: 10px;
  color: #fff;
  border-left: 5px solid #fff;
  font-size: 1.5em;
  font-weight: bold;
  -webkit-box-shadow: -10px 0px 0px 0px rgba(0, 0, 50, 0.75);
  -moz-box-shadow:    -10px 0px 0px 0px rgba(0, 0, 50, 0.75);
  box-shadow:         -10px 0px 0px 0px rgba(0, 0, 50, 0.75);
}

/* MISC */

ol.spaceit li {
	margin-bottom: .5em;
}

a.foot {
	color: #222;
	text-decoration: none;
}

/* ADMIN */

div.halfsize {
	width: 423px;
	margin-right: 20px;
	display: inline-block;
}

div.thirdsize {
	width: 263px;
	margin-right: 20px;
	display: inline-block;
}

div.adm_option {
	padding: 5px 10px;
	border-top: 1px dotted #cecece;
}

div.adm_option:hover {
	background-color: #F4D69D; /* #E7A226; */
}

table.adm {
	width: 100%;
}

table.adm td {
	padding: 2px 4px;
}

table.adm td input[type=text] {
	width: 300px;
	background-color: pink;
	border: none;
	padding: 4px 8px;
}

table.adm td select {
	width: 316px;
	background-color: pink;
	border: none;
	padding: 4px 4px;
}

table.adm td input[type=submit] {
	padding: 10px 0;
	font-weight: bold;
}

table.adm textarea {
	background-color: pink;
	border: none;
	padding: 4px 8px;
}

table.adm .full {
	width: 98% !important;
}

/* SOCIAL MEDIA */

div.social {
	float: left;
	height: 50px;
	width: 50px;
	margin: 3px 10px 0 0;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	border-radius: 40px;
	background-color: #E7A226;
}

div.social img {
	margin: 9px;
}

div.social:hover {
	background-color: #164772;
}








/* ==========================================================================
   Display specific tweaks
   DEFAULT: 981px - 1249px
   ========================================================================== */

/* HIRES DESKTOP */
@media screen and (min-width: 1801px) and (max-width: 6000px){}

/* LARGE DESKTOP */
@media screen and (min-width: 1250px) and (max-width: 1800px){}

/* TABLET PORTRAIT */
@media screen and (min-width: 768px) and (max-width: 980px){}

/* HANDHELD LANDSCAPE */
@media screen and (min-width: 480px) and (max-width: 767px){}

/* HANDHELD PORTRAIT */
@media screen and (min-width: 0px) and (max-width: 479px){}