.pad-top{padding-top:20px;}
.pad-bottom{padding-bottom:20px;}
.pad-left{padding-left:20px;}
.pad-right{padding-right:20px;}
.pad-all{padding:20px 20px 20px 20px;}
.hrefborder-bottom{border-bottom:1px solid #a4b2b3;}
.clearfix:after {content: "";display: table;clear: both;}

em {
  font-style: italic;
}

a,a:visited {
  color: #41689f;
  text-decoration: none;
}
a.no-style,a.no-style:visited {
  color: #31484f;
}

body {
  font: 13px arial,sans-serif;
  color: #31484f;
}

#logo {
  position: relative;
  width: 100px;
  height: 100px;
  background: #a4b2b3;
  border-radius: 50%;
  border: 5px solid #6d777f;
  margin-left: 25%;
}

#logo-letter {
  height: 100px;
  font-size: 80px;
  margin-top: -50px;
  text-align: center;
  top: 50%;
  width: 100%;
  position: absolute;
  font-weight: bold;

  text-shadow: #6d777f 3px 4px;

  -webkit-transform: rotate(-10deg);
}

div.header {
  height: 150px;
  margin-top: 50px;
}

div.main,div.header {
  position: relative;
  margin-left: 100px;
}

div.left-bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
}

div.content {
  margin-left: 10px;
  position: absolute;
  left: 200px;
  top: 0;
  width: 600px;
}

h1 {
  font-size: 20px;
}

h2 {
  font-size: 17px;
}

h3 {
  font-size: 15px;
  font-weight: bold;
}

#masthead {
  margin-top: 50px;
  background: #efeff7;
  border-radius: 2px;
  padding: 5px;
}

ul.selector > li {
  margin-bottom: 0.5em;
}

ul.selector > li:hover {
  background: #efeff7;
}

ul.selector > li > a {
  display: inline-block;
  width: 100%;
}

p {
  margin-bottom: 1em;
}


/* blog-specific */

ul.bullet-list {
  list-style: circle;
  margin-left: 1em;
}
.content ul, .content ol, .content li {
  list-style: disc inside;
  padding-left: 1em;
  text-indent: -1em;
}

blockquote {
  border-left: 4px solid #666;
  margin-left: 1em;
  padding-left: 1em;
  color: #666;
}

.post pre {
  overflow: auto;
}

code {
  font-family: monospace;
}

sup {
  vertical-align: super;
  font-size: smaller;
}