body {
    font-family: "Helvetica Neue", helvetica, sans-serif;
    margin:0;
    padding:0;
    background: #333 url(/img/cast-iron2.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    line-height:145%;
    letter-spacing:0.04em;
    word-spacing:0.10em;
}

.wrapper {
    margin-left:auto;
    margin-right:auto;
    width:996px;    
    position:relative;
}

.wrapper > .liner {
    background:transparent;
    color:#222;
    padding:10px 30px;
    z-index:10;
    position:relative;
}

.wrapper > .extra {
    position:absolute;
    height:100%;
    width:100%;
    background:white;
    opacity:0.7;
    z-index:9;
}

.header {
    margin-bottom:30px;
}

.footer {
    clear: both;
    text-align:center;
    margin-top:30px;
    border-top:1px solid #666;
    color:#666;
    font-size:80%;
    padding-top:10px;
}

p.sitetitle {
    margin:0;
    padding:0;
    font-family: "Arial Black", Arial, sans-serif;
    font-weight:bold;
    font-size:500%;
    text-align:center;
    line-height:85%;
}
p.sitetitle a,
p.sitetitle a:visited,
p.sitetitle a:hover,
p.sitetitle a:active {
    text-decoration:none;
    color:black;
    outline:none;
}

.header .menu ul {
    text-align:center;
    margin:0;
/*    margin-top:30px;*/
    padding:8px 5px;
    background:transparent;
    z-index:10;
    position:relative;
    font-size:10px;
}
.header .menu li {
    list-style-type:none;
    display:inline;
    margin:0;
    padding:0;
    border-right:1px solid black;
}
.header .menu li:last-child {
    border-right:0;    
}
.header .menu li a:link,
.header .menu li a:visited,
.header .menu li a:hover {
    font-size:14px;
    text-decoration:none;
    color:black;
    padding:5px 10px;
}

.header .menu li a:link,
.header .menu li a:visited {
}
.header .menu li a:hover {
    text-decoration:underline;
}

h1 {
    font-family: "Arial Black";
    font-weight:bold;
    margin-top:0;
    padding-top:0;
    line-height: 1.2em;
}
h2 {
    margin-top:1em;
    margin-bottom:0.2em;
}
th, td {
    vertical-align:top;
    text-align:left;
}
.amazonLeft,
.amazonRight {
    margin:10px;
}
.amazonLeft {
    float:left;
    margin-left:0;
}
.amazonRight {
    float:right;
    margin-right:0;
}

.amazonRight {
    text-align:center;
    font-weight:bold;
    width:410px;
}
.amazonRight     a,
.amazonRight a:hover,
.amazonRight a:visited,
.amazonRight a:active {
    text-decoration:none;
    outline:none;
    font-size:120%;
    color:black;
    padding:10px;
    display:block;
}

.amazonRight img {
    width:385px;
    padding:10px;
}

a img {
    border:0;
}

a, a:visited, a:hover, a:active {
    color: blue;
    outline:none;
}
a:hover {
    color:red;
    outline:none;
}

.thumbnailLink {
    text-align: center;
    font-size: 80%;
}

.calloutBox,
noscript {
    border-radius: 6px;
    background:white;
    color:black;
    border:5px solid #C00;
    padding:1em;
    margin-top:1em;
}
.calloutBox {
    width:400px;
}
noscript {
    border-color: #C00;
    color:#C00;
    display:block;
    font-weight:bold;
}
a:hover img {
    opacity:0.7;
}

li {
    margin-top:0.5em;
}

.note {
    font-size:80%;
    font-weight:normal;
}
pre code {
    word-spacing:0;
    letter-spacing:0;
}

#results {
    padding-top:10px;
}

#results h2 {
    padding-top:10px;
    border-top:1px solid black;    
}

/* BEGIN the app */
.the-app {
    background-color: #fff;
    background-color: rgba(255,255,255,0.5);
    margin-top: 60px;
    margin-left: -30px;
    margin-right:-30px;
    padding-left:30px;
    padding-right:30px;
}
.the-app strong {
    color:#C00;
}
.the-app .coming-soon {
    text-align: center;
    font-size:2em;
    font-family: "Arial Black", Arial, sans-serif;
}
.the-app ul,
.the-app ol {
    margin-top: 0;
    margin-bottom: 0;
}
.the-app ul,
.the-app ol,
.the-app li {
    margin-left:0;
    padding-left:0;
}
.the-app li {
    margin-top:0.3em;
    margin-left:20px;
    line-height:130%;
    font-style:italic;
}
.the-app th {
    text-align:center;
}
.the-app th,
.the-app td {
    width: 50%;
    border: 0;
}
.the-app form {
    text-align:center;
}
.the-app .features {
    padding:10px;
/*    background-color: #fff;
    background-color: rgba(255,255,255,0.5);*/
    font-size:90%;
}
.the-app .features h2 {
    margin:0;
    margin-top:20px;
    margin-bottom:10px;
    padding:0;
    text-align:center;
}
/*.the-app h1 {
    margin-top:70px;
}*/
.the-app .hero {
    margin-bottom:-10px;
}
.the-app form {
    margin-bottom: 30px;
}
.the-app form,
.the-app form input {
    
    font-size:130%;
}
.the-app .twitter {
    margin-top:10px;
}

/* END the app */