/*
Theme Name: twentytwelve - JHK
Theme URI: http://loudfeed.tv
Description: Twenty Twelve child theme for Jean Hanff Korelitz
Version: 1.0
Author: Margarete Koenen
Author URI: http://loudfeed.tv
Template: twentytwelve
Tags: two-column
*/
/* 

blue-green: #61a99b
yellow-green #7f994f
red: #ec646b;
*/


@import url( ../twentytwelve/style.css );
/* General ----------------------------------------------------*/

body {
  box-sizing: border-box;
  background-color: #202d55;
  background-image: url("images/bg_dark_blue.gif");
  font-family: Arial, Helvetica, sans-serif;
}
.site {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 740px;
  max-width: 52.857142rem;
  padding: 1.42857142rem 4.64285714rem;
  padding: 20px 65px;
}
body .site {
  margin-bottom: 20px;
  margin-bottom: 1.714rem;
}
#bg-container {
  background: url("images/bg_dark_green.gif") repeat repeat;
  margin-top: -80px;
  position: relative;
	z-index: 0;
  padding-bottom: 20px;
}
a:link, :visited {
  color: #2d5d2d;
}
a:hover {
  color: #202d55;
  text-decoration: underline;
}
h2 a:link, h2 a:visited, a:hover {
  text-decoration: none;  
}
h1 {
  font-size: 30px;
  font-family: "Times New Roman", Times, serif;
  line-height: 1;
  margin: 0px;
  padding-top: 0em;
  padding-right: 0em;
  padding-bottom: 6px;
  padding-left: 0em;
  color: #000;
  font-weight: normal;
}
h2 {
  font-size: 30px;
  line-height: 1;
  margin: 0px;
  padding-top: 0em;
  padding-right: 0em;
  padding-bottom: 6px;
  padding-left: 0em;
  color: #202d55;
  font-family: "Times New Roman", Times, serif;
  font-weight: normal;
}
h3 {
  font-family: "Times New Roman", Times, serif;
  font-size: 20px;
  line-height: 1;
  margin: 0px;
  padding-top: 0px;
  padding-right: 0em;
  padding-bottom: 8px;
  font-weight:normal;
  color: #202d55;
}
h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1;
  line-height: 18px;
  margin: 0px;
  padding-top: 0px;
  padding-right: 0em;
  padding-bottom: 0em;
  font-weight:bold;
  color: #202d55;
}
h5 {
  font-size: 10px;
  line-height: 1;
  margin: 0px;
  padding-top: 0px;
  padding-right: 0em;
  padding-bottom: 5px;
  font-weight:normal;
  color: #333;
}
p {
  font-size: 12px;
  line-height: 21px;
  margin: 0px;
  padding-top: 0em;
  padding-right: 0em;
  padding-bottom: 18px;
  padding-left: 0em;
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
}
ul {
  margin: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: .9px;
  padding-left: 0px;
}
li {
  font-size: 12px;
  line-height: 12px;
  color: #333;
  margin-left: 14px;
  list-style-position: outside;
  list-style-type: square;
  padding-top: 0em;
  padding-right: 0em;
  padding-bottom: 15px;
  padding-left: 0.5px;
}
img {
  border: 0px none #FFF;
}
hr {
  color: #CCC;
  background-color: #696;
  height: 1px;
  border: 0px none #FFF;
  padding: 0px;
  margin: 10px 0;
}
div#page {
  padding-top: 20px;
  padding-right: 65px;
  padding-bottom: 0px;
  padding-left: 65px;
}
.site-content article {
  margin-bottom: 20px;
}

strong {
  font-family: Arial, Helvetica, sans-serif;
}

/* Header ---------------------------------------------------------*/

#masthead{
	background: url("images/bg_mint.gif") repeat repeat;
  margin: 20px auto 20px;
  max-width: 960px;
  max-width: 68.571428571rem;
  position: relative;
  z-index: 1;
  padding: 40px 65px 20px;
  padding: 2.85714285rem 4.64285714rem 1.42857142rem;
  box-sizing: border-box;
  max-width: 740px;
  max-width: 52.857142rem;
  min-height: 135px;
}
#spacer {
	height: 30px;
	background-color: transparent;
}
.btw-link {
  position: absolute !important;
  top: -10px !important;
  right: 57px !important;
}

/* Navigation ---------------------------------------------------------*/

.main-navigation {
  float: right;
  margin-top: -20px;
  font-family: Arial, Helvetica, sans-serif;
}
.main-navigation div.nav-menu > ul {
  border-bottom: none !important;
  border-top: none !important;
}
.main-navigation li {
  padding: 0;
  position: relative;
  margin: 0 0 0 20px;
  margin: 0 0 0 1.423rem;
  

}
.main-navigation .current-menu-item > a, 
.main-navigation .current-menu-ancestor > a, 
.main-navigation .current_page_item > a, 
.main-navigation .current_page_ancestor > a,
.main-navigation li a {
  color: #080245;
  font-size: 18px;
  line-height: 18px;
  text-transform: lowercase;
  font-weight: normal;
}
.main-navigation li.current-menu-item a {
  border-bottom: 3px solid #265931;
}
.main-navigation li:hover a {
  border-bottom: 3px solid #265931;
}
.main-navigation li ul li a {
  background: #202D55;
  border-bottom: 0px solid #202D55 !important;
  color: #FFF;
  text-transform: none;
  padding: 0 0.714285714rem;
}
.main-navigation li ul li a:hover,
.main-navigation li ul li a:active {
   background: #202D55;
  border-bottom: 0px solid #202D55 !important;
  color: #BEDFBE;
  text-transform: none;
}
.main-navigation li ul {
    left: -30px;
}
.main-navigation li ul .current-menu-item > a, 
.main-navigation li ul .current-menu-ancestor > a, 
.main-navigation li ul .current_page_item > a, 
.main-navigation li ul .current_page_ancestor > a{
  color: #BEDFBE;
  font-size: inherit;
  line-height: 24px;
  text-transform: none;
  font-weight: inherit;
}
.main-navigation li ul li:first-child a {
  padding-top: 10px;
}
.main-navigation li ul li:last-child a {
  padding-bottom: 10px;
}

/* Home --------------------------------------------------------------*/

/*div#home-right,*/
#home-title,
#home-tag,
#home-quotes,
#home-vendors{
  float: right;
  width: 58%;
}
#home-vendors img {
  width: 20%;
  max-width: 60px;
}
.callout.home_quote {
  font-family: "Times New Roman", Times, serif;
  font-size: 18px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.callout p {
  font-size: inherit;
  line-height: 1.2; 
  margin: 0px;
  padding-top: 0em;
  padding-right: 0em;
  padding-bottom: 0;
  padding-left: 0em;
  color: #222;
  font-family: "Times New Roman", Times, serif;
  font-style: oblique;
}
.callout {
  color: #000;
  background-color: #C0E2C0;
  background-image: url(../img/_common/bg_mint.gif);
  background-repeat: repeat;
  margin: 0px;
  width: 80%;
  padding-top: 15px;
  padding-right: 10%;
  padding-bottom: 15px;
  padding-left: 10%;
}
div#home-img {
  float: left;
  padding-top: 7px;
  width: 36%;
}
#home-img img {
  width: 100%;
}
div#home-featured-in {
  width: 100%;
  padding-top: 20px;
  clear: both;
}
div#home-featured-in p {
  font-size: 12px;
}
#author-profile h2 {
  border-bottom: 1px solid #008000;
  margin-bottom: 10px;
}
#home-img img {
  -webkit-box-shadow: 1px 3px 7px 0px #666;
  box-shadow: 1px 3px 7px 0px #666;
}
div#click-through {
  line-height: 1.5;
}
#author-profile img {
  width: 40%;
}
/* Appearance ------------------------------------------------*/

.archive .site-content {
  float: none;
  width: 100%;
  position: relative;
}
.appearance-item .schedule {
  position: absolute;
  box-sizing: border-box;
  margin-top: -50px;
  padding-top: 20px;
  padding-right: 5%;
  padding-bottom: 20px;
  padding-left: 5%;
  font-size: 12px;
  line-height: 21px;
  top: 58px;
  right: 0;
  width: 48%;
}
.schedule.callout.bookthewriter {
  top: 350px;
}
.invite-me img {
  padding: 20px 0px 0;
  clear: both;
  float: none;
  margin: 0 auto;
}
.schedule pre {
  font-family: Arial, Helvetica, sans-serif;
}
.archive-header, .page-header {
  margin-bottom: 48px;
  margin-bottom: 0;
  padding-bottom: 22px;
  padding-bottom: 0;
  border-bottom: 0px solid #EDEDED;
}
.archive-title, .page-title, .widget-title, .entry-content th, .comment-content th {
  font-size: 30px;
  line-height: 36px;
  font-weight: normal;
  text-transform: none;
  color: #202D55;
  font-family: "Times New Roman", Times, serif;
}
.appearance-item {
  width: 48%;
  padding-bottom: 20px;
}
.appearance-title {
  font-size: 20px;
}
.appearance-date,
.appearance-address,
.appearance-description,
.appearance-phone,
.appearance-links {
  line-height: 21px;
}
.appearance-links ul li {
  list-style: none;
}
.appearance-links ul li {
  list-style: none;
  float: left;
  margin: 6px 20px 10px 0;
}
.post-type-archive-appearance div#main {
  min-height: 700px;
}

/* Works ------------------------------------------------*/
.single-work .site-content {
  width: 100%;
}
.single-work .work-img {
  float: left;
  width: 40%;
  margin: 0 0px 20px 0;
}
.single-work .work-title {
  float: left;
  margin-bottom: 20px;
  width: 60%
}
.isbn, .publisher, .p-date {
  line-height: 1.4;
}
.excerpt a {
  text-decoration: none;
}
div#work-vendors {
  margin-top: 20px;
}

div#work-content {
  margin: 20px 0;
}
.review-text {
  line-height: 21px;
}
.reviews ul li {
  list-style: none;
}
.read_more_blind {
  display: none;
}
a.read_more_link {
  display: block;
  text-decoration: none;
}
.interviews h2, 
.articles h2, 
.reviews h2 {
  border-bottom: 1px solid #2D5D2D;
  margin-bottom: 10px;
}
.articles {
  width: 58%;
  float: right;
  margin-bottom: 20px;
}
.interviews {
  width: 38%;
  float: left;
  margin-bottom: 20px;
}
.interviews li,
.articles li {
  padding-bottom: 8px;
}

.work {
  width: 100%;
  min-height: 150px;
}
.book-cover.archive-thumb {
  float: left;
  margin-right: 5%;
}
.right {
  float: left;
  width: 80%;
}
.book-cover img {
  -webkit-box-shadow: 1px 3px 7px 0px #666;
  box-shadow: 1px 3px 7px 0px #666;
}
#content .work_reviews {
  margin: 20px 0 0 0;
}
div#work-vendors {
  margin-top: 20px;
}
.post-97 .work-img,
.post-79 .work-img { /*anthologies*/
  display: none;
}
.post-97 .work-title,
.post-79 .work-title {
  float: left;
  margin-bottom: 40px;
  width: 60%;
}
.work_row {
  margin-top: 40px;
}


/* Contact ------------------------------------------------*/

.gform_wrapper {
  width: 48%;
  float: right;
}
.left {
  width: 48%;
  float: left;
}
#post-30 img {
  width: 90%;
}
div#below-image {
  background-color: #C0E2C0;
  background-image: url(images/bg_mint.gif);
  width: 90%;
}
div#below-image p {
  padding: 10%;
  font-weight: bold;
}
.gform_wrapper {
  margin: .5em 0 !important;
}
.gform_wrapper .top_label label.gfield_label {
  width: 20% !important;
}
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
  width: 75% !important;
}
.gform_wrapper .top_label label.gfield_label {
  float: left;
  padding: 6px 4PX;
  margin: 0 !important;
  BACKGROUND: #202D55;
  color: #FFF;
}
.gform_wrapper .top_label .hide label.gfield_label {
  display: none;
  margin: 0 !important;
  padding: 0;
}
.menu-toggle, input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type=submit], .bypostauthor cite span {
  background: #202D55;
  background-image: none;
  border: 1px solid #202D55;
  border-radius: 2px;
  box-shadow: none;
  color: #fff;

}
.menu-toggle:hover, .menu-toggle:focus, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, article.post-password-required input[type=submit]:hover {
  background: #202D55;
  color: #fff;
}
/* Footer ------------------------------------------------*/

#colophon {
  background: url("images/bg_mint.gif") repeat repeat;
  margin: 20px auto 40px;
  max-width: 960px;
  max-width: 68.571428571rem;
  overflow: hidden;
  position: relative;
  padding: 20px 65px 20px;
  /* padding: 2.85714285rem 4.64285714rem 1.42857142rem; */
  box-sizing: border-box;
  max-width: 740px;
  max-width: 52.857142rem;
  border-top: 0px;
}
.book-link img {
  -webkit-box-shadow: 1px 3px 7px 0px #666;
  box-shadow: 1px 3px 7px 0px #666;
}
footer div {
  float: left;
  width: 20%;
  text-align: center;
}

/* Social -----------------------------------------------------*/

.addthis_toolbox.addthis_default_style.addthis_32x32_style {
  float: right;
}
div.share {
  float: left;
  font-size: 18px;
  padding-right: 20px;
  margin: 5px;
}
div#facebook-link {
  float: left;
  margin-bottom: 20px;
}

/* Media rules ------------------------------------------------*/

@media screen and (min-width: 600px) {

  .main-navigation ul.nav-menu, 
  .main-navigation div.nav-menu > ul {
    border-bottom: none;
    border-top: none;
  }
  .main-navigation li a {
    color: #080245;
    font-size: 18px;
    line-height: 18px;
    text-transform: lowercase;
    font-weight: normal;
  }
}

@media screen and (max-width: 960px) {

   #spacer {
    height: 60px;
  }
  #masthead {
    margin: 20px auto 40px;
    }
}
@media screen and (max-width: 760px) {

   #spacer {
    height: 0px;
  }
  body .site {
    margin-bottom: 0px;
  }
  #colophon {
  margin: 0px auto 40px;

}

@media screen and (max-width: 700px) {

  div#home-vendors{
    float: none;
    width: 100%;
  }
  .single-work .work-title {
  float: left;
  margin-bottom: 20px;
  width: 55%;
}
.single-work .work-img {
  margin: 0 4% 20px 0;
}
#work-vendors img {
  width: 13%;
}
}
@media screen and (max-width: 600px) {

   div#home-img {
    margin-bottom: 20px;
  }
  div#page,
  #colophon,
  #masthead {
    padding-right: 2%;
    padding-left: 2%;
  }
  div#content {
    padding-top: 20px;
  }
  footer div {
  width: 17%;
  margin-right: 3%;
}
.menu-main-menu-container {
  position: absolute;
  top: 140px;
  right: 5%;
  background: #FFF;
  text-align: left;
  padding: 20px 0;
}
.main-navigation li ul {
  margin: 10px 0 5px;
}
.main-navigation ul li {
  list-style: none;
}
.main-navigation li a,
.main-navigation li,
.main-navigation li.current-menu-parent {
  text-decoration: none;
  font-size: 16px;
  color: #333333;
  line-height: 1.5;
}
.main-navigation li ul li a,
.main-navigation li ul li a:hover,
.main-navigation li ul li a:active {
  background: #ffffff;
  color: #333;
}
.main-navigation .current-menu-item > a, 
.main-navigation .current-menu-ancestor > a, 
.main-navigation .current_page_item > a, 
.main-navigation .current_page_ancestor > a, 
.main-navigation li a {
  color: #080245;
  font-size: 16px;
  line-height: 1.5;
  text-transform: none;
  font-weight: normal;
}
}
@media screen and (max-width: 470px) {

div#home-quotes {
    float: none;
    width: 100%;
  }
  div#home-title {
    margin-top: 20px;
  }
  .appearance-item .schedule {
    position: initial;
    width: 100%;
    margin-top: inherit;
  }
  .appearance-item {
    width: 100%;
  }
  .schedule.callout.bookthewriter {
    margin-top: 20px;
  }
  .btw-link {
    right: 0 !important;
  }
  .interviews,
  .articles {
  float: none;
  width: 100%;
}
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
  width: 100% !important;
}
.gform_wrapper .top_label label.gfield_label {
  BACKGROUND: #fff;
  color: #202D55;
}
.gform_wrapper .top_label label.gfield_label {
  width: 100% !important;
}
}