br.clear {
  clear: both; }

body {
  background-color: #00225a;
  background-image: url(/images/background.darkblue.png);
  background-repeat: repeat-x;
  margin: 0;
  padding: 0; }

body {
  font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; }
  body #content {
    min-height: 800px;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    border: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    margin: 0 0 0 -3em;
    padding: 3em 3em 150px;
    position: relative; }
    body #content p {
      color: white; }
    body #content h1 {
      width: auto;
      height: auto;
      background-image: none;
      text-indent: 0;
      position: relative;
      top: 0;
      left: 0; }
  body h1.logo {
    background: url(/images/logo.small.png) no-repeat;
    margin: 0 auto;
    bottom: 150px;
    right: 3%;
    position: absolute;
    width: 273px;
    height: 72px;
    text-indent: -2000em; }

body.home #content {
  min-height: 0; }
  body.home #content h1 {
    position: absolute;
    bottom: 0;
    right: 0;
    text-indent: -3000em; }

body.blog {
  background-image: url(/images/cattail.png), url(/images/lily.1.png), url(/images/lily.2.png), url(/images/lily.3.png), url(/images/lily.4.png), url(/images/background.darkblue.png);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, repeat-x;
  background-position: 102% 20px, -20% 100%, 29% 80%, 55% 93%, 108% 100%, 0 0; }
  body.blog #wrapper {
    left: 3%;
    margin-left: 0; }
  body.blog h1 {
    background: url(/images/logo.blog.png) no-repeat;
    width: 488px;
    height: 95px;
    text-indent: -2000em; }
  body.blog h1.logo {
    display: none; }
  body.blog div.breadcrumb {
    color: white; }
  body.blog #content {
    background: rgba(255, 255, 255, 0.9);
    padding: 1em;
    border-radius: 1em;
    margin-right: 13em;
    margin-left: 0;
    width: auto;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); }
    body.blog #content h1, body.blog #content h2, body.blog #content h3 {
      color: #0081ff; }
    body.blog #content p {
      color: #001c47; }
  body.blog #sidebar h2 {
    color: white; }
  body.blog #sidebar div.feed {
    border: none; }

#container {
  margin: 1em 1em 2em 1em;
  min-width: 54em; }

#wrapper {
  width: 52em;
  position: relative;
  left: 50%;
  margin-left: -26em; }

#content {
  margin-right: 13em;
  border-right: 1px solid #cccccc;
  padding-right: 1em; }

body.home #sidebar {
  margin-top: 0.8em; }

#sidebar {
  width: 12em;
  float: right;
  margin-top: 1.3em;
  margin-bottom: 1em; }
  #sidebar h2 {
    margin-top: 2em; }
    #sidebar h2:first-child {
      margin-top: 0; }
  #sidebar h2, #sidebar ol, #sidebar p, #sidebar ul {
    color: #777777;
    font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
    font-size: 90%; }
  #sidebar h2 {
    color: #555555; }
  #sidebar ol, #sidebar ul {
    margin: 1em 0;
    padding: 0;
    list-style: none; }
    #sidebar ol li, #sidebar ul li {
      margin: 0.8em 0; }
    #sidebar ol a:hover, #sidebar ul a:hover {
      color: white;
      text-decoration: none; }
  #sidebar div.feed {
    margin: 1.5em 0;
    border-top: 1px "solid" #cccccc;
    border-bottom: 1px "solid" #cccccc; }

p.social,
div.feed {
  color: #777777;
  font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
  font-size: 90%; }

div.feed {
  margin: 0.5em 0;
  padding-top: 1.5em;
  padding-bottom: 1.5em; }
  div.feed a {
    padding: 6px 0 6px 36px;
    background: url(/feed-icon.png) no-repeat left center; }

h1 {
  color: white;
  font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; }

h2, h3, h4, h5, h6, p, div.breadcrumb {
  color: white;
  font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; }

a img {
  border: none; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  text-decoration: none; }

ul.navigation {
  list-style: none; }

dl dd, dl dt {
  float: left; }
dl dt {
  font-weight: bold;
  clear: left;
  margin-right: 1em;
  width: 2.5em; }
dl dd {
  width: 12em; }

body.home div.breadcrumb {
  color: white; }
body.home #wrapper {
  left: auto;
  margin: 7.5% auto;
  width: 70%;
  min-width: 53em;
  position: relative; }
body.home #content h2, body.home #content p, body.home #content dl {
  color: white;
  font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; }
body.home #content ul {
  list-style: none; }
  body.home #content ul li {
    width: 28%;
    float: left;
    margin: 0 1em; }
  body.home #content ul li.intro {
    margin-left: 0; }
  body.home #content ul li.contact {
    width: 30%;
    min-width: 18em;
    margin-right: 0; }
body.home ul.navigation {
  clear: both;
  list-style: none;
  font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
  font-size: 8pt;
  width: 100%;
  margin: 10em 0; }
  body.home ul.navigation li {
    float: left;
    margin: 0;
    text-align: center; }
  body.home ul.navigation li.blog {
    width: 10%; }
  body.home ul.navigation li.web-software-development {
    width: 25%; }
  body.home ul.navigation li.internet-search-marketing {
    width: 25%; }
  body.home ul.navigation li.training-courses {
    width: 20%; }
  body.home ul.navigation li.contact-us {
    width: 15%; }

h2.articles {
  margin-bottom: -0.2em;
  border-top: 1px "solid" #cccccc;
  padding-top: 0.3em;
  font-size: 120%; }

div.breadcrumb {
  margin-bottom: 2em;
  font-size: 80%;
  font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; }

div.metadata {
  margin-top: 1.5em;
  font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
  font-size: 75%;
  color: #555555; }

#content p.read_more {
  text-align: right;
  font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
  font-size: 90%; }
#content img {
  margin: 0.75em 0 1.5em 0;
  border: 1px solid #cccccc;
  padding: 2px;
  background: #eeeeee; }
  #content img div.photo {
    float: left;
    position: relative;
    margin: 0 0.75em 0.75em 0;
    border: 1px solid #cccccc;
    width: 200px;
    padding: 2px; }
    #content img div.photo img {
      margin: 0;
      border: none;
      padding: 0; }
    #content img div.photo p {
      position: absolute;
      bottom: 0;
      margin: 2px;
      padding: 2px;
      background: rgba(0, 0, 0, 0.7);
      font-size: 7pt;
      color: white;
      width: 194px;
      font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; }
  #content img div.photo.portrait {
    width: 133px; }
    #content img div.photo.portrait p {
      width: 127px; }
  #content img div.photo.alternate {
    float: right;
    margin: 0 0 0.75em 0.75em; }
  #content img blockquote {
    margin: 1.5em 5%;
    padding: 0.75em; }
  #content img p {
    margin: 0; }
  #content img cite {
    display: block;
    text-align: right; }
#content div.categories, #content div.bio {
  margin-top: 2em;
  padding: 0.8em 8px 0.85em 38px;
  background: #eeeeee url(/category-icon.png) no-repeat 8px 51%;
  color: #777777;
  font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
  font-size: 80%; }
  #content div.categories a, #content div.bio a {
    margin-left: 0.5em; }
#content div.bio a {
  margin: 0; }
#content div.bio {
  background-image: url(/images/author-icon.png); }
#content .social {
  float: right;
  width: auto;
  margin: 0;
  padding-top: 1.2em;
  padding-bottom: 1.5em;
  vertical-align: middle; }
  #content .social img {
    margin: 0 0 0 5px;
    border: none; }
#content code, #content pre {
  color: #536a6f;
  border-left: 3px solid #c7dee3;
  background: #dff6fb;
  overflow: auto; }
#content pre {
  margin: 1.5em 0;
  border-left: 3px "solid" #c7dee3;
  padding: 0.7em;
  background-color: #dff6fb;
  overflow: auto; }
  #content pre code {
    border: none;
    padding: 0; }
#content #disqus_thread {
  margin-top: 0.5em;
  border-top: 3px "solid" #eeeeee;
  padding-top: 0em; }
  #content #disqus_thread #dsq-content .dsq-options {
    background: none; }

h1 {
  margin: 0 0 0.5em 0;
  font-size: 220%;
  letter-spacing: -1px; }
  h1 small {
    display: block;
    font-size: 40%;
    letter-spacing: 0; }

h2, h3, h4, h5, h6 {
  margin: 1em 0 0.5em 0; }

h2 {
  font-size: 175%; }

h3 {
  font-size: 130%; }

h4 {
  font-size: 110%; }

ol, ol li, p, pre, ul, ul li {
  margin-bottom: 1em; }

ol li, ul li {
  margin-bottom: 0.75em; }

ol, p, ul {
  line-height: 135%; }

ul, ol {
  padding-left: 2.5em;
  clear: both; }

a {
  color: #0081ff; }
  a:visited {
    color: #0061c1; }
  a:hover {
    color: #388eff; }

#footer {
  clear: both;
  margin-top: 2em;
  padding-top: 0.5em; }
  #footer p {
    text-align: right;
    font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
    font-size: 70%;
    color: #777777; }

<!-- page cached: 2010-03-09 15:20:33 -->