@charset "UTF-8";
/* CSS Document */

* {padding: 0; margin: 0; font-family: Helvetica, "Trebuchet MS", Verdana, Arial, sans-serif;}

html {height: 100%; background-color: #636363;}

body {min-height: 100%; width: 800px; background-color: #fff; margin: 0 auto;}

h1 {font-weight: bold; font-size: 3em; padding: 1em 0 .2em 0; text-align: center;}

h2 {font-weight: bold; font-style: italic; font-size: 1.2em; text-align: center;}

h3 {font-weight: bold; font-size: 1em; margin-top: 1.2em; clear: both;}

#header p {font-size: 1.2em; text-align: center; padding-top: .5em;}

span {font-weight: bold;}

#tweet {margin: 0 auto; border: 2px #ff3d0d; width: 98px; height: 25px; margin-top: -.5em;}

p {font-size: .9em; line-height: 1.3em; margin-bottom: 1.3em;}

#content1 {margin: 0 auto; width: 85%; padding-top: 2em;}
#content2 {margin: 0 auto; width: 85%; margin-top: 2em;}

a {color: #ff3d0d; text-decoration: none;}

#col1 {float: left; width: 45%;}
#col2 {float: left; width: 45%; margin-left: 2em;}
ul {line-height: 1.3em;}
ul li {font-size: .9em;}

#shelley {float: left; width: 45%;}
#david {float: left; width: 45%; margin-left: 2em;}

#shelley h3 {background-color: #ff3d0d; color: #fff; padding: .3em;}
#david h3 {background-color: #ff3d0d; color: #fff; padding: .3em;}

#shelley p {margin-top: .5em;}
#david p {margin-top: .5em;}

img {float: left; padding: 0 1em .5em 0;}
#circlefolks {float: right;}

#footer {clear: both;}