/* Reset */
/* Reset all white-space to 0 for consistency across browsers */
* { margin:0px; padding:0px; }

/* Default to some sans-serif font at a specific size */
body { font-family: Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; font-size: 1em; }

/* Get some padding between paragraphs and some line spacing */
p { padding-bottom:5px; line-height:1.5em; }

/* Put some padding back onto our list elements */
ul, ol { margin-left: 10px; }
li  { margin-left:10px; padding-left:10px; }

/* Bye bye ugly blue border */
a img { border:0px; }

/* No dots around clicked links */
a, a:active { outline: none; }

/* HTML5 tags */
header, section, footer, aside, nav, article, figure { display: block; }

/* Markup */
body { line-height: 1.5; }
h1 a, h2 a { text-decoration: none; }

a { color: #055580; }
a:hover { text-decoration: none; }

/* Header */
nav li { display: inline; }
nav { float: right; }
body > header { padding: 1em; text-align: center; }
body > header h1 { font-size: 2em; }
body > header h1 a { color: #000; }

/* Content */
#map { margin: 10px; max-width: 100%; min-height: 40em; }
div#forms { float: right; margin: 0; }
form { margin: 5px 0; }
form p { padding: 0; margin: 0; }

p { margin: 1em 0; }
article { max-width: 40em; margin: 0 auto; }
footer { text-align: center; }
.note { color: grey; font-size: 0.8em; }

#search { font-size: 1.5em; }

#content { border: 1px dotted; overflow: auto; height: 20em;
           width: 38em; font-size: 0.9em; margin-right: 2em; }
div.line.changed { background-color: #ffff8c; }
div.line.error { background-color: #ff8c8c; }
div.line.success { background-color: #8cff8c; }

#forms { position: relative; }
#spinner { position: absolute; top: 0.5em; right: 2.5em; }
.selected { background-color: #ffffac; }
img.instruction { display: block; margin: 0 auto; }

#copycontainer { position: relative; }