@charset "utf-8";

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


    body#ja {
      font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", Meiryo, 'メイリオ', "Arial Unicode MS", serif;
      }

/*  JOURNAL ENTRIES
    -------------------------------------- */
    #journal { float: left; margin-left: 10px; }

        
/*  INTRO
    -------------------------------------- */
    #intro { margin-bottom: 30px; float: left;  }
      #intro cite { 
        margin-left: 130px; 
        float: left; 
        clear: both; 
        margin-top: 10px; 
        font-family: Palatino, Times, Serif;
        font-size: 1.6em;
        }
        
        body#kickstartup #intro cite { font-size: 1.5em; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Palatino, Times, serif; margin-left: 525px; color: #fff; }
        body#kickstartup #intro cite a:hover { color: #fff; }
        
        #intro cite a { font-style: italic; }

        body#ja #intro cite { font-family: Helvetica, arial, sans-serif; font-size: 1.2em; text-transform: uppercase; letter-spacing: 1px;}
        body#ja #intro cite a { font-style: normal; }
        body#ja #intro cite .ja { font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, 'メイリオ', Helvetica, Arial, sans-serif; letter-spacing: 0px;}

        body#kickstartup #journal #intro { 
          background: transparent url(/journal/images/kickstartup/h1-kickstartup.jpg) top left no-repeat; 
          width: 1020px; 
          height: 765px; 
          -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
          -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
          }



/*  HEADERS
    -------------------------------------- */
    #journal 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;
      }
      
      body#ja #journal h1 { font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, 'メイリオ', Helvetica, Arial, sans-serif; }

      #journal h1#embracing_digital {
        display: block;
        width: 683px;
        height: 56px;
        overflow: hidden;
        text-indent: -99999px;
        background: transparent url(/journal/images/ebooks/h1-embracing_the_digital.png) top left no-repeat;
        }

      #journal h1#embracing_digital-ja {
        display: block;
        width: 683px;
        height: 56px;
        overflow: hidden;
        text-indent: -99999px;
        background: transparent url(/journal/images/ebooks/h1-embracing_the_digital-ja.png) top left no-repeat;
        }
        
      /* KICKSTARTUP ------------------------ */
      body#kickstartup #journal h1 { 
        font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", "Hoefler Text", Georgia, Times, serif;
        color: #fff;
        font-weight: normal;
        letter-spacing: .1em;
        font-size: 6em;
        margin-left: 260px;
        margin-top: 45px;
        line-height: .5em;
        }
        
        body#kickstartup #journal #intro h2 { 
          font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Palatino, Georgia, Times, serif;
          text-transform: none;
          margin-bottom: 0px;
          float: left;
          width: 550px;
          color: #fff;
          margin-left: 455px;
          margin-top: 20px;
          font-size: 2.4em; 
          font-weight: normal;
          line-height: 1.2; 
          font-style: italic;
          }

      
    #journal h2 {
      float: left;
      display: block; 
      width: 960px;
      font-size: 2em;
      text-transform: uppercase;
      line-height: 1em;
      letter-spacing: 1px;
      margin-top: 20px; 
      margin-bottom: 20px;
      clear: both;
      font-family: Palatino, Georgia, Times, Serif;
      }
      
      body#ja #journal h2 { font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, 'メイリオ', Helvetica, Arial, sans-serif; letter-spacing: 0px; font-size: 2.4em; font-weight: bold; }
      
      body#kickstartup .intro_wrap { width: 100%; float: left; margin-bottom: 20px; } 
      #journal h2.intro_h2 { letter-spacing: 0px; font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Palatino, Georgia, serif; text-transform: none; font-style: italic; font-size: 2.6em; line-height: 1.3em;}
      body#kickstartup #journal h2 { margin-top: 80px; letter-spacing: 0; width: 500px; font-size: 2.4em; font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Palatino, Georgia, Times, serif; text-transform: none; font-style: italic; }
      
   
    #journal h3 { font-size: 1.4em; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 0em; }
    #journal h4 { margin-bottom: 0px; font-style: italic; font-size: 1.4em;  }
      #journal h4.graph_title { float: left; font-style: normal; font-family: Palatino, Georgia, Times, serif; width: 695px; font-size: 1.3em; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; text-align: left; margin-left: 120px; margin-bottom: 10px; color: #2e3192;}
    #journal h5 { text-transform: uppercase; letter-spacing: 1px;  }
      body#kickstartup #journal h5 { font-size: 1.1em; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Palatino, Times, serif; }
    #journal h6 { font-size: 1.4em; font-weight: bold; letter-spacing: 1px; font-family: Palatino, Georgia, Times, serif; margin-top: 3em; text-transform: uppercase; }

      body#ja #journal h3 { font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, 'メイリオ', Helvetica, Arial, sans-serif; }
      body#ja #journal h4 { font-style: normal; font-weight: bold; }

    .body_text {
      float: left;
      clear: both; 
      font-family: "Lucida Grande", Verdana, sans-serif;
      }
      
      body#ja .body_text { font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, 'メイリオ', Helvetica, Arial, sans-serif; }
    
    #head { float: left; margin: 40px 0; padding: 40px 0; border-bottom: 1px solid #ddd; }
    #head cite { font-size: .7em; }
    #head blockquote p { font-size: 2em; color: #333; font-family: Palatino, Georgia, Times, serif; font-style: italic;}

      body#ja #head blockquote p { font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", Meiryo, 'メイリオ', "Arial Unicode MS", serif; font-style: normal; font-size: 1.8em; }

body#kickstartup .book_photos { float: left; width: 100%; }
  body#kickstartup .book_photos img { float: left; display: inline; }
  body#kickstartup .book_photos a.book_photo { float: left; border: 1px solid #000; margin-right: 20px;  }
    body#kickstartup .book_photos a.book_photo:hover { border: 1px solid #f00; -moz-box-shadow:0 2px 4px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.5); }
  .books_caption { font-family: Palatino, Georgia, serif; width: 700px; float: left; margin-top: 10px; font-size: 1.4em; font-style: italic; }


#examples { width: 100%; float: left; }
  #examples h2 { width: 100% !important; float: left; }

#ast_top { 
  width: 240px; 
  float: right; 
  margin-right: 10px; 
  text-align: center; 
  padding-bottom: 10px; 
  margin-top: 10px; 
  padding-top: 10px; 
  background-color: #333; 
  -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;
  }
  
  #social_media { float: left; margin-top: 5px; clear: both; margin-left: 132px; }
  .topsy_widget_data { margin-bottom: 5px; }
  
  #ast_top h4 { color: #fff; margin-bottom: 5px; text-transform: uppercase; font-style: normal; }
  #ast_top img { float: left; }
  
  #ast_top a { float: left; padding: 0px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; border: 1px solid #666; }
    #ast_top a:hover { border: 0px; border: 1px solid #f00;}

/*  TABLE OF CONTENTS
    -------------------------------------- */    
      #toc { 
        width: 240px; 
        float: left; 
        font-family: "Palatino", 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;
        }
        
        body#ja #toc { font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, 'メイリオ', Helvetica, Arial, sans-serif; }
        
        
        #toc h4 { text-align: center; text-transform: uppercase; letter-spacing: 1px; font-size: 1.4em; border-bottom: 2px solid #000; padding-bottom: 5px; }
          body#ja #toc h4 { font-style: normal; font-size: 1.2em; letter-spacing: 2px; }
        #toc ul { padding-top: 15px; border-top: 1px solid #555;}
        #toc ul.first { border-bottom: 1px solid #000; padding-bottom: 5px; }
          #toc ul li { font-size: 1.5em; list-style: lower-alpha; margin-left: 30px; list-style-position: outside; }
            body#ja #toc ul li { font-size: 1.2em; }
          #toc ul.first li { list-style: lower-roman; }
            #toc ul li a { display: block; padding: 5px 0; }
            #toc ul li a:hover { color: #fff; border: none;  }


/*  COLUMNS
    -------------------------------------- */
    .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.5em; }
      body#kickstartup .single_col p { font-size: 1.4em; }
      body#kickstartup #head .single_col p { font-size: 1.3em; }
        .single_col.wide p, .single_col.wide ul, .single_col.wide ol { margin-bottom: 1em; font-size: 1.4em; line-height: 1.5em; }
          .single_col.wide p.indent { margin-left: 65px; }
          
          body#ja .single_col.wide p, body#ja .single_col.wide ul, body#ja .single_col.wide ol { font-size: 1.4em; line-height: 1.8em;}
          body#ja .profile .single_col.wide p { font-size: 1.2em; }
          
        p.lede { font-size: 1.8em; line-height: 1.6em; }        
        .single_col ul li { list-style: circle; margin-left: 30px; }

        .single_col.wide ol { margin-bottom: 1em; font-size: 1.2em; line-height: 1.4em; }
        ol li { list-style: decimal; margin-bottom: .25em; margin-top: .25em;}

          .wide blockquote p {
            color: #666; 
            font-style: italic;
            margin-left: 60px;
            margin-right: 60px;
            }
            
            body#ja .wide blockquote p { font-style: normal;}


.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; }


  .kick_graph { float: left; width: 695px; margin-top: 10px; margin-bottom: 30px; padding: 30px 0; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd;}

/*  Photo blocks
    -------------------------------------- */
    .photo-block {
      width: 100%;
      float: left;
      background-color: #000;
      color: #fff;
      margin-top: 20px;
      margin-bottom: 30px;
      padding-top: 30px;
      padding-bottom: 20px;
      padding-left: 10px;
      /*text-shadow: 0px -5px 3px #000;*/
      -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
      -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
      font-family: Helvetica, Arial, sans-serif;
      }
              
      .photo-block .photo {
        float: left;
        width: 565px;
        }
        
        .photo-block .photo p {
          color: #999;
          text-align: right;
          font-size: 1em;
          margin-bottom: 5px;
          }
          
        .photo-block p a {
          background-color: #333;
          padding: 3px 5px;
          -webkit-border-radius: 7px;
          -moz-border-radius: 7px;
          border: 1px solid #555
          }
          
          .photo-block p a:hover {
            background-color: #666;
            border: 1px solid #999;
            color: #fff;
            }
        
        .photo-block .photo a img {
          float: left;
          border: 1px solid #333;
          margin-bottom: 5px;
          }

          .photo-block .photo a img:hover {
            border: 1px solid #e71212;
            }

          
      .photo-block .vignette {
        float: left;
        margin-left: 85px;
        width: 370px;
        }
        
        .vignette h3 {
          text-transform: uppercase;
          letter-spacing: 1px;
          margin-bottom: 1em;
          padding-bottom: 1em;
          font-size: 1.8em !important;
          line-height: 1em;
          }
          
          body#kickstartup .vignette h3 { font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Palatino, Georgia, Times, serif; font-weight: normal; letter-spacing: .1em; }
          
        .vignette p { font-size: 1.6em; margin-bottom: 1em; line-height: 1.5em;}


  body#kickstartup table.data { 
    width: 695px;
    float: left;
    font-size: 1.2em;
    margin-bottom: 2em;
    border-collapse: collapse;
    border-spacing: 0px;
    }

    body#kickstartup table.data a { display: block; }
    body#kickstartup table.data a:hover { color: #ff0; border-bottom: none; }
    body#kickstartup table.data thead { background-color: #666; font-size: 1.1em; font-family: Palatino, Georgia, Times, serif; text-transform: uppercase; letter-spacing: 1px; }
    body#kickstartup table.data th { border: 1px solid #ddd; color: #efefef; text-shadow: 0px -1px 0px #374683; padding: 6px 5px 3px 5px; }
    body#kickstartup table.data td { border-spacing: 5px 3px; border: 1px solid #ddd; padding: 3px 5px;}
    body#kickstartup table.data tr.totals { font-weight: bold; border-top: 3px double #efefef; }
    body#kickstartup table.data tbody tr.highlight { background-color: #ff0; }
      body#kickstartup table.data tbody tr.highlight:hover { background-color: #333; color: #ff0; }
    body#kickstartup table.data tbody tr:hover { background-color: #333; color: #ddd; }
    body#kickstartup table.data tr.totals:hover { background-color: transparent; }
    

/*  Recommened Books
    -------------------------------------- */
    .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;  }    

/*  General Formatting
    -------------------------------------- */
    .sc { font-size: .9em; text-transform: uppercase; font-weight: inherit; letter-spacing: 1px; }
    .sc-hed { font-size: .9em; text-transform: uppercase; font-weight: inherit; letter-spacing: 1px; }
    strong { color: #000; }
    sup { vertical-align: baseline; bottom: .5em; line-height: 1; position: relative; }
    .blue { color: #c3c2ff; }
    .highlight { background: #ff0; color: #000; }