@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300);
* { font-family: 'Roboto', sans-serif; line-height:1.2; font-weight: 300; }
body {
  font-weight: 300;
  background-color: #e5e5e5;
  color: #222;
}
h1, h2, h3, h4, h5 { font-family: 'Roboto', sans-serif; line-height:1.2; font-weight: 300;}
p { font-weight: 300; }
table { width: 100%; }
table th {font-weight: 400;}

.righty { text-align: right; }
.centy { text-align: center; }
.smaller { font-size: 12px; }
.bigger { font-size: 19px; }
.huge { font-size: 24px; }
.yellow { color: yellow; }
.green { color: green !important; }
.red { color: red; }
.push1 { margin-top: 1em; }
.push2 { margin-top: 2em; }

.top-part { 
  background-color: #052c50;
  color: black;  padding-top: 1em; 
  padding-bottom: 1em;
  margin-bottom: 1em;
}

.top-part img { height: 4.5em;}
.top-part h3 {margin: .3em 0; line-height: 1; font-weight: 400; color: #fff;}
.top-part p {margin-bottom: 0;}

.body-part {padding-top: 1rem; padding-bottom: 1rem;}
.body-part h1 {font-size: 44px; margin-bottom: 0; }
.body-part i { color: #333; }

.body-part .heady p { margin-bottom: 0; font-size: 17px;}
.body-part .heady {padding: 0 0 2rem;}
.heady h1 {color: #052c50;}
.body-part .heady-index {padding: 3rem 0;}
.body-part .heady .pre-head {margin-top: 1em; color: #777; font-family: Helvetica,sans-serif; }

.body-part .book-text p,
.body-part .book-text p b {
  color: #333;
  font-size: 17px;
  line-height: 1.5;
}
.body-part .book-text .leading-image { 
  float: right; margin-left: 1.5em; margin-bottom: .5em; 
  max-width: 33%;
}
.body-part .panel h5 { font-weight: bold;}
.body-part form, .body-part .callout, .body-part .callout button { margin-bottom: 0; }
.body-part form .smaller { color: #333; }

.editthis .edittext {
  padding: 1em;
  border: 1px solid #EEE;
}

.book-thumb {
  background-color: #fff;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.book-thumb img {width: 100%;}

.book-thumb a {display: block;}

.book-thumb h5 {
  margin: 0; 
  padding: .6rem .7rem .7rem;
  font-size: 1rem;
  color: #555;
  line-height: 1.3;
}

.book-thumb.book-cover {margin: .8rem 0 2rem;}

.lead-form button {
  height: 2.3125rem;
  padding: 0.15rem;
  width: 100%;
}

.panel.callout {background-color: #c9c9c9; border: none; margin-bottom: 2rem; padding: 1rem 1.25rem;}

footer { 
  text-align: center;
  font-size: 12px;
  color: #666;
  margin-top: 2em;
  padding-top: 2em;
  border-top: 1px solid #EEE;
}
footer a { color: #666; }
footer p {
  margin-bottom: .5em;
}
footer .powered a { color: #CCC; font-weight: 400;}
footer .powered { margin-bottom: 1em; }

.admin-lmenu div { margin-bottom: .5em; font-size: 13px; }
.admin-lmenu-top { border-top: 1px solid #CCC; padding-top: 1em; font-size: 11px; }

.editthis:hover {
  background-color: #FFFFEE;
}

#chapters #sortable li {
  margin-bottom: .5em;
  list-style-type: none;
  line-height: 1.1em !important;   
}

#chapters #sortable li a {
  font-size: 13px;
  font-weight: normal !important;  
}

@media only screen and (max-width: 40em) { 
  .logo { text-align: center; }
  .heady h1 { font-size: 32px; }
  .heady p { line-height: 1.3; font-size: 13px; }
}