body, td, th {
 font-family: sans-serif;
 font-size: 10pt;
}

textarea {
 font-family: sans-serif;
 font-size: 10pt;
 width: 250px;
 height: 150px;
}

input, textarea {
 border: 1px solid black;
}

#header {
 position: fixed;
 width:100%;
 height: 50px;
 padding-top: 5px;
 padding-bottom: 5px;
 left: 0px;
 top: 0px;
 z-index: 1;
 text-align: right;
}

#menu {
 left: 5px;
 -moz-border-radius-bottomleft: 11px;
 -moz-border-radius-bottomright: 11px;
 -webkit-border-radius-bottomleft: 11px;
 -webkit-border-radius-bottomright: 11px;
 border-radius-bottomleft: 11px;
 border-radius-bottomright: 11px;
}

#menur {
 right: 5px;
}

#menu, #menur {
 position: fixed;
 top: 77px;
 border: 1px solid black;
 width: 78px;
 height: 350px;
 z-index: 2;
 padding: 0px;
}

#menurtop {
 right: 5px;
}

#themes {
 left: 5px;
 -moz-border-radius-topleft: 11px;
 -moz-border-radius-topright: 11px;
 -webkit-border-radius-topleft: 11px;
 -webkit-border-radius-topright: 11px;
 border-radius-topleft: 11px;
 border-radius-topright: 11px;
}

#themes, #menurtop {
 position: fixed;
 top: 60px;
 border: 1px solid black;
 width: 78px;
 height: 17px;
 z-index: 2;
 padding: 0px;
 text-align: center;
}

#themes a {
 text-decoration: none;
}

#menu a, #menur a {
 text-decoration: none;
 display:block;
 padding-left: 7px;
}

#menur ul, #menu ul {
 list-style: none;
 padding: 0;
 margin: 0;
}

#fade {
 position: fixed;
 top: 60px;
 left: 0px;
 height: 10px;
 width: 100%;
 z-index: 1;
}

#fade2 {
 position: fixed;
 bottom: 20px;
 left: 0px;
 height: 10px;
 width: 100%;
 z-index: 1;
}

#pi {
 position: fixed;
 bottom: 0px;
 right: 0px;
 height: 20px;
 width: 20px;
 background: #fafafa;
 color: #dddddd;
 font-family: Serif;
 z-index:1;
}

#pi a {
 color: #dddddd;
 text-decoration: none;
}

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

#footer {
 position: fixed;
 width:100%;
 height: 10px;
 background: #fafafa;
 text-align: center;
 padding: 5px;
 left: 0px;
 bottom: 0px;
 z-index: 1;
}

#main {
 position: absolute;
 right: 90px;
 margin-top: 70px;
 padding-bottom: 50px;
 left: 90px
}

.postTop {
 border: 1px solid black;
 width: 70%;
 min-width: 400px;
 padding: 3px;
 margin: 1px;
}

.postIdeaTop {
 width: 105px;
 border: 1px solid black;
 float: left;
 clear: left;
 margin: 1px;
 padding: 2px;
}

.postIdeaContent {
 border: 1px solid black;
 width: 65%;
 height: auto;
 min-width: 400px;
 float: left;
 margin: 1px;
 padding: 2px;
}

.postContent {
 border: 1px solid black;
 width: 70%;
 min-width: 400px;
 margin: 1px;
 padding: 3px;
}

div[computer="apple"] {
 background-image: url('apple.png');
 background-repeat: no-repeat;
 background-position: 99% center;
}

div[computer="windows"] {
 background-image: url('windows.png');
 background-repeat: no-repeat;
 background-position: 99% center;
}

div[computer="phone"] {
 background-image: url('phone.png');
 background-repeat: no-repeat;
 background-position: 99% center;
}

fieldset {
 border: none;
}

h1 {
 font-size: 16pt;
}

h2 {
 float: right;
 font-size: 14pt;
 display: block;
 padding: 2px;
 border-bottom: 2px solid #222222;
 border-right: 1px solid #222222;
}

.red {
 color: red;
 font-size: 9pt;
 font-variant: small-caps;
}

.error {
 color: red;
 font-size: 9pt;
 font-weight: bold;
}

.ok {
 color: green;
 font-size: 9pt;
 font-weight: bold;
}

.postContent img {
 border: 1px solid black;
 display: block;
 max-width: 100%;
 height: auto;
}

.stylishtable {
 border-spacing: 0;
 color: white;
 border: 1px solid black;
}

.stylishtable td a {
 text-decoration: underline;
 color: white;
}

.stylishtable td {
 padding: 2px;
 padding-left: 10px;
}

.stylishtable th {
 font-weight: bold;
}

.bigger {
 font-size: 16pt;
}

.big {
 font-size: 13pt;
}

a img {
 background: none;
 padding: 0px;
 border: none;
}