* {margin:0; padding:0; outline:0;}
html {position:relative; min-height:100%; color:#444; background:#eee;}
body {max-width:700px; margin:0 auto 80px; font:13.5px/17px Arial, Helvetica, sans-serif; background:#fff;}
a {text-decoration:none; color:#77a;}
ul {list-style-position:inside;}
h1, h2, h3, h4, h5 {margin:0 0 8px; font-weight:100; font:20px "Times New Roman", Times, serif;}
h2 a {color:#444;}
h3, h4, h5 {margin:30px 9px 9px; font-size:16px;}
h5 {margin-bottom:4px;}
p {margin:0 0 9px;}
sub {display:block; margin:0 0 15px; text-align:center;}
blockquote {font-style:italic; font-size:13px; background:#ffc; border-radius:9px;}
blockquote, pre {margin:0 0 15px; padding:8px 14px 9px;}
pre {overflow:auto; line-height:14px; background:#eee;}
input, textarea {width:120px; padding:4px 8px; color:#888; background:#eee; border:1px solid #ccc; border-radius:4px;}
textarea {width:210px; height:79px; margin:3px 0 5px 7px;}
input, textarea, .info, .comments, form, pre, #foot, #recent-posts {font-size:11px;}
#head {padding:15px 0 25px; text-align:center; color:#ddd; background:#77a;}
#head a {display:inline-block; padding:8px; font:32px "Times New Roman", Times, serif; color:#fff; text-shadow:0 1px 2px #444;}
#menu {height:30px; padding:0 20px; line-height:28px;}
#menu, #menu ul {background:#446;}
#menu a {padding:0 17px 8px; color:#ccc;}
#menu li {display:inline; position:relative;}
#menu li ul {display:none;}
#menu li:hover ul {display:inline-block; position:absolute; top:21px; left:15px; padding:5px 0;}
#menu li ul li {display:block;}
#body {overflow:hidden; padding:44px 28px; border:1px solid #ccc; border-top:0; border-radius:0 0 14px 14px;}
.main {float:left; width:auto;}
.post ul {margin:0 0 9px;}
.posts {margin:0 0 50px;}
.thumb {float:left; margin:7px 14px 0 0;}
.image {width:100%; margin:5px 0;}
.info {margin-top:-2px; font-style:italic; color:#555;}
#pagi {position:relative; width:140px; margin:0 auto; text-align:center; color:#555;}
#older:after {position:absolute; left:0; content:"<"; font-size:18px;}
#newer:after {position:absolute; right:0; content:">"; font-size:18px;}
#right {float:right; width:170px; text-align:center;}
#recent-posts a, #social a {display:block; line-height:22px;}
#recent-posts a {text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#tags a {display:inline-block; padding:2px; word-spacing:-1px; line-height:14px;}
.comments {padding:0 22px 7px;}
.comsname {margin-right:40px;}
.comsadmin .comsname, .comsadmin .comsname a {color:red;}
.comstext {padding:5px 7px 4px; line-height:14px; color:#555; background:#eee; border-radius:0 14px 14px 14px;}
.comstext p {margin:0 0 4px;}
.comsreplies {padding-left:37px;}
#comment input {margin-left:7px;}
#comfields {float:left; max-width:185px; line-height:32px; text-align:right;}
#comfields input {width:130px;}
#comquestion {float:left; width:79%; margin-right:9px; text-align:right;}
#comquestion input {width:87px;}
#comsend {width:50px; color:#444; background:#bbb; border:1px solid #999;}
#commessage {margin:7px 14px; text-align:right; font-weight:900;}
.list h4 {margin-top:0;}
.list a {display:block; margin:0 0 9px;}
#foot {position:absolute; bottom:0; left:0; width:100%; height:35px; text-align:center; color:#888;}
@media (max-device-width:320px){
 #menu {height:100%;}
 #menu li:hover ul {display:none;}
 .post {width:100%;}
 #right {float:none; clear:both; margin:0 auto; padding-top:38px;}
}