h3 {
  margin-top: 30px;
  margin-bottom: 40px;
  padding: 6px 0 10px 20px;
  border-bottom: 2px solid gray;
}
.error {
  color: red;
}
.success {
  color: #33ff33;
}
.wide {
  width: 100%;
}
.inline {
  display: inline;
}
.block {
  display: block;
}
.hidden {
  display: none;
}
.breadcrumb {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
}
.breadcrumb li {
  text-shadow: 0 0 0 #000000;
}
.tags li {
  display: inline-block;
}
.tags li a {
  display: block;
}
.flat-btn {
  background-color: rgba(100, 100, 100, 0.2);
  border: 1px solid rgba(100, 100, 100, 0.6);
  border-radius: 5px;
  padding: 7px 13px;
  margin: 3px;
}
.flat-btn:hover {
  text-decoration: none;
  background-color: transparent;
  color: #dddddd;
}
#author {
  margin: 50px 0 0 0;
  width: 1000px;
  text-align: right;
}
blockquote {
  padding: 8px 20px;
  border-left: #777777 solid 3px;
}
blockquote p {
  font-size: 1.05em;
  color: #cccccc;
}
dl.dl {
  margin: 0 0 15px;
  padding: 0 10px 10px;
}
dl.dl dt {
  float: left;
  width: 200px;
  padding: 10px 0;
  font-weight: bold;
  text-indent: 1em;
  line-height: 150%;
}
dl.dl dd {
  padding: 10px 0;
  line-height: 150%;
  border-bottom: 1px #cccccc solid;
  min-height: 21px;
}
dl.dl dd:nth-child(2) {
  border-top: 1px #cccccc solid;
}
table.dl {
  border-bottom: 1px solid #dfdfdf;
}
table.dl td:first-child {
  width: 140px;
  font-weight: bold;
}
dl.review {
  margin: 0;
}
dl.review dt {
  margin-top: 10px;
}
dl.review dt:first-child {
  margin-top: 0;
}
.checkbox {
  margin: 20px 0;
}
.pager li a {
  background-color: rgba(100, 100, 100, 0.2);
  border: 1px solid rgba(100, 100, 100, 0.6);
}
.pager li a:hover {
  background-color: transparent;
}
.pager .disabled a {
  background-color: rgba(100, 100, 100, 0.2);
  border: 1px solid rgba(100, 100, 100, 0.6);
}
.pager .disabled a:hover {
  background-color: rgba(100, 100, 100, 0.2);
}
.article {
  margin: 20px;
}
.article h1 {
  font-size: 1.8em;
  border-bottom: 1px solid #999;
  line-height: 1.8em;
  margin: 36px auto 28px;
}
.article h2 {
  font-size: 1.4em;
  border-bottom: 1px dashed #666;
  margin: 26px auto 20px;
}
.article h3 {
  border: none;
  border-left: 5px solid rgba(255, 255, 255, 0.2);
  background-color: transparent;
  padding-left: 10px;
  font-size: 1.2em;
  line-height: 1.2em;
  margin: 18px auto 12px;
}
.article h4 {
  font-size: 1.1em;
}
.article h5 {
  font-size: 1em;
}
.article p {
  margin: 20px 0;
  line-height: 1.7em;
}
.article ul,
.article ol {
  margin: 20px;
}
.article ul li,
.article ol li {
  margin-left: 20px;
  margin-top: 4px;
}
.article ul ul,
.article ol ul,
.article ul ol,
.article ol ol {
  margin: 2px 20px 10px;
}
.article ul li {
  list-style-type: disc;
}
.article ul ul li,
.article ol ul li {
  list-style-type: circle;
}
.article ol ol ul li,
.article ol ul ul li,
.article ul ol ul li,
.article ul ul ul li {
  list-style-type: square;
}
.article ol li {
  list-style-type: decimal;
}
.article code {
  background-color: transparent;
  color: white;
  border: none;
  font-size: 1.1em;
  line-height: 1.5em;
}
.article pre {
  background-color: rgba(255, 255, 255, 0.05);
  border: none;
}
.article .table {
  border-color: rgba(180, 180, 180, 0.5);
}
.article .table th {
  text-align: center;
  border-color: rgba(180, 180, 180, 0.5);
}
.article .table td {
  border-color: rgba(180, 180, 180, 0.5);
}
.article .table tbody > tr:nth-child(even) > td,
.article .table tbody > tr:nth-child(even) > th {
  background-color: rgba(180, 180, 180, 0.1);
}
.article .table tbody > tr:nth-child(odd) > td,
.article .table tbody > tr:nth-child(odd) > th {
  background-color: transparent;
}
.article dl dt {
  margin: 12px 0 6px;
}
.article dl dd {
  margin-left: 30px;
}
.article .thumbnails li {
  margin-left: 0px;
  margin-right: 10px;
}
.comments {
  margin: 50px 20px 20px;
}
.comments li {
  border: solid 1px #666666;
  margin: 20px 20px 30px;
}
.comments li .comment-header {
  padding: 10px 20px;
  border-bottom: solid 1px #666666;
}
.comments li .comment-header .comment-name {
  font-weight: bold;
}
.comments li .comment-header .comment-date {
  color: #cccccc;
  font-size: 0.8em;
}
.comments li .comment-text {
  margin: 0;
  padding: 10px 20px;
}
.comments li .comment-control {
  height: 30px;
}
.comment-form {
  margin: 20px;
}
.comment-form form {
  margin: 20px;
}
.article-wrapper .article-date {
  padding: 20px 20px 0;
  color: #cccccc;
  font-size: 0.8em;
  text-indent: 0;
}
.article-wrapper .article-title {
  color: white;
  font-size: 2.2em;
  font-weight: 100;
  margin: 0 0 40px;
  padding: 12px 24px 20px;
  border: none;
  border-bottom: 2px solid rgba(255, 255, 255, 0.6);
}
.article-wrapper .article-author {
  color: #cccccc;
  font-size: 0.9em;
  text-indent: 0;
  text-align: right;
}
.modal {
  color: black;
}
.modal h1 {
  font-size: 1.3em;
  border: none;
}