body {
  margin: 0px;
  padding: 0px;
  background-color: #808080;
  color: #404039;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.3em; }

h1, h2, h3, h4, h5 {
  margin-top: 0px; }

/*
h1 {
 font-family: crete-round, Helvetica, Arial, serif;
 color: #FFF;
 background-color: #00AEEF;
 padding: 10px;
 line-height: 25px;
 font-weight: normal;
 border-color: #005777;
 border-width: 0 0 5px 0;
 border-style: solid;
 padding-top: 40px;
 margin: -30px -15px 0px -15px;
}
*/
h1 {
  font-family: crete-round, Helvetica, Arial, serif;
  color: #00AEEF;
  padding: 0 10px 1px 10px;
  line-height: 25px;
  font-weight: normal; }

h2 {
  font-family: crete-round, Helvetica, Arial, serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 1.2em;
  margin: 0px 0px 7px 0px; }

::selection {
  background: #41AD49;
  /* Safari */
  color: #fff; }

a:link {
  color: #00aeef;
  text-decoration: none;
  -moz-transition: color .5s;
  -webkit-transition: color .5s;
  -o-transition: color .5s;
  transition: color .5s; }

a:hover {
  color: #41AD49; }

a:active {
  color: #ec008c; }

a:visited {
  color: #41AD49; }

code {
  background-color: #000;
  color: #fff;
  padding: 10px;
  white-space: pre;
  font-family: source-code-pro, monospace;
  font-size: 12px;
  display: block; }

.syntaxhighlighter {
  padding: 5px; }

.syntaxhighlighter code {
  display: inline; }

#wrapper {
  margin: 0 auto 20px auto;
  width: 850px; }

/* @group Header
---------------------------------------------------------- */
#header-wrapper {
  overflow: hidden; }

#header {
  width: 850px;
  margin: auto; }

#logo {
  display: block;
  margin-bottom: 15px;
  background: transparent url(../images/logo.gif) no-repeat top left;
  height: 55px;
  width: 475px;
  text-indent: -1000px;
  overflow: hidden; }

/* @end */
/* @group Navigation
---------------------------------------------------------- */
#navigation {
  height: 42px;
  background-color: #404040;
  font-family: crete-round, Helvetica, Arial, serif;
  text-transform: lowercase;
  font-size: 18px;
  position: relative; }

#navigation ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 850px;
  margin: auto; }

#navigation:after {
  content: '';
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
  height: 5px;
  position: relative;
  top: 37px;
  z-index: 20; }

#navigation li.leaf {
  list-style: none; }

#navigation ul li {
  float: left;
  margin: 0px;
  padding: 0px; }

#navigation ul li a:link,
#navigation ul li a:visited {
  height: 32px;
  color: #fff;
  padding: 0px 15px 10px 15px;
  vertical-align: bottom;
  display: table-cell;
  overflow: hidden;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  -moz-transition: background-color .5s;
  -webkit-transition: background-color .5s;
  -o-transition: background-color .5s;
  transition: background-color .5s; }

#navigation ul li a.active,
#navigation ul li a.active-trail {
  background-color: #00AEEF; }

#navigation ul li a:active {
  background-color: #EC008C; }

#navigation ul li a:hover {
  background-color: #41AD49; }

/* @end Navigation */
/* @group Main Content
---------------------------------------------------------- */
#main-wrapper {
  /* overflow: hidden; */ }

#content {
  background-color: #fff;
  padding: 30px 15px;
  float: left;
  margin-right: 10px;
  padding-bottom: 20px;
  width: 610px;
  min-height: 400px;
  border-width: 0px 5px 0px 0px;
  border-style: solid;
  border-color: #BFBFBF; }

/* @end Main Content */
#sidebar-right {
  float: right;
  width: 185px; }

#sidebar-right .block {
  background-color: #bfbfbf;
  padding: 15px;
  margin-bottom: 15px;
  border-width: 1px;
  border-color: #666;
  border-style: solid; }

#sidebar-right .block h3 {
  margin-bottom: 15px; }

#sidebar-right .block h3 a {
  text-decoration: none; }

#sidebar-right .block:hover {
  background-color: #fff; }

#sidebar-right .block:hover h3 {
  background-color: #00aeef;
  margin: -15px -15px 5px -15px;
  padding: 15px 15px 10px 15px; }

#sidebar-right .block:hover h3,
#sidebar-right .block:hover h3 a {
  color: #FFF; }

#sidebar-right .block:hover h3 a:hover {
  color: #FFF200; }

.block h3 {
  margin-top: 0px; }

/* @group Homepage
---------------------------------------------------------- */
.view-frontpage .view-content {
  margin-bottom: 20px; }

.view-frontpage .view-group {
  overflow: hidden;
  clear: both;
  border-bottom: solid 1px #e6e6e6;
  padding-bottom: 20px;
  margin-bottom: 20px; }

.view-frontpage h3 {
  color: #808080;
  font-size: 12px;
  float: left; }

.view-frontpage .views-row-odd,
.view-frontpage .views-row-even {
  float: right;
  width: 485px;
  margin-right: 25px; }

.view-frontpage .views-field-tid,
.terms {
  margin-top: 15px;
  font-weight: bold;
  color: #808080;
  text-transform: lowercase; }

.view-frontpage .views-field-tid a,
.terms a {
  font-weight: normal; }

/* @end Homepage */
#block-views-tweets_sidebar-block .item-list ul {
  padding: 0px; }

#block-views-tweets_sidebar-block li {
  margin: 0px 0px 10px 0px;
  list-style: none; }

span.views-field-created-time {
  color: #666;
  padding-left: 10px; }

.submitted {
  color: #808080; }

ul.links li.first {
  padding-left: 0px; }

.node-links {
  margin-top: 20px; }

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.cf:after {
  clear: both; }

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
  *zoom: 1; }