body {
  background: url("//images.lucaslarson.net/bg") 0 0 repeat-x #fff1f3;
  border: 0;
  color: #7f000b;
  font: 100%/160% Calibri, "Gill Sans", Trebuchet, Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
}

a {
  color: #7f000b;
  -webkit-tap-highlight-color: rgb(255 0 0 / 25%);
}

li a {
  position: relative;
  z-index: 24;
}

a:hover {
  color: #fe0000;
  transition: color 0.2s ease-in-out;
}

p {
  border: 0;
  margin: 15px 0;
  padding: 0;
}

::selection {
  background: #ffd; /* Aaron Swartz yellow via Carl Malamud */
  color: #112;
}

div {
  border: 0;
  margin: 0;
  padding: 0;
}

h1 {
  border: 0;
  font-size: 260%;
  line-height: 100%;
  margin: 15px 0 10px;
  padding: 0;
  text-shadow: 2px 2px 1px #900;
}

abbr {
  font-variant: small-caps;
}

abbr,
[title] {
  border-bottom: 1px dotted;
  cursor: help;
  text-decoration: none;
}

[lang] {
  font-style: italic;
}

[dir="rtl"],
[lang="en"],
[lang="en-GB"],
[lang="eo"],
[lang="ar"],
[lang="be"],
[lang="bg"],
[lang="ce"],
[lang="chm"],
[lang="el"],
[lang="ja"],
[lang="ka"],
[lang="kjh"],
[lang="ko"],
[lang="mk"],
[lang="my"],
[lang="os"],
[lang="ru"],
[lang="sa"],
[lang="sah"],
[lang="sr"],
[lang="tg"],
[lang="th"],
[lang="udm"],
[lang="uk"],
[lang="zh"],
[lang="zh-CN"],
[lang="zh-TW"] {
  cursor: inherit;
  font-style: normal;
}

.box::after {
  clear: both;
  content: "\A0";
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
}

#main {
  margin: 50px auto 0;
  width: 770px;
}

#header {
  background: #fe0000;
  color: #fff;
  height: 100px;
  margin: 0;
  padding: 0;
  position: relative;
  width: 770px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border: #ed0000 1px;
}

#header #logo {
  left: 35px;
  margin: 0;
  position: absolute;
  top: 35px;
}

li a:hover {
  z-index: 25;
}

#links li a {
  display: block;
  padding: 3px 0 0 22px;
  text-decoration: none;
}

#links li a:hover {
  background-color: #ffccd8;
}

#header #logo a {
  color: #fff;
  text-decoration: none;
}

#header #logo a:hover {
  text-decoration: underline;
}

#page {
  background: #fff;
  width: 770px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border: #eee 1px;
}

address {
  font-style: normal;
  margin: 5em auto auto;
  text-transform: uppercase;
}

#page-in {
  padding: 10px 0;
}

#content {
  float: left;
  margin: 0;
  padding: 0 0 0 20px;
  width: 530px;
}

#content .article {
  background: url("//images.lucaslarson.net/content_article_bg") 0 0 no-repeat;
  clear: both;
  margin: 0;
  padding: 20px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border: #ebb 1px;
}

#col {
  background: url("//images.lucaslarson.net/col_bg") 0 0 repeat-y #ffc8d4;
  float: left;
  margin: 0;
  padding: 0;
  width: 200px;
  border-radius: 10px;
  border: #eeb7c3 1px;
}

#col-in {
  background: url("//images.lucaslarson.net/col_top") 0 0 no-repeat;
  padding: 20px 10px;
}

#links {
  list-style: none;
  margin: 15px 0;
  padding: 0;
}

#links li {
  border-bottom: 1px solid #ffdbe3;
  margin: 0;
  padding: 0;
}

#col p {
  display: block;
  padding: 3px 0 0 22px;
  text-decoration: none;
}

li span {
  display: none;
}

li:hover span {
  background-color: #ffd; /* Aaron Swartz yellow via Carl Malamud */
  border-radius: 7.5px;
  border: #757575 solid 1px;
  color: #1a1a1a;
  display: block;
  font-family: sans-serif;
  font-size: 1em;
  left: 50px;
  padding: 0.5em;
  position: absolute;
  text-decoration: none;
  top: 25px;
  width: 120px;
}

img {
  border-bottom: 0 dotted !important;
}
