/* General */

body {
  background: #fff;
  font-family: helvetica, "Trebuchet MS", sans-serif;
  text-align: center;
  margin: 0 auto;
}

img {
  border: 0;
}

/* Headings */

h1 {
  margin: 0;
  font-size: 3em;
}

h1 a {
  color: #015666;
  text-decoration: none;
}

h1 a:hover {
  text-decoration: underline;
  color: #04859d;
}

h2 {
  margin-top: 0;
  padding: 0 0 0.2em 0;
  font-weight: normal;
  font-size: 1em;
  font-style: italic;
  color: #333;
}

h2 a {
  color: #333;
  text-decoration: none;
}

h2 a:hover {
  color: #015666;
  text-decoration: underline;
}

h3 {
  font-size: 1.4em;
}

/* Layout Divs */
  
#container {
  margin: 1em 2em 2em 2em;
  min-width: 950px;
}

#header {
  text-align: left;
  margin: 1em auto;
  background: #9ac4cc;
  padding: 1em 0 0 0.5em;
}

#footer {
  text-align: right;
  clear: both;
  background: #9ac4cc;
}

#footer p {
  padding: 0.7em 1em;
  font-size: 0.9em;
}

#footer a {
  color: #333;
  text-decoration: none;
}

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

/* Home page content divs */

.content {
  height: 450px;
  padding: 0.1em 1.5em;
}

/* Blue-alt

#web-dev {
  background: #d0d0d0;
  width: 49%;
  float: right;
  text-align: right;
  color: #333;
  margin-bottom: 1em;
}

#web-dev a,
#web-dev-main a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

#web-dev a:hover,
#web-dev-main a {
  color: #222;
  text-decoration: underline;
}
*/

#web-dev img {
  margin: 0.1em;
}

.examples {
  text-align: center;
  background: #e0e0e0;
  padding: 0.8em 0.2em;
}

#web-dev {
  background: #6e86d6;
  width: 49%;
  float: right;
  text-align: right;
  color: #203262;
  margin-bottom: 1em;
}

#web-dev a,
#web-dev-main a {
  color: #061f70;
  font-weight: bold;
  text-decoration: none;
}

#web-dev a:hover,
#web-dev-main a {
  color: #1437ad;
  text-decoration: underline;
}

#writing {
  background: #8c6dd7;
  width: 49%;
  float: left;
  text-align: left;
  color: #452b83;
  margin-bottom: 1em;
}

#writing a {
  color: #250672;
  font-weight: bold;
  text-decoration: none;
}

#writing a:hover {
  color: #4013af;
  text-decoration: underline;
}

#writing p {
  font-size: 0.9em;
}

/* Rounded corners */

.corner-top,
.corner-bottom {
  display: block;
  background: #fff;
}

.corner-top span,
.corner-bottom span {
  display: block;
  height: 1px;
  overflow: hidden; 
}

#web-dev .corner-top span,
#web-dev .corner-bottom span {
  background: #6e86d6;
}

#writing .corner-top span,
#writing .corner-bottom span {
  background: #8c6dd7;
}

.r1 {
  margin: 0 5px;
}

.r2 {
  margin: 0 3px;
}

.r3 {
  margin: 0 2px;
}

.corner-top .r4,
.corner-bottom .r4 {
  margin: 0 1px;
  height: 2px
}