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

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

[type=hidden] {
    display: none;
}

html {
    font-size: 100%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background:#000;
    font-family:Lucida Grande, Lucida, Verdana, sans-serif;
    font-size:.875em;
    line-height:1.6;
    padding:1em;
    margin:0;
}

body {
    margin:0 auto;
    padding:0 0 1px 0;
    max-width:640px;
    background:#fff;
    color:#555;
}

body,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, 
strong { 
    font-weight: bold; 
}

blockquote {
    margin: 1em 40px;
}

ul,
ol {
    margin: 1em 0;
    padding: 0 0 0 40px;
}

dd {
    margin: 0 0 0 40px;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

form {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    *margin-left: -7px;
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

button,
input {
    line-height: normal;
    *overflow: visible; 
}

button,
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

a {
    color:#E21E4D;
    text-decoration:none;
    background:#ffe9f0;
    padding:.15em .35em;
}

a:hover,a:focus {
    background:#E21E4D;
    color:#ffe9f0;
}

h1 {
    text-indent:-9999em;
    background:url(../img/header.png) no-repeat;
    height:200px;
    margin-top:0;
}

@media (max-width:420px) {

    h1 {
        background-image:url(../img/header-mobile.jpg);
    }

}

h2 {
    color:#333;
    margin-bottom:-.5em;
}

section {
    padding:0 15px;
}

q {
    display:block;
    font-style:italic;
}

ul {
    padding-left:1.5em;
}

q {
    margin:1em 0 0 0;
}

q+a {
    display:inline-block;
    margin-bottom:.5em;
    font-weight:bold;
    padding:0;
}

q+a,
q+a:focus,
q+a:hover {
    background:none;
    color:#000;
}

q+a:focus,
q+a:hover {
    text-decoration:underline;
}


nav {
    margin:0 2em 2em 15px;
    float:right;
}

nav h2 {
    margin-top:0;
}

nav ul,
nav li {
    margin:0;
    padding:0;
}

nav ul {
    margin:1em 0;
}

nav li {
    margin-bottom:.5em;
}

form {
    padding:1em;
    margin-bottom:1em;
    background:#efefef;
}

input,textarea {
    display:block;
    border:1px solid #999;
    margin-bottom:1em;
    width:100%;
    min-height:2em;
    text-indent:.5em;
    border-radius:.25em;
}

textarea {
    padding:.5em 0;
    min-height:4em;
    resize:none;
}

button {
    border-radius:.25em;
    background:#333;
    font-weight:bold;
    color:#fff;
    border:0;
    padding:.5em 2em;
}

.rating {
    color:#fff;
    display:inline-block;
    font-size:0;
}

.rating:after {
    font-size:18px;
    color:orange;
    display:inline-block;
}

.rating-4of5:after {
    content:'\272D\272D\272D\272D';
}

.rating-5of5:after {
    content:'\272D\272D\272D\272D\272D';
}

ul.media {
    margin:1em -15px 1em 0;
    padding:0;
}

ul.media li {
    display:inline-block;
    font-size:0;
    width:25%;
    margin-right:-4px;
    *display:inline;
    *zoom:1;
}

ul.media a {
    margin:0 15px 0 0;
    display:block;
    overflow:hidden;
    height:140px;
    background:transparent;
}

ul.media img {
    display:block;
    width:140px;
}

.bar {
    display:block;
    padding:.75em 1em;
    color:#000;
    text-align:center;
    color:#3c602b;
    font-weight:normal;
    background:#c3ffb8;
}

input#automated {
    display:none;
}