@font-face {
  font-family: "Impact";
  src: local("IMPACT"), url(../images/fonts/impact.ttf) format("truetype"); }

html {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto; }

body {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: white;
  color: #aaaaaa;
  font-family: Myriad Web, Geneva, Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-size-adjust: .48;
  line-height: 1.58em; }
  body > div {
    position: absolute;
    left: 0;
    right: 0;
    top: 0; }

a:link, a:visited {
  text-decoration: none; }
a:active, a:focus, a:hover {
  text-decoration: underline; }
a:link {
  color: #1376bf; }
a:visited {
  color: #156da2; }
a:active {
  color: #ffcc00; }
a:focus, a:hover {
  color: #15669f; }
a img {
  border: 0; }

div.column {
  position: absolute;
  width: 380px;
  color: #333;
  padding: 0px 10px 50px 10px; }
  div.column.right {
    margin-left: 400px; }
  div.column.single {
    position: relative;
    clear: both;
    padding: 0;
    width: 800px; }
  div.column.single > div {
    padding: 0px 10px; }
div.feature {
  clear: both;
  margin-bottom: 2em;
  min-height: 145px; }
  div.feature h3 {
    background-color: inherit; }
  div.feature div.image {
    float: right; }
    div.feature div.image img {
      margin: 0 10px 10px 10px; }
  div.feature div.hashtag {
    font-family: Courier, monospace;
    font-size: 36px;
    width: 55%;
    height: 50px;
    padding: 5px 20px; }
    div.feature div.hashtag a {
      display: block;
      width: 100%;
      height: 100%; }
div.headline {
  margin-bottom: 0.5em;
  text-align: justify;
  padding: 0.5em;
  color: black; }
  div.headline div.created_at:before {
    content: "» "; }
div.story {
  clear: both;
  font-family: Courier, monospace; }
  div.story blockquote {
    color: #555;
    font-family: Times, serif;
    font-size: 13pt;
    font-style: italic;
    text-align: justify; }
  div.story h2 {
    font-size: 28pt;
    padding-top: 10px; }
  div.story p {
    padding: 5px 10px; }
  div.story .column {
    position: relative;
    margin-top: 3em;
    padding-bottom: 0; }
  div.story .intro {
    margin: 0 20px; }
    div.story .intro .formula {
      text-align: center; }
  div.story .left {
    float: left; }
  div.story .right {
    margin-top: 0;
    padding-top: 3em; }
    div.story .right img {
      border: 0;
      width: 100%; }
  div.story.addendum {
    margin-bottom: 6em; }
  div.story #epilogue {
    margin: 6em 50px;
    padding: 6em 0; }

h1, h2, h3, h4, h5, h6 {
  margin-bottom: .33em;
  padding-top: 0;
  padding-bottom: 0;
  border-top: 0;
  border-bottom: 0;
  font-size-adjust: .46; }

h2, h3, h4, h5, h6 {
  color: #ffcc00;
  line-height: 1.33em; }

h1, h2, h3 {
  background-color: #003399;
  font-family: Impact, Arial Black, Helvetica Black, sans-serif;
  font-weight: normal; }

h1 {
  position: relative;
  color: #003399;
  font-size: 2.33em;
  letter-spacing: 3px;
  text-align: center;
  margin-top: 1.33em; }

h2 {
  font-size: 1.75em;
  text-align: center;
  margin-top: 1.75em; }

h3 {
  font-size: 1.58em;
  margin-top: 1.58em;
  padding-left: 1.58em; }

h4 {
  font-size: 1.33em;
  margin-top: 1.33em; }

h5 {
  font-size: 1.17em;
  margin-top: 1.17em; }

h6 {
  font-size: 1em;
  margin-top: 1em; }

img {
  border: 0 ; }

p {
  margin-top: .75em;
  marrgin-bottom: .75em;
  text-align: justify; }
  p.em {
    font-style: italic; }

#background_main {
  background: url(../images/bgb.png) 50% 50% no-repeat fixed;
  background-color: white;
  position: fixed;
  top: 0;
  bottom: 0;
  margin: 0 auto;
  width: 800px; }

#header {
  position: fixed;
  background: transparent url(../images/arrows.png) 0px 50% no-repeat fixed;
  border-right: 10px solid #ffcc00;
  font-family: Courier, monospace;
  color: #fff;
  margin: 0;
  opacity: 1;
  padding: 0px;
  top: 100px;
  bottom: 100px;
  left: -690px;
  text-align: center;
  width: 700px;
  z-index: 999; }
  #header:hover, #header:focus {
    background-color: #003399;
    background-position: -10px 50%;
    left: 0px;
    opacity: 0.97;
    padding: 20px;
    overflow: auto; }
    #header:hover #background_euro, #header:focus #background_euro {
      position: fixed;
      top: 100px;
      left: 500px;
      width: 220px;
      height: 220px;
      display: block; }
  #header h1 {
    background-color: inherit;
    font-size: 4em;
    margin: 0 auto; }
    #header h1 a {
      color: #003399; }
  #header hr {
    display: none; }
  #header .menu {
    text-align: left;
    color: #fff;
    margin: 0 10px;
    padding: 2px 10px; }
    #header .menu a {
      color: #fff; }

#tagline {
  height: 170px; }
  #tagline #f1x_logo {
    float: left;
    margin-right: 100px; }
  #tagline p {
    padding-top: 136px; }

#flashes, #footer {
  background-color: #003399;
  color: #aaaaaa;
  position: fixed;
  opacity: 0.5; }

#flashes {
  margin-top: 4em;
  text-align: center;
  z-index: 999; }
  #flashes.empty {
    display: none; }

#main {
  margin: 0 auto;
  width: 800px;
  color: black; }
  #main #contents {
    margin: 0 auto; }
    #main #contents #epilogue {
      margin: 0 auto;
      margin-top: 4em;
      width: 700px;
      font-size: 16px;
      font-family: arial;
      font-style: italic;
      color: #000; }
  #main #news {
    background: transparent url(../images/bullfrog48.png) top right no-repeat;
    margin-right: 48px;
    line-height: 48px; }

#psyc h3 {
  font-size: 14pt; }
  #psyc h3 .topicinfo {
    display: block;
    font-size: 10pt;
    font-weight: normal; }
#psyc > p {
  border: 1px solid #009;
  font-size: 10pt;
  padding: 3px;
  text-align: left; }

#footer {
  position: fixed;
  top: auto;
  left: 40px;
  right: 40px;
  bottom: 0;
  font-size: x-small;
  text-align: center;
  padding: 3px;
  z-index: 888; }
  #footer:hover, #footer:focus {
    background: #039 url(../images/f1x_euro_money_80x80.png) 95% 50% no-repeat;
    opacity: 1;
    font-size: larger; }
    #footer:hover .copyright, #footer:focus .copyright {
      display: block;
      margin: 1em auto 0em auto; }
    #footer:hover .copyright:after, #footer:focus .copyright:after {
      content: ''; }
    #footer:hover .menu, #footer:focus .menu {
      display: block;
      font-size: 10pt;
      margin: 0 auto;
      padding: 0;
      width: 800px; }
      #footer:hover .menu .network, #footer:hover .menu .powered-by, #footer:focus .menu .network, #footer:focus .menu .powered-by {
        display: block;
        float: left;
        text-align: left;
        width: 50%; }
        #footer:hover .menu .network h4, #footer:hover .menu .powered-by h4, #footer:focus .menu .network h4, #footer:focus .menu .powered-by h4 {
          color: #fff;
          display: block;
          font-size: 14pt;
          margin: 0.5em 0; }
          #footer:hover .menu .network h4:after, #footer:hover .menu .powered-by h4:after, #footer:focus .menu .network h4:after, #footer:focus .menu .powered-by h4:after {
            content: ''; }
        #footer:hover .menu .network dl, #footer:hover .menu .powered-by dl, #footer:focus .menu .network dl, #footer:focus .menu .powered-by dl {
          display: block; }
          #footer:hover .menu .network dl dt, #footer:hover .menu .powered-by dl dt, #footer:focus .menu .network dl dt, #footer:focus .menu .powered-by dl dt {
            clear: left;
            float: left;
            margin: 0 0.5em;
            width: 8em; }
          #footer:hover .menu .network dl dd, #footer:hover .menu .powered-by dl dd, #footer:focus .menu .network dl dd, #footer:focus .menu .powered-by dl dd {
            display: block;
            margin: 0 2em; }
  #footer a {
    color: #ffcc00;
    font-weight: bold; }
  #footer hr {
    display: none; }
  #footer > div {
    display: inline; }
  #footer .copyright:after {
    content: ' :: '; }
  #footer .menu .network {
    display: inline;
    text-align: left; }
    #footer .menu .network h4 {
      display: inline;
      font-size: xx-small; }
      #footer .menu .network h4:after {
        content: ':'; }
    #footer .menu .network dl {
      display: inline; }
      #footer .menu .network dl dt {
        display: inline;
        margin: 0 0.5em; }
      #footer .menu .network dl dd {
        display: inline;
        margin: 0; }
  #footer .menu .powered-by {
    display: none; }

#cc.feature {
  background: transparent url(../images/features.png) right -870px no-repeat; }

#fp.feature {
  background: transparent url(../images/features.png) right -285px no-repeat; }

#fu.feature {
  background: transparent url(../images/features.png) right -575px no-repeat; }
#fu .msie {
  display: none; }
  #fu .msie hr {
    border: 1px solid #ccc; }
  #fu .msie ul {
    list-style: plain;
    margin-bottom: 50px; }
    #fu .msie ul li {
      display: inline;
      padding-left: 2em; }
#fu #fcforum {
  margin: 0 20px 6em 20px; }
#fu p.link {
  margin: 0 -40px;
  font-variant: small-caps;
  font-weight: bold;
  text-align: center; }
  #fu p.link a {
    color: white;
    padding: 5px;
    display: block; }

#rg .left.column {
  text-align: center; }

#wm.feature {
  background: transparent url(../images/features.png) right 5px no-repeat; }
#wm .column {
  text-align: center; }
  #wm .column #flickr .photo {
    width: 240px;
    height: 180px;
    margin: 10px auto; }

.center {
  text-align: center; }

.bigred {
  color: #f00;
  font-size: 42pt;
  font-weight: bold;
  line-height: 1.58em;
  text-align: center;
  margin-top: 1.25em; }
  .bigred a {
    color: #f00; }

.midred {
  color: #f00;
  font-size: 24pt;
  font-weight: bold;
  line-height: 1.33em;
  text-align: center; }
  .midred a {
    color: #f00; }

.todo {
  border: 1px solid #f00;
  padding: 10px; }
  .todo:before {
    content: '[TODO] ';
    color: #f00; }