#navigation #home, #navigation #home:hover {
  background-position: bottom left;
  
}

#home-header-top {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 16px;
  overflow: hidden;
  text-align: right;
  background-color: #4baad6;
  
}

#home-header-date {
  margin: 0 10px;
  float: right;

}

#home-header-date p {
  margin: 3px 0 0 0; 
  padding: 0;
  float: left;
  color: #fff;
  font-size: 11px; 

}

#home-header {
  margin: 5px 0;
  padding: 0;
  width: 100%;
  height: 81px;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../../images/layout/home/header.png');
  display: block;
  
}

#home-header-bottom {
  margin: 0 0 15px 0;
  padding: 0;
  width: 100%;
  height: 5px;
  overflow: hidden;
  background-color: #d9d6c7;
  
}

#home-main {
  margin: 0 10px;
  width: 540px;
  float: left;
  
}

#main-title {
  margin: 0 0 -10px 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 38px;
  
}

#empty-title {
  margin: 0 0 15px 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 38px;
  
}

#home-main p {
  margin: 10px 0 10px 0;
  font-size: 18px;
  font-family: Arial;
  text-align: justify;
  
}

#home-main .video {
  position: relative;
  width: 540px;
  height: 360px;
  overflow: hidden;

}

#home-main .video  a {
  top: 170px;
  width: 140px;
  height: 140px;
  overflow: hidden;
  background-image: url('../../images/layout/home/play.png');

}

.video, .photo {
  margin: 10px 0 10px 0;
  position: relative;
  overflow: hidden;
  background-color: #000;
  background-position: center;
  background-repeat: no-repeat;

}

.video a {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  background-position: top;
  background-repeat: no-repeat;
  
}

.photo a {
  display: block;
  
}

.video a:hover {
  background-position: bottom;
  
}

.video h1, .photo h1 {
  padding: 7px 13px 6px 13px;
  margin: 0;
  position: absolute;
  bottom: 0px;
  width: 100%;
  color: #fff;
  font-family: Arial;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  background-image: url('../../images/layout/lightbox/dark.png');

}

.video img, .photo img {
  display: none;
  
}

#home-main .video, #home-main .photo {
  width: 540px;
  height: 360px;

}

#home-main .video  a {
  margin: -70px 0 0 -70px;
  width: 140px;
  height: 140px;
  overflow: hidden;
  background-image: url('../../images/layout/lightbox/play.png');

}

#home-main .photo  a {
  width: 540px;
  height: 360px;
  overflow: hidden;

}

.video, .photo {
  background-position: center;
  background-repeat: no-repeat;

}

#home-no-items {
  margin: 10px 0 10px 0;
  padding: 235px 5px 225px 5px;
  width: 530px;
  height: 63px;
  color: #e1dfd3;
  text-align: center;
  font-size: 36px;
  font-family: Arial;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../../images/layout/agenda/no-items.png');
  
}

#home-new-item, #home-new-item:visited, #home-delete-item, #home-delete-item:visited, #home-edit-item, #home-edit-item:visited {
  margin: 0 0 20px 0;
  padding: 10px 5px 10px 5px;
  width: 480px;
  display: block;
  color: #e1dfd3;
  text-align: center;
  font-size: 36px;
  font-family: Arial;
  border: 25px solid #e1dfd3;

}

.home-new-button, .home-new-button:visited {
  margin: 10px 5px 20px 5px;
  padding: 10px 5px 10px 5px;
  width: 138px;
  float: left;
  display: block;
  color: #d9d6c7;
  text-align: center;
  font-size: 16px;
  font-family: Arial;
  border: 10px solid #d9d6c7;

}

.home-new-button:hover, .home-button-item:active {
  text-decoration: none;
  color: #369244;
  border: 10px solid #369244;

}

#home-confirm-item, #home-confirm-item:visited, #home-cancel-item, #home-cancel-item:visited {
  margin: 0 0 20px 0;
  padding: 10px 5px 10px 5px;
  width: 200px;
  display: block;
  float: left;
  color: #e1dfd3;
  text-align: center;
  font-size: 36px;
  font-family: Arial;
  border: 25px solid #e1dfd3;

}

#home-new-item:hover, #home-new-item:active {
  text-decoration: none;
  color: #369244;
  border: 25px solid #369244;

}

#home-delete-item:hover, #home-delete-item:active {
  text-decoration: none;
  color: #ff0000;
  border: 25px solid #ff0000;

}

#home-edit-item:hover, #home-edit-item:active {
  text-decoration: none;
  color: #ffe400;
  border: 25px solid #ffe400;

}

#home-confirm-item {
  margin-right: 20px;

}

#home-confirm-item:hover, #home-confirm-item:active {
  text-decoration: none;
  color: #ff0000;
  border: 25px solid #ff0000;

}

#home-cancel-item:hover, #home-cancel-item:active {
  text-decoration: none;
  color: #369244;
  border: 25px solid #369244;

}

#home-side {
  margin: 0 0 0 5px;
  width: 285px;
  float: left;

}

#home-side .title {
  padding: 9px 5px 4px 5px;
  margin: 0 0 5px 0;
  width: 275px;
  overflow: hidden;
  display: block;
  color: #faf8eb;
  font-size: 32px;
  text-align: center;
  text-transform: uppercase;
  background-color: #63625d;

}

#home-side .title:hover {
  text-decoration: none;
  
}

#tweets {
  margin: 16px 0 31px 0;
  padding: 0 5px 0 3px;
  width: 274px;
  overflow: hidden;

}

.tweet {
  margin: 0;
  padding: 0;
  width: 274px;
  overflow: hidden;
  
}

.tweet .avatar {
  margin: 0 13px 10px 0;
  padding: 2px;
  width: 48px;
  height: 48px;
  display: block;
  overflow: hidden;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  
}

.tweet .avatar:hover {
  background-color: #d9d6c7;
  
}

.tweet .avatar img {
  border: 0;
  
}

.tweet .user, .tweet span {
  margin: 0;
  padding: 0;
  position: relative;
  top: 1px;
  color: #63625d;
  font-size: 18px;
  font-family: Arial;

}

.tweet .user:hover {
  color: #4baad6;
  text-decoration: none;
  
}

.tweet p {
  margin: 1px 0 10px 0;
  padding: 0;
  width: 207px;
  float: left;
  text-align: justify;
  font-size: 14px;
  font-style: italic; 
  font-family: Arial;

}

#agenda {
  margin: 19px 0 22px 0;
  padding: 0 0 0 3px;
  width: 282px;
  overflow: hidden;

}

.side-agenda-item {
  margin: 0;
  padding: 0;
  width: 282px;
  overflow: hidden;
  
}

.side-agenda-item .agenda-date {
  margin: 1px 7px 15px 0;
  padding: 5px 4px 5px 6px;
  width: 59px;
  height: 66px;
  overflow: hidden;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../../images/layout/home/date.png');
  
}

.side-agenda-item .agenda-date .month {
  margin: 0;
  padding: 4px 0 0 0;
  width: 59px;
  height: 16px;
  overflow: hidden;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  font-family: Arial;

}

.side-agenda-item .agenda-date .day {
  margin: 0;
  padding: 6px 0 0 0;
  width: 59px;
  height: 38px;
  overflow: hidden;
  color: #000;
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  font-family: Arial;

}

.side-agenda-item a {
  margin: 0;
  padding: 0;
  position: relative;
  top: 4px;
  color: #63625d;
  font-size: 30px;
  font-family: Arial;

}

.side-agenda-item p {
  margin: 7px 0 0 1px;
  padding: 0;
  width: 195px;
  float: left;
  font-size: 18px;
  font-family: Arial;

}

.side-agenda-item a:hover {
  color: #4baad6;
  text-decoration: none;
  
}

#archive {
  margin: 0;
  padding: 4px;
  width: 277px;
  overflow: hidden;
  
}

#archive .archive-title {
  margin: 4px 0 -1px 0;
  padding: 0;
  width: 277px;
  float: left;
  color: #63625d;
  font-size: 26px;
  font-family: Arial;

}

#archive .archive-title:hover {
  color: #4baad6;
  text-decoration: none;
  
}

#archive .date {
  margin: 0 0 6px 0;
  padding: 0 1px;
  width: 275px;
  float: left;
  overflow: hidden;
  color: #63625d;
  font-size: 12px;
  font-family: Arial;

}

#archive .more {
  margin: 3px 0 3px 0;
  padding: 0;
  width: 207px;
  float: left;
  overflow: hidden;
  color: #63625d;
  font-size: 16px;
  font-family: Arial;

}

#archive .more:hover {
  color: #4baad6;
  text-decoration: none;

}

#archive .moredate {
  margin: 6px 0 3px 0;
  padding: 0;
  width: 70px;
  float: right;
  overflow: hidden;
  color: #63625d;
  text-align: right;
  font-size: 12px;
  font-family: Arial;

}

#archive p {
  margin: 0 0 10px 0;
  padding: 0 1px;
  width: 275px;
  float: left;
  text-align: justify;
  font-size: 15px;
  font-family: Arial;

}

.left {
  margin-top: 563px;
  background-image: url('../../images/layout/home/content-left.png');
  
}

.right {
  margin-top: 563px;
  background-image: url('../../images/layout/home/content-right.png');
  
}

.top-left {
  height: 563px;
  background-image: url('../../images/layout/home/content-top-left.png');
  
}

.top-right {
  height: 563px;
  background-image: url('../../images/layout/home/content-top-right.png');
  
}

.top {
  background-image: url('../../images/layout/home/content-top.png');
  
}


.center {
  min-height: 563px;
  background-color: #faf8eb;
  background-image: url('../../images/layout/home/content-bottom.jpg');

}

.bottom {
  background-image: url('../../images/layout/home/content-bottom.png');
  
}

.bottom-left {
  height: 118px;
  background-image: url('../../images/layout/home/content-bottom-left.png');
  
}

.bottom-right {
  height: 118px;
  background-image: url('../../images/layout/home/content-bottom-right.png');
  
}

.new-news, .new-text, .new-youtube, .new-image {
  margin: 20px 0 0 0;
  padding: 18px 0 5px 0;
  position: relative;
  background-color: #d9d6c7;
  background-position: top;
  background-repeat: no-repeat;

}

.new-news {
  background-image: url('../../images/layout/home/new-news.jpg');
}

.new-text {
  background-image: url('../../images/layout/home/new-text.jpg');
}

.new-youtube {
  background-image: url('../../images/layout/home/new-youtube.jpg');
}

.new-image {
  background-image: url('../../images/layout/home/new-image.jpg');
}

#new-news {
  margin: -15px 0 20px 0;

}

.news-title, .youtube-title, .youtube-content, .image-title, .new-textarea {
  margin: 5px 5px 5px 7px;
  height: 22px;
  width: 518px;
  overflow: hidden;
  font-size: 18px;
  font-family: Arial;
}

.news-day, .news-month, .news-year {
  height: 20px;
  overflow: hidden;
  font-size: 14px;
  font-family: Arial;
}

.news-day, .news-month {
  float: left;
}

.news-day {
  margin: 5px 5px 5px 7px;
}

.news-month {
  margin: 5px 5px 5px 5px;
}

.news-year {
  margin: 5px 0 5px 5px;
}

.news-time {
  margin: 5px 0 5px 0;
  height: 14px;
  width: 35px;
  float: left;
  overflow: hidden;
  font-size: 18px;
  font-family: Arial;
  text-align: center;
}

.new-time {
  margin: 0 10px 0 0;
  float: right;
}

.time-text {
  margin: 7px 5px 0px 5px;
  float: left;
  font-size: 14px;
  
}

.file-text {
  margin: 7px 10px 0px 10px;
  width: 105px;
  float: left;
  font-size: 11px;
  font-style: italic;
  
}

.news-day {
  width: 60px;

}

.news-month {
  width: 180px;

}

.news-year {
  width: 120px;

}

.news-file {
  margin: 5px -5px 5px 5px;
  font-size: 11px;
  font-style: italic;
  color: #afafaf;
}

.news-item {
  position: relative;
}

.news-item .controls {
  margin-top: -9px;
}

.controls {
  margin-top: 4px;
  margin-right: -7px;
  position: absolute;
  top: 0px;
  right: 0px;
  display: none;
}

.controls img {
  cursor: pointer;
}

#new-text, #new-youtube, #new-image {
  display: none;
  
}

#new-news-content {
  padding: 0 0 8px 0;
  background-position: bottom;
  background-repeat: no-repeat;
}

#new-news-placeholder { 
  padding: 16px 0 0 0;
  background-position: top;
  background-repeat: no-repeat;
}