/*********************
COLORS
*********************/
/*********************
TYPOGRAPHY
*********************/
@font-face {
  font-family: Satellite;
  src: url(../fonts/Satellite.otf) format("opentype");
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/GothamHTF-Book.otf) format("opentype");
}
@font-face {
  font-family: Gothic;
  src: url(http://projectethos.tv/wp-content/themes/projectethos/inc/fonts/CenturyGothic.mt) format("monotype");
}
html {
  font-family: Arial, Helvetica;
}
body {
  background: #222222 url(../images/bg.jpg) repeat;
  font-family: Arial, Helvetica;
}
body.site,
.site,
#page {
  background: transparent;
}
.shine {
  background: url(../images/shine.jpg) center top no-repeat;
  position: absolute;
  top: 0px;
  z-index: -10;
  width: 100%;
  height: 660px;
}
.box_skitter .image {
  background: #000;
}
a {
  font-family: Gotham;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
/**********/
/* HEADER */
/**********/
#masthead-0 {
  width: 100%;
  margin-top: 20px;
  position: relative;
}
#masthead-0 .logo {
  box-shadow: 0 3px 8px #000;
  width: 415px;
  height: 65px;
}
.site-header,
#masthead {
  background: url(../images/nav-bg.png) center top;
  border: 1px solid #333;
  box-shadow: 0 3px 8px #000;
  border-radius: 5px;
  margin-bottom: 8px;
  margin-top: 15px;
}
#masthead-0 .user-links {
  float: right;
  font-size: 12px;
  color: #ddd;
  margin-top: -32px;
}
#masthead-0 .user-links .user-menu-item .user-sub-menu {
  text-align: right;
  font-size: 11px;
  text-transform: uppercase;
}
ul.user-sub-menu li {
  padding: 5px 0 0 0;
}
.header-search {
  position: absolute;
  top: 0;
  right: -13px;
  width: 280px;
  height: 35px;
}
#search-container input {
  width: 252px;
}
#search-container input#search {
  background: #777;
  border: 1px solid #555;
  color: #222;
  font-size: 16px;
  padding: 3px 6px;
}
/* LINK STATES */
.main-navigation li a {
  color: #fff;
  padding: 0 18px;
  line-height: 3.5em;
}
.main-navigation li a:hover {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
/* active link */
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
/* DD MENU */
.main-navigation li ul {
  box-shadow: 0 2px 8px #222;
  z-index: 1500;
}
.main-navigation li ul li a {
  background: rgba(0, 0, 0, 0.8);
}
.main-navigation li ul li a:hover {
  background: #000000;
}
/* FEATURED EVENT BANNER */
.featured-event {
  background: #111;
  border: 1px solid #333;
  border-radius: 5px;
  box-shadow: 0 3px 8px #000;
  width: 1000px;
  height: 75px;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
}
.featured-event .bg {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}
.featured-event .content {
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 300px;
  height: 75px;
  padding: 8px;
}
.featured-event .content h1 {
  color: #f67dff;
  font-size: 23px;
  text-shadow: 1px 1px 2px #000;
  margin-bottom: 2px;
}
.featured-event .content ul {
  color: #fff;
  padding: 5px 0 0 15px;
}
.featured-event .content ul li {
  margin-bottom: 8px;
  font-size: 12px;
}
.featured-event .content ul li .btn {
  width: 185px;
  right: -595px;
  top: 30px;
  position: absolute;
}
.featured-event .content ul li .btn a {
  background: #f77eff;
  border: 1px solid #98399f;
  border-radius: 5px;
  box-shadow: 0 2px 7px #333;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 2px 8px;
  text-decoration: none;
  text-shadow: 1px 1px 0px #555;
}
.featured-event .content ul li .btn a:hover {
  background: #fff;
  color: #ff14e8;
  text-shadow: none;
}
/* RECENT COVERAGE */
.recent_coverage {
  border: 1px solid #333;
  border-radius: 5px;
  font-family: Gotham;
  width: 100%;
  margin: 0 0 10px 0;
  overflow: hidden;
}
.recent_coverage ul {
  overflow: hidden;
  padding: 10px;
}
.recent_coverage ul ul {
  float: left;
  margin: 0 24px 0 0;
}
.recent_coverage ul ul li.txt {
  color: #f047b2;
  font-size: 11px;
  width: 70px;
  text-transform: uppercase;
  text-align: right;
  margin: 0 8px 0 0;
}
.recent_coverage ul li {
  float: left;
  margin-right: 35px;
}
.recent_coverage ul li:nth-last-child(1) {
  margin: 0;
}
/***************/
/* MAIN SPREAD */
/***************/
#slider {
  border: 1px solid #333;
  box-shadow: 0 3px 8px #000;
  width: 1000px;
  height: 350px;
  overflow: hidden;
  border-radius: 5px;
  margin-bottom: 15px;
}
#main,
.wrapper {
  margin-bottom: 25px;
}
.main-body {
  background: #e2e2e2;
  border: 1px solid #333;
  border-radius: 5px;
  box-shadow: 0 3px 8px #000;
  min-height: 400px;
  overflow: hidden;
}
.sb {
  background: url(../images/body-bg.jpg) repeat-y #e2e2e2;
}
.site-content {
  padding: 15px 15px 14px 15px;
  width: 666px;
}
.site-content-full {
  padding: 15px;
}
/* SIDEBAR */
.widget-area {
  overflow: hidden;
}
.widget-area .widget {
  border-bottom: 1px solid #333;
  box-shadow: 0 3px 8px #888;
  margin-top: 12px;
  margin-bottom: 12px;
}
.widget-area .widget h3 {
  background: #333;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 0 5px;
  text-align: center;
}
.widget-area .widget ol,
.widget-area .widget ul {
  background: rgba(255, 255, 255, 0.75);
  padding: 5px 0 5px 18px;
}
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
  line-height: 20px;
}
.widget-area .widget a {
  color: #F047B2;
  text-decoration: none;
}
.widget-area .widget a:hover {
  color: #000;
  text-decoration: none;
}
/* HOMEPAGE VIDEO CONTENT */
.featured-vid h1 {
  padding: 12px 0 10px 10px;
}
.featured-vid h1 a {
  color: #f047b2;
  font-size: 19px;
  font-weight: bold;
  font-family: Gotham;
  padding: 12px 0 5px 10px;
  text-decoration: none;
}
.featured-vid h1 a:hover {
  color: #fff;
  text-decoration: none;
}
.featured-vid .wrap {
  border: 1px solid #333;
  /* box-shadow:0 2px 4px #777; */
  position: relative;
  overflow: hidden;
  width: 666px;
  height: 250px;
}
.featured-vid .wrap .poster {
  position: absolute;
  top: 0;
  left: 0;
}
.featured-vid .wrap .ply-btn {
  position: absolute;
  top: 80px;
  left: 187px;
  width: 65px;
  height: 65px;
  opacity: 0.5;
}
.featured-vid .wrap .content {
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  position: absolute;
  right: 0;
  top: 0;
  width: 225px;
  height: 250px;
  padding: 15px;
  line-height: 18px;
}
.featured-vid .wrap .content h2 {
  margin-bottom: 12px;
}
.featured-vid .wrap .content h2 a {
  color: #f047b2;
  font-family: Gotham;
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 4px;
  padding-bottom: 3px;
  line-height: 20px;
}
.featured-vid .wrap .content h2 a:hover {
  color: #fff;
}
.featured-vid .vids ul {
  width: 668px;
  overflow: hidden;
}
.featured-vid .vids ul li {
  display: table-cell;
  width: 221px;
  height: 125px;
}
.featured-vid .vids ul li .wrpr {
  border: 1px solid #333;
  position: relative;
  height: 125px;
}
.featured-vid .vids ul li .wrpr .ply-btn {
  position: absolute;
  top: 34px;
  left: 82px;
  width: 50px;
  height: 50px;
  opacity: 0.7;
}
.featured-vid .vids ul li .wrpr .content {
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.featured-vid .vids ul li .wrpr .content h2 {
  background: rgba(0, 0, 0, 0.65);
  width: 100%;
  padding: 5px 0 5px 8px;
}
.featured-vid .vids ul li .wrpr .content h2 a {
  font-family: Gotham;
  color: #f047b2;
}
.featured-vid .vids ul li .wrpr .content h2 a:hover {
  color: #fff;
}
/* HOMEPAGE EVENT CONTENT */
.events-home {
  margin-top: 30px;
}
.events-home h1 {
  background: #333;
  border-radius: 5px 5px 0 0;
  padding: 8px 8px 8px 25px;
}
.events-home h1 a {
  font-family: Gotham;
  color: #F047B2;
  font-size: 19px;
  text-decoration: none;
}
.events-home h1 a:hover {
  color: #fff;
}
.events-home ul.container {
  margin-top: 0px;
}
.events-home ul li.wrap {
  /* border-radius:0 5px 5px 0; */
}
.events-home ul li.wrap:nth-child(odd) {
  background: rgba(0, 0, 0, 0.15);
}
.events-home ul li ul {
  border: 1px solid #aaa;
  /* border-radius:0 5px 5px 0; */
  height: 50px;
  overflow: hidden;
  margin-bottom: 4px;
}
.events-home ul li ul li {
  display: inline-block;
  position: relative;
  height: 50px;
}
.events-home ul li ul li.img {
  width: 55px;
}
.events-home ul li ul li.title {
  width: 325px;
}
.events-home ul li ul li.date {
  font-size: 13px;
  width: 118px;
}
.events-home ul li ul li.img a img {
  border-right: 1px solid #aaa;
}
.events-home ul li ul li span {
  position: absolute;
  bottom: 18px;
}
.events-home ul li ul li.title span a {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
}
.events-home ul li ul li.title span a:hover {
  color: #F047B2;
  /* text-shadow:1px 1px 0px #000 */
  text-decoration: none;
}
.events-home ul li ul li.right {
  width: 152px;
}
.events-home ul li ul li span.tickets {
  right: 5px;
}
.events-home ul li ul li span a.tickets {
  background: #f77eff;
  border: 1px solid #98399f;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 8px 5px 8px;
  text-decoration: none;
}
.events-home ul li ul li span a.tickets:hover {
  background: #fff;
  color: #ff00b7;
}
/* HOMEPAGE BLOG CONTENT */
.blog-home {
  margin-top: 30px;
}
.blog-home h1 {
  background: #333;
  border-radius: 5px 5px 0 0;
  font-family: Gotham;
  padding: 8px 8px 8px 25px;
  color: #F047B2;
  font-size: 19px;
  text-decoration: none;
}
.blog-home ul {
  margin-top: 0px;
}
.blog-home ul li:nth-child(odd) {
  background: rgba(0, 0, 0, 0.2);
}
.blog-home ul li {
  border: 1px #666 solid;
  height: 100px;
  overflow: hidden;
  margin-bottom: 10px;
}
.blog-home ul li .poster {
  background: #222222 url(../images/image-filler.jpg);
  float: left;
  width: 185px;
  height: 100px;
  overflow: hidden;
}
.blog-home ul li .content {
  float: right;
  width: 72%;
}
.blog-home ul li .content h2 {
  background: #ccc;
  padding: 5px 0 5px 10px;
  margin-bottom: 5px;
}
.blog-home ul li .content h2 a {
  color: #F047B2;
  font-family: Gotham;
  font-size: 16px;
  text-decoration: none;
}
.blog-home ul li .content h2 a:hover {
  color: #fff;
}
.blog-home ul li .content div {
  padding: 3px 8px 0 10px;
}
/********************/
/* WEB SERIES PAGES */
/********************/
.videoplayer {
  background: #000000 url(../images/loader.gif) center center;
  border: 1px solid #333;
  width: 666px;
  height: 375px;
}
.vid-content {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  margin-top: 20px;
  padding: 10px;
  position: relative;
  float: left;
  width: 400px;
  margin-bottom: 15px;
}
.vid-content .date {
  color: #777;
  font-size: 12px;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 250px;
  text-align: right;
}
.vid-content h1 {
  color: #F047B2;
  font-size: 24px;
}
.vid-content span {
  font-size: 15px;
  line-height: 20px;
}
.prevnext {
  float: right;
  width: 240px;
}
.next {
  border-radius: 4px;
  width: 240px;
  float: right;
  margin-top: 20px;
  overflow: hidden;
  height: 150px;
  position: relative;
}
.next .overlay {
  position: absolute;
  width: 50px;
  height: 50px;
  right: 15px;
  top: 10px;
  opacity: 0.8;
}
.next .nxt {
  background: rgba(0, 0, 0, 0.65);
  color: #F047B2;
  font-size: 12px;
  position: absolute;
  top: 10px;
  left: 0;
  width: 100px;
  padding: 6px 0;
  text-align: center;
}
.next .prv {
  background: rgba(0, 0, 0, 0.65);
  color: #F047B2;
  font-size: 12px;
  position: absolute;
  top: 10px;
  left: 0;
  width: 120px;
  padding: 6px 0;
  text-align: center;
}
.next .episode {
  background: rgba(0, 0, 0, 0.65);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 240px;
  padding: 6px 0;
  text-align: center;
}
.next .episode a {
  color: #F047B2;
  font-weight: bold;
  text-decoration: none;
}
.next .episode a:hover {
  color: #fff;
}
.next .episode a span {
  color: #fff;
}
/*****************/
/* VIDEO ARCHIVE */
/*****************/
h1.vid-archive {
  font-size: 22px;
}
.vid-archive-wrap ul li:nth-child(odd) {
  background: rgba(0, 0, 0, 0.15);
}
.vid-archive-wrap ul li {
  display: block;
  overflow: hidden;
  border-radius: 0 5px 5px 0;
  border: 1px #aaa solid;
  height: 150px;
  margin-bottom: 20px;
}
.vid-archive-wrap ul li .img {
  float: left;
  border-right: 1px #aaa solid;
  height: 150px;
  position: relative;
}
.vid-archive-wrap ul li .img .ply-btn {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 43px;
  left: 120px;
  opacity: 0.75;
}
.vid-archive-wrap ul li .content {
  float: left;
  width: 360px;
}
.vid-archive-wrap ul li .content h2 {
  background: rgba(0, 0, 0, 0.7);
  font-size: 20px;
  font-weight: normal;
  padding: 8px 8px;
  margin-bottom: 8px;
}
.vid-archive-wrap ul li .content h2 a {
  text-decoration: none;
}
.vid-archive-wrap ul li .content p {
  padding: 0 0 0 10px;
}
/*********************/
/* SINGLE EVENT PAGE */
/*********************/
article header.event {
  position: relative;
  margin: 0;
}
article header h1.event {
  background: rgba(0, 0, 0, 0.75);
  color: #F047B2;
  font-size: 28px;
  padding: 8px 15px;
  position: absolute;
  top: 180px;
  left: 0;
}
article div.event span {
  font-size: 18px;
  font-weight: bold;
}
article div.event .info {
  background: rgba(0, 0, 0, 0.1);
  border: 1px #aaa solid;
  border-radius: 5px;
  float: right;
  margin-left: 10px;
  margin-bottom: 50px;
  position: relative;
  min-width: 150px;
}
div.event .info h2 {
  background: #444;
  color: #fff;
  font-weight: normal;
  font-size: 15px;
  margin: 0;
  padding: 0;
  text-align: left;
  text-indent: 10px;
}
div.event .info ul {
  font-size: 12px;
  margin: 0;
  padding: 10px;
}
div.event .info ul li {
  display: block;
  margin: 0;
}
div.event .info ul li h3 {
  font-size: 12px;
  margin: 0;
}
div.event .info ul li.loc {
  margin-top: 10px;
}
div.event .info .tickets {
  position: absolute;
  bottom: -42px;
  left: 2px;
}
div.event .info .tickets a {
  background: none repeat scroll 0 0 #F77EFF;
  border: 1px solid #98399F;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 1px 3px #999;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  padding: 2px 8px;
  text-decoration: none;
  text-shadow: 1px 1px 0 #555555;
}
div.event .info .tickets a:hover {
  color: #ff00ab;
  background: #fff;
}
/***************************/
/* SINGLE PARTICIPANT PAGE */
/***************************/
article header.part {
  position: relative;
  margin: 0;
}
article header h1.part {
  background: rgba(0, 0, 0, 0.75);
  color: #F047B2;
  font-size: 28px;
  padding: 8px 15px;
  position: absolute;
  top: 250px;
  left: 0;
}
article div.part span {
  font-size: 18px;
  font-weight: bold;
}
article div.part .info {
  background: rgba(0, 0, 0, 0.1);
  border: 1px #aaa solid;
  border-radius: 5px;
  float: right;
  margin-left: 10px;
  margin-bottom: 50px;
  position: relative;
  min-width: 140px;
}
div.part .info h2 {
  background: #444;
  color: #fff;
  font-weight: normal;
  font-size: 15px;
  margin: 0;
  padding: 0;
  text-align: left;
  text-indent: 10px;
}
div.part .info ul {
  font-size: 12px;
  margin: 0;
  padding: 10px;
}
div.part .info ul li {
  display: block;
  margin: 0;
}
div.part .info ul li h3 {
  font-size: 12px;
  margin: 0;
}
/* RELATED EVENTS */
/**********************/
/* EVENT ARCHIVE LIST */
/**********************/
ul.event-list-archive li.wrap:nth-child(odd) {
  background: rgba(0, 0, 0, 0.1);
}
ul.event-list-archive li.wrap {
  border: 1px #aaa solid;
  border-radius: 0 5px 5px 0;
  overflow: hidden;
  height: 100px;
  display: block;
  margin-bottom: 15px;
}
ul.event-list-archive li.wrap .img {
  border-right: 1px #777 solid;
  float: left;
  width: 100px;
  height: 100px;
}
ul.event-list-archive li.wrap ul {
  float: left;
  width: 563px;
}
ul.event-list-archive li.wrap ul h2 {
  background: rgba(0, 0, 0, 0.65);
  font-size: 18px;
  font-weight: normal;
  padding: 8px 0 8px 6px;
}
ul.event-list-archive li.wrap ul h2 a {
  text-decoration: none;
}
ul.event-list-archive li.wrap ul li {
  display: inline-table;
  width: 47.87%;
  padding: 5px 5px 2px 5px;
  height: 75px;
}
ul.event-list-archive li.wrap ul li.excerpt {
  font-size: 12px;
}
ul.event-list-archive li.wrap ul li div {
  margin-bottom: 18px;
}
ul.event-list-archive li.wrap ul li .tickets {
  background: none repeat scroll 0 0 #F77EFF;
  border: 1px solid #98399F;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 2px 7px #333333;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  padding: 2px 8px;
  text-decoration: none;
}
.comments-area {
  float: left;
  width: 400px;
}
/**********/
/* FOOTER */
/**********/
footer[role="contentinfo"] {
  background: #000000 url(../images/ftr-bg.jpg) center top no-repeat;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  border-radius: 5px 5px 0 0;
  min-height: 200px;
  padding-top: 10px;
  width: 1000px;
  overflow: hidden;
}
footer .site-info ul {
  color: #ccc;
  text-align: center;
  padding: 0px;
}
footer .site-info ul li {
  display: inline-table;
  width: 220px;
  padding: 0 13px;
  text-align: left;
  vertical-align: top;
}
aside.footer-widget h1 {
  border-bottom: 1px solid #555555;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 16px;
  text-transform: uppercase;
}
aside.footer-widget ul li {
  border-bottom: 1px solid #333;
  display: block;
  width: 87%;
  margin-bottom: 5px;
  padding-bottom: 3px;
  line-height: 16px;
}
footer[role="contentinfo"] .twitter a {
  color: #F047B2;
}
footer[role="contentinfo"] .twitter a:hover {
  color: #fff;
}
/*******/
/* ADS */
/*******/
.corner-filler {
  background: url(../images/corner-filler.jpg) no-repeat #222222;
  float: left;
  width: 270px;
  height: 90px;
}
.corner-filler-two {
  background: url(../images/corner-filler-two.jpg) no-repeat #222222;
  float: left;
  width: 270px;
  height: 90px;
}
#adonesix {
  background: #000;
  width: 160px;
  height: 600px;
  overflow: hidden;
  margin: auto;
}
/* 160x600 */
#adseventwoeight {
  background: #000;
  width: 728px;
  height: 90px;
  overflow: hidden;
}
/* 728x90 */
#adthreehxsixh {
  width: 300px;
  height: 600px;
  overflow: hidden;
  line-height: 0;
}
.fb-comments-title {
  display: none;
}
.fb_comments_count {
  display: none;
}
/*******************/
/* iPHONE AND iPAD */
/*******************/
@media screen and (max-width: 600px) {
  /* body {width:728px} */
  /* .site {padding:0;} */
  /* #slider {display:none !important;} */
  /* .logo img {width:728px;} */
  /* footer[role="contentinfo"] {width:768px;} */
}