@charset "utf-8";

/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    craigmod.com -- 14mm.css
    https://craigmod.com
    (c) 2010-
                                                                                
                                                                                
                              .:+oooooo++++/:--....`                            
                         `-/shddmmmmmmmmmmmmmmmdhyysso/-                        
                       :shhhhddmmmddddmmmmmmmmmmmmhyyssso:`                     
                     -syhddmmddhhdNmddhhdddmmmmmmmmdyssssso-                    
                   `+ydmNNMNNddhyyydNmmhydddmmmmmmmmmhoooooo:                   
                  `sdNNNMNddsoyyyyyyhmNmhoydhmmmmmmmmmhoo++oo/                  
                 `smNNMMmyshddmmmdhyyydNmh+shhdmmmmmmmmy++++++:                 
                `smNNMNmyhddddddmmmmdyydNds/shhmmmmmmmmms//////-                
                omNNMNdyddmmmmmmdddmmmhydNd/-yhhmmmmmmmmm+//////.               
               :dNNMMmhdmmmmmmmmmmdhdddhhmmy-:hydmmmmmmmmh///////               
              `yNNMMmyhmmmmmmmmmmdddhhddyhmd+.shhmmmmmmmmm+//////-              
              /mNNNNhymmmmdhyyyhddddhhhhhhmmy-:hymmmmmmmmmy////://              
             `yNNNNNdmmmmhyhddhhyhdhhhhhhydNd/-yhdmmmmmmmmm+/:::/+.             
             -dNNNMddmmmhhmm+:+ydyhhhhhhhhhNmy:odhmmmmmmmmms+++/++:             
             /mNNNNmmmmhymN::+shddyhhhhhhhhmNd/+dhmmmmNmmmmho////++             
             omNNNNmmmmydNs:/oyhhmdyhhhhddhmNmo+mhmmNNNNNNmdooooooo`            
             ymNNNmhmmdymN//+syhdhdyhhdhddhmNmyomdmNNNNNNNNmsssssss.            
             ymNNNmhmdhymd//oyyyhddhhdddddhmNmyomdmNNNNNNNNmyssssyy-            
             hmNNNmhddhydd/+syyhdmmhdddddmhmNmyomdNNNNNNNNNNyyyyyyy-            
             ydNNNNhddhyhm+oshhydmmhdmmdmmhNNNysmmNNNNNNNNNmyyyyyyy-            
             sdNNNNdhhhyyNysyhdhhdmhmmmdmmhNNNysmmNNNNNNNNNmyyyyyyy.            
             +hNNNNmhhhhyhmyhdddmNhhmmmdmmhNNNssNmNNNNNNNNNmyyyyyyy`            
             :hmNNNhhhhhhymmhdmmNdhmmmmmmddNNmoyNmNNNNNNNNNdyyyyyys             
             .hdmNNdyhhhhhydmmmmhhdmmmdmmhmNNhohNNNNNNNNNNNhyyyyyy/             
              ohmNNNhhhdddhhhhhhhmmmmmmmmhNNNsomNNNNNNNNNNmyyyyyyy.             
              -hdmNNmyhdddmddddmmmmmmdmmdmNNdoyNNNNNNNNNNNdyssssso              
               ohmNNNNddddmmmmmmmmmmdmNmhNNNsomNNNNNNNNNNmyssssss-              
               .hdNNNNhdddmmmmmNmmmmNNNhmNNd+yNNNNNNNNNNNhsssoss+               
                :hmNNNNdhdddmmmmmmNNNmhdNNmoomNNNNNNNNNNmssso+ss`               
                 /hmNNNNhdydmNNNNNNmdhdNNms+dNmNNNNNNNNmysssoss-                
                  +hdmNNNmhyhyhddhhhhdNNmsodNmNNNNNNNNmysssoos:                 
                   /hdmmNNNdmsshhhhhmNNmysmNmNNNNNNNNmysso+os-                  
                    -yhdmmmmmmmmhhdNNmdyhNNmNNNNNNNNmyyssoso.                   
                      /yhhhhhhhdmNNmdhdmNNmNNNNNNNmdyyysss/`                    
                        :ohdmmmmmmmmmNNNmNNNNNNNmdhyysss/`                      
                           `-oydmNNNmmmmmmmmdhhysoo+/:.                         
                                `.--....```                                     
                                                                             
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

    #fourteen { font-family: Palatino, Georgia, Times, serif; } 

      #fourteen strong {
        color: #e71212;
        font-style: inherit;
        }
        
      #fourteen p {
        margin-bottom: 1.5em;
        }
        
        #fourteen .text-block p a, .text-block li a {
          border-bottom: 0px solid;
          text-decoration: underline;
          }
      
      #fourteen h2 {
        float: left;
        _width: 100%;
        +width: 100%;
        font-size: 2.2em;
        font-family: Palatino, Georgia, Times, serif;
        text-transform: uppercase;
        letter-spacing: 2px;
        border-bottom: 5px solid #e71212;
        margin-bottom: 0px;
        padding-top: 60px;
        margin-left: 10px;
        clear: both;
        }

      #fourteen h3 {
        margin-bottom: 1em;
        font-weight: normal;
        font-size: 1.8em;
        }
        
      #fourteen h5 {
        font-weight: bold;
        color: #e71212;
        margin-bottom: 1.7em;
        font-family: Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        font-size: .8em;
        letter-spacing: 1px;
        }



/*  Head
    -------------------------------------- */
    #head {
      float: left;
      width: 100%;
      font-size: 15px;
      margin-top: 20px;
      margin-bottom: 60px;
      }

      #head #titles {
        float: left;
        clear: both;
        width: 247px;
        text-align: left;
        margin-left: 10px;
        margin-right: 143px;
        }
      
      #head h1 {
        float: left;
        display: block;
        width: 793px;
        height: 104px;
        margin-top: 104px; 
        margin-bottom: 30px;
        margin-left: 10px;
        font-size: 3.2em;
        line-height: 3em;
        font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2";
        letter-spacing: -2px; 
        text-indent: -9999px;
        overflow: hidden;
        background: transparent url(/images/journal/14mm/h1-seeing_prime.png) top left no-repeat;
        }
        
      #head author {
        float: left;
        margin-left: 400px;
        margin-bottom: 60px;
        }

        #head #intro author { float: none; margin-bottom: 0px; margin-left: 350px; font-style: normal; text-transform: uppercase; font-size: .7em; letter-spacing: 1px; }
        
      #head #intro {
        float: left;
        width: 640px;        
        font-size: 1.3em;
        line-height: 1.4em;
        margin-bottom: 1.4em;
        margin-top: 20px;
        }
        
        #head #intro blockquote { color: #666; font-style: italic; margin-left: 30px; margin-right: 30px; margin-bottom: 2em; }
        
      author span { color: #666; font-style: italic;}
        


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



/*  Photo blocks
    -------------------------------------- */
    .photo-block {
      width: 100%;
      float: left;
      margin-top: 20px;
      padding-top: 30px;
      padding-bottom: 20px;
      padding-left: 10px;
      font-family: Helvetica, Arial, sans-serif;
      font-size: 1.5em;
      }
      .photo-block img { -moz-box-shadow: 0px 2px 5px #666; -webkit-box-shadow: 0px 2px 5px #666; }
      
      .photo-block h4 a, .photo-block h4 {
        color: #888;
        text-transform: uppercase;
        font-size: .8em;
        letter-spacing: 1px;
        margin-bottom: 5px;
        float: left;
        width: 100%;
        }
      
      .photo-block .single_photo {
        float: left;
        width: 1020px;        
        }
        
      .photo-block .double_photo {
        float: left;
        width: 505px;
        }

        .photo-block .double_photo.left {
          margin-right: 5px;
          }
  
        .photo-block .double_photo.right {
          margin-left: 5px;
          }

      .photo-block .tripple_photo {
        float: left;
        width: 328px;
        }

        .photo-block .tripple_photo.left {
          margin-right: 5px;
          }

        .photo-block .tripple_photo.middle {
          margin-right: 15px;
          margin-left: 15px;
          }
  
        .photo-block .tripple_photo.right {
          margin-left: 5px;
          }


        
      .photo-block p.exposure {
        color: #999;
        text-align: right;
        font-size: .8em;
        }
        
      .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 a img {
          float: left;
          border: 1px solid #333;
          margin-bottom: 5px;
          }

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


/*  Text Blocks
    -------------------------------------- */
    .text-block {
      width: 100%;
      float: left;
      padding-top: 40px;
      }
      
      .text-block .single-col {
        float: left;
        width: 305px;
        margin-left: 10px; 
        margin-right: 10px;
        color: #444;
        }
        
        .single-col.details { /*margin-left: 75px;*/ }
          .details h3 { text-transform: uppercase; letter-spacing: 1px; color: #333; border-bottom: 1px solid #ddd; }
          .details a img { border: 2px solid #000; margin-bottom: 10px; -moz-box-shadow: 0px 2px 3px #666; -webkit-box-shadow: 0px 2px 3px #666; }
          .details a:hover img { border-color: #900; text-decoration: none;}
          .details a:hover { border: 0px; }
        
        .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;
          margin-left: 140px; 
          }
          
          .single-col.big p {
            font-size: 2em;
            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;
        }
        


/*  Sales Hubbub
    -------------------------------------- */
    .recommended h4 {
      font-family: Helvetica, Arial, sans-serif;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: .8em;
      font-weight: bold;
      }
      
    .referral {
      float: left;
      width: 305px;
      margin-top: 30px;
      padding-top: 0px;
      border-top: 1px solid #ddd;
      border-bottom: 2px solid #000;
      border-left: 1px solid #333;
      border-right: 1px solid #333;
      border-top: 1px solid #333;
      -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.1);
      -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.1);
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      }
      
      .referral h4 {
        text-align: center;
        font-family: Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: bold;
        font-size: .8em;
        background-color: #e71212;
        /*background: transparent url(/images/journal/gf1-fieldtest/buy-bg.png) bottom left no-repeat;*/
        line-height: 3em;
        color: #fff;
        margin-bottom: 10px;
        }
        
        .referral .item a {
          border: 0px;
          -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
          -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
          }
        
        .referral .item img {
          margin-top: -10px;
          }
          
    .item {
      float: left;
      width: 100%;
      margin-bottom: 5px;
      margin-top: 10px;
      }
      
      .recommended .item { font-size: 1.6em; }
      
      .item img {
        float: left;
        margin-right: 10px;
        }
        
      .item a {
        float: left;
        width: 100%;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border: 1px solid #ddd;
        vertical-align: middle;
        -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
        -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
        }
        

.author p { font-size: 1.4em; line-height: 1.4em; margin-bottom: 1em; }