/*---------------------------------------------------------------------------------------- Body */

body {
  margin: 0;
  padding: 0;
  font-family: Cambria, Helvetica, Arial, sans-serif;
  font-size: 75%;
  background-color:transparent;
}
html>body {
	font-size: 12px;
}

/*---------------------------------------------------------------------------------------- General Structure */

#container {
  width: 964px;
  margin: 0 auto;
  background: url(../images/background.png) no-repeat;
  height: 140px;
}
#logo {
  width: 166px;
  float: left;
  padding: 23px 0 0 29px;
}
#features {
  width: 400px;
  height: 133px;
  float: left;
  padding: 0 20px;
  position: relative;
}

/*---------------------------------------------------------------------------------------- Slider */

#slider_wrapper {
  position: relative;
  height: 80px;
  overflow: hidden;
  width: 380px;
  margin-top: 40px;
}
#slider {
  width: 1600px;
  height: 80px;
  position: absolute;
  top: 0;
  left: 0;
}
#slider .panel {
  float: left;
  width: 380px;
  height: 80px;
  position: relative;
  margin-right: 20px;
}
#slider .panel .image {
  float: left;
  background-position: -25px -10px;
  width: 154px; 
  margin-right: 15px;
  margin-top: 4px;
  height: 80px;
}
#slider .panel .synopsis {
  width: 140px;
}
#slider .panel .information {
  float: left;
  width: 211px;
}
#slider .panel .information .category {
  color: #666;
  font-size: 11px;
}
#slider .panel .information h1 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 16px;
  margin: 1px 0 3px;
  line-height: 16px;
}
#slider .panel .information a {
  color: #000;
  font-size: 9px;
  background: #fff;
  padding: 5px;
  text-decoration: none;
  bottom: 0;
  right: 0;
  position: absolute;
}
#slider .panel .information a:hover {
  color: #fabe2e;
  background: #333;
}

/*---------------------------------------------------------------------------------------- Slider / Navigation Buttons */

#slider_nav {
  position: absolute;
  top: 10px;
  right: 40px;
}
#slider_nav a {
  color: #fff;
  background: #ffd56b;
  text-decoration: none;
  padding: 2px 5px;
}
#slider_nav a:hover {
  color: #333;
}
#slider_nav a.selected {
  color: #000;
  background: #fff1ce;
}

/*---------------------------------------------------------------------------------------- News */

#twitter {
  margin: 40px 0 0;
  width: 305px;
  float: left;
  color: #fff;
  position: relative;
  height: 81px;
}
#twitter a {
  color: #fff;
  text-decoration: underline;
}
#twitter p {
  line-height: 1.4em;
  margin: 0;
  padding: 0;
}
#twitter a:hover {
  color: #ffb909;
}
#twitter a.date {
  color: #fabe2e;
  font-size: 11px;
  text-decoration: underline;
}
#twitter a.date:hover {
  text-decoration: none;
  color: #fff;
}
#twitter a.follow {
  font-size: 9px;
  padding: 5px;
  text-decoration: none;
  bottom: 12px;
  right: 0;
  position: absolute;
  color: #fabe2e;
  background: #333;
}
#twitter a.follow:hover {
  color: #000;
  background: #fabe2e;
}

/*---------------------------------------------------------------------------------------- Fixes */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clear {
	clear: both;
}