/* Breakpoints
	<375px - SM icons in bar; no quote bar; bottom menu; single column
	375-750px - SM icons upper right; quote bar; bottom menu; single column
	750-900px - SM icons upper right; quote bar; top menu; two columns
*/

/* Structure */
  *		{margin:0; padding:0;}  
  html	{border-top:2px solid black;}
  body	{
		 background:#dbdbdb;
		 background: -webkit-linear-gradient(to bottom, #f0f0f0, #cccccc) fixed;
		 background:    -moz-linear-gradient(to bottom, #f0f0f0, #cccccc) fixed;
		 background:         linear-gradient(to bottom, #f0f0f0, #cccccc) fixed;}
  #content {/* holds all between top and footer (incl header); bottom padding leaves space for navbar */
			padding: 0 .5em 10em .5em; 
		    max-width: 900px;
			margin: 0 auto;
		   }
  .wrap {margin:1em .5em;} /* holds boxes of stuff within content */
  @media all and (min-width:725px) {
	.left-col {float:left; width:55%}
	.right-col {float:right;width:35%;}
  }
  .newsection {margin-top:1em;} /* when need more space between text sections */

/* Font Declarations */
   @font-face {
    font-family: 'primary';
		src: url('fonts/ContaxSans55Reg-webfont.eot');
		src: url('fonts/ContaxSans55Reg-webfont.eot?#iefix') format('embedded-opentype'),
			url('fonts/ContaxSans55Reg-webfont.woff2') format('woff2'),
			url('fonts/ContaxSans55Reg-webfont.woff') format('woff'),
			url('fonts/ContaxSans55Reg-webfont.ttf')  format('truetype'),
			url('fonts/ContaxSans55Reg-webfont.svg#svgFontName') format('svg');
			font-weight: normal;
			font-style: normal;}
   @font-face {
    font-family: 'primary';
		src: url('fonts/ContaxSans56Ita-webfont.eot');
		src: url('fonts/ContaxSans56Ita-webfont.eot?#iefix') format('embedded-opentype'),
			url('fonts/ContaxSans56Ita-webfont.woff2') format('woff2'),
			url('fonts/ContaxSans56Ita-webfont.woff') format('woff'),
			url('fonts/ContaxSans56Ita-webfont.ttf')  format('truetype'),
			url('fonts/ContaxSans56Ita-webfont.svg#svgFontName') format('svg');
			font-weight: normal;
			font-style: italic;}
   @font-face {
    font-family: 'titles';
		src: url('fonts/prozaregular-webfont.eot');
		src: url('fonts/prozaregular-webfont.eot?#iefix') format('embedded-opentype'),
			url('fonts/prozaregular-webfont.woff2') format('woff2'),
			url('fonts/prozaregular-webfont.woff') format('woff'),
			url('fonts/prozaregular-webfont.ttf')  format('truetype'),
			url('fonts/prozaregular-webfont.svg#svgFontName') format('svg');}
   @font-face {
    font-family: 'icon';
		src: url('fonts/menuBKHA.eot');
		src: url('fonts/menuBKHA.eot?#iefix') format('embedded-opentype'),
			url('fonts/menuBKHA.woff') format('woff'),
			url('fonts/menuBKHA.ttf')  format('truetype'),
			url('fonts/menuBKHA.svg#svgFontName') format('svg');}
		   
  /* Font Tag Assignments
    p   body text
	h1  "Mike Cooper" header title
	h2  header quote bar; Goodreads text
	h3  subhead
	h4  footer nav icon
	h5  footer nav text
    h6  header top-menu text
  */  
  p  {font-family: 'primary', Ariel, sans-serif; color:#333333; /*font-size:1.1em; line-height:140%;*/}
  p + p { margin-top: 0.95em;} /*adds space between succeeding paragraphs */
  h1 {font-family: 'titles', Ariel, sans-serif; 
	  color:#b40000;
	  text-shadow:0 0 .05em #b40000;
	  padding: .2em 0;
	  float:left;
  }
  h2 {font-family: 'titles', Ariel, sans-serif; 
	  font-size: 1em;
      color:#ffe6e6; 
	  text-shadow: 0 0 .3em #b40000;
	  text-align: right;
	  padding: .1em .5em .1em .5em;
	  background:#dbdbdb;
	  background: -webkit-linear-gradient(to right, #ffffff, #333333) fixed;
	  background:    -moz-linear-gradient(to right, #ffffff, #333333) fixed;
	  background:         linear-gradient(to right, #ffffff, #333333) fixed;
	  border: .02em solid black;
	  clear: both; /* to keep it below the icons */
  }
  h3 {font-family: 'titles', Ariel, sans-serif; color:#333333; font-size: 1.1em; padding:.5em 0;}
  h4 {font-family: 'icon', Ariel, sans-serif; color:#b40000; font-size:3em; padding:.2em 0 0 0;}
  h5 {font-family: 'primary', Ariel, sans-serif; color:#b40000; font-size:1em; margin-top:-1em; padding:0 0 .3em 0; letter-spacing: .15em;}
  h6 {font-family: 'titles', Ariel, sans-serif; font-size: 1em;}
  
/* Common Misc */
  .shadow 	{-moz-box-shadow: 3px 3px 4px #000;
			 -webkit-box-shadow: 3px 3px 4px #000;
			 box-shadow: 3px 3px 4px #000;
			 /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
			 /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');}
  .left 		{float:left; clear:left;}
  .right 	{float:right; clear:right;}
  .clear 	{clear:both}
  .roundbox	{-webkit-box-sizing: border-box; /* standardizes margin, etc, so equal width */
				-moz-box-sizing: border-box;
					 box-sizing: border-box;
			 border:.5px solid gray;
			 border-top-left-radius:1em; /* IE requires every corner specified */
			 border-top-right-radius:1em;
			 border-bottom-left-radius:1em;
			 border-bottom-right-radius:1em;
			}
  .bquote	{margin:.5em;
			 padding: .5em .7em;
			 background-color:#f0f0f0;
			}
  .textbox	{padding: 1em;}
  .list	li	{font-family: 'primary', Ariel, sans-serif; color:#b40000;
			 list-style-type:none;
			 overflow: visible; /* to handle multi-line entries */
			 padding-left: 2em; /* gets the distance from bullet right */
			 position: relative;
			}
  .list li a	{text-decoration:none; color:#b40000;}
  .list li:before	{content: "\279c"; /* sets the bullet character & position */
				 left: 0;
				 position: absolute;
				}
  hr {color:#4d4d4d;} /* general spacing bar */
  .photobox {margin:1em;width:10em;} /*used for headshot */
  .coverbox {width:9em; margin:0 1em 2em 1em;} /* used on home and books pages */
  .hide {display:none}
  
/* Header */
  @media all and (max-width:375px) {  /* replace quote bar with icon bar */
    .sm-icon-box		{clear:both;
						 width:auto;
						 height:1.7em;
						 padding: .1em .5em .1em .5em;
						 background:#dbdbdb;
						 background: -webkit-linear-gradient(to left, #ffffff, #4d4d4d) fixed;
						 background:    -moz-linear-gradient(to left, #ffffff, #4d4d4d) fixed;
						 background:         linear-gradient(to left, #ffffff, #4d4d4d) fixed;
						 border: .02em solid black;
						}
    .sm-icon-box a:hover	{opacity:0.6;}
    .sm-icon 			{float:right; height:1.5em; padding:.1em 0 0 .5em; opacity:0.8;}
	h2 {display:none;} /* hide quote bar */
	.coverbox {margin:0 0 2em 0;} /* close up the gap */
  }
  @media all and (min-width:375px) { /* revert to quote bar, put social media icons upper right */
    .sm-icon-box		{float:right; padding:.8em .5em 0 0;}
    .sm-icon-box a:hover	{opacity:0.5;}
    .sm-icon 			{width:1.4em; padding:.1em 0 0 .2em; opacity: 0.7;}
	.coverbox {margin:0 0 2em 0;} /* close up the gap */
  }
  @media all and (max-width:750px) {ul.topmenu {display:none}} 	/* suppress top menu */   
  @media all and (min-width:750px) { 							/* display top menu */
	ul.topmenu 			{list-style-type: none;
						 margin: -.5em 0 0 .5em;
						 padding: 0;
						 overflow: hidden;
						 width:24em;
						 white-space:nowrap;
						 background-color: #f0f0f0;
						 border:.5px solid gray;
						 -webkit-box-shadow: 2px 3px 4px #000;
						    -moz-box-shadow: 2px 2px 5px #000;
						         box-shadow: 2px 2px 3px #000;
						}
	li.topmenu 			{float:left}
	li.topmenu a 			{display: inline-block;
						 color: #b40000;
						 text-align: center;
						 width:6em;
						 padding: .2em 1em;
						 text-decoration: none;}
	li.topmenu a:hover	{opacity:.6;}
  }
  
 /* Nav */
	@media all and (min-width:750px) {nav {display:none}} /* suppress when top menu is present */
	nav {position:fixed; bottom:0px; left:0px; right:0px;
		}
	nav ul {list-style-type: none;
		margin: 0;
		padding: .25em 0;
		overflow: hidden;
		background-color: white;
		display: flex; /* flexbox for the menu items */
		justify-content: space-around; /* center */
		}
	nav ul > li {display: inline-block;} /* to line them up horizontally */
	nav li a {font-family: 'titles', Ariel, sans-serif; font-size: .75em; color:#b40000; text-decoration:none;}
	nav li a:hover {opacity:.6;}
	.current {color:#00aeff}
	
 /* Goodreads */
  .gr_custom_container_1488066477 {
    /* customize your Goodreads widget container here*/
    border: 1px solid gray;
    border-radius:1em;
    /*padding: 1em;*/
    background-color: #f0f0f0;
    /*color: #000000;*/
    width: 15em; margin: 2em auto 0 auto;
  }
  
 /* .gr_custom_container_1488066477  img > alt  {border:3px solid yellow; text-decoration:none;}*/
  
  .gr_custom_header_1488066477 {
    /* customize your Goodreads header here*/
    /*border-bottom: 1px solid gray;*/ 
    /*width: 100%;*/
    /*margin-bottom: 5px;
    text-align: center;*/
    /*font-size: 120%*/
  }
  
   .gr_custom_header_1488066477 a {text-decoration:none; }
  
  .gr_custom_each_container_1488066477 {
    /* customize each individual book container here */
    /*width: 100%;*/
    clear: both;
    /*margin-bottom: 10px;*/
    overflow: auto;
    /*padding-bottom: 4px;*/
	padding: .5em;
    border-bottom: 1px solid #aaa;
  }
  .gr_custom_book_container_1488066477 {
    /* customize your book covers here */
	/*overflow: hidden;*/
    /*height: 160px;*/
    float: right;
     /* margin-left: 4px;*/
	width: 4em;}
	 
  .gr_custom_book_container_1488066477 > a > img {display: block; width: 100%; height: auto;}
   
   .gr_custom_title_1488066477 {   
	font-family: 'primary', Ariel, sans-serif; 
	font-size: 1em; line-height:110%; 
	color:#b40000; font-style:italic;
	margin-bottom:.3em;
   }
  
   .gr_custom_title_1488066477 a {
    /*font-size: 1em; font-family: 'primary', Ariel, sans-serif; color:#b4000; */ color:#b40000;
	
	text-decoration:none;
  } 
   .gr_custom_author_1488066477 {
    
    font-size: .9em; line-height:110%;font-family: 'primary', Ariel, sans-serif; color:#333333;
  }
   .gr_custom_author_1488066477 a {
    font-size: .9em; font-family: 'primary', Ariel, sans-serif; color:#333333;
	text-decoration:none;
  } 
  
  
  
  .gr_custom_tags_1488066477 {
    /* customize your tags here */
    font-size: 10px;
    color: gray;
  }
  .gr_custom_rating_1488066477 {
    /* customize your rating stars here */
    float: right;
  }
  h2.gr_custom_header_1488066477  {
	font-family: 'primary', Ariel, sans-serif; color:#b40000; font-size:1em;
    text-shadow: none;
	text-align: center;
	padding: .5em 0;
	background:none;
	width:100%;
	border:none;
	border-bottom:1px solid gray;
  }
   h2.gr_custom_header_1488066477 a {color:#b40000;}
  .gr_ad_box	{padding:0 .5em 1.2em .5em; clear:both;}
  .gr_ad_logo img	{padding: 0 .9em 0 0; float:left; border:none;}
  .gr_ad_text  {font-size:.9em; line-height:100%;}
  .gr_ad_text a	{text-decoration:none; color:#b40000;}
  .gr_ad_text a:hover {text-shadow:0 0 .5px}
	  
	
 /* Twitter Feed */ 
a.twitter-timeline {
  /* Buttonish */
  display: inline-block;
  padding: 6px 12px 6px 30px;
  margin: 10px 0;
  border: #ffffff solid 5px;
  border-radius: 3px;
 /* background: #f8f8f8 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNzIgNzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDcyIDcyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IHg9IjAiIGZpbGw9Im5vbmUiIHdpZHRoPSI3MiIgaGVpZ2h0PSI3MiIvPg0KPHBhdGggZmlsbD0iIzU1YWNlZSIgZD0iTTY4LjgxMiwxNS4xNDFjLTIuMzQ4LDEuMDM5LTQuODY5LDEuNzQzLTcuNTE5LDIuMDZjMi43MDMtMS42Miw0Ljc3OC00LjE4Nyw1Ljc1Ni03LjI0NGMtMi41MjksMS41LTUuMzMsMi41OTItOC4zMTMsMy4xNzYNCglDNTYuMzQ5LDEwLjU5MSw1Mi45NDgsOSw0OS4xODIsOWMtNy4yMjksMC0xMy4wOTIsNS44NjEtMTMuMDkyLDEzLjA5M2MwLDEuMDI2LDAuMTE4LDIuMDIxLDAuMzM4LDIuOTgxDQoJYy0xMC44ODUtMC41NDgtMjAuNTI4LTUuNzU3LTI2Ljk4Ny0xMy42NzljLTEuMTI2LDEuOTM2LTEuNzcxLDQuMTg0LTEuNzcxLDYuNTgxYzAsNC41NDIsMi4zMTIsOC41NTEsNS44MjQsMTAuODk4DQoJYy0yLjE0Ni0wLjA2OS00LjE2NS0wLjY1Ny01LjkzLTEuNjM4Yy0wLjAwMiwwLjA1NS0wLjAwMiwwLjExLTAuMDAyLDAuMTYyYzAsNi4zNDUsNC41MTMsMTEuNjM4LDEwLjUwNCwxMi44NA0KCWMtMS4xMDEsMC4yOTgtMi4yNTYsMC40NTctMy40NDksMC40NTdjLTAuODQ2LDAtMS42NjctMC4wNzgtMi40NjUtMC4yMzFjMS42NjcsNS4yLDYuNDk5LDguOTg2LDEyLjIzLDkuMDkNCgljLTQuNDgyLDMuNTEyLTEwLjEyOSw1LjYwNi0xNi4yNiw1LjYwNmMtMS4wNTUsMC0yLjA5Ni0wLjA2MS0zLjEyMi0wLjE4NGM1Ljc5NCwzLjcxNywxMi42NzYsNS44ODIsMjAuMDY3LDUuODgyDQoJYzI0LjA4MywwLDM3LjI1MS0xOS45NDksMzcuMjUxLTM3LjI0OWMwLTAuNTY2LTAuMDE0LTEuMTM0LTAuMDM5LTEuNjk0QzY0LjgzOCwyMC4wNjgsNjcuMDU4LDE3Ljc2NSw2OC44MTIsMTUuMTQxeiIvPg0KPC9zdmc+DQo=") 8px 8px no-repeat;
  background-size: 1em 1em; */

  /* Text */
  font: /*normal*/ 12px/18px /*Helvetica*/"primary", Arial, sans-serif;
  color: #333;
  white-space: nowrap;
}

a.twitter-timeline:hover,
a.twitter-timeline:focus {
  background-color: #dedede;
}

/* Color Highlight for keyboard navigation */

a.twitter-timeline:focus {
  outline: none;
  border-color: #0089cb;
}

/* Contact Page */

  .address a {color:#b40000; padding-left:1em;}
  .address a:hover	{text-shadow:0 0 .5px} /* included in Enkoded script: <p><a> */
  .invis {display:none;}  /* used to conceal the antispam field */

  input, textarea {
	  display:block;
	  padding-left: .5em;
	  font-family:"primary"; font-size:1em;
	  width : 17em;
      margin: 1em 0 0 0;
      -webkit-box-sizing: border-box; /* standardizes margin, etc, so equal width */
         -moz-box-sizing: border-box;
              box-sizing: border-box;
	  border:.5px solid gray;
      -webkit-border-radius:4px; /* rounds the corners */
  	     -moz-border-radius:4px;
              border-radius:4px;  
    }
  textarea {height:7em;}
  input:focus, textarea:focus {border:.5px solid #00aeff;} /*blue the border when inputting */
  #submit {
    width: 6em;
    height:2em;
    border:none;
	padding:0;
	text-align:center;
    cursor:pointer;
    -webkit-border-radius:6px;
	    moz-border-radius:6px;
            border-radius:6px;
	box-shadow:.1em .1em .1em #666666;
	background:#dbdbdb;
    background-image: -webkit-linear-gradient(to bottom, #dbdbdb, #bfbfbf);
    background-image:    -moz-linear-gradient(to bottom, #dbdbdb, #bfbfbf);
    background-image:         linear-gradient(to bottom, #dbdbdb, #bfbfbf);
	}l


  #sandbox {
}