/* Borrowed from YUI 2.7.0 w/ a few modifications */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:11px/16px Helvetica, Arial,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% Helvetica, Arial,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* snoitacifidom wef a /w 0.7.2 IUY morf deworroB */

html {
  height: 100%;
  margin-bottom:0px;
  font-family: helvetica, arial, sans-serif; }

html, body {
  color: #eee;
  background: #000;
  background: #222;
  font-size: 12px;
  line-height:16px; }

body {
  text-align: center; }

h1, h2, h3 {
  color:#eee;
  font-weight: bold; }

h1 {
  font-size: 2em; }

h2, h3 {
  font-family:'Trebuchet MS', sans-serif;
  font-size:18px;
  font-weight:normal;
  margin-bottom:12px; }

.inner {
  position:relative;
  margin: 0px auto;
  width: 785px;
  text-align: left; }

#hd {
  height:392px;
  border-top: 7px #222 solid;
  background: #fff;
  color:#222; }

#about {
  position:absolute;
  top:89px; left:0px;
  width:227px;
  padding-top:60px;
  font-size:14px;
  line-height:20px; }
  
  #about h1 {
    position:absolute;
    top:-6px; left:-1px;
    width:139px; height:37px;
    text-indent:-9999px;
    background:url(../images/message-logo.png); }

#screenshots {
  position:absolute;
  top:31px; left:320px; }

#bd {
  color:#a8a8a8;
  background:#222;
  padding:54px 0px; }

#bd p {
  margin-bottom: 0.5em; }

pre {
  color:#eee;
  margin: 20px 0px 23px;
  line-height: 1.5em; }
  
#main {
  float:left;
  width:394px; }

#side {
  float:left;
  width:226px;
  margin-left:88px; }
  
hr.clear {
  width:auto;
  border:none;
  height:1px;
  clear:both; }

#download {
  width: 100%;
  height: 30px; }
  
  #download a {
    display:block;
    width:117px; height:28px;
    text-indent:-9999px;
    background:url(../images/btn-download-now.png) no-repeat; }
    
  #download a:hover {
    opacity:0.8; }

#feed {
  margin-bottom:27px; }

#nav a {
  color: #aaa;
  text-decoration:none; }
#nav a:visited {
  color: #666; }
#nav a:hover {
  color: #ccc;
  text-decoration:underline; }

#feed a {
  color: inherit;
  display: block;
  text-decoration: none;
  margin-bottom: 12px;
  line-height:14px; }
#feed a:hover {
  color:#eee; }
  #feed a:hover .what {
    text-decoration: underline; }
  #feed a:hover .who {
    text-decoration: underline; }
#feed .who {
  font-weight: bold; }
#feed .when {
  display:block;
  font-size:10px; }
  
#footer {
  width:306px;
/*  float:right;*/
  margin-top:26px;
  color:#666; }
  
  #footer a {
    display:block;
    width:69px; height:17px;
    text-indent:-99999px;
    background:url(../images/medium-logo-b.png) no-repeat;
    color:#777 !important; }
    
  #footer a:hover {
    color:#999 !important; }