/**
 * Theme Name: Athena Faculty
 * Theme URI: http://athena-faculty.blogspot.com/
 * Description: Where green is in!
 * Author: Wong Yong Jie
 * Author URI: http://roregister.net
 * Version: 4.0.2
 * .
 * For internal use only.
 * .
 */

/**
 * Custom font declarations.
 */
@font-face {
  font-family: AthenaIdentity;
  src: url('fonts/ChaparralProCapt.eot');
  src: local('Chaparral Pro Capt'),
       url('fonts/ChaparralProCapt.otf') format('opentype'),
       url('fonts/ChaparralProCapt.svg') format('svg');
  font-weight: normal;
}

body {
  background: #0c0c0c;
  overflow-x: hidden;
}

#wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#wrapper-spotlight {
  background: url('images/splash-spotlight.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  width: 970px;
  min-height: 900px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

/**
 * Header section.
 */

#header-owl {
  position: absolute;
  left: 2px;
  top: 0px;
  z-index: 2;
}

#header-owl-glow {
  background: url('images/header-owl-glow.png');
  background-repeat: no-repeat;
  position: absolute;
  left: -135px;
  top: -134px;
  height: 514px;
  width: 615px;
}

#header-wrapper {
  position: absolute;
  left: 120px;
  top: 90px;
  width: 850px;
  height: 192px;
}

#header {
  position: relative;
}

#header-title {
  position: absolute;
  top: 0px;
  left: 240px;
}

#header-tagline {
  background: url('images/header-tagline.jpg');
  background-repeat: no-repeat;
  position: absolute;
  top: 62px;
  left: 0px;
  width: 828px;
  height: 41px;
}

/**
 * Content section.
 */

#content-wrapper {
  position: absolute;
  left: 113px;
  top: 192px;
  width: 835px;
}

#content {
  background: #ffffff;
  position: absolute;
  left: 7px;
  top: 0px;
  width: 828px;
}

/**
 * Side tabs.
 */

#content-tabs {
  position: absolute;
  left: 0px;
  top: 97px;
  height: 216px;
  width: 7px;
}

.content-tab {
  height: 54px;
  width: 7px;
}

#tab-ares { background: #ff0000;} 
#tab-apollo { background: #fffc02; }
#tab-artemis { background: #2256ff; }
#tab-hcunite { background: #ffba00; }

/**
 * Notices.
 */

#content-notices {
  position: relative;
  margin: 8px;
  width: 811px;
}

/**
 * Menu.
 */

#menu-wrapper {
  background: url('images/menu-bg.png');
  position: absolute;
  top: 0px;
  left: 0px;
  width: 811px;
  height: 33px;
  z-index: 1;
}

.menu {
  position: absolute;
  top: 0px;
  left: 220px;
}

.page_item {
  display: inline;
  float: left;
  padding: 0px 13px 0px 13px;
  line-height: 33px;
  margin: 0px 11px 0px 11px;
  color: #ffffff;
  font-size: 14px;
}

.page_item a:link, .page_item a:active, .page_item a:visited {
  color: #ffffff;
  text-decoration: none;
}

.current_page_item {
  background: url('images/menu-item-bg.png');
  background-repeat: repeat-x;
}

/**
 * Sections.
 */

.block-section {
  padding: 14px 0px 0px 20px;
}

.section-title {
  font-family: georgia, serif;
  font-size: 21px;
  border-bottom: solid 1px #bbbbbb;
  margin-bottom: 10px;
}

.section-content {
  font-family: verdana, sans-serif;
  font-size: 12px;
  margin-bottom: 15px;
}

.section-content p a:link, .section-content p a:visited {
  text-decoration: none;
  color: #000000;
}

.section-content p a:active, .section-content p a:hover {
  background: #8fc408;
  color: #ffffff;
  font-weight: bold;
}

.content-text {
  font-size: 14px;
  line-height: 21px;
}

/**
 * Home: post-item
 */

.post-item a:link, .post-item a:active, .post-item a:visited {
  text-decoration: none;
  color: #000000;
}

/**
 * Home: Notices
 */

#notice-selector {
  position: absolute;
  bottom: 30px;
  left: 30px;
  height: 17px;
  width: 400px;
}

#notice-selector .selector {
  display: inline;
  margin: 0px 5px 0px 5px;
  cursor: pointer;
}


/**
 * Blog: Banner shadow.
 */

#blog-wrapper {
  /* background: url('images/blog-bg.png');
  background-repeat: no-repeat; */
  width: 796px;
  min-height: 175px;
  margin: 0px 8px 8px 8px;
  padding: 15px 10px 0px 10px;
}

/**
 * Blog: Content section.
 */

#blog-content {
  width: 535px;
  float: left;
  padding: 5px 30px 20px 5px;
}

#blog-content a:link, #blog-content a:visited {
  color: #000000;
  text-decoration: none;
}

#blog-content a:active, #blog-content a:hover {
  background: #8fc408;
  color: #ffffff;
}

#blog-content .post-meta {
  height: 52px;
  padding-top: 5px;
  padding-bottom: 20px;
}

#blog-content .post-title {
  font-family: "palatino linotype", georgia, serif;
  font-size: 24px;
  margin-bottom: 5px;
  text-overflow: ellipsis; /* Note: No FF support, implemented in $.ellipsis() */
  overflow: hidden;
  white-space: nowrap;
}

#blog-content .post-info {
  font-family: "segoe ui", verdana, sans-serif;
  font-size: 12px;
  font-style: italic;
}

.post-divider {
  background: url('images/post-divider.png');
  height: 100px;
  width: 278px;
  margin-left: auto;
  margin-right: auto;
}

#respond h3 {
  font-size: 16px;
  margin-bottom: 10px;
}

#respond p {
  font-family: verdana;
  font-size: 12px;
  margin-bottom: 10px;
}

#respond a:link, #respond a:visited{
  color: #000000;
  text-decoration: none;
  padding: 2px;
}

#respond a:hover, #respond a:active {
  background: #8fc408;
  color: #ffffff;
  font-weight: bold;
}

#comments {
  padding-bottom: 10px;
}

.commentlist {
  font-family: verdana;
  font-size: 12px;
  padding-bottom: 15px;
}

.comment {
  padding-bottom: 10px;
}

.comment a:link, .comment a:visited {
  color: #000000;
  text-decoration: none;
}

.comment a:active, .comment a:hover {
  background: #8fc408;
  color: #ffffff;
  font-weight: bold;
}

.comment-body {
  background: #eeeeee;
  padding: 10px 10px 10px 10px;
  position: relative;
}

.comment-body em {
  position: absolute;
  right: 10px;
  top: 10px; 
}

.comment-author .avatar {
  float: left;
  padding-right: 10px;
}

.comment-author, .comment-meta {
  height: 16px;
}

.comment-meta {
  padding-bottom: 10px;
}

.comment-author p {
  clear: both;
}

#blog-sidebar {
  width: 226px;
  float: left;
}

/**
 * Blog: Post styles.
 */

#blog-content .post-content {
  font-family: "segoe ui", verdana, sans-serif;
  font-size: 13px;
  line-height: 130%;
}

#blog-content .post-content img {
  padding: 5px;
  border: solid 1px #aaaaaa;
}

#blog-content .post-content .img-noborder img {
  padding: 0px;
  border: none;
}

#blog-content .post-content img.wp-smiley {
  padding: 0px;
  border: none;
}

#blog-content .post-content .aligncenter {
  margin-left: auto;
  margin-right: auto;
}

#blog-content .post-content .wp-caption {
  text-align: center;
}

#blog-content .post-content p {
  margin: 10px 0px 10px 0px;
}

#blog-content .post-content h1 {
  font-size: 24px;
  line-height: 28px;
}

#blog-content .post-content h2 {
  font-size: 21px;
  line-height: 25px;
}

#blog-content .post-content h3 {
  font-size: 18px;
  line-height: 22px;
}

#blog-content .post-content blockquote {
  background: #efffad;
  border: dashed 1px #45871d;
  margin-left: 10px;
  padding: 20px;
  font-family: cambria, palatino, georgia, serif;
  font-size: 12px;
  line-height: 18px;
  text-shadow: 1px 1px 20px #58921a;
}

/**
 * Blog: Widget section.
 */

#blog-sidebar .widgettitle {
  font-family: tahoma, sans-serif;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 10px;
}

#blog-sidebar li.widget {
  padding: 10px 0px 10px 0px;
  font-family: verdana, sans-serif;
  font-size: 12px;
}

.widget_search #s {
  width: 200px;
  font-size: 12px;
  font-family: verdana, sans-serif;
}

.widget_calendar caption {
  background: #333333;
  font-weight: bold;
  font-size: 18px;
  color: #ffffff;
}

.widget_calendar h2 {
  margin: 0px;
  height: 0px; /* Hack to hide the h2 div */
}

.widget_calendar table {
  background: #dddddd;
  width: 100%;
  line-height: 30px;
}

.widget_calendar tbody td {
  background: #eeeeee;
  text-align: center;
  font-size: 11px;
  color: #888888;
}

.widget_calendar tbody td:active {
  background: #8fc408;
}

.widget_calendar tbody td.pad:active {
  background: #eeeeee;
}

.widget_calendar tbody td a:link, .widget_calendar tbody td a:active, .widget_calendar tbody td a:visited {
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}

.widget_calendar tfoot #prev {
  padding-left: 10px;
}

.widget_calendar tfoot #next {
  padding-right: 10px;
  text-align: right;
}

.widget_calendar tfoot a:link, .widget_calendar tfoot a:visited  {
  color: #000000;
  text-decoration: none;
}

.widget_calendar tfoot a:active {
  background: #8fc408;
  color: #ffffff;
}

.widget_archive {
  line-height: 18px;
}

.widget_archive a:link, .widget_archive a:visited {
  color: #000000;
  text-decoration: none;
  padding: 2px;
}

.widget_archive a:hover, .widget_archive a:active {
  background: #8fc408;
  color: #ffffff;
  font-weight: bold;
}

.widget_meta {
  line-height: 18px;
}

.widget_meta a:link, .widget_meta a:visited{
  color: #000000;
  text-decoration: none;
  padding: 2px;
}

.widget_meta a:hover, .widget_meta a:active {
  background: #8fc408;
  color: #ffffff;
  font-weight: bold;
}

.sidebar-divider {
  background: url('images/sidebar-divider.png');
  height: 30px;
  width: 224px;
  margin-left: auto;
  margin-right: auto;
}

/**
 * Blog: Archive and Search.
 */

.archive-title, .search-title {
  font-family: georgia, serif;
  font-size: 24px;
  font-weight: bold;
  border-bottom: solid 1px #bbbbbb;
  margin-bottom: 18px;
}

/**
 * People: Class list.
 */

.class-tile {
  float: left;
  position: relative;
  width: 256px;
}

.class-options {
  font-size: 11px;
  width: 16px;
  height: 150px;
  position: absolute;
  right: 10px;
  top: 15px;
}

.class-options img {
  margin-bottom: 5px;
}

/**
 * Media: Showcase.
 */

#media-dance {
  width: 808px;
  background: url('images/media/faculty-dances.jpg');
  background-repeat: no-repeat;
  background-position: top right;
  min-height: 446px;
}

#media-wallpapers {
  width: 398px;
  background: url('images/media/wallpapers.jpg');
  background-repeat: no-repeat;
  background-position: top left;
  min-height: 440px;
  padding-left: 410px;
}

/**
 * Media: Faculty Dance List.
 */

.dance-video {
  background: url('images/media/dance-video-bg.png');
  background-repeat: repeat-x;
  width: 658px;
  height: 400px;
  float: left;
  position: relative;
  overflow: hidden;
}

.dance-video-scrollable {
  position: absolute;
  height: 20000em;
}

.dance-video-item {
  width: 658px;
  height: 400px;
  position: relative;
}

.dance-list {
  background: url('images/media/dance-list-bg.png');
  background-repeat: no-repeat;
  width: 130px;
  height: 400px;
  float: left;
  position: relative;
  overflow: hidden;
}

.dance-list-scrollable {
  position: absolute;
  height: 20000em;
}

.dance-title {
  position: absolute;
  top: 19px;
  left: 16px;
}

.dance-embed {
  position: absolute;
  top: 32px;
  left: 13px;
  width: 527px;
  height: 316px;
}

.dance-download {
  position: absolute;
  bottom: 20px;
  right: 10px;
}

.dance-versions {
  position: absolute;
  top: 45px;
  right: 103px;
  color: #ffffff;
  font-size: 10px;
}

.dance-versions a:link, .dance-versions a:visited {
  text-decoration: none;
  color: #ffffff;
}

.dance-versions a:active, .dance-versions a:hover {
  text-decoration: underline;
}

.dance-download img {
  display: block;
}

.dance-item {
  height: 105px;
  width: 130px;
}

.dance-item:hover {
  background: #6a6a6a;
  cursor: pointer;
}

/**
 * Badges.
 */

#badge-facebook {
  position: absolute;
  right: 14px;
  top: 10px;
  z-index: 1;
}

/**
 * Footer.
 */

#footer-wrapper {
  background: #0c0c0c;
  width: 828px;
  padding-top: 18px;
}

#footer-credits {
  text-align: center;
  color: #ffffff;
  width: 828px;
  font-size: 10px;
  padding-bottom: 20px;
}

#footer-websites {
  text-align: center;
  color: #ffffff;
  width: 828px;
  font-size: 14px;
  margin-top: 12px;
}

.website-name {
  padding: 0px 3px 0px 3px;
}

#website-ares a:link, #website-ares a:active, #website-ares a:visited {
  color: #ff0000;
  text-decoration: none;
  padding-top: 1px;
}

#website-apollo a:link, #website-apollo a:active, #website-apollo a:visited {
  color: #fcff00;
  text-decoration: none;
  padding-top: 1px;
}

#website-artemis a:link, #website-artemis a:active, #website-artemis a:visited {
  color: #2256ff;
  text-decoration: none;
  padding-top: 1px;
}

#website-hcunite a:link, #website-hcunite a:active, #website-hcunite a:visited {
  color: #ffba00;
  text-decoration: none;
  padding-top: 1px;
}

#footer-line {
  background: url('images/footer-line.png');
  height: 1px;
  width: 828px;
}

/**
 * Date template.
 */

.date-wrapper {
  background: url('images/placeholder-date.png');
  background-repeat: no-repeat;
  float: left;
  width: 54px;
  height: 57px;
  padding-right: 12px;
  
  /* Applies to child: .date-month, .date-day */
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

.date-month {
  font-size: 8px;
  line-height: 16px;
  text-transform: uppercase;
}

.date-day {
  font-size: 24px;
  line-height: 35px;
}

/**
 * Latest posts.
 */
 
.post-info {
  padding-top: 3px;
}

.post-title {
  font-weight: bold;
  font-family: verdana, sans-serif;
  font-size: 14px;
  text-overflow: ellipsis; /* Note: No FF support, implemented in $.ellipsis() */
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 9px;
}

.post-content {
  font-family: tahoma, sans-serif;
  font-size: 11px;
  line-height: 120%;
}

.post-item {
  padding: 10px;
  height: 57px;
}

.post-item:hover {
  background: #eeeeee;
}

/**
 * Tooltips.
 */

#tooltip-wrapper {
  position: absolute;
  z-index: 99;
}

.tooltip-title {
  font-family: georgia, serif;
  font-size: 16px;
  color: #eeeeee;
  padding-bottom: 3px;
  border-bottom: solid 1px #cccccc;
}

#tooltip-close {
  background: url('images/tooltip/tooltip-close.png');
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 16px;
  width: 15px;
  cursor: pointer;
}

#tooltip-arrow-l {
  position: absolute;
  height: 11px;
  width: 9px;
  top: 30px;
  left: 0px;
}

#tooltip-arrow-r {
  position: absolute;
  height: 11px;
  width: 9px;
  top: 30px;
  right: 0px;
}

#tooltip-tl, #tooltip-tm, #tooltip-tr,
#tooltip-ml, #tooltip-mm, #tooltip-mr,
#tooltip-bl, #tooltip-bm, #tooltip-br {
  float: left;
}

#tooltip-tl, #tooltip-tr, #tooltip-bl, #tooltip-br {
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
}

#tooltip-ml, #tooltip-mr {
  background-repeat: repeat-y;
  width: 20px;
}

#tooltip-tm, #tooltip-bm {
  background-repeat: repeat-x;
  height: 20px;
}

#tooltip-tl { background: url('images/tooltip/tooltip-tl.png'); }
#tooltip-tm { background: url('images/tooltip/tooltip-tm.png'); }
#tooltip-tr { background: url('images/tooltip/tooltip-tr.png'); }
#tooltip-ml { background: url('images/tooltip/tooltip-ml.png'); }
#tooltip-mm { background: url('images/tooltip/tooltip-mm.png'); }
#tooltip-mr { background: url('images/tooltip/tooltip-mr.png'); }
#tooltip-bl { background: url('images/tooltip/tooltip-bl.png'); }
#tooltip-bm { background: url('images/tooltip/tooltip-bm.png'); }
#tooltip-br { background: url('images/tooltip/tooltip-br.png'); }

#tooltip-mm {
  color: #ffffff;
  font-family: verdana;
  font-size: 11px;
  position: relative;
}

.tooltip-loading {
  text-align: center;
}

.tooltip-loading-image {
  margin-left: auto;
  margin-right: auto;
  padding: 50px 0px 10px 0px;
  display: block;
} 

/**
 * RSS feed tooltip.
 */

.feed-item {
  width: 100%;
  padding: 10px 0px 5px 0px;
}

.feed-meta {
  background: url('images/feed-bg.png');
  background-repeat: no-repeat;
  height: 30px;
  width: 100%;
}

.feed-date, .feed-title {
  font-family: georgia, serif;
  font-size: 18px;
  float: left;
  padding-top: 6px;
}

.feed-title {
  padding-left: 25px;
  text-overflow: ellipsis; /* Note: No FF support, implemented in $.ellipsis() */
  overflow: hidden;
  white-space: nowrap;
  width: 200px;
  padding-right: 10px;
}

.feed-title a:link, .feed-title a:visited {
  color: #eeeeee;
  text-decoration: none;
}

#tooltip-ares .feed-title a:active, #tooltip-ares  .feed-title a:hover {
  background: #ff0000;
}

#tooltip-apollo .feed-title a:active, #tooltip-apollo  .feed-title a:hover {
  background: #fcff00;
  color: #333333;
}

#tooltip-artemis .feed-title a:active, #tooltip-artemis  .feed-title a:hover {
  background: #2256ff;
}

#tooltip-hcunite .feed-title a:active, #tooltip-hcunite  .feed-title a:hover {
  background: #ffba00;
  color: #333333;
}

.feed-date {
  padding-left: 10px;
}

.feed-extract {
  padding: 10px 10px 0px 10px;
}

/**
 * Cbox.
 */

#cboxdiv {
  height: 365px;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}

#cboxmain {
  height: 300px;
  width: 200px;
  overflow-y: scroll;
}

#cboxform {
  height: 80px;
  width: 200px;
  overflow: hidden;
  padding: 0px;
}

/**
 * Other text blocks.
 */

.text-older-posts, .text-newer-posts {
  font-size: 14px;
  font-family: tahoma;
  font-weight: bold;
}

.text-older-posts a:link, .text-older-posts a:visited,
.text-older-posts a:link, .text-newer-posts a:visited {
  color: #000000;
  text-decoration: none;
}

.text-older-posts a:active, .text-older-posts a:hover,
.text-older-posts a:active, .text-newer-posts a:hover {
  background: #8fc408;
  color: #ffffff;
}

.text-older-posts { float: left; }
.text-newer-posts { float: right; }

/**
 * Miscellaneous.
 */

a img {
  border: 0px;
}

input[type=submit] {
  background: url('images/input-submit-bg.jpg');
  background-repeat: repeat-x;
  border: solid 2px #6d9a48;
  border-radius: 2px;
  -moz-border-radius: 2px; /* Proprietary, should be removed when implemented */
  -webkit-border-radius: 2px;
  padding: 2px 10px 3px 10px;
  font-family: verdana, sans-serif;
  font-size: 11px;
  color: #ffffff;
  cursor: pointer;
}

input[type=submit]:active {
  background: url('images/input-submit-active-bg.jpg');
  background-repeat: repeat-x;
}

.clear {
  clear: both;
}

::selection {
	background: #8fc408;
  color: #ffffff;
}

::-moz-selection {
	background: #8fc408;
  color: #ffffff;
}