@charset "utf-8";

/*  - - - - - - - - - - - - - - - - - - - - -
    craigmod.com -- ipad.css
    https://craigmod.com
    (c) 2010-
    - - - - - - - - - - - - - - - - - - - - - */


/*  iPad
    -------------------------------------- */
    #iPad { float: left; margin-left: 10px; }

    #iPad h1 {
      font-size: 4.2em;
      float: left;
      margin-left: 130px;
      text-transform: uppercase;
      font-weight: bold;
      letter-spacing: 1px;
      font-family: Helvetica, sans-serif, Arial;
      }
      
      #iPad h1#books_in_the {
        display: block;
        width: 700px;
        height: 70px;
        overflow: hidden;
        text-indent: -99999px;
        background: transparent url(/journal/images/ipad_and_books/h1-books_in_the_age_of_the_ipad.png) top left no-repeat;
        }
      
      #intro cite { 
        margin-left: 130px; 
        float: left; 
        clear: both; 
        margin-top: 10px; 
        font-family: Palatino, Times, Serif;
        font-size: 1.6em;
        }
        
        #intro cite a { font-style: italic;}
      
    #iPad h2 {
      float: left;
      display: block; 
      width: 900px;
      overflow: hidden;
      text-indent: -9999px;
      font-size: 4em;
      text-transform: none;
      line-height: 1em;
      letter-spacing: 2px;
      margin-top: 20px; 
      margin-bottom: 20px;
      clear: both;
      font-family: "Hoefler Text", Georgia, Times, Serif;
      }
      
      #iPad h2#print_is_dying     { height: 150px; background: transparent url(/journal/images/ipad_and_books/h2-print_is_dying.png) top left no-repeat; }
      #iPad h2#content_as_core    { height: 70px; background: transparent url(/journal/images/ipad_and_books/h2-content_as_core.png) top left no-repeat; }
      #iPad h2#long_form          { height: 130px; background: transparent url(/journal/images/ipad_and_books/h2-long_form.png) top left no-repeat; }
      #iPad h2#ipad               { height: 55px; background: transparent url(/journal/images/ipad_and_books/h2-ipad.png) top left no-repeat; }
      #iPad h2#books_we_make      { height: 100px; background: transparent url(/journal/images/ipad_and_books/h2-books_we_make.png) top left no-repeat; }
      #iPad h2#specimen           { height: 70px; background: transparent url(/journal/images/ipad_and_books/h2-specimen.png) top left no-repeat; }
      #iPad h2#highly_recommended { height: 70px; width: 100%; background: transparent url(/journal/images/ipad_and_books/h2-highly_recommended.png) top left no-repeat; }
            
    #iPad h3 { font-size: 1.4em; letter-spacing: 1px; text-transform: uppercase; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 1em; }

    #iPad h5 { text-transform: uppercase; letter-spacing: 1px;  }

    .iPad_text {
      float: left;
      clear: both; 
      font-family: "Lucida Grande", sans-serif;
      }
      
      
    #good_riddance { float: left; margin-top: 60px; }
      #intro_wrap { width: 100%; float: left; margin-bottom: 1em; }
      #toc, #rec_books { 
        width: 240px; 
        float: left; 
        font-family: "Hoefler Text", Georgia, Times, Serif; 
        padding: 10px 0;
        background-color: #333;
        color: #fff;
        -moz-border-radius:5px;
        -moz-box-shadow:0 2px 4px rgba(0, 0, 0, 0.5);
        -webkit-border-radius: 5px;
        -webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.5);
        border-radius: 5px;
        }
        
        
        #toc h4, #rec_books h4 { text-align: center; text-transform: uppercase; letter-spacing: 1px; font-size: 1.4em; border-bottom: 2px solid #000; padding-bottom: 5px; }
        #toc ul, #rec_books ul { padding-top: 15px; border-top: 1px solid #555;}
        #toc ul.first, #rec_books ul.first { border-bottom: 1px solid #000; padding-bottom: 5px; }
          #toc ul li, #rec_books ul li { font-size: 1.5em; list-style: lower-alpha; margin-left: 30px; list-style-position: outside; }
          #toc ul.first li, #rec_books ul.first li { list-style: lower-roman; }
            #toc ul li a, #rec_books ul li a { display: block; padding: 5px 0; }
            #toc ul li a:hover, #rec_books ul li a:hover { color: #fff; border: none;  }

        #rec_books { background-color: #ddd; margin-top: 30px; }
          #rec_books h4 { color: #333; border-bottom: 2px solid #999; }
          #rec_books img { float: left; margin-right: 10px; }
          #rec_books h5 { font-size: .7em; letter-spacing: none; }
          #rec_books cite { font-size: .8em; }
          #rec_books ul { border-top: 1px solid #eee; }
            #rec_books ul li { list-style: none; margin-left: 10px; }
            #rec_books ul li a:hover { color: #333; border: none;  }


    #starts_content, #computers_sucks, #ipad_commeth, #bwm, #examples { float: left; margin-top: 40px;  }
    

    .single_col { float: left; width: 370px; margin-right: 20px; }
      .single_col.wide { width: 565px; margin-right: 20px; margin-left: 130px; margin-bottom: 20px; }
    
      .single_col p, .single_col ul { margin-bottom: 1.4em; font-size: 1.3em; line-height: 1.4em; }
        .single_col.wide p, .single_col.wide ul { margin-bottom: 1em; font-size: 1.4em; line-height: 1.4em; }
        p.lede { font-size: 1.8em; line-height: 1.6em; }        
        .single_col ul li { list-style: circle; margin-left: 30px; }
        

.image_wrap { float: left; clear: both; }

.image_insert {
  float: left;
  text-align: right; 
  margin-bottom: 1em; 
  margin-right: 20px; 
  font-size: 1.3em;
  color: #333;
  margin-bottom: 40px;
  text-align: right;
  padding: 5px 0;
  background-color: #efefef;
  -moz-border-radius:5px 5px 5px 5px;
  -moz-box-shadow:0 1px 4px rgba(0, 0, 0, .2);
  -webkit-border-radius:5px 5px 5px 5px;
  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);
  }
  
  .small { width: 240px; }
  .last { margin-right: 0px; }
  
  .image_insert.blank { background-color: transparent; 
    -moz-border-radius:0px;
    -moz-box-shadow:0 0px 0px rgba(0, 0, 0, 0);
    -webkit-border-radius: 0px;
    -webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0);
    }
  
  .image_insert p { margin-right: 10px; clear both; }
  
  .image_insert img { float: left; }
  .image_insert a {
    float: left;
    border: 1px solid #efefef;
    }
    
    .image_insert a:hover { border: 1px solid #f00; }


  .amzn_book { float: left; width: 110px; margin-right: 20px;}
    .amzn_book h5 { font-size: 1.2em; font-family: Verdana; margin-bottom: 5px; }
    .amzn_book cite { font-size: 1.3em; font-style: italic; }
    .amzn_book a img { border: 1px solid #000; }
      .amzn_book a:hover img { border: 1px solid #f00; }
    .amzn_book a:hover { border: 0px;  }    

/*  Formatting
    -------------------------------------- */
    .sc {
      font-size: .8em;
      text-transform: uppercase;
      font-weight: inherit;
      letter-spacing: 1px;
      }

    .sc-hed {
      font-size: inherit;
      text-transform: uppercase;
      font-weight: inherit;
      letter-spacing: 1px;
      }
      
    strong { color: #000; }

    sup { vertical-align: baseline; bottom: .5em; line-height: 1; position: relative; }

/*  Text Blocks
    -------------------------------------- */
    .text-block {
      width: 100%;
      float: left;
      margin-top: 20px;
      }
      
      .text-block .single-col {
        float: left;
        width: 305px;
        margin-left: 10px; 
        margin-right: 10px;
        color: #bbb;
        }
        
        .single-col.wide {
          width: 434px;
          }
          
        .single-col.big blockquote {
          font-size: 2.2em;
          margin-left: 20px;
          margin-right: 20px;
          font-style: italic;
          color: #999;
          line-height: 1.4em;
          }
          
          .single-col.big cite {
            display: block;
            text-align: left;
            margin-right: 20px;
            margin-left: 20px;
            margin-bottom: 2.2em;
            margin-top: 1em;
            font-size: 1.2em;
            text-transform: uppercase;
            }
        
        .text-block p {
          font-size: 1.5em;
          line-height: 1.4em;
          margin-bottom: 1.4em;
          }
        
        .text-block .wide p {
          font-size: 1.7em;
          line-height: 1.4em;
          margin-bottom: 1.4em;
          }
          
        .single-col.big {
          width: 695px;
          }
          
          .single-col.big p {
            font-size: 1.8em;
            line-height: 1.6em;
            }
          
        .text-block p strong {
          color: #fff;
          }
          
        .text-block .star {
          }
        
      .text-block .double-col {
        float: left;
        width: 630px;
        margin-left: 10px;
        margin-right: 10px;
        }