/* Reset 
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* Typography 
-------------------------------------------------------------- */
body {font-size:75%;color:#222;background:#fff;font-family: Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.75em;margin-bottom:0.5em;}
h3 {font-size:1.2em;line-height:1;margin-bottom:.5em;}
h4 {font-size:1em;line-height:1.25;margin-bottom:.25em;height:1.25em;font-weight:bold;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#111;}
a {color:#56779A;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;font-family: georgia, serif;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0;}
ul {list-style-type:none;}
ol {list-style-type:none;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
th, td {padding:4px 10px 4px 5px;}
caption {background:#eee;}

/* Colors
--------------------------------------------------------------  
LteBlue          { color:#A0D3F2; }
Brown          { color:#261802; }
White     { color:#FFFFFF; }
Yellow         { color:#FFFF00; }
DarkBlue          { color:#56779A ; }
-------------------------------------------------------------- */

/* Body Basics
-------------------------------------------------------------- */
body    { background-color: #fff; }
h2      { color:#333;font-weight: bold;}
h2 span { font-weight:normal;}
h3      { color:#261802;font-weight:bold;text-transform: uppercase;}
p       { color:#261802;line-height:20px;padding:5px;}
a       { text-decoration:none;}
a:hover { text-decoration:underline;}
hr      { border-color: #ccc; border-style:none none solid; border-width:medium medium 1px;}


/* Layout
-------------------------------------------------------------- */
#wrapper    { margin: 0 auto; text-align:left;padding: 0 0 0 240px;}
#content    { }
.container  { margin:0 auto; padding:0; text-align:left; width:960px;}
#velotweets { float:left; width:auto; min-width:700px;padding:20px 0;}
#sidebar    { width:220px; margin-right:20px; background-color:#A0D3F2; position:absolute; top:0; left:0; height:100%;position:fixed; border-right: 3px solid #FFFF00;}
#masthead h1 a{background:url('../images/masthead_logo.png') no-repeat;width:220px;height:80px;text-indent:-1000px;display:block;position:relative;overflow:hidden;margin:0;border:none;}

/* Tweets
-------------------------------------------------------------- */
#velotweets .tweetblock  {   float:left; display:block; width:160px;margin:0 10px 10px 0;  padding:5px;position:relative;background-color:#f8f8f8;height:160px; border:1px solid #e0e0e0;}
.tweetblock a {color:#56779A;}
#velotweets .thumb{display:block;margin:0;}
#velotweets .velotweet {color:#4B4B4B;font-size:12px;line-height:16px;display:block;min-height:50px;overflow:hidden;margin:0;}
#velotweets .meta {display:block;font-style: italic; font-size:0.8em; color:#ccc; position:absolute; bottom: 2px; right: 2px;}
#velotweets .avatar {float:left; padding:0 3px 0 0;}

#motd {border-bottom: 1px solid #FFFF00; margin-right: 100px; padding-top:10px;}
#velotweets .small-flag {margin: 2px;}
#velotweets .small-team-logo {margin: 2px;}

/* Sidebar
-------------------------------------------------------------- */
#sidebar h3 { }
#sidebar div { padding:3px 10px;}
#sidebar div#masthead {padding:0;}
#twitpics img{ float:left;margin: 0 6px 5px 0;}
#twitpics p { display:block; float:left;}
#cal { margin-right:0;}
#intro { padding: 0px 10px; text-align:middle; font-weight:bold;}

/* Clearfix 
-------------------------------------------------------------- */
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* will_paginate styling */
.pagination {
  text-align: center;
  padding: .3em; }
  .pagination a, .pagination span {
    padding: .2em .5em; }
  .pagination span.disabled {
    color: #AAA; }
  .pagination span.current {
    font-weight: bold;
    color: #FF0084; }
  .pagination a {
    border: 1px solid #DDDDDD;
    color: #0063DC;
    text-decoration: none; }
    .pagination a:hover, .pagination a:focus {
      border-color: #003366;
      background: #0063DC;
      color: white; }
  .pagination .page_info {
    color: #aaa;
    padding-top: .8em; }
  .pagination .prev_page, .pagination .next_page {
    border-width: 2px; }
  .pagination .prev_page {
    margin-right: 1em; }
  .pagination .next_page {
    margin-left: 1em; }



/* Start Forms */
form fieldset {
  width: 34em;
  font-size: 16pt; }
form fieldset legend,
form label,
form input,
form select,
form select option,
form textarea {
  font-family: Georgia;
  font-size: 16pt;
  font-color: #000; }
form input,
form select,
form textarea {
  border-top: 2px solid #999999;
  border-left: 2px solid #999999;
  border-right: 2px solid #cccccc;
  border-bottom: 2px solid #cccccc;
  font-size: 16pt; }
form input[type=text],
form input[type=password],
form textarea {
  width: 20em; }
form select {
  height: 1.5em; }
form input[type=submit],
form input[type=button] {
  background: #229316;
  color: #fff;
  border-top: 2px solid #55c649;
  border-left: 2px solid #55c649;
  border-right: 2px solid #006000;
  border-bottom: 2px solid #006000;
  margin: 0 5px; }
form input[type=submit][value=cancel] {
  border-top: 2px solid #e68582;
  border-left: 2px solid #e68582;
  border-bottom: 2px solid #801f1c;
  border-right: 2px solid #801f1c;
  color: #ffb8b5;
  background: #b3524f; }
form div.fieldWithErrors {
  display: inline; }
  form div.fieldWithErrors input, form div.fieldWithErrors select, form div.fieldWithErrors textarea {
    border-top: 2px solid #8F0600;
    border-left: 2px solid #8F0600;
    border-bottom: 2px solid #BB4036;
    border-right: 2px solid #BB4036;
    line-height: 1.5em; }
form div.check-box-field,
form div.check-box-fields,
form div.date-field,
form div.datetime-field,
form div.file-field,
form div.password-field,
form div.radio-field,
form div.radio-fields,
form div.select-field,
form div.text-field,
form div.textarea-field,
form div.time-zone-select-field,
form div.submit-field {
  float: left;
  clear: both;
  margin: 0;
  padding: 10px;
  border-bottom: 1px solid #cccccc;
  font-size: 16pt; }
  form div.check-box-field div.input,
  form div.check-box-fields div.input,
  form div.date-field div.input,
  form div.datetime-field div.input,
  form div.file-field div.input,
  form div.password-field div.input,
  form div.radio-field div.input,
  form div.radio-fields div.input,
  form div.select-field div.input,
  form div.text-field div.input,
  form div.textarea-field div.input,
  form div.time-zone-select-field div.input,
  form div.submit-field div.input {
    float: left;
    clear: right;
    text-align: left;
    width: 20em;
    padding-left: 5px; }
  form div.check-box-field label,
  form div.check-box-fields label,
  form div.date-field label,
  form div.datetime-field label,
  form div.file-field label,
  form div.password-field label,
  form div.radio-field label,
  form div.radio-fields label,
  form div.select-field label,
  form div.text-field label,
  form div.textarea-field label,
  form div.time-zone-select-field label,
  form div.submit-field label {
    float: left;
    display: block;
    width: 12em;
    padding-right: 10px;
    text-align: right; }
    form div.check-box-field label span.help,
    form div.check-box-fields label span.help,
    form div.date-field label span.help,
    form div.datetime-field label span.help,
    form div.file-field label span.help,
    form div.password-field label span.help,
    form div.radio-field label span.help,
    form div.radio-fields label span.help,
    form div.select-field label span.help,
    form div.text-field label span.help,
    form div.textarea-field label span.help,
    form div.time-zone-select-field label span.help,
    form div.submit-field label span.help {
      display: block;
      font-size: 60%;
      font-weight: normal;
      margin-top: 5px;
      line-height: 100%; }
form div.submit-field {
  border: none; }
form div.submit-field div.input {
  font-size: 16pt;
  margin-left: 12em; }
form div.check-box-fields div.input label,
form div.radio-fields div.input label {
  clear: left;
  width: auto;
  font-size: 80%; }
form div.required {
  float: left;
  line-height: 1.4em; }
  form div.required label, form div.required p, form div.required span {
    color: #944;
    font-weight: bold; }
  form div.required label span.help {
    margin-top: 0; }

/* End Forms */