/* STYLE.CSS 
*
* Primary Stylesheet for Edits Made to site in April - June 2017 Page Redesign
* 
* Author: Mark Scott Lavin 
*
* Created: 4/10/17
*
*
* ****** NOTES: ********
* 
* BODY STYLES	
* - Styles applied to the Body in individual files have been removed.
*	- Assigning classes to body elements, and then assigning background colors to those classes
*	is far more efficent than assigning monochromatic background *images* to those body elements
*	for many reasons.
* - The background coloration of body elements is now controlled from this file.
* BOOK COVERS / "THUMBNAILS"
* - Book cover sizing inline styles have been removed. 
*	- Generally it's a lot more efficient to create universal image size classes that can be applied
*	sitewide. No need to reinvent the wheel, styles are easier to find later, and it's possible to 
*	control many images simultaneously.
* - Book cover sizing is now controlled via classes in this file.
* TOP NAVIGATION (MENU)
* - "top-navigation" (formerly "link1") Styles are now controlled from this file.
* 	- Generally it's better to use descriptive CSS class & id names. Better to call it 'top-navigation' than
*	'link1' since it will be easier to reason about and find later.
*
*
*
*
*/

/* UNIVERSAL CLASSES */

/* 'hero' class was formerly 'pageName' id in each page. This is the holder for the image at the top of the page */
.hero img {
	width:100%;
	height:auto;
}

.top-blurb { /* Used on Trilogy page */
	margin-top:2em;
}

/* Footer Content */
footer {
	background-color: #000;
}

/* 'footer-navigation' was formerly id 'link2' */
.footer-navigation p {
	text-align: center;
	font-size: 1em;
	color: #ccc;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom:0px;
}  

@media (max-width: 767px) {
	/* In mobile view give a bit of padding to the menus */
	.header-navigation p,
	.footer-navigation p {
		padding-left:20px;
		padding-right:20px;
	}
	
} 
.footer-navigation a {
	text-decoration: none;
	color: #ccc;
}

/* TEMPLATE BODY CLASSES BY PAGE */

/* Homepage Body Yellowish Color */
.body-homepage { 
	background-color:#ffcc01;
}

/* Archimedes Trilogy Page Body Grey Color */
.body-trilogy { 
	background-color: #cacaca;
}

/* Mudfire Page Body Black Color */
.body-mudfire { 
	background-color: #000;
}

/* Mudsales Page Body (Grey) Color */
.body-mudsales { 
   background-color: #ccc;
}

/* END TEMPLATE BODY CLASSES */

/* BOOK IMAGES BY SIZE */

.book-thumb-120 {
	width:120px;
	height:auto;
}

.book-thumb-250 {
	width:250px;
	height:auto;
}

.book-thumb-336 {
	width: 336px;
	height: auto;
}

/* TOP MENU (NAVIGATION) */

/* Top Navigation Color Control By Page */

/* Background Color */
.body-homepage .mudmenu-color-control {
	background-color: #cacaca;
}

.body-mudsales .mudmenu-color-control {
	background-color: #b0b0b0;
}

.body-mudfire .mudmenu-color-control {
	background-color: #c03c30;
}

.body-trilogy .mudmenu-color-control {
	background-color: #6C6C6C;
}

/* Link Color */
.body-homepage .header-navigation a,
.body-homepage .header-navigation p {
	color: #000;
}

.body-mudsales .header-navigation a,
.body-mudsales .header-navigation p {
	color: #FFF;
}

.body-mudfire .header-navigation a,
.body-mudfire .header-navigation p {
	color: #000;
}

.body-trilogy .header-navigation a,
.body-trilogy .header-navigation p {
	color: #FFF;
}

/* End Top Navigation Color Control by Page */

.top-navigation ul {
	background-color:transparent;
}

.header-navigation p {
	text-align: center;
	font-size: 1em;
	padding-top: 25px;
	padding-bottom: 10px;	
}

.header-navigation a {
	text-decoration: none;
}

.menu-item {
	text-decoration:none;
	list-style:none;
	padding: 10px 25px;
	font-size: 1em;
	width:auto;
}

.menu-item a {
	font-size: 1em;
	color:#000;	
}

.navbar {  /* Change the Built-in Bootstrap styles for Navbar (Don't edit) */
	background-color:transparent !important;
	border:none !important;
	margin-bottom:0px;
}

.navbar-default .navbar-nav>li>a { /* Control the color of the links in the Menu */
	color:#000;
	font-size: 1em;
}

/* END BOOK IMAGES */

.borderright {
	border-right:1px solid #000;
}

.borderbottom {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000;
}

/* MUDSALES PAGE */

/* 'mudsales-blurb' was formerly named 'image' */
#mudsales-blurb h2  {
    color: #000;
    text-align: center;
    font-size: 1.8em;
	padding-bottom: 20px;
}
#mudsales-blurb p   {
    font-size: 1.2em;
    color: #000;
}

/* 'mudsales-kindle' was formerly named 'kindle' */
#mudsales-kindle p {
	font-size: 1.6em;
	color: #C03;
	text-align: center;
}

/* Individual Book Listings - Mudsales page with Boxes */

.book-listing {
	background: #FFC;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border: solid #066;
	padding-top:40px;
	height:565px;
}

@media (max-width: 1200px) {
	/* In mobile view give a bit of padding to the menus */
	.book-listing {
		height:620px;
	}
	
}

@media (max-width: 992px) {
	/* In mobile view give a bit of padding to the menus */
	.book-listing {
		height:750px;
	}
	
} 

@media (max-width: 767px) {
	/* In mobile view give a bit of padding to the menus */
	.book-listing {
		height:auto;
	}
	
} 

.book-listing h3 {
	color: #337ab7;
	font-size: 1.4em;
	padding: 0px 0px 0px 0px;
	margin-top:10px;
}

.book-listing p {
	font-size: 1em;
	color: #000;
	padding: 12px 42px;
}

.book-listing img {
	float: left;
	margin: .8em 2em 1em 3em;
}

.book-listing form {
	padding-left: 42px;
}

.mudsales-book-blurb {
	height;auto;
}

/* End Individual Book Images */

/* Individual Book Listing R2-Mudsales page No Boxes*/
.book-listing-no-box {
	padding-bottom: 20px;
	padding-top:40px;
}

.book-listing-no-box h3 {
	color: #337ab7;
	font-size: 1.4em;
	padding: 0px 0px 0px 0px;
	margin-top: 10px;
}

.book-listing-no-box p {
	font-size: .8em;
	color: #000;
	padding: 12px 0px;
}

.book-listing-no-box img {
	float: left;
	margin: .8em 2em 1em 0px;
}

.book-listing-no-box form {
	padding-left: 150px;
}

/* HOMEPAGE */

#intro p {
    font-size:  1.2em; 
}
#intro h2 {
    font-size: 2em;
    color: #000;
    font-variant; small-caps;
    letter-spacing: 0.1em;
}

/* Book Images (Control Padding, Centering) */

.home-book-small-padding { /* Changed from id 'cover1 img' */
	margin: 0 5px 60px 5px;
}

.home-book-big-padding { /* Changed from id 'cover1 img' */
	margin: 0 43px 60px 43px;
}

/* Home titles of areas */
h2.home-area-title,
h3.home-area-title {
	margin:1em 0px;
}
	
/* The White Box & content */
.home-white-box /* Style name changed from '#content' */ {  
    background: #FFF;
    margin-bottom: 5em;
	border: solid #066;
}
.home-white-box /* Style name changed from '#content' */ h3 {
	font-size: 2em;
	color: #000;
}
.home-white-box /* Style name changed from '#content' */ h2  {
	font-size: 1.6em;
	color: #000;
	text-align: center;
}
.home-white-box /* Style name changed from '#content' */ img  {
/*	margin-left: 5.3em;  */
       
}
.home-white-box /* Style name changed from '#content' */ p {	
	font-size: .8em;
	margin-left: 2em;
	margin-right: 2em;          
	padding-top: 10px;
}
.home-white-box /* Style name changed from '#content' */ dl {
	margin-left: 3em;
	margin-right: 3em;
}
}
.home-white-box /* Style name changed from '#content' */ dt {	
	margin-left: 2em;
}
.home-white-box /* Style name changed from '#content' */ dd {	
	font-size: .8em;
}

/* END HOMEPAGE STYLES */

/* TRILOGY PAGE STYLES */

.trilogy-story p  {
	font-size: 1.3em;
	color: #000;
}    
.trilogy-cover {
	border: solid #063;
	margin:20px 10px;
}  
.pagebottom-salesblurb {
	font-size: 1.2em;
	color: #000;
	margin: 0 17.5%;
	width: 67%;
	padding-top: 20px;
	padding-bottom: 30px;         
} 

/* END TRILOGY PAGE STYLES */

/* MUDFIRE PAGE STYLES */

/* Blurb details */

.fire-story {
	color: #FF9;	
}

.fire-story a:link,
.fire-story a:visited {
	color: #FFF;       
}

.fire-story a:hover {
	color: #900;      
}

#fire-short-description {
	font-size: 1.3em;
}         

#fire-long-description {
	font-size: 1.2em;      
}

/* Book cover border */

#fire-cover-red-border {
    border: solid #900;
}

/* The yellow box */

.fire-yellow-box {
	background: #FF9;
	margin-bottom: 5em;
	padding-top: 20px;
	border: solid #900;
	color: #000;
}

.fire-yellow-box h3 {
	font-size: 1.7em;
	color: #000;
	text-align: center;
}

.fire-yellow-box a:link,
.fire-yellow-box a:hover,
.fire-yellow-box a:visited {
	color: #777;
}

/* END MUNDFIRE PATE STYLES */