/* Trident */
body {overflow:auto; margin:0;}
hr {border:0; height:1px; background-color:gray;}
input,select,label {vertical-align:middle; line-height:12pt;}

/* Gecko */
img {vertical-align:bottom;}
object {display:block;}

/* Webkit */
html,body {height:100%;}
input,button,select {height:18pt;}
div {width:100%;}

/* Blink */
p,ul {line-height:15pt;}

/* Bootstrap */
html {font-size:12pt;}
div {display:inline-block;}
button,input,optgroup,select,textarea {font-family:inherit; font-size:inherit;}

/* Palette */
.red {color:red;}
.orange {color:orange;}
.yellow {color:gold;}
.green {color:darkseagreen;}
.blue {color:blue;}
.purple {color:lavender;}
.black {color:#555;}
.grey {color:#777;}
.silver {color:#AAA;}
.white {color:#EEE;}

/* Font */
html {font-family:"Simplistic Sans";}
h1,h2,h3,b {font-weight:normal;}
h1 {font-size:1.6em;}
h2 {font-size:1.2em;}

/* Color */
html {color:#aaa;}
b {color:#eee;}
input,textarea,button {color:#eee;}
a {color:gold;}

/* Background */
body {background-color:black;}
input,textarea {background-color:inherit;}

/* Border */
input,textarea,button {border:2px solid grey;}
input:focus,textarea:focus,button:focus {border-color:#eee;}

/* Text */
a {text-decoration:none;}
a:hover {text-decoration:underline;}

/* Height */
input,button {height:24pt;}

/* Line */
html {line-height:15pt;}

/* Width */
aside,iframe {width:192pt;}
input,button {width:100%;}

/* Margin */
h1,form,menu {margin:0;}
h2,p {margin:3pt 0;}
input,button {margin-top:3pt;}
aside,iframe {margin:0 12pt;}

/* Padding */
menu {padding:0;}
header,footer {padding:12pt;}
input,textarea,button {padding:0 3pt;}

/* Display */
main,aside {display:flex;}
input,button {display:block;}

/* Flexbox */
main {flex-direction:row;}
aside {flex-direction:column;}

/* Outline */
input,textarea,button {outline:none;}

/* Media */
@media (orientation: portrait) {
	main {flex-direction:column;}
	aside {display:none;}
	iframe {margin:12pt; width:auto; flex-grow:1;}
}
@media (orientation: landscape) {
	iframe#picture {flex-grow:1;}
}