@import url("reset-min.css");
/*@charset "UTF-8";*/
/* pink       */
/* off white  */
/* light grey */
/* dark grey  */
/* dark grey  */
/* dark grey  */
/* dark grey  */
/* dark grey  */
/* light grey */
/* muted blue */
/* white      */
/* black-grey */
/* grey       */
/* dark gey   */
.middle {
  text-align: center;
}
.standard_link a {
  text-decoration: none;
  color: #5599a7;
}
.standard_link a:hover {
  color: #ff0080;
}
h2 {
  font-size: 2em;
}
body {
  font: 62.5%/2.2em "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #4b4942;
  background: #fcfcfc;
}
body a {
  text-decoration: none;
  color: #5599a7;
}
body a:hover {
  color: #ff0080;
}
hr {
  display: none;
}
strong {
  font-weight: bold;
}
code {
  font-family: Menlo, "DejaVu Sans Mono", Monaco, "Lucida Console", Courier, CourierNewPS, monospace;
  font-size: 1em;
  border: 1px solid rgba(172, 205, 215, 0.5);
  background-color: rgba(172, 205, 215, 0.1);
  padding: 0px 5px;
}
.container {
  width: 900px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.main_title_text {
  text-align: right;
  float: right;
  position: relative;
  top: 100px;
  font: italic 5em "Gill Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  color: #4b4942;
}
#header {
  height: 250px;
  background: url(../images/layouts/header_background.png) top repeat-x;
  position: relative;
}
#header .container {
  height: 253px;
}
#header #title {
  text-align: right;
  float: right;
  position: relative;
  top: 100px;
  font: italic 5em "Gill Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  color: #4b4942;
  padding: 0px 10px 10px 10px;
}
#header #title a {
  text-decoration: none;
  color: #5599a7;
}
#header #title a:hover {
  color: #ff0080;
}
#header #title a {
  color: #4b4942;
}
#header #name {
  text-align: right;
  float: right;
  position: relative;
  top: 100px;
  font: italic 5em "Gill Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  color: #4b4942;
  font-size: 2.5em;
  clear: both;
  padding: 0px 10px 0px 10px;
}
#header #ae {
  position: absolute;
}
#header #topnav {
  position: absolute;
  right: 0;
  top: 20px;
}
#header #topnav li {
  float: left;
  padding-right: 12px;
  text-transform: uppercase;
  font-size: 1.3em;
  font-weight: normal;
}
#header #topnav li a {
  color: #ffffff;
}
#header #topnav li a:hover {
  text-decoration: underline ;
}
#header #topnav .active a {
  color: #2c2c2c;
}
#main {
  padding: 24px 0 20px 0;
}
#leftcolumn {
  float: left;
  width: 193px;
  font-size: 0.9em;
}
#leftcolumn .leftbox {
  background: #f1f0ef;
  padding: 10px 23px 10px 23px;
  margin-bottom: 3px;
  line-height: 1.8em;
  overflow: hidden;
}
#leftcolumn h3.leftbox {
  font-size: 1.4em;
  color: #4b4942;
  background: #f1f0ef;
  padding: 5px 0 10px 23px;
}
.borderedlist li {
  border-bottom: 1px dashed #d1cfcd;
  padding-bottom: 5px;
  padding-top: 5px;
}
#main_content {
  float: left;
  width: 380px;
  padding: 0 20px;
}
#main_content h1 {
  clear: both;
}
#main_content h2 {
  color: #ff0080;
  font-size: 2em;
  margin: 10px 0;
}
#main_content p {
  padding-bottom: 10px;
  font-size: 1.3em;
}
#rightcolumn {
  float: left;
  width: 287px;
}
#rightcolumn p {
  padding-bottom: 10px;
  padding-right: 5px;
}
#rightcolumn .interest {
  background: #f1f0ef;
  padding: 5px 23px 10px 5px;
  margin-bottom: 15px;
  width: 277px;
  font-size: 1em;
  line-height: 18px;
  color: #4b4942;
  overflow: hidden;
}
#rightcolumn .interest h4 {
  font-size: 1.6em;
  padding-bottom: 10px;
}
#rightcolumn .interest_image {
  float: left;
  margin: 6px 0 0 6px;
  position: relative;
}
#rightcolumn .interest_description {
  float: right;
  width: 180px;
}
#rightcolumn .nterest_description h4 {
  font-size: 1.3em;
  color: #ff0080;
  font-weight: bold;
  padding-top: 10px;
}
#rightcolumn .interest_description p {
  font-size: 1em;
}
#bottominfo {
  border-top: 5px solid #4b4942;
  background: #f1f0ef;
  padding-bottom: 25px;
  width: 100%;
  overflow: hidden;
}
#bottominfo h3 {
  border-bottom: 4px solid #d1cfcd;
  color: #4b4942;
  font-size: 1.4em;
  padding: 15px 0 5px 5px;
}
.bottomcolumn {
  float: left;
  width: 288px;
  margin-right: 18px;
  vertical-align: middle;
}
.bottomright {
  margin-right: 0;
}
.linklist {
  font-size: 1.2em;
}
.linklist li {
  height: 40px;
}
.bloglinklist {
  font-size: 1.2em;
}
.bloglinklist li {
  height: 90px;
  vertical-align: middle;
}
.bottomcolumn p.list_date {
  padding-top: 10;
  padding-bottom: 0;
  font-size: 1em;
  font-style: italic;
  text-align: left;
}
#footer {
  height: 37px;
  background: #4b4942;
  font-size: 1.2em;
  color: #a39d97;
}
#contact_me {
  float: left;
  height: 23px;
  padding: 2px 0 0 0;
  margin-top: 5px;
  font-size: smaller;
}
#footer_navigation {
  float: right;
  padding-top: 7px;
}
#footer_navigation li {
  float: left;
  padding-left: 18px;
}
#footer_navigation li a {
  text-transform: uppercase;
  color: #5599a7;
}
#footer_navigation li a:hover {
  text-decoration: underline;
}
#disqus_thread {
  margin: 0px auto;
  width: 800px;
  padding-right: 60px;
}
.dsq-brlink {
  visibility: hidden;
}
.page-like {
  width: 800px;
}
.page-like p {
  color: #4b4942;
  line-height: 1.7em;
  text-align: justify;
}
.page-like h1 {
  font: italic 35px "Gill Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  position: relative;
  color: #ff0080;
  padding-top: 10px;
}
.page-like h2 {
  font-size: 1.6em;
  margin-bottom: 5px;
  margin-top: 5px;
}
.page-like h3 {
  font-style: italic;
  text-align: left;
  padding-bottom: 20px;
}
.page-like h4 {
  font-style: italic;
  font-size: 1.4em;
  padding-bottom: 15px;
}
.page-like em {
  font-style: italic;
}
.page-like ul {
  font-size: 1.3em;
  list-style-type: disc;
  list-style-position: inside;
  padding-bottom: 20px;
  padding-left: 10px;
}
.page-like ol {
  padding-bottom: 20px;
  font-size: 1.3em;
  list-style-position: inside;
  padding-left: 10px;
}
.page-like pre {
  background-color: rgba(172, 205, 215, 0.1);
  font-size: 1em;
  margin-bottom: 10px;
  border: 1px solid rgba(172, 205, 215, 0.5);
  padding: 5px 5px 5px 10px;
}
.page-like pre code {
  border: none;
  background-color: transparent;
}
.page-like .footnotes {
  margin-top: 2px;
  padding-bottom: 20px;
}
.page-like .footnotes p {
  display: inline;
  font-size: 1em;
}
.page-like .footnotes ol {
  font-size: 1em;
  padding-left: 20px;
  list-style-type: decimal;
}
.page-like .image {
  padding-left: 25px;
  padding-bottom: 15px;
  float: right;
  width: 300px;
  display: block;
}
.page-like .image p {
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 0;
  font-size: 1em;
}
#blog {
  width: 800px;
}
#blog p {
  color: #4b4942;
  line-height: 1.7em;
  text-align: justify;
}
#blog h1 {
  font: italic 35px "Gill Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  position: relative;
  color: #ff0080;
  padding-top: 10px;
}
#blog h2 {
  font-size: 1.6em;
  margin-bottom: 5px;
  margin-top: 5px;
}
#blog h3 {
  font-style: italic;
  text-align: left;
  padding-bottom: 20px;
}
#blog h4 {
  font-style: italic;
  font-size: 1.4em;
  padding-bottom: 15px;
}
#blog em {
  font-style: italic;
}
#blog ul {
  font-size: 1.3em;
  list-style-type: disc;
  list-style-position: inside;
  padding-bottom: 20px;
  padding-left: 10px;
}
#blog ol {
  padding-bottom: 20px;
  font-size: 1.3em;
  list-style-position: inside;
  padding-left: 10px;
}
#blog pre {
  background-color: rgba(172, 205, 215, 0.1);
  font-size: 1em;
  margin-bottom: 10px;
  border: 1px solid rgba(172, 205, 215, 0.5);
  padding: 5px 5px 5px 10px;
}
#blog pre code {
  border: none;
  background-color: transparent;
}
#blog .footnotes {
  margin-top: 2px;
  padding-bottom: 20px;
}
#blog .footnotes p {
  display: inline;
  font-size: 1em;
}
#blog .footnotes ol {
  font-size: 1em;
  padding-left: 20px;
  list-style-type: decimal;
}
#blog .image {
  padding-left: 25px;
  padding-bottom: 15px;
  float: right;
  width: 300px;
  display: block;
}
#blog .image p {
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 0;
  font-size: 1em;
}
#page {
  width: 800px;
}
#page p {
  color: #4b4942;
  line-height: 1.7em;
  text-align: justify;
}
#page h1 {
  font: italic 35px "Gill Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  position: relative;
  color: #ff0080;
  padding-top: 10px;
}
#page h2 {
  font-size: 1.6em;
  margin-bottom: 5px;
  margin-top: 5px;
}
#page h3 {
  font-style: italic;
  text-align: left;
  padding-bottom: 20px;
}
#page h4 {
  font-style: italic;
  font-size: 1.4em;
  padding-bottom: 15px;
}
#page em {
  font-style: italic;
}
#page ul {
  font-size: 1.3em;
  list-style-type: disc;
  list-style-position: inside;
  padding-bottom: 20px;
  padding-left: 10px;
}
#page ol {
  padding-bottom: 20px;
  font-size: 1.3em;
  list-style-position: inside;
  padding-left: 10px;
}
#page pre {
  background-color: rgba(172, 205, 215, 0.1);
  font-size: 1em;
  margin-bottom: 10px;
  border: 1px solid rgba(172, 205, 215, 0.5);
  padding: 5px 5px 5px 10px;
}
#page pre code {
  border: none;
  background-color: transparent;
}
#page .footnotes {
  margin-top: 2px;
  padding-bottom: 20px;
}
#page .footnotes p {
  display: inline;
  font-size: 1em;
}
#page .footnotes ol {
  font-size: 1em;
  padding-left: 20px;
  list-style-type: decimal;
}
#page .image {
  padding-left: 25px;
  padding-bottom: 15px;
  float: right;
  width: 300px;
  display: block;
}
#page .image p {
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 0;
  font-size: 1em;
}
#thing {
  width: 800px;
}
#thing p {
  color: #4b4942;
  line-height: 1.7em;
  text-align: justify;
}
#thing h1 {
  font: italic 35px "Gill Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  position: relative;
  color: #ff0080;
  padding-top: 10px;
}
#thing h2 {
  font-size: 1.6em;
  margin-bottom: 5px;
  margin-top: 5px;
}
#thing h3 {
  font-style: italic;
  text-align: left;
  padding-bottom: 20px;
}
#thing h4 {
  font-style: italic;
  font-size: 1.4em;
  padding-bottom: 15px;
}
#thing em {
  font-style: italic;
}
#thing ul {
  font-size: 1.3em;
  list-style-type: disc;
  list-style-position: inside;
  padding-bottom: 20px;
  padding-left: 10px;
}
#thing ol {
  padding-bottom: 20px;
  font-size: 1.3em;
  list-style-position: inside;
  padding-left: 10px;
}
#thing pre {
  background-color: rgba(172, 205, 215, 0.1);
  font-size: 1em;
  margin-bottom: 10px;
  border: 1px solid rgba(172, 205, 215, 0.5);
  padding: 5px 5px 5px 10px;
}
#thing pre code {
  border: none;
  background-color: transparent;
}
#thing .footnotes {
  margin-top: 2px;
  padding-bottom: 20px;
}
#thing .footnotes p {
  display: inline;
  font-size: 1em;
}
#thing .footnotes ol {
  font-size: 1em;
  padding-left: 20px;
  list-style-type: decimal;
}
#thing .image {
  padding-left: 25px;
  padding-bottom: 15px;
  float: right;
  width: 300px;
  display: block;
}
#thing .image p {
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 0;
  font-size: 1em;
}
#thing .introduction {
  font-style: italic;
  font-size: 1.5em;
  line-height: 1.5em;
  text-align: center;
  background-color: #f1f0ef;
  padding: 20px;
}
#project-page {
  width: 800px;
}
#project-page p {
  color: #4b4942;
  line-height: 1.7em;
  text-align: justify;
}
#project-page h1 {
  font: italic 35px "Gill Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  position: relative;
  color: #ff0080;
  padding-top: 10px;
}
#project-page h2 {
  font-size: 1.6em;
  margin-bottom: 5px;
  margin-top: 5px;
}
#project-page h3 {
  font-style: italic;
  text-align: left;
  padding-bottom: 20px;
}
#project-page h4 {
  font-style: italic;
  font-size: 1.4em;
  padding-bottom: 15px;
}
#project-page em {
  font-style: italic;
}
#project-page ul {
  font-size: 1.3em;
  list-style-type: disc;
  list-style-position: inside;
  padding-bottom: 20px;
  padding-left: 10px;
}
#project-page ol {
  padding-bottom: 20px;
  font-size: 1.3em;
  list-style-position: inside;
  padding-left: 10px;
}
#project-page pre {
  background-color: rgba(172, 205, 215, 0.1);
  font-size: 1em;
  margin-bottom: 10px;
  border: 1px solid rgba(172, 205, 215, 0.5);
  padding: 5px 5px 5px 10px;
}
#project-page pre code {
  border: none;
  background-color: transparent;
}
#project-page .footnotes {
  margin-top: 2px;
  padding-bottom: 20px;
}
#project-page .footnotes p {
  display: inline;
  font-size: 1em;
}
#project-page .footnotes ol {
  font-size: 1em;
  padding-left: 20px;
  list-style-type: decimal;
}
#project-page .image {
  padding-left: 25px;
  padding-bottom: 15px;
  float: right;
  width: 300px;
  display: block;
}
#project-page .image p {
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 0;
  font-size: 1em;
}
#project-page p {
  font-size: 1.2em;
  padding-bottom: 15px;
}
#project-page h1 {
  padding-bottom: 15px;
}
#project-page h2 {
  font-size: 1.7em;
  font-style: italic;
}
#project-page h3 {
  font-size: 1.25em;
  font-style: normal;
  font-weight: bold;
  padding-top: 15px;
}
#project-page ul {
  padding-bottom: 15px;
}
#project-page li {
  font-size: 1.2em;
  text-indent: 10px;
  list-style-type: square;
  list-style-position: inside;
}
#project-page .image p {
  text-align: center;
  font-size: 2em;
}
#project-page .project {
  clear: both;
  padding-bottom: 60px;
  width: 900px;
}
#project-page .project h2 {
  font-style: italic;
}
#project-page .project .image {
  float: left;
  padding-right: 30px;
  width: 330px;
  padding-top: 40px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  display: inline;
}
#project-page .project ul {
  padding-bottom: 10px;
}
#project-page .project li {
  font-size: 1.2em;
  color: #4b4942;
  line-height: 1.7em;
  font-style: italic;
  list-style-position: inside;
  list-style-type: square;
  text-indent: 15px;
}
#project-page .project p {
  font-size: 1.15em;
  text-align: justify;
  padding-bottom: 10px;
}
#project-page .project .project-desc {
  float: right;
  width: 570px;
}
#project-page .project .project-desc h2 {
  padding-bottom: 15px;
}
#project-page .project .project-info {
  clear: left;
  width: 330px;
  float: left;
  display: block;
}
#project-page .project .project-info ul {
  font-size: 2em;
  font-style: italic;
  list-style-type: lower-greek;
  display: block;
  position: relative;
  text-indent: 50px;
}
#project-page .project .project-info li {
  list-style-type: lower-greek;
}
.right {
  float: right;
}
.clear {
  clear: both;
}