/* -------------- Genral --------------*/
body {
	background-repeat: no-repeat;
	background-color: #395563;
	background-size: cover; 
	color: #f2eee2;
}

.main {
	width: 85%;
	min-height: 80%;
	border: 1px solid black;
	background-color: #74a3b7;
    box-shadow: 0.5em 0.5em 20px rgba(0,0,0,0.8);
    vertical-align: top;
	text-align: left;
	margin: auto;
	padding: 2em 2em;
}
form {
	margin: 0;
	padding: 0;
}

input[type="submit"] {
	border: 1px solid #f2eee2;
	border-radius: 3px;
	font-size: 14px;
	font-weight: bold;
	background-color: #958f77;
	color: #f2eee2;
	margin: 0;
	padding: 5px;
}

/* -------------- Menu --------------*/
.menu {
	margin: auto;
	vertical-align: 0px;
	text-align: left;
	width: 85%;
	padding: 10px;
}
ul li {display: inline;}
ul {
	border: 0; 
	margin: 0; 
	padding: 6px 0px;
}
ul li a {
	text-decoration: none;
	font-weight: bold;
	border: 1px solid white;
	padding: 5px 6px;
	background-color: #958f77;
}

ul li a:link {color: #f2eee2;}
ul li a:visited {color: #f2eee2;}
ul li small#user {
	color: #f2eee2;
	float: right;
}
/* ------------------------------------------ */

/* -------------- Login --------------*/
#login_frame {
	margin: auto;
	margin-top: 70px;
	border: 2px solid #f2eee2;
	width: 300px;
}
#login_auth {
	background-color: #74a3b7;
	padding: 3px;
	font-weight: bold; 
}
input.login {
	border-radius: 3px;
	background: #f2eee2;
}
/* ------------------------------------------ */

/* -------------- letter list --------------*/
p.list {
	color: #f2eee2;
	font-size: 18px;
	font-weight: bold;
	line-height: 5px;
}
a.list {
	color: #f2eee2;
	margin: 0 4px 0 4px;
	text-decoration: none;
    display: inline-block;
}
a.list:hover {
	transform: scale(2);
	text-shadow: 0.3em 0.2em 3px rgba(0,0,0,0.8);
}
/* ------------------------------------------ */

/* -------------- author list --------------*/
a.author {
	color: #f2eee2;
	font-size: 18px;
	padding-left: 20px;
	margin-top: 5px;
	text-decoration: none;
}
/* ------------------------------------------ */

/* -------------- Book table --------------*/

.book_list {
    width: auto;
    border-spacing: 40px 0;
	padding: 5px;
    color: #f2eee2;
    text-align: left;
}
th.book_list {
	font-size: 22px;
}
input[type="submit"].book_list {
	border: none;
	background: transparent;
	text-decoration: underline;
}
input[type="text"].book_list {
	border-radius: 3px;
	background: #f2eee2;
	border: none;
	color: black;
	width: 150px;
}
select.book_list {
	background: #f2eee2;
	padding: 0px;
	color: black;
}

/* ------------------------------------------ */

/* -------------- footer  --------------*/
.footer {
	margin: auto;
	padding: 10px;
	color: #f2eee2;
	font-size: 12;
	text-align: center;
}
/* ------------------------------------------ */

/* -------------- Search  --------------*/
input[type="text"].search {
	border: 1px solid #f2eee2;
	margin: auto;
	background: transparent;
	color: #f2eee2;
	border-radius: 3px;
}

/* ------------------------------------------ */

/* -------------- ADD  --------------*/
table.add {
        margin: auto;
        border-collapse: separate;
        border-spacing: 10px 10px;
}
.add {
	margin: auto;
	border-radius: 3px;
}


/* ------------------------------------------ */