/*
Based on Blueprint CSS Framework 0.8 http://blueprint.org
Modifications by Daniel Rodríguez and Javier Quevedo.
*/

/* 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 {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
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 */
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:#666;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;text-align:center;}
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;}
p {margin:0 0 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
strong {font-weight:bold;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
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;}
.hide {display:none;}

#navbar {font-size:1.2em;line-height:2.5em;}
#navbar a {color:#666;text-decoration:none;}
#navbar a:hover, #navbar a:focus {color:#222;}
#navbar a.actual {text-weight:bold;}
#footer {color:#666;text-align:center;}
.centered {text-align:center;}

/* grid.css */
/* .container {width:950px;margin:0 auto;} */
/* #column, #navbar, #content, #footer {float:left; width:630px;}
#column {padding-right:160px;padding-left:160px;} */
#column, #navbar, #content, #footer {width:630px;margin:0 auto;}
#navbar {margin-top:1.5em;}
#navbar ul {margin-left:0;margin-right:0;text-align:center;}
#navbar li {width:150px;display:block;float:left;}
#navbar a {width:150px;display:block;}

#text-column {float:left;margin-right:10px;width:350px;}
#app-store-badge {margin-left:auto;margin-right:auto;margin-bottom:1.5em;width:220px;}
#image-column {float:left;width:270px;}
#iphone-background {width:218px;height:314px;background-image:url(../images/iphonebg.jpeg);padding:99px 27px 145px 27px;}

.icon {float:left;margin-right:10px;width:150px;height:108px;}
.icon img {width:59px;margin-left:auto;margin-right:auto;display:block;}
.description {float:left;width:470px;height:108px;}
.description a.title {color:#666;text-decoration:none;font-size:2em;}

#screens {display:block;height:18px;margin:0 auto;list-style-image:none;list-style-type:outside;list-style-type:none;width: 132px;}
#screens li {float:left;line-height:18px;margin:0 20px 0 0;padding: 0;}
#screens li.last {margin-right: 0;}
#screens a {display:block;height:18px;overflow:hidden;text-indent:-9999px; width:18px;background:transparent url(../images/dots.png) no-repeat scroll 0 0;}
#screens a:hover{background-position:0 -36px;}
#screens a.on {background-position:0 -18px;}

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}