@media print {
	nav {display:none}
	
	article {
	border-bottom:1px solid #F80;
	border-top:1px solid #F80;
	}
}


/* css reset for used elements*/
html, body, main, header, nav, section, address, footer, div, span, 
h1, h2, p, blockquote, pre, img, a, form, time, textarea, input, 
b, u, i, center, dl, dt, dd, ol, ul, li {
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
box-sizing: border-box; 
}

html {
background-color:#FAFAFA;
font-family:'Lato',sans-serif;
height:100%;
}

body {
max-width:200mm;
margin:40px auto;
background-color:#FFF;
min-height:100%;
}

main {
display:block;
}

nav {
background:linear-gradient(to left,#EEE 0%,#999 100%);
padding:5px 5px;
overflow: auto;
height:39px;
width:100%;
margin:0 auto;
position:fixed;
}

#topnav {
top:0;
border-bottom:1px solid #F80;
}

#botnav {
bottom:0;
border-top:1px solid #F80;
}

article {
background-color:#FFF;
padding:30px 10px;
line-height:140%;
}

aside {
background-color:#FFF;
padding:30px 10px;
line-height:140%;
}

header {
display:block;
margin-bottom:1em;
}

footer {
text-align:center;
color:#BBB;
font-size:small;
font-weight:bold;
}

h1 {
color:#F80;
font-size:xx-large;
font-weight:bold;
line-height:120%;
}

.meta {
display:block;
color:#BBB;
font-size:small;
font-weight:bold;
}

time {
display:inline;
}

h2 {
color:#F80;
font-size:medium;
font-weight:bold;
margin-top:1.5em;
margin-bottom:0.5em;
}

form {
display:inline;
}

hr {
color:#F80;
background-color:#F80;
border:#F80;
height:1px;
}

p {
margin-bottom:0.5em;
}

.link, .hashtag, .page, .mail {
color:#F80;
text-decoration:none;
}

.hashtag {
color:#888;
text-decoration:none;
}

b {
font-weight:bold;
}

i {
font-style:italic;
}

input,textarea {
display:block;
width:100%;
border-radius:5px;
border:1px solid #bbb;
margin: -1px;
padding: 5px;
background-color:#FAFAFA;
resize:vertical;
}

pre {
font-family:monospace;
white-space:pre-wrap;
border-radius:5px;
background-color:#eee;
margin-top:1em;
margin-bottom:0;
padding:2px;
}

ol,ul {
margin-top:1em;
margin-bottom:1em;
margin-left:2em;
}

ul {
list-style:square;
}

img {
width:100%;
margin:5px 0;
border-radius: 5px;
}

.gallery  {
list-style:none;
margin:0;
}

.menu {
color:#FFF;
background:transparent;
text-decoration:none;
font-weight:bold;
padding:2px 5px;
}

.menu:hover {
color: #F80;
}

#message {
color:red;
background:transparent;
font-weight:bold;
text-decoration:blink;
padding:2px 5px;
margin: 0 20px;
}

#edit {
color:#F80;
}

#save {
color:#FFF;
background:#999;
border-radius:5px;
border:1px solid #bbb;
text-decoration:none;
font-weight:bold;
padding:2px 4px;
}

.menu {
float: left;
}

#search, #edit {
float:right;
}

#search {
max-width: 25%;
overflow: auto;
border: 0;
margin:2px 5px;
padding:2px 5px;
}

@media only screen and (min-width: 200mm) {
	nav { max-width: 200mm }
}

table{
  border-collapse: collapse;
}
th, td{
  border: 1px solid black;
  padding: 2px;
}