@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600&subset=latin,latin-ext);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section,
summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol, ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q, blockquote {
    quotes: none
}

q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none
}

a img {
    border: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, summary {
    display: block
}

html {
    min-height: 101%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    border-top: .25em solid #3067aa
}

body {
    background-color: #f0efec;
    font-family: "Source Sans Pro", Helvetica, Verdana, sans-serif;
    font-size: 1.25em;
    font-weight: 400;
    color: #171818;
    max-width: 35em;
    margin: 0 auto;
    padding: 0 .5em;
    text-rendering: optimizeLegibility;
    position: relative
}

img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    -ms-interpolation-mode: bicubic
}

a {
    text-decoration: none;
    color: #3067aa
}

a:hover {
    background-color: #dde4ec
}

h1 {
    font-size: 1.9em;
    font-weight: 300;
    letter-spacing: -0.05263em;
    line-height: 120%;
    margin-bottom: .78947em
}

h1.title_review:before {
    content: "∴ "
}

h2 {
    font-size: 1.7em;
    font-weight: 300;
    line-height: 120%;
    letter-spacing: -0.05882em;
    margin: 1.17647em 0 .58824em
}

h2.title_link {
    margin: 0 0 .88235em
}

h2.title_link:before {
    content: "→ "
}

h3 {
    font-size: 1.4em;
    line-height: 120%
}

em, i {
    font-style: italic
}

strong, b {
    font-weight: 600
}

blockquote {
    font-weight: 300
}

header {
    text-align: center;
    font-size: .95em;
    margin-bottom: 4.47368em;
    font-weight: 300
}

@media all and (max-width:1120px) {
    header {
        margin-bottom: 2.10526em
    }
}

figure {
    width: 90%;
    margin: 2.10526em auto 0;
    vertical-align: top
}

figure a:hover {
    background: 0
}

figcaption {
    margin-top: 1.57895em
}

figcaption:after {
    content: "- - - - - ";
    display: block
}

nav[role="navigation"] li {
    display: inline-block
}

nav[role="navigation"] li:after {
    content: "|";
    margin-left: .26316em
}

nav[role="navigation"] li:last-of-type:after {
    content: "";
    margin: 0
}

article {
    line-height: 140%;
    margin-bottom: 3em
}

article:after {
    content: "- - - - -";
    font-weight: 300;
    margin-top: 1.5em;
    color: #3067aa;
    display: block;
    text-align: center
}

article:last-of-type {
    margin-bottom: 2em
}

article ul li, article ol li {
    list-style-position: inside
}

article ul li {
    list-style-type: disc
}

article ol li {
    list-style-type: decimal
}

p {
    margin: 1.5em 0;
    overflow: hidden
}

time, p.notes {
    display: block;
    text-align: center;
    font-weight: 300;
    font-style: italic
}

code, pre {
    overflow-y: auto;
    background-color: #e2e1db;
    font-family: Menlo, Monaco, Inconsolata, monospace;
    font-size: .85em
}

pre {
    margin: 1.76471em 0;
    white-space: pre;
    white-space: pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    word-wrap: break-word
}

section#reviews:after {
    content: "";
    display: table;
    clear: both
}

div.review_box {
    width: 50%;
    float: left;
    display: inline;
    margin-bottom: 2em
}

@media all and (max-width:640px) {
    div.review_box {
        min-width: 15em;
        display: block;
        float: none
    }
}

div.review_box:nth-child(odd) {
    clear: left
}

div.review_box h2 {
    margin: 0
}

div.review_box p {
    margin: 0;
    font-weight: 300;
    margin-left: 4.75em
}

img.icon {
    margin-right: 1em;
    float: left;
    height: auto;
    width: 3.75em;
    vertical-align: top
}

div#rating {
    display: block;
    text-align: center;
    font-size: 1.4em;
    padding: .35714em 0;
    margin-bottom: 1.42857em
}

div.great:after, div.good:after, div.ok:after, div.bad:after {
    content: " app";
    font-weight: 300;
    font-style: italic
}

div.great:before, div.ok:before {
    content: "an ";
    font-weight: 300;
    font-style: italic
}

div.good:before, div.bad:before {
    content: "a ";
    font-weight: 300;
    font-style: italic
}

div.great {
    background-color: #d4eacd
}

div.good {
    background-color: #eceec2
}

div.ok {
    background-color: #acb3c2
}

div.bad {
    background-color: #f5bcc1
}

div#overview img {
    width: 7.5em;
    height: 7.5em;
    float: left;
    margin-right: 1em
}

p#summary {
    overflow: hidden
}

p#platform {
    display: block;
    text-align: right;
    font-style: italic;
    font-weight: 300;
    margin: .5em 0
}

p#platform:after {
    content: "- - - - -";
    display: block;
    text-align: center;
    color: #3067aa
}

nav.pagination {
    font-weight: 300;
    text-align: center
}

nav.pagination:after {
    content: "- - - - -";
    color: #3067aa;
    display: block;
    margin-top: 1.5em
}

footer {
    text-align: center;
    font-weight: 300;
    margin: 2em 0;
    line-height: 120%
}

footer ul {
    display: block
}

footer li {
    display: inline-block
}

footer li:after {
    content: "|";
    margin-left: .25em
}

footer li:last-child:after {
    content: "";
    margin: 0
}

aside#carbon_ad {
    position: absolute;
    right: -10em;
    width: 6.5em;
    background-color: #dde4ec;
    padding: .5em
}

@media all and (max-width:1120px) {
    aside#carbon_ad {
        position: static;
        margin: 0 auto;
        width: 14em;
        margin-bottom: 2em
    }
}

a.carbon-poweredby {
    font-size: .6em;
    margin-top: .33333em;
    color: #171818;
    font-style: italic;
    display: block
}

aside#carbon_ad>a {
    font-size: .6em;
    margin-top: .33333em;
    color: #171818;
    font-style: italic;
    display: block
}

aside#carbon_ad>a:after {
    content: "";
    display: table;
    clear: both
}

img.carbon-img {
    margin: 0 auto
}

@media all and (max-width:1120px) {
    img.carbon-img {
        margin: 0 .4em 0 0;
        display: inline;
        vertical-align: top;
        float: left
    }
}

a.carbon-text {
    margin-top: .3125em;
    line-height: 120%;
    display: block;
    font-size: .7em
}

@media all and (max-width:1120px) {
    a.carbon-text {
        display: inline;
        margin: 0
    }
}

h5 {
    font-weight: 300;
    font-style: .95em;
    line-height: 1.1em;
    display: block;
    text-align: center
}