/*!
Theme Name: Devblog @ XING
Theme URI: http://devblog.xing.com
Author: NCL
Description: Devblog theme, based on Bootstrap-Theme
Version: 1.0
=======
License: GNU General Public License
License URI: license.txt

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* Loading Standard
----------------------------------------------------------------------------------------*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-word-break: break-all;
   word-break: break-word; /* old webkit */
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a:hover,
a:active {
  outline: 0;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  /* Responsive images (ensure images don't scale beyond their parents) */

  max-width: 100%;
  /* Part 1: Set a maxium relative to the parent */

  /*width: auto\9;*/
  /* IE7-8 need help adjusting responsive images */

  height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */

  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

img.size-full {
  width: 100%;
}

button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
button,
input {
  *overflow: visible;
  line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
body {
  background-color: #dcdedb;
  color: #333333;
  font: normal 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;  
  margin: 0;
  padding: 0 0 6em;
}
a {
  color: #006567;
  text-decoration: none;
}
a:hover {
  color: #005580;
  text-decoration: underline;
}
p {
  margin: 0 0 10px;
}
small {
  font-size: 85%;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
cite {
  font-style: normal;
}
.muted {
  color: #999999;
}
.text-warning {
  color: #c09853;
}
.text-error {
  color: #b94a48;
}
.text-info {
  color: #3a87ad;
}
.text-success {
  color: #468847;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 10px 0;
  font-family: inherit;
  text-rendering: optimizelegibility;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-weight: normal;
  line-height: 1;
  color: #999;
}
h1 {
  font-size: 36px;
  line-height: 40px;
}
h2 {
  font-size: 30px;
  line-height: 40px;
}
h3 {
  font-size: 24px;
  line-height: 40px;
}
h4 {
  font-size: 18px;
  line-height: 20px;
}
h5 {
  font-size: 14px;
  line-height: 20px;
}
h6 {
  font-size: 12px;
  line-height: 20px;
}
h1 small {
  font-size: 24px;
}
h2 small {
  font-size: 18px;
}
h3 small {
  font-size: 14px;
}
h4 small {
  font-size: 14px;
}
ul,
ol {
  padding: 0;
  margin: 0 0 10px 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
dt,
dd,
li {
  line-height: 20px;
}
ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}
dl {
  margin-bottom: 20px;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 10px;
}
hr {
  border: 0;
  border-top: 1px solid #303030;
  border-bottom: 1px solid #fff;
  margin-top: 4em;
}
.post hr,
#first-post hr {
  margin-top: 1em;
}
abbr[title] {
  cursor: help;
  border-bottom: 1px dotted #999;
}
blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 20px;
  border-left: 5px solid #eee;
}
blockquote p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
}
blockquote small {
  display: block;
  line-height: 20px;
  color: #999;
}
blockquote small:before {
  content: "\2014 \00A0";
}
blockquote.pull-right {
  float: right;
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}
blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right;
}
blockquote.pull-right small:after {
  content: "\00A0 \2014";
}
q:before,
q:after,
blockquote:before,
blockquote:after,
blockquote.pull-right small:before {
  content: "";
}
address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 20px;
}
code,
pre {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
}
pre {
  color: #333333;
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
pre.prettyprint {
  margin-bottom: 20px;
}
pre code {
  padding: 0;
  color: inherit;
  background-color: transparent;
  border: 0;
}
form {
  margin: 0 0 20px;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
legend small {
  font-size: 15px;
  color: #999999;
}
label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
label {
  display: block;
  margin-bottom: 5px;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 9px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
input,
textarea,
.uneditable-input {
  width: 206px;
}
textarea {
  height: auto;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  *margin-top: 0;
  /* IE7 */

  margin-top: 1px \9;
  /* IE8-9 */

  line-height: normal;
  cursor: pointer;
}
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}
select,
input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

  line-height: 30px;
}
select {
  width: 220px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
}
select[multiple],
select[size] {
  height: auto;
}
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.uneditable-input,
.uneditable-textarea {
  color: #999999;
  background-color: #fcfcfc;
  border-color: #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  cursor: not-allowed;
}
.uneditable-input {
  overflow: hidden;
  white-space: nowrap;
}
.uneditable-textarea {
  width: auto;
  height: auto;
}
input:-moz-placeholder,
textarea:-moz-placeholder, 
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}
.radio,
.checkbox {
  min-height: 18px;
  padding-left: 18px;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -18px;
}
.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}
.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}
input,
textarea,
.uneditable-input {
  margin-left: 0;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent;
}
input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}
input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}
.help-block,
.help-inline {
  color: #595959;
}
.help-block {
  display: block;
  margin-bottom: 10px;
}
.help-inline {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  vertical-align: middle;
  padding-left: 5px;
}
input.search-query {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */

  margin-bottom: 0;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
/* Allow for input prepend/append in search forms */
.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none;
}
.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
  display: inline-block;
}
.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0;
}
.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-right: 3px;
  margin-left: 0;
}
.form-horizontal .help-block {
  margin-bottom: 0;
}
.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block {
  margin-top: 10px;
}
.form-horizontal .form-actions {
  padding-left: 180px;
}
table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}
.table {
  width: 100%;
  margin-bottom: 20px;
}
.table th,
.table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table th {
  font-weight: bold;
}
.table thead th {
  vertical-align: bottom;
}
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}
.table tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd;
}
.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}
.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}
.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child,
.table-bordered tfoot:last-child tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
}
.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child,
.table-bordered tfoot:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
}
.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}
.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: #f5f5f5;
}
table [class*=span],
.row-fluid table [class*=span] {
  display: table-cell;
  float: none;
  margin-left: 0;
}
.table tbody tr.success td {
  background-color: #dff0d8;
}
.table tbody tr.error td {
  background-color: #f2dede;
}
.table tbody tr.warning td {
  background-color: #fcf8e3;
}
.table tbody tr.info td {
  background-color: #d9edf7;
}
.table-hover tbody tr.success:hover td {
  background-color: #d0e9c6;
}
.table-hover tbody tr.error:hover td {
  background-color: #ebcccc;
}
.table-hover tbody tr.warning:hover td {
  background-color: #faf2cc;
}
.table-hover tbody tr.info:hover td {
  background-color: #c4e3f3;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-large {
  padding: 24px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.well-small {
  padding: 9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
.collapse.in {
  height: auto;
}
.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #c09853;
}
.alert h4 {
  margin: 0;
}
.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
.alert-danger,
.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}
.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}
.alert-block p + p {
  margin-top: 5px;
}
.tabs-stacked .open > a:hover {
  border-color: #999999;
}
.tabbable {
  *zoom: 1;
}
.tabbable:before,
.tabbable:after {
  display: table;
  content: "";
  line-height: 0;
}
.tabbable:after {
  clear: both;
}
.tab-content {
  overflow: auto;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}
.tab-content > .active,
.pill-content > .active {
  display: block;
}
.breadcrumb {
  padding: 8px 15px;
  margin: 0;
  list-style: none;
}
.breadcrumb li {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-right: 7px;
  padding-right: 7px;
  position: relative;
  text-shadow: 0 1px 0 #ffffff;
}
.breadcrumb li:after {
  color: #ccc;
  content: " \232A";
  display: inline-block;
  position: absolute;
  /*right: -15px;*/
  left:100%;
  margin-left:3px;
}
.breadcrumb li:last-child:after {
  content: "";
}
.breadcrumb .divider {
  padding: 0 5px;
  color: #ccc;
}
.breadcrumb .active {
  color: #999999;
  margin-left: 7px;
}

.breadcrumb .active:last-child {
  margin-left:9px;
}

.pagination {
  height: 40px;
  margin: 20px 0;
}
.pagination ul {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination ul > li {
  display: inline;
}
.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  padding: 0 14px;
  line-height: 38px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}
.pagination ul > li > a:hover,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #f5f5f5;
}
.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #999999;
  cursor: default;
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover {
  color: #999999;
  background-color: transparent;
  cursor: default;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.pagination-centered {
  text-align: center;
}
.pagination-right {
  text-align: right;
}
.pager {
  margin: 20px 0;
  list-style: none;
  text-align: center;
  *zoom: 1;
}
.pager:before,
.pager:after {
  display: table;
  content: "";
  line-height: 0;
}
.pager:after {
  clear: both;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  color: #006567;
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.pager li > a:hover {
  color: #333;
  text-decoration: none;
  background-color: #f5f5f5;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > span {
  color: #999999;
  background-color: #fff;
  cursor: default;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.invisible {
  visibility: hidden;
}
/* Loading Responsive Bootstrap 2.1 LESS Files
----------------------------------------------------------------------------------------*/
.hidden {
  display: none;
  visibility: hidden;
}
/* Custom BootstrapWP Overrides and Styles
----------------------------------------------------------------------------------------*/
/********************************************************
 Bootstrap's documentation styles
 Special styles for presenting Bootstrap's documentation and examples
-------------------------------------------------- */
/* Body and structure
-------------------------------------------------- */
/* Code in headings */
h3 code {
  font-size: 14px;
  font-weight: normal;
}
/* Sections
-------------------------------------------------- */
/* padding for in-page bookmarks and fixed navbar */
section {
  padding-top: 30px;
}
section > .page-header,
section > .lead {
  color: #5a5a5a;
}
section > ul li {
  margin-bottom: 5px;
}
/* Misc
-------------------------------------------------- */
/* Make tables spaced out a bit more */
h2 + table,
h3 + table,
h4 + table,
h2 + .row {
  margin-top: 5px;
}
/* Blog Post Specific Items
----------------------------------------------------------------------------------------*/
p.meta {
  font-size: 11px;
  line-height: 18px;
  color: #999;
}
/* Search Form Styles
----------------------------------------------------------------------------------------*/
#searchform {
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: middle;
}
#searchform input#s {
  padding-left: 4px;
  padding-right: 4px;
  margin-right: 4px;
  margin-bottom: 0;
  -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  display: inline;
  float: left;
  width: 143px;
}
#searchform button {
  display: inline-block;
  padding: 5px 10px 6px;
  font-size: 14px;
  line-height: normal;
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #E6E6E6;
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-repeat: no-repeat;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  border: 1px solid #CCC;
  border-bottom-color: #BBB;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
#searchform button:hover {
  -webkit-box-shadow: 0 0 2px #888;
  -moz-box-shadow: 0 0 2px #888;
  box-shadow: 0 0 2px #888;
}
/* Comment Styles
----------------------------------------------------------------------------------------*/
li.bypostauthor {
  border: 1px solid;
  border-color: #ccc;
  display: block;
}
#respond,
.mt20 {
  margin-top: 20px;
}
ol.commentlist {
  margin: 0 0 15px !important;
}
ol.commentlist img.avatar {
  margin: 8px 10px 0 0;
  padding: 4px;
  line-height: 1;
  border: 1px solid #DDD;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  float: left;
}
ol.commentlist li {
  margin: 0;
  padding: 8px 0 8px 10px;
  list-style: none;
  overflow: hidden;
  position: relative;
}
ol.commentlist li header {
  margin: 0;
  line-height: 1.5em;
}
ol.commentlist li article {
  display: block;
}
ol.commentlist li article nav {
  float: right;
}
ol.commentlist li ul {
  margin: 8px 0 0 !important;
}
ol.commentlist li li {
  border: 0;
  margin: 0 0 0 68px !important;
  padding: 0 0 8px;
}
#respond {
  margin-bottom: 15px;
}
#respond input.text,
#respond select,
#respond textarea,
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
  border: 1px solid #eee;
  background: #f6f6f6;
  color: #777;
  font-size: 1em;
  line-height: 1em;
  padding: 0.375em;
  width: 50%;
  margin: 0 4px 0 0;
  outline: 0;
  display: block;
}
#respond input.text:focus,
#respond select:focus,
#respond textarea:focus,
.comment-form-author input:focus,
.comment-form-email input:focus,
.comment-form-url input:focus,
.widget_search input#s:focus {
  border: 1px solid #ccc;
}
.borderradius #respond input.text,
.borderradius #respond select,
.borderradius #respond textarea,
.borderradius .comment-form-author input,
.borderradius .comment-form-email input,
.borderradius .comment-form-url input,
.borderradius .widget_search input#s {
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  -khtml-border-radius: 0.5em;
  -o-border-radius: 0.5em;
  border-radius: 0.5em;
}
#comments-title {
  border-bottom: 1px solid #333;
  padding-bottom: 10px;
}
#respond textarea {
  width: 98%;
  margin-right: 0;
}
#respond label {
  font-size: 1em;
  font-weight: bold;
  display: inline;
}
/*.button,*/
#submit,
.widget_search #searchsubmit,
.reply .comment-reply-link {
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5);
  color: #333;
  padding: 5px 10px 5px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #C8C8C8;
  cursor: pointer;
  background-color: #f0f0f0;
}
/*.button:hover,*/
#submit:hover,
.widget_search #searchsubmit:hover,
.reply .comment-reply-link:hover {
  text-decoration: none;
  background-color: #e6e6e6;
}
/*.button:active,*/
#submit:active,
.widget_search #searchsubmit:active,
.button.green:active {
  background: #e8e0e0;
}
#commentform li {
  display: inline-block;
  list-style: none;
  margin-bottom: 10px;
}
#commentform input,
#commentform textarea {
  background-color: #f0f0f0;
  border: 1px solid #C8C8C8;
  border-radius: 0;
  font-size: 14px;
  line-height: 20px;
  padding: 5px 10px;
}
#commentform label {
  font-weight: normal;
}
#commentform .dacomments {
  display: block;
}
#commentform .dacomments label {
  display: none;
}
#reply-title {
  border: 1px solid #333;
  border-left: none;
  border-right: none;
  margin-top: 30px;
}
.children {
  background-image: -webkit-linear-gradient(right , rgb(245,245,245) 40%, rgb(255,255,255) 70%);
  background-image:    -moz-linear-gradient(right , rgb(245,245,245) 40%, rgb(255,255,255) 70%);
  background-image:     -ms-linear-gradient(right , rgb(245,245,245) 40%, rgb(255,255,255) 70%);
  background-image:      -o-linear-gradient(right , rgb(245,245,245) 40%, rgb(255,255,255) 70%);
  background-image:         linear-gradient(right , rgb(245,245,245) 40%, rgb(255,255,255) 70%);
}
/* Button-Style from dev.xing.com */
#commentform .button {
  border-radius: 4px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition-duration: 0.25s;
     -moz-transition-duration: 0.25s;
       -o-transition-duration: 0.25s;
          transition-duration: 0.25s;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0),0 1px 1px rgba(0,0,0,0);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,0),0 1px 1px rgba(0,0,0,0);
       -o-box-shadow: 0 1px 2px rgba(0,0,0,0),0 1px 1px rgba(0,0,0,0);
          box-shadow: 0 1px 2px rgba(0,0,0,0),0 1px 1px rgba(0,0,0,0);
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *display: inline;
  border: 1px solid transparent;
  color: #333;
  cursor: pointer;
  font-family: Helvetica,Arial,Verdana,sans-serif;
  font-size: 12px;
  height: 32px;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  padding: 10px 40px 8px 40px;
  vertical-align: middle;
  white-space: nowrap;
  background-color: #cfdc00;
}
#commentform .button:active,
#commentform .button:focus,
#commentform .button:hover {
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15),0 1px 1px rgba(0,0,0,0.1);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15),0 1px 1px rgba(0,0,0,0.1);
       -o-box-shadow: 0 1px 2px rgba(0,0,0,0.15),0 1px 1px rgba(0,0,0,0.1);
          box-shadow: 0 1px 2px rgba(0,0,0,0.15),0 1px 1px rgba(0,0,0,0.1);
  text-decoration: none;
  background-color: #d9e600;
  border-color: #aaa;
}
#commentform .button::-moz-focus-inner { border: none }

/* Image Alignment
----------------------------------------------------------------------------------------*/
img.alignnone {
  display: block;
  position: relative;
}
img.alignright {
  float: right;
  margin: 5px;
  display: inline;
}
img.alignleft {
  float: left;
  margin: 5px;
  display: inline;
}
img.aligncenter {
  display: block;
  text-align: center;
  margin: auto;
}
/* Caption Styling
----------------------------------------------------------------------------------------*/
.gallery-caption {
  padding: 9px;
}

/* XING Styles */

.container,
footer {
  background: #fff;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  padding: 0 15px 2em;
  width: 980px;
}

section,
.row {
  display: table;
}

section article,
.ourcontent article,
.row article {
  display: table-row;
  margin-left: 10px;
}

section .meta,
.row .meta,
section .content,
.ourcontent .content,
.ourcontent .meta,
.row .content,
aside {
  border-bottom: 1px solid #303030;
  display: table-cell;
  padding: 10px 0;
}

section .meta,
.ourcontent .meta,
.row .meta {
  padding-right: 14px;
}

.meta {
  width: 160px;
}

/* Custom Blake edit */
.meta.XOXO {
  min-width: 130px;
}
.meta.XOXO + .content {
  max-width: 560px;
}
/* end custom edit */

.first-meta img,
.meta img {
  float: left;
  margin: 0 10px 10px 0;
}

time {
  font-weight: bold;
}
.meta span {
  color: #ccc;
  display: block;
}

.meta p {
  margin-top: 1.5em;
}

.first-meta strong a,
.meta > a {
  color: #333;
  font-weight: bold;
}

.ourcontent,
aside {
  display: table-cell;
}

.ourcontent {
  width: 693px;
  padding-right: 20px;
}

aside {
  border: 0;
  width: 237px;
}

.home h2 {
  border-bottom: 1px solid #d1d1d1;
  color: #303030;
  font-size: 1.2em;
}

.home time {
  border-bottom: 1px solid #d1d1d1;
  color: #303030;
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  padding: 20px 0 9px;
}

.home .author {
  color: #303030;
  display: block;
  font-weight: bold;
}

.home .author a {
  color: #303030;
}

.continue {
  display: block;
  margin-top: 1.5em;
}

#overview h1 {
  margin-top: 0;
  padding-top: 10px;
}

/* everything realted to the first post on home */
#first-post {
  display: table;
  width: 680px;
}

#first-post .first-meta,
#first-post .first-content {
  display: table-row;
}

#first-post h2 {
  border-bottom: 0;
  border-top: 1px solid #303030;
  font-size: 2.1em;
  margin-bottom: 0;
  padding-top: .3em;
}

.top-story:hover {
  text-decoration: none;
}

.top-story:hover h2 {
  color: #555;
}

.first-meta {
  font-size: 90%;
}

.first-meta time {
  border-bottom: 0;
  border-right: 2px solid #cfcfcf;
  display: inline;
  font-size: 1em;
  font-weight: normal;
  margin-right: 5px;
  padding: 0 5px 0 0;
}

.first-meta .author {
  border-right: 2px solid #cfcfcf;
  display: inline;
  margin-right: 5px;
  padding-right: 5px;
}

.first-meta strong {
  border-right: 2px solid #cfcfcf;
  margin-right: 5px;
  padding: 0 5px 0 0;
}

/* Everything in the sidebar */
aside nav,
.callout,
.xing-career {
  background: #f3f4ef;
  border-radius: 4px;
  line-height: 2em;
  margin-bottom: 20px;
  padding: 7px 5px 30px;
}

nav dt,
nav dd {
  border-bottom: 1px solid #acadaa;
  margin: 0 10px;
  padding: 0 0 5px;
}

nav dd {
  padding-top: 5px;
}

nav a {
  color: #006567;
}

.callout {
  background: #f2f88d;
  padding-bottom: 40px;
}

.callout h4,
.callout p {
  padding: 0 10px;
}

.callout p {
  line-height: 1.3em;
}

.xing-career {
  background: #f6f7f3 url(../img/xing-career.png) 0 0 no-repeat;
  border-radius: 4px;
  line-height: 19px;
  padding-top: 100px;
}

.xing-career h3 {
  height: 0;
  text-indent: -9999px;
}

.xing-career a {
  color: #333;
  display: inline-block;
  padding: 0 10px;
}

.xing-career a:hover {
  text-decoration: none;
}

.xing-career a:after {
  content: "\00BB";
}

.socialmedia {
  margin-left: 0;
}
  
.socialmedia li {
  display: inline;
  list-style: none;
  margin-right: 2px;
  text-indent: -3000px;
}

.socialmedia li:last-child {
  margin-right: 0;
}

.coderwall,
.github,
.rss,
.twitter,
.vimeo,
.youtube {
  background: url(../img/devblog-sprite.png) 0 0 no-repeat;
  display: inline-block;
  height: 32px;
  width: 32px;
}

.socialmedia .coderwall {
  background-position: 0 0;
}

.socialmedia .github {
  background-position: -32px 0;
}

.socialmedia .rss {
  background-position: -64px 0;
}

.socialmedia .twitter {
  background-position: -96px 0;
}

.socialmedia .vimeo {
  background-position: -128px 0;
}

.socialmedia .youtube {
  background-position: -160px 0;
}

.coderwall:hover,
.github:hover,
.rss:hover,
.twitter:hover,
.vimeo:hover,
.youtube:hover {
  background-position-y: -32px; /* if your browser does not understand this - no shame, just a goodie */
  -webkit-box-shadow: 0 0 2px #888;
     -moz-box-shadow: 0 0 2px #888;
          box-shadow: 0 0 2px #888;
}


/* the taglist */
.taglist {
  clear: both;
  margin: 10px 0;
}

.taglist li {
  display: inline-block;
  list-style: none;
  margin: 0 3px 10px 0;
}

.taglist a {
  background: #f3f4ef;
  border-radius: 3px;
  color: #006567;
  padding: 4px 3px;
}

.taglist a:hover {
  background: #e4e5e1;
  text-decoration: none;
}

/* single tags in overview */
.tagcat {
  background: #333;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  margin-bottom: 5px;
  padding: 0 3px;
  font-size: 90%;
  font-weight: bold;
}

.tagcat:hover {
  color: #fff;
  text-decoration: none;
}

.tagcat-11 { /* FE */
  background: #268aac;
}

.tagcat-11:hover { /* FE */
  background: #247f9e;
}

.tagcat-47 { /* API */
  background: #ff9900;
}

.tagcat-47:hover { /* API */
  background: #df8804;
}

.tagcat-1 { /* Others */
  background: #666;
}

.tagcat-1:hover { /* Others */
  background: #333;
}

.tagcat-37 { /* Mobile */
  background: #26ac7b;
}

.tagcat-37:hover { /* Mobile */
  background: #1c9267;
}

.tagcat-25 { /* QA */
  background: #687d90;
}

.tagcat-25:hover { /* QA */
  background: #4d5c69;
}

.tagcat-4 { /* RR */
  background: #d1005d;
}

.tagcat-4:hover { /* RR */
  background: #ab014d;
}

.tagcat-3 { /* Ruby */
  background: #d14a00;
}

.tagcat-3:hover { /* Ruby */
  background: #b44103;
}


.tagcat-26 { /* UX */
  background: #66363c;
}

.tagcat-26:hover { /* UX */
  background: #46262a;
}

.tagcat-10 { /* Stuff */
  background: #1e8d35;
}

.tagcat-10:hover { /* Stuff */
  background: #19782d;
}
/* all regarding the head */
header.container {
  background: none;
  padding: 0 15px;
}

.top-of-dev {
  margin-top: 10px;
}

.top-of-dev h1 span,
.top-of-dev .homelink span {
  display: none;
}

.top-of-dev h1,.top-of-dev .homelink {
  background: url(../img/devblog-sprite.png) -78px -64px no-repeat;
  height: 60px;
  line-height: 60px;
  margin-bottom: 30px;
  text-align: right;
}

.top-of-dev h1 a,
.top-of-dev .homelink {
  color: #303030;
  display: block;
  font-size: 35px;
  font-weight: bold;
}

.top-of-dev h1 a:hover,
header .homelink:hover {
  color: #006567;
  text-decoration: none;
}

header ul {
  background: #f3f4ef;
  background: -webkit-linear-gradient(top,  #f3f4ef 0%,#e4e5e0 100%); /* Chrome10+,Safari5.1+ */
  background:    -moz-linear-gradient(top,  #f3f4ef 0%, #e4e5e0 100%); /* FF3.6+ */
  background:     -ms-linear-gradient(top,  #f3f4ef 0%,#e4e5e0 100%); /* IE10+ */
  background:      -o-linear-gradient(top,  #f3f4ef 0%,#e4e5e0 100%);
  background:         linear-gradient(to bottom,  #f3f4ef 0%,#e4e5e0 100%);
  border: 1px solid #e5e6e2;
  -webkit-border-radius: 5px 5px 0px 0px;
          border-radius: 5px 5px 0px 0px;
  margin: 0 -16px;
}

header li {
  display: inline-block;
  list-style: none;
}

header li a {
  border-right: 1px solid #e2e2e2;
  font-weight: bold;
  display: block;
  margin: 0;
  padding: 15px 10px;
}

header .homebase {
  background: url(../img/devblog-sprite.png) -178px -134px no-repeat;
  margin-left: 20px;
  width: 20px;
}

.homebase a {
  text-indent: -9999px;
}

/* the footer */

footer {
  background: none;
  margin-top: 3em;
}

footer .row {
  margin-left: -35px;
  padding: 0 28px;
  width: 1013px;
}

footer .xing-links {
  margin: 0 20px 0 180px;
  position: relative;
}

footer span {
  display: block;
  font-size: 90%;
}

footer li {
  list-style: none;
}

footer .xing-links li:first-child {
  left: -180px;
  position: absolute;
}

footer ul,
footer a {
  color: #606060;
}

footer aside {
  padding: 0;
}

/* social icons in footer */
.share-list {
  margin-left: 0;
}

.share-list li {
  margin-bottom: 5px;
}

.xingapi,
.xingdevs,
.sharetwitter,
.sharegplus {
  background: url(../img/devblog-sprite.png) 0 0 no-repeat;
  display: block;
  height: 20px;
  text-indent: -3000px;
}

.xingapi {
  background-position: 0 -124px;
  width: 112px;
}

.xingdevs {
  background-position: 0 -144px;
  width: 122px;
}

.sharetwitter {
  background-position: 0 -64px;
  width: 55px;
}

.sharegplus {
  background-position: 0 -84px;
  width: 32px;
}

.xingapi:hover,
.xingdevs:hover,
.sharetwitter:hover,
.sharegplus:hover {
  -webkit-box-shadow: 0 0 2px #888;
     -moz-box-shadow: 0 0 2px #888;
          box-shadow: 0 0 2px #888;
}

/* Single Blog Article */
.breadcrumb-container {
  padding: 10px;
}

.single-meta time {
  font-weight: normal;
}

.single-meta a {
  color: #006567;
  font-weight: bold;
}

.single-keywords {
  margin: 0 0 30px;
}

.single-keywords li {
  display: inline-block;
}

.single-keywords a {
  background: #f3f2ee;
  border-radius: 3px;
  color: #006567;
  font-size: 90%;
  margin-right: 4px;
  padding: 3px;
}

.single-keywords a:hover {
  background: #ebeae6;
  text-decoration: none;
}

#comments footer {
  width: auto;
}

#comments h2,
#comments h3 {
  font-size: 150%;
}

.ml20 {
  margin-left: 20px;
}

.arch-cat {
  color: #999;
}

/* Meta info of Author in Article */
.meta-of-author {
  background: #f3f4ef;
  border: 1px solid #bbb;
  border-left: none;
  border-right: none;
  margin: 0;
  padding: 15px 20px;
}

.meta-of-author:after,
.meta-of-author div:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  *zoom: 1;
}

.meta-of-author img {
  background: #fff;
  border: 1px solid #dfe0da;
  border-top: none;
  border-left: none;
  float: left;
  margin: 0 15px 0 0;
  padding: 4px;
}

.meta-of-author :nth-child(2) {
  margin-top: 15px;
}

.pull-right {
  float: right;
}

.mobile-nav,
.mobile-search
 {
	display:none;
}

/* Online Sources List */

.references {
  border-bottom: 2px solid #ddd;
  list-style: none;
  margin: 25px 0;
  padding: 6px 5px 8px;
}

.references dt {
  border-bottom: 1px solid #ddd;
  color: #666;
  display: block;
  font-size: 12px;
  margin: 0 -5px 5px;
  line-height: 17px;
  text-transform: uppercase;
}

.references dd {
  color: #333;
  font-size:11px;
  margin: 0 0 4px 0;
}

.references dd:before {
  content: "\00BB";
  margin-right: 5px;
}

.references dd a {
  color: #777;
  font-style: italic;
  letter-spacing: 0.1em;
}

.references dd a:hover {
  color: #333;
  text-decoration: none;
}

/* insert media */
.alignleft {
  float: left;
  margin: 0 10px 10px 0;
}

.alignright {
  float: right;
  margin: 0 0 10px 10px;
}

.wp-caption {
  background: #f3f4ef;
  border: 1px solid #ccc;
}

.wp-caption-text {
  font-style: italic;
  margin: 0;
  padding: 10px 5px;
}