body { margin: 0; padding: 0; text-align: center; font-family: Tahoma, Arial, sans-serif; font-size: 11px; color: #111; }
#wrapper { width: 960px; text-align: left; margin: 0 auto; }

h1 { font-weight: bold; background-image: url(http://www.devlisting.com/images/p.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px; margin-bottom: 0; }
h2 { font-size: 11px; font-variant: small-caps; margin: 0 0 2px 1px; width: 500px; float: left; }
h3 { margin: 0 0 3px 23px; font-size: 11px; }
h4 { font-size: 11px; }
#sub { text-align: center; font-size: 18px; font-weight: normal; padding: 20px 0 10px 0; clear: both; border-top: 1px solid #09F; }
.em { color: #09F; }
form { margin-bottom: 10px; }

#menu { text-align: right; float: right; width: 300px; margin: 0 0 2px 0;}
#menu a:hover { text-decoration: overline; }
#menu ul { display: inline; margin: 0; padding: 0; }
#menu li { display: inline; margin: 0 1px; font-size: 11px; font-variant: small-caps; font-weight: bold; border-left: 1px solid #09F; margin-left: 2px; padding-left: 5px; }
#menu li:first-child { border-left: 0; }

a { color: #09F; text-decoration: none; }
h1 a, h2 a { color: #000; }
img { border: none; }

#content { width: 720px; }
#content a, #latest a { color: #000; text-decoration: none; }
#content a:hover, #latest a:hover { text-decoration: underline; }
#content, #sidebar { float: left; margin: 10px 0; }

.category, .catblock, .blogblock { float: left; width: 33%; margin-bottom: 10px; padding-bottom: 10px; height: 285px; }
.catblock, .blogblock { width: 25%; }
#main ul { padding: 0; margin: 0; clear: both; list-style: none; display: inline; }
#main li { width: 243px; padding: 0; height: 17px; }

.pinimg { cursor: pointer; cursor: hand; float: left; margin-right: 8px; width: 15px; }
.more { margin-left: 20px; }
#other { display: none; z-index: 99; height: 0px; clear: both; position: absolute; top: 50%; left: 45%; }

#sidebar { width: 240px; }

#miniblog { width: 230px; margin: 0 0 20px 0; float: left; }
#miniblog h3 { margin: 0 0 10px 0; text-align: center; padding-top: 2px; }
h4 { margin: 0; clear: both; }
p { margin: 0; text-align: justify; }
#moreblog, .blogdate { width: 115px; float: left; margin: 10px 0; }
.blogdate { text-align: right; float: right; }
.blogblock { padding-right: 10px; text-align: justify; width: 230px; margin: 0 0 20px 0; overflow: hidden; height: 285px; }
#sidebar textarea, .titleinput, .textinput { width: 225px; }

#writewrap { margin-top: 20px; }
#write, #preview { float: left; width: 240px; }
#write { margin-left: 240px; }
#rules { display: none; }
#ruleslink { text-align: center; }

#captcha { width: 26px; }
#captchaq, #captchaimg, #captcha { float: left; margin-right: 7px; }
input, #captchaimg { margin-top: 2px; }
#captchaq { line-height: 26px; }
#sbmt { clear: both; }

#footer { border-top: 1px solid #09F; text-align: center; clear: both; padding: 3px 0; margin-top: 24px;}

#thanks { margin: 40px 0; text-align: center; }
.adblock { clear: both; margin: 20px 10px 20px 0; padding: 10px 0 0 10px; }
.pageadblock { text-align: center; margin: 10px 0; clear: both; }