/* colors were moved to config so they could be available for image conversions */
/* general styling */

body {
  /* background: #940000 url('/chesterbellocdebatesociety/images/background.jpg') repeat top; */ 
  background: #F5F5DC;
  font-family: Palatino;
  margin: 0em;
  color: #252525;
}

@media screen and (min-device-width: 600px) {
  body {
    font-size: 15px;
  }
}

@media screen and (max-device-width: 600px) {
  body {
    font-size: 40px;
  }
}

body div.page {
  position: relative;
  z-index: 10;
  width: 750px;;
  /* -moz-border-radius: 2em; 
  *  -webkit-border-radius: 2em;
  *  border-radius: 2em;
  *  border-color: #eab44c;
  *  border-width: 1em;
  *  border-style: solid; */
  /* background: #ffffff; */
  background: #F5F5DC;
  margin: 0em auto;
  /* behavior: url(/chesterbellocdebatesociety/PIE.htc);*/
}

@media screen and (max-device-width: 600px) {
  body div.page {
    width: 85%;
  }
}

p {
  text-indent: 1.5em;
  text-align: justify;
  text-justify: newspaper;
}

@media screen and (min-device-width: 600px) {
  p {
    width: 100%;
  }
}

h1 {
  font-family: Verdana;
}

h2 {
  font-family: Verdana;
}

h3 {
  font-family: Verdana;
}

h4 {
  font-family: Verdana;
}

h5 {
  font-family: Verdana;
}

code {
  font-family: "Courier New", monospace;
}

a {
  font-weight: bold;
  font-size: 80%;
  text-align: center;
  color: #252525;
}

sup a {
  font-size: 8px;
}
sup {
  font-size: 8px;
}

ul {
  padding-left: 2em;
}

hr {
  clear: left;
  width: 100%;
}
/* topbar */
div#topbar {
  color: #F5F5DC;
  background: #252525;
  padding: 0.2em;
  margin-bottom: 0.5em;
  margin-top: 0em;
  margin-right: 0em;
  margin-left: 0em;
}

@media screen and (min-device-width: 600px) {
  div#topbar div#navbar {
    margin: 0em auto;
    width: 750px;;
  }
}

@media screen and (max-device-width: 600px) {
  div#topbar div#navbar {
    margin: 0em auto;
    width: 85%;
  }
}

div#topbar a {
  color: #F5F5DC;
  font-family: Verdana;
}

div#topbar div#extra-links {
  float: right;
}

/* home page*/

div#top {
  width: 100%;
  overflow: auto;
  clear: left;
}
img#self-portrait {
  float: right;
}

div#self-blurb {
  width: 75%;
  float: left;
}

@media screen and (min-device-width: 600px) {
div#projects {
  float: right;
  width: 20%;
}
div#projects  p {
  text-align: left;
}

div#blog-summary {
  float: left;
  width: 75%;
}
}

div.post-summary span.date {
  margin-top: 1em;
  margin-bottom: 1em;
  float: right;
}

div.post-summary div.note {
  visibility:hidden;
}

div.post-summary h3 {
  margin-top: 1em;
  margin-bottom: 1em;
  float: left;
}

div.post-summary h1 {
  clear: both;
}

div.post-summary h2 {
  clear: both;
}

div.post-summary h3 {
  clear: both;
}

div.post-summary h4 {
  clear: both;
}

div.post-summary h5 {
  clear: both;
}

div.post-summary p {
  clear: both;
}

div.post-summary img {
  border: 2em solid #252525;
}

/* post test */

div.post ol.notes {
  font-size: 80%;
  padding-top: 1em;
  padding-left: 0em;
  margin-left: 0em;
}

div.post ol.notes li {
  padding-left: 0em;
  margin-left: 1.8em;
}

div.post img {
  border: 2em solid #252525;
}