*, *:before, *:after {box-sizing:border-box;}
* {margin:0;padding:0;}

body {font:100% Arial, Helvetica, sans-serif;color:#ddc;background:#000;}

img {max-width:400px;float:left;}

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

h1 {padding:20px 0 0 20px;font:normal 50px Georgia, Times, serif;color:#ccc;}
h1 a, h1 a:hover {color:#fff;}
h2 {font-weight:normal;text-shadow:-1px 1px 1px #332;}

p {padding:.7em 0;  line-height:1.8em;  text-align:justify;}
p#subtitle {padding:0 0 0 30px;font-size:14px;color:#c55;}

#page {max-width:960px;margin:0 auto;}
#header {height:110px;background:url('images/header.jpg') no-repeat right top;}

#menu {margin-top:-10px;height:100px;text-align:center; background:transparent url('images/menu.png') no-repeat top;}

#main {margin-top:-10px}

#sidebar {float:left;max-width:100%;padding:10px;}
#sidebar #login, #sidebar .box {margin-bottom:15px;padding-bottom:10px;background:url('images/box.gif') no-repeat bottom;}

#sidebar .box2 {height:1%;padding:20px 30px;background:#322 url('images/box.jpg') no-repeat top;}
#sidebar h2 {padding:0 10px 0 30px;font-size:20px;line-height:64px;background:#443 url('images/loginh2.gif') no-repeat;}
#sidebar ul {list-style:none;}
#sidebar ul li {padding:.25em 0 .25em 25px;line-height:1.8em;background:url('images/arrow.gif') no-repeat 0 .55em;}

#login h2 {font-size:18px;line-height:52px;height:58px;background:#443 url('images/loginh2.gif') no-repeat;}
#login form {text-align:center;}
#login form p {padding:5px 0;text-align:center;}
#login form p.txtleft {padding:15px 0 5px 35px;text-align:left;}
#login form p.rem {padding-top:15px;}
#login input.text, #login input.password {padding:4px;width:190px;font-size:13px;color:#444;background:#ddd;}
#login input.submit {margin:10px 0;width:100px;height:31px;color:#fff;background:#722;border:none;cursor:pointer;}

#content {
float:right;
width:90%;
padding:10px;
margin-bottom:15px;
background:url('images/content.gif') no-repeat bottom;
}

#content #contheader h2 {
height:58px;
padding-right:30px;
font-size:24px;
line-height:52px;
text-align:right;
background:#49433D url('images/contenth2.gif') no-repeat;
}

#content2 {height:1%;padding:40px 30px 10px 30px;background:#36322F url('images/content.jpg') no-repeat top;}
#content .post {padding:0 0 50px 0;}
#content .entry {padding:20px 0 0 0;}
#content2 h2 {font-size:24px;text-shadow:none;}
#content h2 a {color:#B9B3AD;}

p.postmeta {padding:.4em 0;color:#8D8883;}

.clearing {clear:both;height:1px;overflow:hidden;}
#footer {padding:40px 30px 80px 30px;}
#footer p {font-size:11px;text-align:center;color:#999;}
.top { font-size:26px;position:sticky;bottom:60px;--offset:100px;margin-top:calc(100vh + var(--offset));margin-left:91%;}
.top a{background:#f00;padding:3px 1px;border-radius:10px}

@media (min-width:1024px) and (orientation:landscape) {
#content {float:right;max-width:625px;padding-bottom:10px;margin-bottom:15px;background:url('images/content.gif') no-repeat bottom;}
#sidebar {float:left;max-width:30%;}
}