/*
-----------------------------------------------
		www.agoodbook.de
----------------------------------------------- */


/*		R E S E T
----------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
		display: block;
}
body {
		line-height: 1;
}
ol, ul {
		list-style: none;
}
blockquote, q {
		quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
		content: '';
		content: none;
}
table {
		border-collapse: collapse;
		border-spacing: 0;
}

*::-moz-selection {
		background: #ccc;
}

*::selection {
		background: #ccc;
}

:focus, a {
		-moz-outline-style: none;
		outline: none;
}

html {
		font-size: 100%;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
}


/*		C U S T O M   I C O N S
----------------------------------------------- */

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

}


/*		L I N K S
----------------------------------------------- */

a:link, a:visited {
		color: #b9b9b9;
		text-decoration: none;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
}

a:hover, a:active {
		color: #222;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
}


/*		I N D E X
----------------------------------------------- */

body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 25px;
		letter-spacing: 1px;
		word-spacing: -1px;
		line-height: 30px;
		background: #fff;
		color: #222;
		text-align: center;
}

#header {
		margin: 35px 0 20px 0;
		min-width: 720px;
}

h1 {
		min-width: 180px;
		white-space: nowrap;
}

#books {
		clear: both;
		position: relative;
		top: -10px;
		min-width: 720px;
}

.book {
		width: 200px;
		height: 300px;
		display: inline-block;
		margin: 0 16px 0 16px;
		position: relative;
}

.book a {
		display: table;
		width: 200px;
		height: 260px;
}

.book .simg {
		position: absolute;
		left: 0;
		top: 0;
		width: 200px;
		height: 200px;
		text-align: center;
		display: table;
}

.book .inner {
		display: table-cell;
		vertical-align: middle;
		height: 200px;
}

.book .noscrpt {
		display: none;
}

.book p {
		width: 200px;
		height: 200px;
		display: block;
		background: #fff;
		position: absolute;
		left: 0;
		top: 0;
		margin-bottom: 17px;
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity = 0);
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
}

.book a:hover p {
		color: #222;
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity = 100);
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
}

.extraimgs {
		display: none;
}

.submitted p {
		color: #ababab;
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity = 100);
		-webkit-transition: all 0.25s linear;
		-moz-transition: all 0.25s linear;
		-o-transition: all 0.25s linear;
		transition: all 0.25s linear;
}

.submitted a:hover p {
		width: 200px;
		height: 200px;
		display: block;
		background: #fff;
		position: absolute;
		left: 0;
		top: 0;
		margin-bottom: 17px;
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity = 0);
		-webkit-transition: all 0.25s linear;
		-moz-transition: all 0.25s linear;
		-o-transition: all 0.25s linear;
		transition: all 0.25s linear;
}

.book p span {
		width: 180px;
		height: 195px;
		padding: 0 10px 5px 10px;
		display: table-cell;
		vertical-align: middle;
		font-size: 15px;
		line-height: 20px;
}

.book .snum {
		display: block;
		margin-top: 216px;
}

.book small {
		display: block;
		font-size: 15px;
		position: relative;
		top: -4px;
}

.book em {
		display: block;
		font-size: 15px;
		opacity: 0;
		position: relative;
		top: -4px;
}

.booktext {
		width: 750px;
		text-align: center;
		font-size: 25px;
		line-height: 35px;
}


/*		P A G E S
----------------------------------------------- */

#content {
		width: 820px;
		max-width: 100%;
		margin: 0 auto;
		text-align: left;
}

#content p {
		margin-right: 30px;
		margin-bottom: 30px;
		margin-left: 30px;
}

#algo {
		font-size: 15px;
		line-height: 20px;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 40px !important;
}

#copy {
		font-size: 15px;
		line-height: 20px;
		text-align: center;
		margin-top: 46px;
}


/*		A   G O O D   B O O K
----------------------------------------------- */

#abook {
		margin: 0 auto;
		max-width: 100%;
		max-height: 100%;
}

#nav {
		width: 200px;
		margin-left: 40px;
		float: left;
		text-align: left;
		display: block;
}

#submit {
		width: 200px;
		margin-right: 40px;
		float: right;
		text-align: right;
		display: block;
}

#slideshow {
		text-align: left;
		margin: 0 40px 25px 40px;
		cursor: pointer;
		width: auto;
		position: relative;
		top: -16px;
}

#slideshow div {
}

#slideshow p {
		width: 760px;
		max-width: 100%;
		margin-bottom: 30px;
		text-align: center;
}

#submitted {
		font-size: 15px;
		line-height: 20px;
		text-align: center;
}

#controls {
		font-size: 25px;
		width: 100%;
		margin-bottom: 36px;
		position: fixed;
		bottom: 0;
}

#ctrllink {
		width: 40px;
		margin-left: 28px;
		float: left;
		text-align: left;
		display: none;
		position: relative;
		top: -3px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 27px;
}

#ctrlclose {
		width: 40px;
		margin-right: 26px;
		float: right;
		text-align: right;
		display: none;
		position: relative;
		top: -3px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 30px;
}

#ctrl {
		width: 160px;
		margin: 0 auto;
}

#next {
		width: 60px;
		float: right;
		position: relative;
		top: -2px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 32px;
}

#back {
		width: 60px;
		float: left;
		position: relative;
		top: -2px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 32px;
}

#nextbook {
		position: absolute;
		left: 40px;
		top: 45%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 32px;
}

#previousbook {
		position: absolute;
		right: 40px;
		top: 45%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 32px;
}


/*		S E M I - R E S P O N S I V E
----------------------------------------------- */

@media screen and (max-width: 850px) {

#slideshow p {
		width: 620px;
}

}