body {
  background: #fff;
  color: #000;
  font-family: verdana, arial, sans-serif;
  font-size: 62.5%;
  margin: 0;
}

img {
  border: none;
}

/* Structure
----------------------------------------------- */

#wrap {
  margin-right: auto;
  margin-left: auto;
  margin-top: 20px;
  width: 700px;
}

#main-left {
  float: left;
  margin: 0 20px 20px 0;
  width: 480px;
}

#main-right {
  float: right;
  margin: 0 0 20px 0;
  width: 200px;
}

#about {
  background: #f6f6f6;
  color: #595757;
  font-family: georgia, helvetica, verdana, arial, sans-serif;
  font-size: 1.5em;
  line-height: 1.6em;
  margin: 20px 0 0 0;
  padding: 5px;
}

.blog-entry {
  margin-bottom: 45px;
}

.preview {
	background: #f6f6f6;
}

#footer {
  border-top: 1px solid #ccc;
  color: #999;
  clear: both;
  font-size: 1.0em;
  margin-right: auto;
  margin-left: auto;
  padding: 5px 0 20px 0;
  text-align: center;
  width: 700px;
}

#comments {
  padding-top: 1px;
  margin-bottom: 55px;
}

/* Text
----------------------------------------------- */

h1 {
  border-bottom: 1px solid #eee;
  color: #518a98;
  font-family: helvetica, verdana, arial, sans-serif;
  font-size: 2.7em;
  font-weight: bold;
  letter-spacing: 0.04em;
  margin: 20px 0 10px 0;
}

.blog-entry-content h1 {
  border-bottom: none;
  color: #000;
  font-family: helvetica, verdana, arial, sans-serif;
  font-size: 2.5em;
  font-weight: bold;
  letter-spacing: 0.04em;
  margin: 20px 0 10px 0;
}

h2 {
  color: #000;
  font-family: helvetica, verdana, arial, sans-serif;
  font-size: 1.6em;
  font-weight: bold;
  margin-top: 20px;
}

h3 {
  color: #000;
  font-family: helvetica, verdana, arial, sans-serif;
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 20px;
}

#main-right h2 {
  color: #595757;
  margin-bottom: 5px;
}

p {
  font-size: 1.2em;
  line-height: 1.6em;
}

.blog-entry-content blockquote {
  border-left: 3px solid #ccc;
  color: #666;
  padding-left: 10px;
  margin-left: 30px;
}

cite {
  font-size: 1.2em;
  font-style: normal;
}

#comments blockquote {
  margin: 10px 0 30px 30px;
}

pre {
  background-color: #f7f7f7;
  border: 1px solid #d7d7d7;
  color: #000;
  font-family: "courier new", tahoma;
  font-size: 1.3em;
  overflow: auto;
  padding: 0.25em;
}

.sp-employee {
  background: #d8ebf6;
  padding: 0 2px 0 2px;
}

div#thanks-message {
  background: #f9f9f9;
  border: 2px solid #ccc;
  margin-bottom: 30px;
  padding: 1px 10px 1px 10px;
}

.meta {
  color: #999;
  font-size: 1.0em;
}

/* Links
----------------------------------------------- */

#wrap a {
  color: #518a98;
  text-decoration: underline;
}

#main-left h1 a {
  text-decoration: none;
}

#main-left a:visited, #main-right a:visited {
  color: #666;
}

#main-left h1 a:visited {
  color: #518a98;
}

#main-left a:hover, #main-right a:hover {
  color: #364d77;
  text-decoration: underline;
}

#main-left h1 a:hover {
  color: #364d77;
  text-decoration: underline;
}

#about a:visited {
  color: #518a98;
}

#about a:hover {
  color: #364d77;
}

#footer a {
  color: #999;
  text-decoration: underline;
}

#footer a:hover {
  color: #364d77;
  text-decoration: underline;
}

#wrap a.external-link {
  display: inline-block;
  padding-right: 14px;
  background: transparent url(/images/external-link-blog.png) center right no-repeat;
}

#wrap a.external-link:visited {
  display: inline-block;
  padding-right: 14px;
  background: transparent url(/images/external-link-visited.png) center right no-repeat;
}

#wrap a.external-link:hover {
  display: inline-block;
  padding-right: 14px;
  background: transparent url(/images/external-link-blog-hover.png) center right no-repeat;
}

#footer a.external-link {
  display: inline-block;
  padding-right: 14px;
  background: transparent url(/images/external-link-footer.png) center right no-repeat;
}

#footer a.external-link:hover {
  display: inline-block;
  padding-right: 14px;
  background: transparent url(/images/external-link-blog-hover.png) center right no-repeat;
}

/* Forms
----------------------------------------------- */

fieldset {
  border: 1px solid #ccc;
  font-size: 1.2em;
  padding: 10px;
}

label {
  float: left;
  width: 150px;
}

#new-comment em {
  color: #666;
  font-size: 0.9em;
}

.input-width {
  width: 200px;
}

.ta-width {
  height: 250px;
  width: 445px;
}

.right-align-it {
  text-align: right;
}

.form_error {
  color: #ff0000;
  font-weight: bold;
}

/* Lists
----------------------------------------------- */

ul, ol {
  font-size: 1.2em;
  line-height: 1.6em;
}

li p {
  font-size: 1em;
}

#main-right ul {
  font-size: 1.2em;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#main-right li {
  padding: 0 0 2px 0;
}

/* Misc.
----------------------------------------------- */

hr {
  display: none;
}

.icon {
  padding-bottom: 2px;
  vertical-align: middle;
}