@import url("reset.css");
@import url("960.css");

html {
  overflow-y:scroll;
}

/* basic template */

body {
    background-color: #F5F5F5;
    font: 14px/1.5 arial,sans-serif;
}
h1, h2, h3, h4, h5, h6, hgroup, ul, ol, dl, blockquote, p, address, table, fieldset, figure, pre, .form-fields>li, .media, .island, .islet {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}
h1 {
    font-size: 2em;
}
h2 {
    font-size: 1.5em;
}
h3 {
    font-size: 1.3em;
}

ul,ol {
  margin-left: 20px;
}
/* global nav */

.navbar {
    width: 100%;
    height: 70px;
    background-color: #DDDCD7;
}
.logo {
    text-align: right;
    margin: 10px 0;
}
.nav ul {
    margin: 20px 10px;
    line-height: 30px;
}
.nav ul li {
    list-style-type: none;
    float: left;
}
.nav ul li a {
    font-size: 17px;
    color: #222;
    display: block;
    padding: 0 20px;
    text-decoration: none;
}
.nav a:hover { 
    color: #E86100;
}


/* homepage */

.home-container {
    width: 600px;
    height: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -300px;
    text-align: center;
}
.welcome { 
  font-size: 2em 
}
.hello {
  font-size:1.4em;
  font-weight: bold;
  margin-bottom: 5px;
}

.flag { 
  padding: 0 0 7px 10px;
}

input[type="submit"]  {
    font-size:17px;
    width: 8em;
    margin-top: 30px;
}

.whats-the-difference {
  font-size: 0.9em;
}

/* results page */

.results {
  margin-top: 50px;
}

/* inner pages */

.content { 
    margin: 50px 50px 50px 10px; 
}

img.diagram { margin: 50px 0 }
p.result {
    font-size: 120%;
    font-weight: bold;
}
p.refresh { font-size: 85% }
.warning { background: #ffff99 }

img.download { padding: 0 10px 0 0 }

table {
  width: 100%;
}
th {
  font-weight: bold;
  background-color: #e5e5e5;
  padding: 5px 5px;
  border-top: 1px solid darkgray;
}
tr {
  border-bottom: 1px solid darkgray;
}
td {
  padding: 5px;
  vertical-align: middle;
}
.ispcountry {
  display: inline-block;
  margin-left: 8px;
}
.align-right {
  text-align: right;
}

/* code blocks */
code {
    display: block;
    background: #222;
    color: white;
    margin: 10px 0;
    padding: 10px;
    font-family: "Courier New", Courier, monospace;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    _white-space: pre;
}

/* footer */

.footer {
    width: 100%;
    height: 30px;
    position: fixed;
    background-color: #DDDCD7;
    bottom: 0;
    text-align: center;
}
.footer a:link {
    color: #222;
    text-decoration: none;
}
.footer a:visited {
    color: #222;
    text-decoration: none;
}
.blocka {
    line-height: 20px;
    margin: 5px 0;
    font-size: 12px;
}