body 
{
	font-size: small;
	font-family:  "Minion Variable Concept", Geneva, Verdana, sans-serif;
	color: #a1d5af;	
	background-color: #00111a;
}

h1
{
	font-family: Athelas, Times, serif;
	font-size: 500%;
	color: #feffff;	
	background-color: #307A75;
	padding-top: 2px;
	text-align: center;
}

#main-segment 
{
	width:	800px;
	margin-left:	auto;
	margin-right: 	auto;
	padding: 10px 20px 5px 20px;
	background-color: #307A75;		
	
}

.flex-container {
	display: flex;
}

#book
{
	padding: 40px;
}

#book_describe
{
	padding-top: 30px;
	padding-bottom: 20px;
}


.flex-container-auth {
	display: flex;
	background-color: #88a391;
	color: #22534b;
}
#author_image
{
	padding: 40px;
}

#author_describe
{
	padding-top: 40px;
	padding-left: 40px;
}

#author_describe h2 
{
	font-size: 120%;
	color: #22534b;
	font-style: plain;
}

.flex-container_left {
	display: flex;
}

.left_image
{
	padding: 40px;
}

.left_describe
{
	padding-top: 30px;
	padding-bottom: 40px;
}

.flex-container-right {
	display: flex;
	background-color: #88a391;
	color: #22534b;
}
.right_image
{
	padding: 40px;
}

.right_describe
{
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
}

.right_describe h2 
{
	font-size: 120%;
	color: #22534b;
	font-style: plain;
}

.flex-container-futurebooks {
	display: flex;
	background-color: #88a391;
	color: #22534b;
}

#futurebooks_describe
{
	padding: 20px, 20px;
	padding-left: 40px;
}

#futurebooks_describe h2 
{
	font-size: 120%;
	color: #22534b;
	font-style: plain;
}

.buy_button_border
{
	border: 2px solid #88a391;
	margin-right: 78% 
}

.buy_button_border2
{
	border: 2px solid #21534b;
	margin-right: 78% 
}

.buy_button 
{
	margin: 4px;
	padding: 6px;
	background-color: #88a391;
	color: #21534b;
	font-style: bold;
	text-align: center;

}

.buy_button2 
{
	margin: 4px;
	padding: 6px;
	background-color: #21534b;
	color: #88a391;
	font-style: bold;
	text-align: center;

}

.buy_button a:link 
{
	text-decoration: none;
	background-color: #88a391;
	color: #21534b;
}

.buy_button2 a:link 
{
	text-decoration: none;
	background-color: #21534b;
	color: #88a391;
}

.buy_button a:visited 
{
	text-decoration: none;
	background-color: #88a391;
	color: #21534b;
}

.buy_button2 a:visited 
{
	text-decoration: none;
	background-color: #21534b;
	color: #88a391;
}

.buy_button2 a:hover {
	background-color:#668866;
}

.buy_button a:hover 
{
	background-color:#224422;
}

.flex-container-social {
	display: flex;
	padding: 20px;
}

#social_media
{
	width: 35%;
	height: 50%;
	background-color: #3a3a3a;
	padding: 10px 10px 10px 10px;
	
}

#social_newsletter
{
	margin-left: 5%;
}

.subscribe_button_border
{
	border: 2px solid #88a391;
	margin-right: 78% 
}

#subscribe_button 
{
	margin: 4px;
	padding: 6px;
	background-color: #88a391;
	color: #21534b;
	font-style: bold;
	text-align: center;

}

#subscribe_button a:link 
{
	text-decoration: none;
	background-color: #88a391;
	color: #21534b;
}

#subscribe_button a:visited 
{
	text-decoration: none;
	background-color: #88a391;
	color: #21534b;
}

#subscribe_button a:hover 
{
	background-color:#224422;
}

#FooterStyle
{
	border-style: dotted;
	border-color: #253350;
	border-width: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;	
	font-size: 80%;
	text-align: center;
	clear: right;
}

#navbar 
{
	text-align: center;
	background-color: #88a391;
	color: #22534b;
	padding-top: 1px;
	padding-bottom: 1px;
}

#navbar li 
{ 
	list-style-type: none; 
	display: inline;
	margin-right: 60px;
	text-decoration: none;
}

#navbar_selected
{
	background-color: #88a391;	
}

#navbar  li  a:link 
{ 
	color: #22534b; 
	text-decoration: none;
}
#navbar  li  a:visited 
{ 
	color: #22534b; 
	text-decoration: none;
}
#navbar  li  a:hover 
{ 
	color: 22534b; 
	text-decoration: none;
}

#join_button
{
	width: 100px;
}

td
{
	padding: 8px;
}


a:hover {
	background-color:#224422;
}

/* CSS for the newsletter */
#mc_embed_signup {
	background:#307A75; 
	false;
	clear:left; 
	width: 400px;
}

.mc-field-group {
	padding-bottom: 8px;
	width: 200px;
}

/* Social Media Icon stuff*/
.fa {
  padding: 10px;
  font-size: 16px;
  width: 25px;
  text-align: center;
  text-decoration: none;
}

.fa:hover {
  opacity: 0.7;
}

.fa-facebook {
  background: #eee1a5;
  color: white;
}

.fa-twitter {
  background: #eee1a5;
  color: white;
}

.fa-google {
  background: #eee1a5;
  color: white;
}

.fa-instagram {
  background: #eee1a5;
  color: white;
}