@charset "UTF-8";

/*
 * @author: Timothee Giet
 * @email : timo@timotheegiet.com
 * @date  : 10/2012
 */



body{
    background-color: #000000;
    font-family: "Source Sans Pro", sans-serif, Arial;
    color: #fffff5;
}


a:link{
 color: #fffff5;
}


a:visited{
 color: #fffff5;
}

#header, #content, #footer{
    background-color: #000000;
    margin-left: auto;
    margin-right: auto;
    width: 768px;
}

#header{
    margin-top: 16px;
    margin-bottom: 2px;
}


#menu{
    margin-left: auto;
    margin-right: auto;
    width: 768px;
}

#menu ul{
   list-style: none;
   padding: 0;
   margin: 0;
}

#menu li
{
  float: left;
  width: 100px;
}

#menu li a{
  height: 32px;
  line-height: 32px;
  float: left;
  display: block;
  font-size: 18px;
  text-decoration: none;
  text-align: center;
  color: #fffff5;
}

#menu li a:hover{
   background: url('/images/menu-hover.png') center;
}

#menu #active a{
   background: url('/images/menu-current.png') center;
   color: #cfb797;
}

/* Hide from IE5-Mac \*/
#menu li a
{
float: none
}
/* End hide */



#content{
  background-color: #232323;
  margin-top: 42px;
  padding-bottom: 16px;
  overflow: hidden;
  font-style: italic;
}

.Title{
  font-size: 22px;
  color: #cfb797;
  position:relative;
  left: 8px;
}

.Columns{
  position:relative;
  left: 24px;
  width: 720px;
  columns: 230px 3;
  -webkit-columns: 230px 3; /* Safari and Chrome */
  -moz-columns: 230px 3; /* Firefox */
  -moz-column-gap: 12px; /* Firefox */
  -webkit-column-gap: 12px; /* Safari and Chrome */
  column-gap: 12px;
}

.MainText{
  position:relative;
  left: 24px;
  width: 720px;
  font-style: normal;
 }

 .Quote{
  position:relative;
  left: 48px;
  width: 692px;
  font-size: 12px;
  font-style: italic;
 }


.TextLeft{
  float: left;
  margin-left: 24px;
  width: 472px;
}



.side-buttons ul{
  float: right;
  list-style: none;
  padding: 0;
  margin: 0;
}


.side-buttons li{
  float: bottom;
  margin: 16px 0px;
}


.side-buttons li a{
 background-color: #303030;
 height: 42px;
 line-height: 42px;
 float: right;
 width: 256px;
 display: block;
 margin-bottom: 16px;
 border-style: solid;
 border-color: #535353;
 border-right-style: none;
 font-size: 26px;
 text-align: center;
 vertical-align: middle;
 text-decoration: none;
}



#footer{
  margin-top: 12px;
  height: 32px;
  background: url('/images/footer-gradient.png') repeat center;
  text-align:right;

}

#footer p{
  margin-right: 24px;
  font-size: 12px;
  vertical-align: middle;
  display: inline;
}

.embed {
  text-align: center;
}