body { 
  background: #000 url('../images/bg_gradients.png') repeat-x fixed 0 0;
}

body.front {
  overflow: hidden;
}

#logo { 
  background: transparent url('../images/logo.gif') no-repeat scroll 0 0;
  margin: 0; 
  width: 170px; 
  height:70px;
}

#navigation #background-1 { 
  background: transparent url('../images/bg_background1.png') no-repeat scroll 0 0; 
  width:668px; 
  height:596px;
  z-index: -1;
  
  left:113px;
  top:0;
}

#navigation #background-2 { 
  background: transparent url('../images/bg_background2.png') no-repeat scroll 0 0;
  width: 459px; 
  height: 416px;
  z-index: 5;
  
  left:251px;
  top:233px;
}

#navigation #background-4 {
  background: transparent url('../images/bg_background4.png') no-repeat scroll 0 0;
  width: 517px; 
  height: 464px;
  z-index: 2;  
  
  left:281px;
  top:325px;
}

#navigation #background-5 {
  background: transparent url('../images/bg_background5.png') no-repeat scroll 0 0;
  width: 654px; 
  height: 493px;
  z-index: 0;
  
  left:174px;
  top:146px;
}

#navigation #jake-1 { 
  background: transparent url('../images/bg_jake1.png') no-repeat scroll 0 0; 
  width:433px; 
  height: 377px;
  z-index: 8;
  
  left:344px;
  top:293px;
}

#navigation #jake-2 {
  background: transparent url('../images/bg_jake2.png') no-repeat scroll 0 0; 
  width: 111px; 
  height: 138px;
  z-index: 4;
  
  left:147px;
  top:241px;
}

#navigation #jake-3 {
  background: transparent url('../images/bg_jake3.png') no-repeat scroll 0 0; 
  width: 169px; 
  height: 85px;
  z-index: 9;
  
  left:633px;
  top:222px;
}

#navigation #jake-4 {
  background:transparent url(../images/bg_jake4.png) no-repeat scroll 0 0;
  
  width:400px;
  height:177px;
  
  left:870px;
  top:98px;
  
  z-index:8;
}

#navigation ul {
  list-style-image: none; 
  list-style-type: none; 
}

#navigation li .polygon {
  background: transparent url('../images/bg_navigation.png') no-repeat scroll 0 0;
}

#navigation li #biography .polygon {
  height:96px;
  width:325px;
  
  left:49px;
  top:170px;
}

#navigation li #biography .polygon:hover {
  background-position:-326px 0;
}

#navigation li #biography .polygon:active {
  background-position:-654px 0;
}

#navigation li #news .polygon {
  background-position:0 -100px;

  height:82px;
  width:320px;

  left:505px;
  top:240px;
}

#navigation li #news .polygon:hover {
  background-position:-326px -100px;
}

#navigation li #news .polygon:active {
  background-position:-654px -100px;
}

#navigation li #media .polygon {
  background-position:0 -189px;
  
  left:20px;
  top:437px;
  
  height:94px; 
  width:218px;
}

#navigation li #media .polygon:hover {
  background-position:-326px -189px;
}

#navigation li #media .polygon:active {
  background-position: -654px -189px;
}

#navigation li #twitter .polygon {
  background-position:0 -394px;
  
  left:674px;
  top:106px;
  
  height:84px;
  width:197px;
}

#navigation li #twitter .polygon:hover {
  background-position: -326px -394px;
}

#navigation li #twitter .polygon:active {
  background-position: -654px -394px;
}

#contact-form {
  background:transparent url("../images/bg_contact.png") repeat scroll 0 0;
  bottom:-196px;
  left:100px;
  padding:20px 12px;
  position:absolute;
  width:830px;
  z-index:99;
}


.tweets {
  color: #fff;
  font-size:0.80em;
}

.tweets #current-status {
  margin-left:100px;
  width:177px;
  height:75px;
}

.tweets #current-status-time {
  margin:13px 0 0 188px;
  color: #000;
}

.tweets #my-timeline {
  margin-left:132px;
}

.tweets #my-timeline li {
  margin-bottom: 10px;
  background: transparent url('../images/bg_contact.png') repeat scroll;
  padding: 4px;
}

#contact-form .submit {
  float:right;
  margin:16px 0;
}

#contact-form .cancel {
  background:transparent url('../images/contact_form_cancel.png') no-repeat scroll 0 0;
  float:right;
  height:30px;
  margin:-40px 15px;
  width:30px;
}

#contact-form .tab {
  background:transparent url("../images/bg_contact_tab.png") no-repeat scroll 0 0;
  padding:7px 161px 8px 168px;
}

#contact-form .tab .text {
  margin:0 0 0 -128px;
}

#contact-form input, #contact-form textarea {
  border: 0;
}

#contact-form .textfield {
  background:transparent url("../images/form_textfield_contact_1.gif") no-repeat scroll 0 0;
  margin:22px 0 -12px;
  padding:5px 12px;
}

#contact-form .textfield input {
  font-size:1em;
  margin-left:9px;
  width:297px;
}

#contact-form .textbox {
  background:transparent url("../images/form_textfield_contact_2.gif") no-repeat scroll 0 0;
  float:right;
  margin:-104px 0 -12px;
  padding:5px 22px;
}

#contact-form .textbox textarea {
  height:102px;
}

#biography-info {
  width: 500px;
  z-index: 9;
  
  left:-250px;
  top:100px;
  
  font-size: 0.7em;
}

#biography-info p {
  float: left;
  font-size: 0.8em;
  padding: 4px 7px;
  color: #fff;
  background-color: #000;
}

#biography-info .label {
  font-weight: bold;
  font-size: 1.2em;
}



#latest-news {
  left: 700px;
  top: 270px;
  
  width: 500px;
  
  color: #fff;
}

#latest-news ul {
  height: 500px;
  overflow: auto; 
}

#latest-news li {
  list-style-image: none; 
  list-style-type: none; 
  
  background: transparent url('../images/bg_contact.png') repeat scroll;
  font-size: 0.75em;
  
  padding: 10px 10px 5px;
  margin-bottom : 5px;
}

#media-index {
  background: transparent url('../images/bg_contact.png') repeat scroll;
  padding: 5px;
  color: #fff;
  
  float: left;
  margin-top: -330px;
  margin-left: 5px;
}

#latest-news h2,
#latest-news h2 a {
  color: #fff;
  margin: 0;
}

#credit {
  float: right;
  font-size: 0.5em;
}

#latest-photos ul,
#latest-videos ul {
  float: left;
}

#latest-photos li,
#latest-videos li {
  float:left;
  margin:8px;
}

#latest-photos img {
  border: 1px solid #000;
}

.not-front #content ul#news-articles li {
  background: transparent url('../images/bg_contact.png') repeat scroll;
  padding: 20px;
  color: #fff;
}

#credit a {
  color: #85adff;
}

.event {
  color: #fff;
}

.event ul.images{
  width: 390px;
  height: 300px;
  overflow: auto;
  float: right;
}
.event .images li {
  float: right;
  margin: 4px;
  height: 100px;
  width: 100px;
}

.event .images img {
  border: 1px solid #000;
}

.event ul.videos {
  height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}


.event li.event-item {
  background: transparent url('../images/bg_contact.png') repeat scroll;
  margin: 20px 0;
  padding: 5px;
}

#back-biography {
 background: transparent url('../images/back_biography.png') no-repeat scroll; 
 width: 300px;
 height: 150px;
}

#back-news {
 background: transparent url('../images/back_news.png') no-repeat scroll; 
 width: 300px;
 height: 150px;
}

#back-media {
 background: transparent url('../images/back_media.png') no-repeat scroll; 
 width: 300px;
 height: 150px;
}