/* Reset CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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,em,strong,th,var{font-style:normal;font-weight:normal;}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;}body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

.clearfix:after {  content: "."; display: block; height: 0; clear: both; visibility: hidden;  }
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; } 
.clearfix { display: block; }
/* End hide from IE-mac */

body { padding: 30px 65px 0; background: #fff; width: auto !important; min-width: 865px; width: 865px; }

#nav { z-index: 1000; }
#contents { z-index: 900; }

a { border-bottom: 1px solid #ccc; color: black; text-decoration: none; font-size: 10px; line-height: 19px;}
a:hover, a.hover { border-bottom: 1px solid black; }

#header #header div, #header #nav, h1, #header #clipboard_empty, #clipboard_buffer_container, #contents span.alternate, span.alternate { font-family: 'Lucida Grande', Arial, Helvetica, Sans-serif; }
#header, #header div { font-size: 10px; line-height: 15px }
#header { padding-bottom: 1em; border-bottom: 1px solid black;}
  #header h1 { float: left; }

  #header #nav { text-align: right; float: right; }
    #header #nav a { font-size: 1em; }

#contents { padding-top: 18px; }
  #contents span { font: 68px/83px Helvetica, Arial, Sans-serif; color: black; padding: 1px 7px; cursor: hand; cursor: pointer; }
  
  #contents div { font: 28px/23px Helvetica, Arial, Sans-serif; color: black; padding: 1px 7px; 
    display: block; height: 25px; width: 42px;  float: left; }
  #contents span.hands { padding-left: 0; padding-right: 0; }

#clipboard_buffer_container { display: inline; }

  body.clipboard-has-contents #clipboard_buffer_container { display: inline !important; }
  body.clipboard-has-contents #clipboard_buffer_container #clear_buffer { display: inline !important; }
  
  #formats { display: inline; }

  #clipboard_buffer { display: inline; padding-right: 2px; }
    #clipboard_buffer span { background: yellow; padding: 0 2px; }
    body.as-html #clipboard_buffer span { background: #33ff00; }

  #clipboard_empty { display: inline; }
  body.clipboard-has-contents #clipboard_empty { display: none; }
  
  #toggle_copy { margin-right: 15px; }
  
  #donate, #mug, #iphone_app { display: inline; }
  
  #iphone_link { background: black; border-bottom-color: black; padding: 0 2px; color: white; }

  /* iPhone product page */
  body#page_iphone_app #clipboard_empty, 
  body#page_iphone_app #clipboard_buffer_container,
  body#page_iphone_app .bullet#before_iphone_link,
  body#page_iphone_app #formats { display: none; }
  
  #page_iphone_app #about_inner { margin-top: 3em; float: left; }
  #page_iphone_app #about_inner p, 
  #page_iphone_app #about_inner a { font: 27px/34px Helvetica, Arial, Sans-serif; }
  #page_iphone_app #about_inner p { text-indent: 1em; }
  #page_iphone_app #about_inner .first { text-indent: 0; }
  #page_iphone_app #about_inner p a { font-weight: bold; }
  #page_iphone_app #support { text-indent: 0; margin-top: 1em; }
  #page_iphone_app #about_inner #appstore { margin-top: 2em; } 
  #page_iphone_app #about_inner #appstore a { border-bottom: none; text-decoration: none; } 
  #page_iphone_app #iphone_movie { margin-left: 2em; float: right; }
    
/* Thanks to Daniel Aleksandersen */
@media only screen and (max-width: 480px) {
  body { padding: 2% 3%; min-width: 0; }
  #header #nav { text-align: left; float: none; }
  #contents { margin: 0; padding: 40px 0 0; }
  #contents span { font-size: 200%; line-height: 150%; padding: 1px 3px; }
  h1 { display: none; }
  #formats { break: left; }
  #nav { width: 100%; display: block; border-bottom: 1px solid black; position: fixed; overflow: hidden; top: 0; left: 0; background-color: #fff; text-align: left; padding: 3%; }
  #clipboard_empty, #clipboard_buffer_container { display:block; }
}