body {
  background: #191919 url(../../images/page-bg.png);
  color: #444;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 10pt;
  margin: 0px;
}
img {
  border: 0;
}
a {
  color: #666;
}
a:hover {
  color: #8CAC47;
}
a.no-underline {
  text-decoration: none;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.center {
  text-align: center;
}
.top {
  vertical-align: top;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.float-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
div.clearer {
  clear: both;
  line-height: 0;
  height: 0;
}
div.clearer-left {
  clear: left;
  line-height: 0;
  height: 0;
}
div.clearer-right {
  clear: right;
  line-height: 0;
  height: 0;
}
form, label {
  margin: 0;
  padding: 0;
}
fieldset {
  margin-bottom: 1.5em;
  padding-bottom: 0;
}
hr {
  border: 0;
  border-top: 1px solid #AAA;
  height: 0px;
}

/* header */

#header {
  left: 50%;
  margin-left: -398px;
  position: absolute;
  top: 1.5em;
}

/* content box */

#content-parent {
  left: 50%;
  margin-left: -405px;
  position: absolute;
  top: 4em;
  width: 810px;
}

/* menu bar */

#menu-bar {
  background: url(../../images/menu-bg.png) top no-repeat;
  height: 39px;
  margin: 0;
  padding: 17px 0 0 1.5em;
}
#menu-bar ul, #menu-bar li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}
#menu-bar li {
  height: 24px;
  margin: 0 0 0 1em;
}
#menu-bar li a {
  background: url(../../images/nav.png) no-repeat left top;
  height: 24px;
  padding: 2px 0 3px 15px;
  color: #2C2C29;
  text-decoration: none;
}
#menu-bar li a span {
  background: url(../../images/nav.png) no-repeat right top;
  height: 24px;
  padding: 2px 15px 3px 0;
}
#menu-bar li a:hover, #menu-bar li a.s {
  background-position: left bottom;
}
#menu-bar li a:hover span, #menu-bar li a.s span {
  background-position: right bottom;
}
#rss-feed {
  float: right;
  margin: 0 15px 0 0;
  padding: 0;
  text-align: center;
  width: 200px;
}
#rss-feed a {
  background: #F0943C;
  color: #FFF;
  font-weight: bold;
  padding: 3px 8px 3px 8px;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
@media only screen and (max-device-width: 480px) {
  #menu-bar {
    display: none;
  }
}

/* content box middle */

#content-area {
  background: url(../../images/content-box-bg.png) top center repeat-y;
  margin: 0;
  padding: 1em 0 1px 1.5em;
}
#main-content {
  max-width: 540px;
}
#main-content ul {
  list-style-image: url(../../images/bullet-arrow.png);
  padding: 0 0 0 1.5em;
}
#main-content ul li {
  margin: 0;
  padding: 0;
}
.thumbnail {
  background: #EEE;
  border: 1px solid #CCC;
  display: inline-block;
  line-height: normal;
  margin: 10px;
  padding: 5px;
}
.thumbnail img {
  margin: 0;
  padding: 0;
}
.caption {
  color: #666;
  font-size: 8pt;
  margin: 0px;
  text-align: center;
}

/* sidebar */

#sidebar {
  float: right;
  margin: 0 10px 0 0;
  padding: 0 13px 0 0;
  width: 190px;
}
#sidebar h4 {
  background: url(../../images/sidebar-title.png) top center no-repeat;
	font-size: 1em;
  height: 30px;
	line-height: 1.125em;
	margin: 0 0 0 -5px;
  max-width: 191px;
  padding: 0.4em 0 0 10px;
  width: 191px;
}
#sidebar ul {
  list-style-image: url(../../images/bullet-arrow.png);
  padding: 0 0 0 1.5em;
}
#sidebar ul li {
  margin: 0;
  padding: 0;
}
#sidebar a.arrow {
  background: url(../../images/bullet-arrow.png) left top no-repeat;
  padding: 0 0 0 1.5em;
}

/* entry */

.entry-metadata {
  background: #EEE;
  margin: 0 0 1.5em 0;
  padding: 0.5em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.entry-metadata h3, .entry-metadata h4 {
  margin: 0;
  padding: 0;
}
.entry-metadata h3 a {
  text-decoration: none;
}
.entry-metadata ul.comments {
  float: right;
}
.entry-metadata ul.comments, .entry-metadata ul.comments li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}
.entry-metadata ul.comments li {
  height: 24px;
  margin: 0 0 0 1.5em;
}
.entry-metadata ul.comments li a {
  background: url(../../images/nav.png) no-repeat left top;
  height: 24px;
  padding: 2px 0 3px 15px;
  color: #2C2C29;
  text-decoration: none;
}
.entry-metadata ul.comments li a span {
  background: url(../../images/nav.png) no-repeat right top;
  height: 24px;
  padding: 2px 15px 3px 0;
}
.entry-metadata ul.comments li a:hover, .entry-metadata ul.comments li a.s {
  background-position: left bottom;
}
.entry-metadata ul.comments li a:hover span, .entry-metadata ul.comments li a.s span {
  background-position: right bottom;
}
.entry-metadata .tags {
  background: url(../../images/tag.png) left 10px no-repeat;
  float: right;
  padding-left: 20px;
  max-width: 250px;
}
.entry-metadata .tags a {
  margin: 2px 0 0 0;
  padding: 0 0 0 5px;
  text-decoration: none;
}
.datestamp {
  margin: 0;
  padding: 0;
}
.comment-metadata {
  margin: 0 0 1.5em 0;
  padding: 0.5em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.comment-metadata h3, .comment-metadata h4 {
  margin: 0;
  padding: 0;
}
.comment-metadata h3 a {
  text-decoration: none;
}
.comment-metadata ul.comments {
  float: right;
}
.comment-metadata ul.comments, .comment-metadata ul.comments li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}
.comment-metadata ul.comments li {
  height: 24px;
  margin: 0 0 0 1.5em;
}
.comment-metadata ul.comments li a {
  background: url(../../images/nav.png) no-repeat left top;
  height: 24px;
  padding: 2px 0 3px 15px;
  color: #2C2C29;
  text-decoration: none;
}
.comment-metadata ul.comments li a span {
  background: url(../../images/nav.png) no-repeat right top;
  height: 24px;
  padding: 2px 15px 3px 0;
}
.comment-metadata ul.comments li a:hover, .comment-metadata ul.comments li a.s {
  background-position: left bottom;
}
.comment-metadata ul.comments li a:hover span, .comment-metadata ul.comments li a.s span {
  background-position: right bottom;
}
.comment-metadata .tags {
  background: url(../../images/tag.png) left 10px no-repeat;
  float: right;
  padding-left: 20px;
  max-width: 250px;
}
.comment-metadata .tags a {
  margin: 2px 0 0 0;
  padding: 0 0 0 5px;
  text-decoration: none;
}
.datestamp {
  margin: 0;
  padding: 0;
}
.even {
  background: #EEE;
}
.odd {
  background: #FFF;
}
.avatar {
  float: left;
  margin-right: 10px;
}
.comment-textarea {
  height: 220px;
  width: 405px;
}

/* other pages */

.page-title {
  background: #EEE;
  margin: 0 0 1.5em 0;
  padding: 0.5em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.page-title h3 {
  margin: 0;
  padding: 0;
}
.page-title h3 a {
  text-decoration: none;
}
.info-success {
  background: #EEE url(../../images/tick.png) 1em 1em no-repeat;
  margin-bottom: 1.5em;
  padding: 0.5em 0.5em 0.5em 2.5em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.info-error {
  background: #EEE url(../../images/error.png) 1em 1em no-repeat;
  margin-bottom: 1.5em;
  padding: 0.5em 0.5em 0.5em 2.5em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.info-error ul {
  padding: 0 0 0 3em;
  margin: 3px 0 0 0;
}
.info-neutral {
  background: #EEE;
  margin-bottom: 1.5em;
  padding: 0.5em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

/* archive */

.tag-list, .next-prev {
  background: #EEE;
  margin-bottom: 1.5em;
  padding: 0.5em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.prev {
  background: url(../../images/bullet-arrow-left.png) left top no-repeat;
  padding: 0 0 0 16px;
}
.next {
  background: url(../../images/bullet-arrow.png) right top no-repeat;
  padding: 0 16px 0 0;
}

/* content box bottom */

#content-bottom {
  background: url(../../images/content-box-bottom.png) bottom center repeat-y;
  height: 10px;
  margin: 0 0 1.5em 0;
}

/* admin panel */

.admin-success {
  background: #EEE url(../../images/tick.png) 1em 1em no-repeat;
  height: 30px;
  left: 50%;
  margin: -15px 0 1.5em -200px;
  padding: 0.5em 0.5em 0.5em 2.5em;
  position: absolute;
  top: 50%;
  width: 400px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.admin-error {
  background: #EEE url(../../images/error.png) 1em 1em no-repeat;
  height: 30px;
  left: 50%;
  margin: -15px 0 1.5em -200px;
  padding: 0.5em 0.5em 0.5em 2.5em;
  position: absolute;
  top: 50%;
  width: 400px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.admin-error ul {
  padding: 0 0 0 3em;
  margin: 3px 0 0 0;
}
.admin-neutral {
  background: #EEE;
  height: 30px;
  left: 50%;
  margin: -15px 0 1.5em -200px;
  padding: 0.5em 0.5em 0.5em 2.5em;
  position: absolute;
  top: 50%;
  width: 400px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
table.list tr.head td {
  font-weight: bold;
}
div.pagination a {
  background: #FFF;
  display: inline-block;
  padding: 0 5px 0 5px;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
div.pagination .disabled {
  border: 1px solid #FFF;
  display: inline-block;
  padding: 0 5px 0 5px;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
div.pagination .current {
  border: 1px solid #FFF;
  display: inline-block;
  padding: 0 5px 0 5px;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}