/* @override 
	http://brettterpstra.com/instapaperbeyond/styles/style.css
	http://brettterpstra.dev/instapaperbeyond/styles/style.css
*/
/* @group Blueprint */
/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.9
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
html {font-size:100.01%;}
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}


/* --------------------------------------------------------------

   BLUEPRINT CSS
    * Filename:        grid.css
    * Version:         0.8 (2009-03-01)
    * Website:         http://code.google.com/p/blueprintcss/

   Generated by:
    * BlueCalc (2010-08-25) [http://www.bluecalc.com/]

   Blueprint.css is licensed by the conditions of the MIT license.
   This document has been created by BlueCalc, a grid creation utility for blueprint.
   Also check out the "Blueprint CSS Generator" by kematzy (http://kematzy.com/blueprint-generator/)
	
   == STRUCTURE: ========================
    * Page width:            960 px
    * Number of columns:     6 
    * Column width:          145 px
    * Margin width:          18 px
   ======================================
   
   The blueprint grid is calculated as follows:
   Total width = (number_of_columns * column_width) - margin_width
   
   For more information on blueprint.css check out http://wiki.github.com/joshuaclayton/blueprint-css
   
-------------------------------------------------------------- */

/* A container should group all your columns. */
.container {
  width: 960px;
  margin: 0 auto;
}

/* Use this class on any div.span / container to see the grid. */
.showgrid { 
  background: url(src/grid.png); 
}


/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {
  float: left;
  margin-right: 18px;
}

/* The last column in a row needs this class. */
.last, div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1 { width: 145px; }
.span-2 { width: 308px; }
.span-3 { width: 471px; }
.span-4 { width: 634px; }
.span-5 { width: 797px; }
.span-6, div.span-6 { width: 960px; margin: 0; }

/* Use these classes to set the width of an input. */
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5 {
  border-left-width: 1px!important;
  border-right-width: 1px!important;
  padding-left: 5px!important;
  padding-right: 5px!important;
}

input.span-1, textarea.span-1 { width: 133px !important; }
input.span-2, textarea.span-2 { width: 296px !important; }
input.span-3, textarea.span-3 { width: 459px !important; }
input.span-4, textarea.span-4 { width: 622px !important; }
input.span-5, textarea.span-5 { width: 785px !important; }
input.span-6, textarea.span-6 { width: 948px !important; }

/* Add these to a column to append empty cols. */

.append-1 { padding-right: 163px; }
.append-2 { padding-right: 326px; }
.append-3 { padding-right: 489px; }
.append-4 { padding-right: 652px; }
.append-5 { padding-right: 815px; }

/* Add these to a column to prepend empty cols. */

.prepend-1 { padding-left: 163px; }
.prepend-2 { padding-left: 326px; }
.prepend-3 { padding-left: 489px; }
.prepend-4 { padding-left: 652px; }
.prepend-5 { padding-left: 815px; }

/* Border on right hand side of a column. */
div.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}

/* Use these classes on an element to push it into the 
next column, or to pull it into the previous column.  */

.pull-1 { margin-left: -163px; }
.pull-2 { margin-left: -326px; }
.pull-3 { margin-left: -489px; }
.pull-4 { margin-left: -652px; }
.pull-5 { margin-left: -815px; }
.pull-6 { margin-left: -978px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5 { float: left; position:relative; }

.push-1 { margin: -163px 1.5em 163px; }
.push-2 { margin: -326px 1.5em 326px; }
.push-3 { margin: -489px 1.5em 489px; }
.push-4 { margin: -652px 1.5em 652px; }
.push-5 { margin: -815px 1.5em 815px; }
.push-6 { margin: -978px 1.5em 978px; }

.push-1, .push-2, .push-3, .push-4, .push-5 {float: right; position:relative;}

/* Misc classes and elements
-------------------------------------------------------------- */

/* In case you need to add a gutter above/below an element */
.prepend-top { 
  margin-top:1.5em; 
}
.append-bottom { 
  margin-bottom:1.5em; 
}

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #E5ECF9; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
  content: "\0020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  overflow:hidden; 
}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

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

/* @end   Blueprint */

/* @group videoplayer */
/*
* ghindaVideoPlayer - jQuery plugin 1.0.0
*
* Copyright (c) 2010 Cristian-Ionut Colceriu
*
* ghindaVideoPlayer.css
* Styles for the ghindaVideoPlayer
*
*/
/* base styles */
.ghinda-video-player{}
.ghinda-video-play,.ghinda-volume-button{cursor:pointer;}
.ghinda-video-timer{cursor:default;}
/* Start of simpledark default theme */
.ghinda-video-player.simpledark{float:left;position:relative;padding:10px;border:3px solid #666;-moz-border-radius:13px;
-webkit-border-radius:13px;border-radius:13px;
background:#777 url(../images/ajax-loader.gif) no-repeat center center;
margin-left:5px;
box-shadow:inset 0 15px 35px #535353;}
.ghinda-video-player.simpledark .ghinda-video-controls{position:relative;padding-top:5px;float:left;clear:both;width:100%;}
.ghinda-video-player.simpledark .ghinda-video-play,.ghinda-video-player.simpledark .ghinda-video-seek,.ghinda-video-player.simpledark .ghinda-volume-box,.ghinda-video-timer{float:left;}
/* play,pause */
.ghinda-video-player.simpledark .ghinda-video-play{display:block;width:22px;height:22px;margin-right:15px;background:url(../images/play-icon.png) no-repeat;opacity:0.7;-moz-transition:all 0.2s ease-in-out;/* Firefox */
-webkit-transition:all 0.2s ease-in-out;/* Safari and Chrome */
-o-transition:all 0.2s ease-in-out;/* Opera */
transition:all 0.2s ease-in-out;}
.ghinda-video-player.simpledark .ghinda-paused-button{background:url(../images/pause-icon.png) no-repeat;}
.ghinda-video-player.simpledark video{float:left;}
.ghinda-video-player.simpledark .ghinda-video-play:hover{opacity:1;}
/* seek */
.ghinda-video-player.simpledark .ghinda-video-seek{position:relative;width:360px;height:5px;margin-top:10px;border:1px solid #494949;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;background:#535353;background-image:-moz-linear-gradient(top,#535353,#333333);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#535353),color-stop(1,#333333));box-shadow:inset 0 -3px 3px #333333;}
.ghinda-video-player.simpledark .ghinda-video-seek .ui-slider-handle{width:13px;height:13px;border:none;top:-4px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background:#e6e6e6;background-image:-moz-linear-gradient(top,#e6e6e6,#d5d5d5);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e6e6e6),color-stop(1,#d5d5d5));box-shadow:inset 0 -3px 3px #d5d5d5;}
.ghinda-video-player.simpledark .ghinda-video-seek .ui-slider-handle.ui-state-hover{background:#fff;}
.ghinda-video-player.simpledark .ghinda-video-seek .ui-slider-range{-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;background:#E9EDD1;box-shadow:inset 0 -3px 3px #39a2ce;}
/* timer */
.ghinda-video-player.simpledark .ghinda-video-timer{margin-top:5px;margin-left:10px;color:#999;font-size:0.7em;font-weight:bold;}
/* volume */
.ghinda-video-player.simpledark .ghinda-volume-box{position:absolute;bottom:0px;right:0px;overflow:hidden;width:20px;height:30px;color:#fff;padding:0px 10px;-moz-transition:all 0.1s ease-in-out;/* Firefox */
-webkit-transition:all 0.1s ease-in-out;/* Safari and Chrome */
-o-transition:all 0.2s ease-in-out;/* Opera */
transition:all 0.1s ease-in-out;}
.ghinda-video-player.simpledark .ghinda-volume-box:hover{height:135px;padding-top:5px;}
.ghinda-video-player.simpledark .ghinda-volume-box:hover .ghinda-volume-slider{position:relative;visibility:visible;opacity:1;}
.ghinda-video-player.simpledark .ghinda-volume-slider{position:relative;height:100px;width:7px;left:4px;visiblity:hidden;opacity:0;border:1px solid #444;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;background:#535353;background-image:-moz-linear-gradient(top,#535353,#333333);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#535353),color-stop(1,#333333));box-shadow:inset 0 3px 3px #333333;-moz-transition:all 0.1s ease-in-out;/* Firefox */
-webkit-transition:all 0.1s ease-in-out;/* Safari and Chrome */
-o-transition:all 0.1s ease-in-out;/* Opera */
transition:all 0.1s ease-in-out;}
.ghinda-video-player.simpledark .ghinda-volume-slider .ui-slider-handle{width:12px;height:12px;left:-4px;margin-bottom:-0.6em;margin-left:0;border:1px solid #333;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background:#e6e6e6;background-image:-moz-linear-gradient(top,#e6e6e6,#d5d5d5);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e6e6e6),color-stop(1,#d5d5d5));box-shadow:inset 0 3px 3px #d5d5d5;}
.ghinda-video-player.simpledark .ghinda-volume-slider .ui-slider-handle.ui-state-hover{background:#fff;}
.ghinda-video-player.simpledark .ghinda-volume-slider .ui-slider-range{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#e6e6e6;
  background:-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgba(168,168,168,0.9)),
    color-stop(0.3, rgba(209,209,209,0.9)),
    color-stop(0.81, rgba(240,240,240,0.9))
);
  background:-moz-linear-gradient(
    center bottom,
    rgba(168,168,168) 0%,
    rgb(209,209,209) 30%,
    rgb(240,240,240) 81%
);
box-shadow:inset 0 3px 3px #d5d5d5;}
/* volume button */
.ghinda-video-player.simpledark .ghinda-volume-button{position:absolute;bottom:0px;display:block;width:22px;height:22px;background:url(../images/volume-full-icon.png) no-repeat;text-indent:-9999px;opacity:0.8;}
.ghinda-video-player.simpledark .ghinda-volume-button:hover{opacity:1;}
.ghinda-video-player.simpledark .ghinda-volume-mute{background:url(../images/volume-mute-icon.png) no-repeat;}
/* Start of smalldark child theme */
.ghinda-video-player.smalldark{padding:0px;}
.ghinda-video-player.smalldark video:hover + .ghinda-video-controls{visibility:visible;opacity:0.7;}
.ghinda-video-player.smalldark .ghinda-video-controls:hover{visibility:visible;opacity:0.7;}
.ghinda-video-player.smalldark .ghinda-video-controls{position:absolute;top:150px;left:80px;width:320px;padding:10px;border:1px solid #2E2E2E;-moz-border-radius:5px;/* FF1+ */
-webkit-border-radius:5px;/* Saf3+,Chrome */
border-radius:5px;/* Opera 10.5,IE 9 */
background:#000000;background-image:-moz-linear-gradient(top,#313131,#000000);/* FF3.6 */
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#313131),color-stop(1,#000000));/* Saf4+,Chrome */
opacity:0;visibility:hidden;box-shadow:inset 0 15px 35px #535353;-moz-transition:all 0.1s ease-in-out;/* Firefox */
-webkit-transition:all 0.1s ease-in-out;/* Safari and Chrome */
-o-transition:all 0.1s ease-in-out;/* Opera */
transition:all 0.1s ease-in-out;}
.ghinda-video-player.smalldark .ghinda-video-seek{width:200px;}
.ghinda-video-player.smalldark .ghinda-volume-box{bottom:10px;}
.ghinda-video-player.smalldark .ghinda-volume-box:hover{height:85px;}
.ghinda-video-player.smalldark .ghinda-volume-slider{height:50px;}
/* needed jquery ui styles
* using these,we don't depend on jQuery UI's stylsheet
*/
.ui-slider-handle{position:absolute;z-index:2;display:block;margin-left:-0.6em;cursor:default;outline:none;}
.ui-slider-range{display:block;width:100%;height:100%;left:0;bottom:0;border:0 none;position:absolute;z-index:1;}

/* @end */

/* @group Main styles */

body {
  font-size:95%;
  font-size-adjust: none;
	color: #444;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: subpixel-antialiased;
}
a:link,a:visited {color:#4e92a7;text-decoration:none;
-webkit-transition:color .2s ease-in-out;
-moz-transition:color .2s ease-in-out;
-o-transition:color .2s ease-in-out;
transition:color .2s ease-in-out;
}
a img,#infoclose {
  -webkit-transition: all .2s ease-in-out;
  opacity:0.5;
}
a img:hover, #infoclose:hover {
  -webkit-transform: scale(1.1);
  opacity:1;
}
a:hover,a:active {
  color:#959e60;
}
#wrapper {
	position:relative;
}
#placeholder {background:#ccc;height:20px;}
#title {text-indent:-99999px;width:505px;height:43px;background:url(../images/instapaperbeyondheader.png) no-repeat left top;margin-bottom:50px}
#content {margin-top:50px;text-align:left;position:relative;}
#footer {text-align:center;margin-top:50px;}
#features strong {
  background-color:#e9edd1;
}
#hudwrapper {
  height:20px;
  background:transparent;
}
#hud {
  height:600px;
  background:url(../images/typeH.gif) no-repeat 0px 50px;    
  position:absolute;
  z-index:105;
}
#hud:hover {
  cursor:pointer;
  background-position:right 50px;
}

#hud.black {
  height:auto;
  background:rgba(0, 0, 0, 0.800);
  -moz-border-radius-bottomleft:15px;
  -webkit-border-bottom-left-radius:15px;
  border-radius-bottomleft: 15px;
  -moz-border-radius-bottomright:15px;
  -webkit-border-bottom-right-radius:15px;
  border-radius-bottomright: 15px;
  cursor:auto;
}
#hud.black p {
  color:#ccc;
  padding:10px;
}
#hud.black a {
  color:white;
  display:block;
  -webkit-transition: all .2s ease-in-out;
}
#hud.black a:hover {
  color:#aaa;
  -webkit-transform: translate(12px,0) scale(1.1);
}
#hud.black #hudclose:hover {
  -webkit-transform: translate(0,0) scale(1.1);
}
#hud ul { list-style:none;}
#hud.black a strong {
  color:#e5f979;
}
ul {padding-left:15px;}
h2,h3 {text-transform:uppercase}
#download {
  margin-bottom:10px;
}
#download a {
  display:block;
  height:121px;
  text-indent:-99999px;
  background: url(../images/downloadbutton.png) no-repeat left bottom;
  -webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
}
#download a:hover {
  background-position: left top;
}
p#dlinstructions {
  padding:0 0 0 15px;
  font-size:85%;
}
#leadin {
  font-size:120%;
}
#infoslide {
  padding:10px;
  position:absolute;
  top:60px;
  left:0;
  width:640px;
  background:-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgba(168,168,168,0.9)),
    color-stop(0.3, rgba(209,209,209,0.9)),
    color-stop(0.81, rgba(240,240,240,0.9))
);
  background:-moz-linear-gradient(
    center bottom,
    rgba(168,168,168) 0%,
    rgb(209,209,209) 30%,
    rgb(240,240,240) 81%
);
  -webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 0px 30px rgba(0,0,0,0.4);
  box-shadow: 0px 0px 30px rgba(0,0,0,0.4);
  z-index:105;
  color:#222;
  -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#hud.black a#hudclose {
  display:block;
  padding:10px;
  text-align:center;
  color:#e5f979;
  text-decoration:none;
}
#hud .instructions {
  display:block;
  margin-top:325px;
  font-size:85%;
  color:#666;
}
#infoclose {
  display:block;
  position:absolute;
  right:0;
  font-size:14px;
  font-weight:bold;
  line-height:21px;
  bottom:-50px;
  padding:10px;
  background:#995654;
  opacity:0.5;
  color:#fff;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius: 10px;
  z-index:1011;
  -webkit-transition:opacity .2s ease-in-out;
-moz-transition:opacity .2s ease-in-out;
-o-transition:opacity .2s ease-in-out;
transition:opacity .2s ease-in-out;
  border:2px solid #773432;
  width:100px;
  text-align:center;
}
#infoclose:hover {
  opacity:1;
}
#overlay {
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:rgba(256,256,256,0.8);
  z-index:101;
  display:none;
}
/* @end   Main styles */