html {
  height: 100%;
  color: white;
  font-size: 1em;
}

.fc_cart_item > td {
  background-color: #FFFFFF;
  color: black;
}

a {
  color: #000;
}

h1 {
  font-size: 22px;
}

h1, h2, h3 {
  font-weight: bold;
  margin-bottom: 2px;
}

body {
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  height: 100%;
}

.masthead {
  width: 100%;
  color: white;
  background-color: black;
  font-weight: bold;
  text-align: center;
}

.masthead-center {
  margin-left: auto;
  margin-right: auto;
}

.masthead a {
  color: #FFFFFF;
}

.container {
  padding-bottom: 5px;
  padding-top: 5px;
}

#header {
  background-image: url('http://www-dev.wjgilmore.com/images/bg.png');
  background-repeat: repeat-x;
  background-color: #1d1d1b;
  width: 100%; 
  height: 90px; 
  border-bottom: 2px solid black;
  color: white;
}

#header a {
color: white;
}

.category {
  font-size: 1.1em;
}

.blog-category-title {
 text-transform: capitalize;
}

.logo {

}

.highlight {
  padding: 5px;
  width: 100%;
  background-color: #C0C0C0;
}

.fvh {
  width: 710px; 
  min-height: 90px; 
  padding: 5px;
}

.fvh > h3 {
  background-color: #37414a;
  padding: 5px;
  overflow: hidden;
  color: white;
}

.fvh > a {
  font-weight: bold;
  font-size: 1.0em;
}

.yellow {
  color: #ffc20f;
}

.main {
  padding-top: 25px;
  min-height: 100%;
  height: auto !important; /* for modern browsers */
  height: 100%; /* for IE */
  position: relative;
  z-index: 10;
  background: rgba(255, 255, 255, 1);
  /* -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  */
  padding: 10px 5px 10px 5px;
  margin-bottom: 15px;
}

.content {
  min-height: 100%;
  height: auto !important; /* for modern browsers */
  height: 100%; /* for IE */
  position: relative;
  z-index: 10;
}

.ad {
  position: relative;
  z-index: 10;
  background: rgba(204, 102, 0, 0.7);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 5px 5px 18px 10px;
  margin-bottom: 15px;
  margin-top: 10px;
  text-align: right;
}



.sidebar {
  position: relative;
  z-index: 10;
  background: rgba(255, 255, 255, 1);
  /* -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  */
  padding: 1px 10px 5px 10px;
  /* border: 3px solid black; */
}

.sidebar h1, h2, h3 {
  color: #383638;
}

h1,h2,h3 > a {
color: #383638;
}

.links {
  text-align: right;
}


.footer {
}

.comment-count {
  background-color: #FFDE00;
  padding: 3px;
  width: 100px;
  font-weight: bold;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  text-align: center;
  color: white;
  border: 2px solid black;
}

.comment-attribution {
  background-color: #FFDE00;
  padding: 3px;
  width: 90%;
  font-weight: bold;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  color: white;
  border: 1px solid black;
}

/* Site menu */

#sitemenu ul {
  width: 100%;
  margin: 0; 
  padding-bottom: 0; 
  list-style-type: none; 
  list-style-image: none; 
  text-align: left;
}

#sitemenu li {
  width: 70px;
  float: right;
  padding: 5px;
  border: 1px solid #383638;
  margin: 3px;
  background-color: #abc52f;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

#sitemenu ul li a {
  text-decoration:none;  
  color: white;
}

/* Horizontal news navmenu */

#navmenu ul {
  width: 100%;
  margin: 0; 
  padding-bottom: 0; 
  list-style-type: none; 
  list-style-image: none; 
}

#navmenu li {
  width: 220px;
  float: left;
  display: inline;
  padding-bottom: 20px; 
}

#navmenu li img {
  float: left;
  padding-right: 5px;
  padding-left: 5px;
}

#navmenu ul li a {
  text-decoration:none;  
}


/* Docbook-specific markup */

.caution, .warning {
  border: 1px solid #f00;
  padding: 5px;
  margin: 5px;
}

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  

.jqmWindow {
  display: none;    

    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -200px;

  overflow: auto;
  width:400px;
  height: 350px;
  background-color: #FFF;
  color: #333;
  border: 4px solid black;
  padding: 12px;
}

p.highlight {
   background-color: lightgray;
}

.comment {
  background-color: #FFDE00;
  width: 100px;
  padding: 4px 10px 4px 10px;
}

.comment2 {
  background-color: #abc52f;
  width: 350px;
  padding: 4px 10px 4px 10px;
}

/* -------------------------------------
   Form window
--------------------------------------- */

.jqmOverlay { 
  background-color: #000;
}

/* Fixed positioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#watchthisvideo {
  width: 150px;
  float: left;
  padding: 5px;
  border: 2px solid black;
  margin: 3px;
  background-color: #86B125;
  color: white;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

#watchthisvideo a {
  color: white;
  text-decoration: none;
}


/*---------------------------------------------
  GENERAL LAYOUT
----------------------------------------------*/

#blog-title {
  margin-bottom: 2px;
}

#book-title {
  margin-bottom: 2px;
}

input.button {
  color: white;
  background: #abc52f;
  padding: 2px;	
  font-weight: bold;
  border: 1px solid black;
}

#textarea-comment {
  width: 375px;
  height: 150px;
}


/*---------------------------------------------
  STORE
----------------------------------------------*/

img.book {
  float: left;
  border: 1px solid black;
  margin-right: 10px;	
  margin-bottom: 15px;
}

.book-summary {
  float: left;
  margin-top: 15px;
  width: 100%;
}

/*---------------------------------------------
  Book Navigation tabs
----------------------------------------------*/

.booknav {
	display: table;
	float: left;
	background: #6D98AB;
	color: white;
	text-align: center;
	border-top: black 1px solid;
	border-bottom: black 1px solid;
	height: 20px;
	width: 100%;
	margin-bottom: 10px;
}

.booknav-item {
	float: left;
	border-right: 1px solid black;
	padding: 4px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	width: 23%;	
        font-weight: bold;
}

.booknav-item:last-child {
	border-right: 0px;
	text-align: center;
	width: 25%;
}

.booknav-item > a {
  color: white;	
  text-decoration: none;
}

/* Tab Content */

.selected {
    font-weight:bold;
    background: black;
}

.tab-content {
    clear: both;
    border: 1px solid #ddd;
    padding: 10px;
}

/* Foxee */

.button {
  padding: 0px;
  margin: 0px;
}

/* PRODUCT GRID */

#product_grid {
	list-style-type: none;
	width: 100%;
	padding: 0;
}

#product_grid li {
  display: block;
  float: left;
  margin: 0 10px 10px 0;
  width: 30%;
  height: 140px;
  padding: 2px;
  text-align: center;
}

#product_grid li > img {
  border: 1px solid black;
  padding: 2px;
}

/* COMMENTS */

.comment-attribution {

}

#errors {
  background-color: #abc52f;
  padding: 3px;
  width: 90%;
  font-weight: bold;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  color: white;
  border: 1px solid black;
}

#videos {
  border-collapse: collapse;
}

tr:nth-child(odd) {
  background-color: #abc52f;
}