/* --------------------------------------------------------------------------------- */
/* --- GENERAL --------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */

html, body {
	margin:					0px;
	padding:				0px;
	height:					100%; /* needed for container min-height */
}

body {
	font-family:			'Barlow Condensed', sans-serif;
	color:					#95c3ca;
	font-size:				100%;
	background-image:		linear-gradient(#fcfcfc, #c7c8ca);
	background-attachment:	fixed;
}

div#wrapper {
	min-height:				100%;
	height:					auto !important;
	height:					100%;
	margin:					0px auto -150px;
	background:				url(http://books.millway.dk/gfx/watermark.png) no-repeat bottom;
}

div#push {
	height:					150px;
}

div.clear {
	width:					100%;
	clear:					both;
}

h1 {
	font-size:					22px;
	color:						#15597a;
	display:					inline;
}

/* --------------------------------------------------------------------------------- */
/* --- HEADER & FOOTER ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */

div#header {
	width:					960px;
	height:					64px;
	margin:					0 auto;
	background:				url(http://books.millway.dk/gfx/header_logo.png) 5px 5px no-repeat;
	border-bottom:			1px solid  #15597a;
	margin-bottom:			5px;
}

div#menu {
	font-size:				16px;
	font-weight:			bold;
	text-align:				right;
	padding-top:			38px;
	padding-right:			5px;
}

div#menu a {
	color:					#15597a;
	text-decoration:		none;
}

div#menu a:hover {
	color:					#15597a;
	text-decoration:		underline;
}

span.menu_seleted {
	color:					#e30421;
}

div.breadcrumbs {
	width:					100%;
	padding-bottom:			10px;
	color:					#95c3ca;
}

div.breadcrumbs a {
	color:					#95c3ca;
	text-decoration:		none;
}

div.breadcrumbs a:hover {
	color:					#95c3ca;
	text-decoration:		underline;
}

div#main {
	width:					960px;
	margin:					0 auto;
}

div#footer {
	width:					960px;
	height:					150px;
	margin:					0px auto;
	border-top:				1px solid  #15597a;
	font-size:				0.8em;
	color:					#11242e;
	text-align:				center;
}

.10px_spacer {
	width:					100%;
	height:					10px;
}

div#visit_social_media {
	padding:				15px;
	color:					#15597a;
	font-size:				1.2em;
}

div#company_info {
	padding:				25px 0px 0px 0px;
	color:					#15597a;
	font-size:				0.9em;
}

/* --------------------------------------------------------------------------------- */
/* --- PAGINATOR ------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------*/

div.paginator {
	text-align:					center;
	padding-bottom:				20px;
}

div.paginator img {
	padding:					0 5px 0 5px;
}

/* --------------------------------------------------------------------------------- */
/* --- DEFAULT --------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */

ul.list_books {
	overflow:					hidden;
	margin:						10px 0px 15px 0px;
	padding:					0;
	width:						960px;
}

ul.list_books li {
	display:					block;
	position:					relative;
	overflow:					hidden;
	width:						150px;
	height:						250px;
	float:						left;
	border:						1px solid #aaaaaa;
	margin:						0px 4px 15px 4px;
	background-color:			white;
	border-radius:				5px;
	-moz-border-radius:			5px;
	-webkit-border-radius:		5px;
	box-shadow:					0px 3px 3px #aaaaaa;
	-moz-box-shadow:			0px 3px 3px #aaaaaa;
	-webkit-box-shadow:			0px 3px 3px #aaaaaa;
}

ul.list_books li div.title {
	position:					absolute;
	left:						10px;
	top:						204px;
	font-size:					16px;
	font-weight:				bold;
	width:						130px;
	white-space:				nowrap;
	background-image:			linear-gradient(90deg, #15597a 75%,rgba(0,0,0,0));
    -webkit-background-clip:	text;
    -webkit-text-fill-color:	transparent;
    display:					inline-block;
}

ul.list_books li div.author {
	position:					absolute;
	left:						10px;
	top:						224px;
	font-size:					16px;
	width:						130px;
	color:						#95c3ca;
    display:					inline-block;
}

ul.list_books li img {
	display:					block;
}

.dropbtn {
	width:						100px;
	height:						26px;
	background:					url(http://books.millway.dk/gfx/button_change.png) no-repeat transparent;
	border:						none;
	cursor:						pointer;
}

.dropdown {
	position:					relative;
	display:					inline-block;
	float:						right;
}

.dropdown-content {
	display:					none;
	position:					absolute;
	background-color:			#f9f9f9;
	min-width:					120px;
	box-shadow:					0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index:					1;
	right:						0;
}

.dropdown-content a {
	color:						black;
	padding:					12px 16px;
	text-decoration:			none;
	display:					block;
}

.dropdown-content a:hover {
	background-color:			#f1f1f1;
}

.dropdown:hover .dropdown-content {
	display:					block;
	position:					0px -26px;
}

.dropdown:hover .dropbtn {
	background-position:		0px -26px;
	border:						0;
	cursor:						pointer;
}

/* --------------------------------------------------------------------------------- */
/* --- SHOW BOOK ------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */

.show_book img {
	overflow:					hidden;
	width:						300px;
	height:						400px;
	float:						right;
	border:						1px solid #aaaaaa;
	margin:						0px 0px 0px 15px;
	background-color:			white;
	border-radius:				5px;
	-moz-border-radius:			5px;
	-webkit-border-radius:		5px;
	box-shadow:					0px 3px 3px #aaaaaa;
	-moz-box-shadow:			0px 3px 3px #aaaaaa;
	-webkit-box-shadow:			0px 3px 3px #aaaaaa;
}


/* --------------------------------------------------------------------------------- */
/* --- SERIES & GENRES ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */

ul.list_wide {
	overflow:					hidden;
	margin:						10px 0px 15px 0px;
	padding:					0;
	width:						960px;
}

ul.list_wide li {
	display:					block;
	position:					relative;
	overflow:					hidden;
	width:						470px;
	height:						150px;
	float:						left;
	border:						1px solid #aaaaaa;
	margin:						0px 4px 15px 4px;
	background-color:			white;
	border-radius:				5px;
	-moz-border-radius:			5px;
	-webkit-border-radius:		5px;
	box-shadow:					0px 3px 3px #aaaaaa;
	-moz-box-shadow:			0px 3px 3px #aaaaaa;
	-webkit-box-shadow:			0px 3px 3px #aaaaaa;
}

ul.list_wide li div.left {
	position:					absolute;
	left:						10px;
	top:						125px;
	color:						#15597a;
	font-size:					16px;
	width:						370px;
}

ul.list_wide li div.right {
	position:					absolute;
	left:						380px;
	top:						125px;
	text-align:					right;
	color:						#15597a;
	font-size:					16px;
	width:						80px;
}

/* ------------------------------------------------------------------------------ */
/* --- LOGIN PAGE --- LOGIN PAGE --- LOGIN PAGE --- LOGIN PAGE --- LOGIN PAGE --- */
/* ------------------------------------------------------------------------------ */

input.logon {
	color:					#15597a;
	font-size:				0.8em;
	border:					1px solid #15597a;
	background:				#f9f7e8;
	padding:				4px 5px;
	width:					400px;
	border-radius:			5px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
}

input#logon_send {
	width:					79px;
	height:					26px;
	background:				url(http://books.millway.dk/gfx/button_login.png) no-repeat transparent;
	border:					none;
}

input#logon_send:hover {
	background-position:	0px -26px;
	border:					0;
}

input#logon_send:active {
	background-position:	0px -52px;
	border:					0;
}