/*  -----------------------------------------------
      PRE/POST CSS POST-PUSH-PULL SOMETHING SOMETHING
      © 2012, etc etc etc
      ----------------------------------------------- */    


  /*  ----------------------------
      CSS RESET
      ---------------------------- */    
      body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,menu,input,textarea,p,blockquote,th,td { 
        margin:0; padding:0; 
        }
        
      table { border-collapse:collapse; border-spacing:0; }
      fieldset,img { border:0; }
      address,caption,cite,code,dfn,strong,th,var { font-style:normal; font-weight:normal; }
      strong { font-weight: bold; }
      ol,ul { list-style:none; }
      caption,th { text-align:left; }
      h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
      q:before,q:after { content:''; }
      abbr,acronym { border:0; }
      p { margin-bottom: 1em; }
      a { color: #cc092f; text-decoration: none; }
      a:hover { color: #333; }


  /*  ----------------------------
      GENERAL
      ---------------------------- */      
    	body { 
        background-color: #fff; 
        color: #333;
        font-size: 62.5%; /* -- Sets 1em to equal 10px ---------------------------------*/  
        font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2",georgia, serif;
        font-style: normal;
        font-weight: 400;
        } 
      
      h1, h2, h3, h4, h5 { 
        font-family: "ff-meta-condensed-web-pro-1","ff-meta-condensed-web-pro-2",Helvetica,Arial,sans-serif;
        font-style: normal;
        font-weight: 500;     
        }
        
      p, li, blockquote { font-size: 1.8em; line-height: 1.5em; }
      
      .fourcol p, .fourcol li, .fourcol blockquote { font-size: 1.5em; }
        
    	body.ja { font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, 'メイリオ', Helvetica, Arial, sans-serif; }
        .ja p, .ja li, .ja blockquote { font-size: 1.6em; line-height: 1.6em; }
        .ja h1, h1.ja, .ja h2, h2.ja, .ja h3, h3.ja, .ja h4, h4.ja .ja h5, h5.ja {font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, 'メイリオ', Helvetica, Arial, sans-serif !important; font-weight: bold; }
        
      


  /*  ----------------------------
      HEADER
      ---------------------------- */      
    	header { margin-bottom: 30px; font-family: "ff-meta-condensed-web-pro-1","ff-meta-condensed-web-pro-2",Helvetica,Arial,sans-serif; }
        header h1 { display: block; width: 250px; margin-top: 10px; height: 47px; text-indent: -99999px; overflow: hidden; background: transparent url(/images/h1-prepost-250.png) top left no-repeat; }
        header ul { float: left;}
      	nav { border-top: 2px solid #000; padding-top: 50px; padding-bottom: 10px; }
          nav .books { text-align: right; font-size: 1.2em; }
            nav .books ul { width: 100%; margin: 2px 0px; margin-left: 80px; }
            nav .books lh { float: left; width: 75px; margin-left: -85px; font-size: 1.1em; padding-top: 1px; margin-right: 10px; text-transform: uppercase; letter-spacing: 1px; }
            nav .books li { font-size: 1.1em; float: left; margin-right: 10px; line-height: 1.6em; }
            nav .books a { text-transform: uppercase; letter-spacing: 1px; font-weight: bold; color: #000; padding: 0px 3px;}
              nav .books a.active { border-bottom: 4px solid #cc092f; padding-bottom: 0; }
            nav .books a:hover { background-color: #f7f7f7; border-radius: 3px; border: 0px; }
              nav .books a.active:hover { border-bottom: 4px solid #000; border-radius: 0; }


  /*  ----------------------------
      MAIN IMAGE
      ---------------------------- */      
    	.main_image { width: 100%; min-width: 1140px; min-height: 400px; margin-bottom: 20px; border-top: 3px solid #000; }
        .main_image h1 { font-size: 4.2em; font-weight: bold; }
          .main_image h1.naked        { display: block; width: 284px; height: 44px; text-indent: -9999px; overflow: hidden; background: transparent url(/images/books/naked/h1-naked.png) top left no-repeat; }
          .main_image.naked_digi h1   { font-size: 5.5em; margin-top: 50px; text-shadow: 1px 1px 0px #bbb; }
          .main_image h1.ast          { display: block; margin-top: 70px; width: 189px; height: 80px; text-indent: -9999px; overflow: hidden; background: transparent url(/images/books/ast/artspacetokyo.png) top left no-repeat; }
          .main_image h1.prepost      { display: block; margin-top: 40px; margin-bottom: 0px; width: 200px; height: 37px; text-indent: -99999px; overflow: hidden; background: transparent url(/images/h1-prepost-200-white.png) top left no-repeat; }
          .main_image h1.postartifact { display: block; margin-top: 40px; margin-bottom: 10px !important; width: 250px; height: 160px; text-indent: -99999px; overflow: hidden; background: transparent url(/images/books/postartifact/h1-post_artifact2.png) top left no-repeat; }
        .main_image h2 { font-size: 1.9em; font-weight: bold; margin-bottom: 5px; }
      	.main_image img.big_bg { min-width: 1140px; width: 100%; z-index: 1; box-shadow: 0px 3px 5px #ddd; }

        .astdigital .main_image { background-color: #f7f7f7; }
          .astdigital .main_image img.big_bg { padding-bottom: 100px; }
        .catchhead { text-align: center; padding: 70px 0; }
          .catchhead h1 { font-size: 5em; font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2",georgia, serif; line-height: 1em; margin-bottom: 10px; font-weight: normal; text-shadow: 1px 1px 0px #fff; }
          .catchhead h2 { color: #999; font-weight: normal; }
          .catchhead h3 { margin-top: 30px; font-size: 2em; font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2",georgia, serif; font-weight: normal; font-style: italic; text-shadow: 1px 1px 0px #fff; }
            .catchhead h3 span { text-transform: uppercase; font-size: .7em; letter-spacing: 1px; font-style: normal; }
          .catchhead h4 { font-size: 1.6em; margin-top: 10px; }

      	.bfj p { color: #ccc; font-size: 1.5em; font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2",georgia, serif;  }
      	.main_image .bfj .title { width: 370px; background-color: rgba(0,0,0,0.7); border-radius: 5px; padding: 15px; }
      	.bfj h1 { color: #999; text-shadow: 1px 1px 0px #000; }
      	.bfj a { color: #fff; }
      	 .bfj a:hover { color: #999; }

      	.main_image .social { position: absolute; width: 95%; min-width: 1140px; max-width: 1140px; z-index: 2; color: #fff; text-align: right; padding-top: 20px; }
          .main_image .social.light { color: #000; }
          .main_image .fb-like { clear: both; float: right; margin-top: 20px; }        
          .main_image .twitter { width: 300px; overflow: hidden; text-align: left; float: right; clear: both; margin-top: 20px; }
          .main_image .title { width: 300px; float: right; text-align: left; color: #000; }
            .main_image .title h1 { margin-bottom: 0px; line-height: 1em; }
            .main_image .title h2 { color: #fff; font-size: 2em; font-weight: normal; line-height: 1.2em; text-shadow: 1px 1px 0px #000; }
              .main_image .dark .title h2 { color: #000; text-shadow: none; }
            .main_image .title cite { color: #fff; font-size: 1.2em; text-transform: uppercase; letter-spacing: 1px; font-weight: normal; text-shadow: 1px 1px 0px #000; }
              .main_image .dark .title cite { color: #000; text-shadow: none; }
            .main_image .title.general { margin-top: 50px; }
              .astdigital .main_image .title.general { margin-top: 0; }
              .main_image .title.general h1 { text-shadow: 1px 1px 0px rgba(255, 255, 255, .6); }
          .main_image .quotes { width: 300px; float: right; text-align: left; clear: both; font-size: 1.1em; margin-top: 2em; }
            .main_image .quotes span { font-size: .8em; }

          .main_image.naked_digi .title   { width: 400px; }
            .main_image.naked_digi .title p { font-size: 1.3em; text-shadow: 1px 1px 0px #fff; }
            .main_image.naked_digi .title h2 { font-weight: bold; font-size: 2.5em; color: #000; text-shadow: 1px 1px 0px #fff; margin-top: 10px; padding-top: 20px; border-top: 1px solid #fff; box-shadow: 0px -1px 0px #ddd; }
          .main_image.naked_digi .fb-like { width: 400px; }
          .main_image.naked_digi .twitter { width: 400px; }
          .main_image.naked_digi .buy     { width: 400px; }

          .main_image .desc { width: 300px; margin-top: 20px; float: right; clear: both; color: #000; text-align: left; }
            .main_image .desc p { font-size: 1.4em; }
          .main_image .buy { width: 300px; clear: both; float: right; text-align: left; margin-top: 20px; }
            .main_image .buy h2 { text-shadow: 1px 1px 0px #bbb; }
              .main_image .dark .buy h2 { color: #000; text-shadow: 1px 1px 0px #fff; }
            .main_image .buy a { color: #ddd; text-shadow: 1px 1px 0px #000; }
              .main_image .dark .buy a { color: #666; text-shadow: none; }


  /*  ----------------------------
      BOOK IMAGES
      ---------------------------- */
      ul.book_images { float: left; }
      .book_images li { margin-bottom: 10px; margin-left: 0 !important; list-style: none !important; }
        .book_images li p { display: none; position: relative; top: 10px; left: 10px; }
      	.book_images li a { float: left; border: 2px solid #ddd; }
          .book_images li a img { float: left; }
          .book_images li a:hover { border: 2px solid #000; box-shadow: 0px 1px 3px #666; }


          .mokuji a img { border: 2px solid #666; margin-bottom: 20px; -webkit-transition-property: border; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; }
          .mokuji a img:hover { border: 2px solid #000; }


  /*  ----------------------------
      DETAILS
      ---------------------------- */      
      .details { margin-top: 40px; margin-bottom: 40px; padding-top: 30px; }
        .details h2 { font-weight: bold; font-size: 3em; margin-bottom: .25em; }
        /*.details h3 { font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2",Georgia,Times,serif; text-transform: uppercase; letter-spacing: 1px; font-size: 1.4em; margin-bottom: 0em; font-weight: bold;  }*/
        .details h3 { text-transform: uppercase; font-size: 1.4em; margin-bottom: 0em; font-weight: bold; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #ddd; }
        .details h4 { margin-bottom: .5em; font-size: 1.5em;  }
        .details li { list-style-type: circle; list-style-position: outside; margin-left: 30px; }
        .details ul { margin-bottom: 1.4em; }
        
	     ul.bookinfo { margin-bottom: 1em; }
	     ul.bookinfo li { list-style-type: disc; list-style-position: outside; margin-left: 30px; }

       .details.purchase h3 { text-align: center; }

      p.blurbText { margin-bottom: 0px; }
      p.blurbInfo { text-align: right; }
        p.blurbInfo span { text-transform: uppercase; letter-spacing: 1px; font-size: .8em; }

      .threecol.authors p { font-size: 1.4em; }

      ul.press { -webkit-column-count: 2; font-size: .9em; }

      .longform h3 { font-size: 1.6em; }
      .longform blockquote { font-size: inherit; margin-left: 2em; margin-right: 2em; font-style: italic; }


  /*  ----------------------------
      SERIES
      ---------------------------- */
      .series { padding-top: 20px; margin-top: 20px; border-top: 1px dotted #ddd; }
        .series h2 { font-size: 3em; font-weight: bold; margin-bottom: .25em; }
        .series h3 { font-size: 1.6em; display: block; text-align: center; font-family: "ff-meta-condensed-web-pro-1","ff-meta-condensed-web-pro-2",Helvetica,Arial,sans-serif; min-height: 40px;  }


  /*  ----------------------------
      FOOTER DETAILS
      ---------------------------- */      
	
      .footer_action { padding-bottom: 40px; padding-top: 40px; margin-top: 40px; border-top: 1px solid #ddd; background: #f7f7f7; font-size: .9em; box-shadow: -1px 0px 10px #ddd; } 
        .footer_action .fb-like { margin-bottom: 2em; }
        .footer_action h2, .footer_action h3 { text-shadow: 1px 1px 0px #fff; border: 0;}
          .footer_action h2 { font-size: 3em; font-weight: bold; margin-bottom: .25em; }
          .footer_action h3 { text-transform: uppercase; font-size: 1.4em; margin-bottom: 0em; font-weight: bold; padding-bottom: 5px; margin-bottom: 5px; }
        
        .footer_action .newsletter { }
        .footer_action input {
          width: 178px;
          width: 90%;
          padding: 7px 10px 5px 10px;
          font-size: 2.2em;
          margin-top: 10px;
          border-radius: 5px;
          -moz-border-radius: 5px; 
          -webkit-border-radius: 5px;
          border: 1px solid #ddd;
          background: #fff;
          font-family: "ff-meta-condensed-web-pro-1","ff-meta-condensed-web-pro-2",Helvetica,Arial,sans-serif;
          outline: none;
          }

        .footer_action button {
          border: 1px solid #ddd;
          background: #efefef;
          border-radius: 5px;
          -moz-border-radius: 5px; 
          -webkit-border-radius: 5px;
          cursor: pointer;
          color: #666;
          padding: 5px 10px 5px 10px;
          margin-top: 10px;
          font-family: "ff-meta-condensed-web-pro-1","ff-meta-condensed-web-pro-2",Helvetica,Arial,sans-serif;
          font-size: 1.6em;
          font-weight: bold;
          text-shadow: 1px 1px 0px #fff;
          text-transform: uppercase;
          letter-spacing: 1px;
          line-height: 2.4em;
          width: 50%;
          }
          .footer_action button:hover { background-color: #dfdfdf; color: #333; }

      footer { 
        font-family: "ff-meta-condensed-web-pro-1","ff-meta-condensed-web-pro-2",Helvetica,Arial,sans-serif; 
        text-transform: uppercase; 
        letter-spacing: 1px; 
        font-size: 1.2em; 
        border-bottom: 3px solid #000; 
        border-top: 1px solid #000; 
        margin-top: 30px !important; 
        padding-bottom: 20px; 
        padding-top: 20px; 
        font-weight: bold; 
        }
  

  /*  ----------------------------
      FOR TINY WINDOW PEOPLE
      ---------------------------- */      
      @media handheld, only screen and (max-width: 767px), only screen and (max-device-width: 767px), only screen and (device-width: 768px) {
      
        body {
          font-size: 55% !important;
          -webkit-text-size-adjust: none;
          }
        
        .row, body, .container {
          width: 100%;
          min-width: 0;
          margin-left: 0px;
          margin-right: 0px;
          padding-left: 0px;
          padding-right: 0px;
          }
        
        .row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol, .row.twelvecol {
          width: auto;
          float: none;
          margin-left: 0px;
          margin-right: 0px;
          padding-left: 20px;
          padding-right: 20px;
          }

          header { text-align: center; }
            header h1 { width: 100%; background-position: center top; }
            header .socialactions { display: none; }
          nav .books { margin-top: 20px; }
            nav .books lh { margin-left: 0px; font-weight: bold; }
            nav .books lh, nav .books li { width: 100%; display: block; margin-right: 0px; text-align: center; font-size: 1.2em; }
            nav .books a { font-weight: normal; }
            nav .books ul { margin-left: 0px; margin-bottom: 20px; }
            nav .books a.active { border-bottom: 1px solid #f00; }

          .main_image.naked_digi h1   { margin-top: 20px; }
          
          .main_image.naked_digi .title { width: auto; }
          .main_image.naked_digi .buy { width: 100%; }

          .main_image, .main_image img.big_bg { min-width: 0; min-height: 0; }
          .main_image .social { position: relative; text-align: left; min-width: 0; width: 100%; }
          .main_image { padding-bottom: 50px; background-color: #f7f7f7; }
          .main_image .title, .main_image .buy { text-align: center; width: 100%; float: left; color: #000 !important;  }
            .main_image .buy { margin-bottom: 50px; }
            .main_image .title h2, .main_image .title cite, .main_image .buy a { color: #333; text-shadow: none;  }

            .main_image h1.ast, .main_image h1.naked { background-position: center top; width: 100%; margin-bottom: 20px; }

            .main_image .desc { width: 100%; float: left; font-size: 1.2em; }

          .astdigital .main_image img.big_bg { display: none; }

          .main_image .bfj .title { background: transparent; }
            .bfj h1 { color: #000; text-shadow: 1px 1px 0px #fff; }
            .bfj p { color: #333; }
            .bfj a { color: #333; }

          .main_image .fb-like { display: none; }
          .main_image .twitter { display: none; }

          .series { text-align: center; }

        }