/*
Theme Name: BYP custom theme
Author: Matt and Ed
Author URI: http://bypuk.com/
Description: BYP's custom theme is based on revelotion pro 30 theme, with heavy customization. The theme can be tweaked for slow-news periods, and in-production periods by manually swapping around files in the theme folder.
Version: 0.1
*/

/* @override
	http://coruscant.bypuk.com/wp-content/themes/byp-nonews/style.css /wp-content/themes/revolution_pro-30/style.css */

body {
  background: #000000 url(images/bg.gif) repeat-x;
  color: #202020;
  font-size: 12px;
  font-family: 'Helvetica', sans-serif;
  margin: 0px auto 0px;
  padding: 0px;
}

#wrap {
  background: #DDDDDD;
  width: 920px;
  margin: 0px auto 0px;
  padding: 0px;
}

#banner {
  margin: 10px 10px 0px;
  border: none;
}

/************************************************
*  Hyperlinks                  *
************************************************/

a, a:visited {
  color: #B60000;
  text-decoration: none;
}

a:hover,
a:hover h3 {
  text-decoration: underline;
}

a img {
  border: none;
}

/************************************************
*  Header                    *
************************************************/

#header {
  background: #280000;
  width: 920px;
  height: 100px;
  color: #FFFFFF;
  margin: 0px auto 0px;
  padding: 0px;
  overflow: hidden;
}

#header h1 {
  color: #202020;
  font-size: 22px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: normal;
  margin: 0px 0px 5px 0px;
  padding: 30px 0px 0px 0px;
}

#header h1 {
  color: #FFFFFF;
  font-size: 22px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: normal;
  margin: 0px 0px 5px 0px;
  padding: 30px 0px 0px 0px;
}

#header h1 a, #header h1 a:visited  {
  color: #FFFFFF;
  text-decoration: none;
  margin: 0px 0px 5px 0px;
  padding: 10px 0px 0px 0px;
}

#header h1 a:hover {
  color: #FFFFFF;
  text-decoration: none;
}

#header img {
  border: none;
  margin: 0px;
  padding: 0px;
}

#header a img {
  border: none;
  margin: 0px;
  padding: 0px;
}

#headerleft {
  width: 630px;
  height: 100%;
  float: left;
  font-size: 14px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

#headerleft p {
  color: #FFFFFF;
  font-size: 14px;
  margin: 0px;
  padding: 0px;
}

#headerright {
  width: 228px;
  float: right;
  font-size: 12px;
  text-align: right;
  margin: 0 19px 0 0;
  padding: 0;
  overflow: hidden;
}

#headerad {
  width: 200px;
  height: 40px;
  overflow: hidden;
  margin: 0 0 0 28px;
  padding: 5px 0;
}

#headerright h3 {
  margin: 0;
  padding: 0;
  text-align: left;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 11px;
  color: #F0E0E0;
}

#headerright p {
  color: #FFFFFF;
  font-size: 12px;
  margin: 0px;
  padding: 0px 20px 0px 0px;
}

#headerright a {
  display: block;
  float: right;
  margin: 0 0 0 10px;
}

/************************************************
*  Navbar                      *
************************************************/

#navbar {
  background: #000000 url(images/navbar.gif);
  width: 920px;
  height: 35px;
  color: #FFFFFF;
  margin: 0px auto 0px;
  padding: 0px;
}

#navbarleft {
  width: 715px;
  float: left;
  margin: 0px;
  padding: 0px;
}

#navbarright {
  width: 200px;
  float: right;
  margin: 0px;
  padding: 6px 0px 0px 0px;
}

#navbarright img {
  border: none;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

#nav {
  margin: 0px 0px 0px 15px;
  padding: 0px;
  list-style: none;
}

#nav ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#nav a {
  background: #000000;
  color: #FFFFFF;
  display: block;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0px 15px 0px 0px;
  padding: 11px 10px 10px 10px;
}

#nav a:hover {
  background: #444444;
  color: #FFFFFF;
  display: block;
  text-decoration: none;
  margin: 0px 15px 0px 0px;
  padding: 11px 10px 10px 10px;
}

#nav li {
  float: left;
  margin: 0px;
  padding: 0px;
  z-index: 15;
  position: relative;
}

#nav li li {
  float: left;
  margin: 0px;
  padding: 0px;
  width: 140px;
  z-index: 10;
  position: relative;
}

#nav li li a, #nav li li a:link, #nav li li a:visited {
  background: #2B2B2B;
  width: 140px;
  float: none;
  margin: 0px;
  padding: 8px 10px 8px 10px;
  border-top: 1px solid #C0C0C0;
}

#nav li li a:hover, #nav li li a:active {
  background: #666666;
  padding: 8px 10px 8px 10px;
}

#nav li ul {
  position: absolute;
  width: 10em;
  left: -999em;
}

#nav li:hover ul {
  left: auto;
  display: block;
}

#nav li:hover ul, #nav li.sfhover ul {
  left: auto;
}

/************************************************
*  Homepage                        *
************************************************/

#homepage {
  width: 920px;
  margin: 0px auto 0px;
  padding: 0;
  line-height: 20px;
  overflow: hidden;
}

#homepage p {
  padding: 0px 0px 10px 0px;
  margin: 0px;
}

#homepage h1 {
  color: #202020;
  font-size: 17px;
  line-height: 22px;
  font-family: Times New Roman, Tahoma, Verdana;
  font-weight: normal;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#homepage h1 a, #homepage h1 a:visited  {
  color: #202020;
  text-decoration: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#homepage h1 a:hover {
  color: #B60000;
  text-decoration: none;
}

#homepage h2 {
  background: #202020;
  color: #FFFFFF;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: normal;
  margin: 0px 0px 10px 0px;
  padding: 1px 0px 1px 5px;
  line-height: 20px;
}

#homepage h2 a, #homepage h2 a:visited {
  color: #FFFFFF;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: normal;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 20px;
}

#homepage h2 a:hover,
#homepage a:hover h2 {
  text-decoration: underline;
}

#homepage h3 {
  color: #000000;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: bold;
  margin: 0px 0px 3px 0px;
  padding: 0px;
  line-height: 16px;
}

#homepage h3 a, 
#homepage h3 a:visited {
  color: #000000;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: bold;
  margin: 0px 0px 3px 0px;
  padding: 0px;
  line-height: 16px;
  text-decoration: underline;
}

#homepage h3 a:hover {
  color: #B60000;
  text-decoration: none;
}

#homepage h4 {
  background: #202020;
  color: #FFFFFF;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: normal;
  margin: 0px 0px 10px 0px;
  padding: 1px 0px 1px 5px;
  line-height: 20px;
}

#homepage .bigvideo {
  margin: 0;
}

.breaking {
  background: #200;
  padding: 3px;
  margin: 0 0 10px 0;
  display: block;
  overflow: hidden;
  height: 20px;
}

span.title {
  font-weight: bold;
}

.breaking p,
.breaking span,
.breaking a,
.breaking a:visited,
#homepage .breaking p,
#homepage .breaking a,
#homepage .breaking a:visited {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #FFD154; /* BYP Yellow */
}

#homepage #main {
  width: 580px;
  float: left;
  padding: 10px;
  margin: 0;
  overflow: hidden;
}

#hpsidebar {
  width: 310px;
  float: right;
  overflow: hidden;
  margin: 0;
  padding: 0 10px 0 0;
}

#hpprojects h2 {
  margin-right: 9px;
}

#hpprojects {
  margin: 10px 0 0;
  overflow: hidden;
  padding: 9px 0 0 9px;
  background: #FFFFFF;
  border: 1px solid #C0C0C0;
  position: relative;
}

#hpprojects p {
  margin-right: 9px;
}

#hpabout {
  margin: 10px 0 0 0;
  padding: 9px 9px 0;
  background: #FFFFFF;
  border: 1px solid #C0C0C0;
  font-size: 12px;
  color: #444;
  line-height: 17px;
  text-align: justify;
}

#donate {
  padding: 9px;
  margin: 10px 0 0 0;
}

#donate form {
  margin: 0 auto 0 auto;
  width: 164px;
}

#hpsidebarclose {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}

#feed {
  margin: 10px 0 0;
  overflow: hidden;
  padding: 9px;
  background: #FFFFFF;
  border: 1px solid #C0C0C0;
  min-height: 400px;
}

.minipost {
  overflow: hidden;
}

#hpsidebar #project-content {
  border: none;
  background: none;
  margin: 0;
  padding: 0 10px 0 0;
}

#hpsidebar table {
  margin: 10px 0 0;
}

#hpsidebar table th {
  padding-right: 9px;
}

#homepage h3 {
  max-height: 16px;
  overflow: hidden;
}

#homepage .posts {
  border: none;
  background: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: auto;
  float: none;
}

#feed .post {
  padding: 0;
  margin: 0 0 13px;
  background: none;
  border: none;
  overflow: hidden;
  width: 100%;
}

#main .single {
  width: 560px;
}

#homepage .thumb {
  float: right;
}

#homepage .tallthumb,
#homepage .tallthumb img {
  height: 200px;
  margin: 0;
  padding: 0;
}

#homepage .tallthumb {
  float: left;
  margin-right: 7px;
}

.post.video {
  position: relative;
  height: 172px;
  width: 300px;
  padding: 0;
}

.vidthumb {
  position: relative;
  overflow: hidden;
  width: 300px;
  height: 172px;
}
.vidthumb .overlay {
  width: 300px;
  height: 344px;
  position: absolute;
  top: 10px;
  background: url(images/play_overlay_icon-combined.png) no-repeat top left;
  background-size: 300px 344px;
  z-index: 10;
}
a:hover .overlay,
.vidthumb:hover .overlay {
  top: -164px;
}

.vidthumb .title {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

#homepage .vidthumb h3,
.vidthumb h3 {
  padding: 5px;
  padding-right: 40px;
  height: auto;
  max-height: 30px;
  color: white;
  background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 90%, rgba(0,0,0,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(90%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 90%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 90%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 90%,rgba(0,0,0,0) 100%); /* IE10+ */
  background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 90%,rgba(0,0,0,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}


img.vidthumb {
  max-width: 300px;
  float:right;
  margin:0px 0px 10px 10px;
}

.vidthumb img {
  max-width: 100%;
}

#panelswrapper {
  width: 580px;
}

#panels {
  position: absolute;
}

#paneltitle {
  margin: 17px 0 0 0;
}

#paneltitle h2 {
  margin: 0;
}

.panel {
  margin: 10px 0 0;
  padding: 9px;
  overflow: hidden;
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #C0C0C0;
  position: absolute;
  width: 560px;
  height: 327px;
}

.panel .postarea {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  width: auto;
  height: auto;
}

#homepage .panel h1 {
  font-size: 20px;
  margin-bottom: 7px;
}

#homepage .panel h2 {
  font-size: 14px;
  background: none;
  color: #202020;
  margin: 0;
  padding: 0;
}

#homepage .panel p {
  margin: 0 0 20px 0;
  padding: 0;
}

.panel .billboard,
.panel div.poster {
  width: 200px;
}

.panel .synopsis {
  font-weight: bold;
}

.panel .metadata {
  float: left;
  width: 350px;
  margin: 0;
  padding: 0;
}

.panel iframe {
  /* A bit of a hacky way to prevent videos embedded on a movie page ruining the home page. */
  display: none;
}

.panel .morebutton {
  background: white;
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 350px;
  height: 27px;
  padding: 3px 10px 0 0;
}

.morebutton .more {
  float: right;
}

.morebutton .watch {
  float: left;
}

.panel .metadata table {
  display: none;
}

.panel .content {
  float: left;
  width: 350px;
  padding: 0;
  margin: 0;
}

.reveal {
  display: none;
}

#homepage .ad {
  float: right;
  border: none;
  background: none;
  margin: 10px 10px 0 0;
  padding: 0;
  width: 310px;
}

#homepage .ad img {
  width: 310px;
}

#project-content .top-left {
  float: right;
}

#project-content .top-right {
  float: left;
}

#project-content .postarea {
  border: none;
  background: none;
  width: auto;
  margin: 0;
  padding: 0;
}

#projectthumbs {
  overflow: hidden;
  margin:  0 0 0;
}

#hpprojects ul {
  padding: 0;
  margin: 0;
}

#hpprojects li {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}

#hpprojects #projectthumbs a {
  opacity: 0.55;
}

#hpprojects #projectthumbs a:hover {
  border: 1px solid #000000;
  opacity: 0.75;
}

#hpprojects #projectthumbs a.chosen {
  opacity: 1;
}

#hpprojects li a {
  display: block;
  margin: 0 7px 14px 7px;
  padding: 2px;
  border: 1px solid #999999;
  background: url(http://dummyimage.com/75x75) no-repeat 2px 2px;
  width: 75px;
  height: 75px;
}

#hpprojects li a span {
  display: none;
}

.homebottomleft {
  background: #FFFFFF;
  float: left;
  width: 260px;
  font-size: 11px;
  margin: 0px 0px 0px 10px;
  padding: 9px 9px 9px 9px;
  overflow: hidden;
  line-height: 16px;
  display: inline;
  border: 1px solid #C0C0C0;
}

.homebottomleft ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.homebottomleft ul li {
  list-style-type: square;
  margin: 0px 0px 0px 20px;
  padding: 0px;
}

.homebottomleft img {
  border: none;
  margin: 5px 0px 10px 0px;
}

.homebottomright {
  background: #FFFFFF;
  float: right;
  width: 260px;
  font-size: 11px;
  margin: 0px;
  padding: 9px 9px 9px 9px;
  overflow: hidden;
  line-height: 16px;
  border: 1px solid #C0C0C0;
}

.homebottomright ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.homebottomright ul li {
  list-style-type: square;
  margin: 0px 0px 0px 20px;
  padding: 0px;
}

.homebottomright img {
  border: none;
  margin: 5px 0px 10px 0px;
}

/************************************************
*  Content                        *
************************************************/

#content {
  width: 920px;
  margin: 0px auto 0px;
  padding: 0px;
  line-height: 20px;
}

#content p {
  padding: 0px 0px 15px 0px;
  margin: 0px;
}

#content h1 {
  color: #202020;
  font-size: 22px;
  font-family: Times New Roman, Tahoma, Verdana;
  font-weight: normal;
  margin: 8px 0 5px 0;
  padding: 0;
}

#content h1[class~="nodate"]{
  color: #202020;
  font-size: 22px;
  font-family: Times New Roman, Tahoma, Verdana;
  font-weight: normal;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

#content h1 a, #content h1 a:visited  {
  color: #202020;
  text-decoration: none;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

#content h1 a:hover {
  color: #B60000;
  text-decoration: none;
}

#project-content h2,
#content h2 {
  color: #101010;
  font-size: 18px;
  font-family: Times New Roman, Tahoma, Verdana;
  font-weight: normal;
  margin: 10px 0px 0px 0px;
  padding: 0;
  background: none;
}

#content h2 a, #content h2 a:visited  {
  color: #101010;
  text-decoration: none;
  margin: 10px 0px 3px 0px;
}

#content h2 a:hover {
  color: #B60000;
  text-decoration: none;
}

#content h3 {
  font-size:14px;
  margin: 0 0 3px 0;
}

#content h4 {
  color: #202020;
  font-size: 22px;
  font-family: Times New Roman, Tahoma, Verdana;
  font-weight: normal;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 8px 0px;
  border-bottom: 1px dotted #C0C0C0;
}

#content h5 {
  color: #202020;
  font-family: Times New Roman, Tahoma, Verdana;
  font-size:12px;
  font-weight:normal;
  margin:14px 0;
  padding:0;
}

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

#content img.wp-wink {
  float: none;
  border: none;
  padding: 0px;
  margin: 0px;
}

#content a img, #content a:visited img {
  border:0;
}

#content a:hover img {
  border:#B60000;
}

#contentleft {
  float: left;
  width: 570px;
  margin: 10px 0px 10px 10px;
  padding: 0px;
  display: inline;
}

.contentfull {
  float: left;
  width: 900px;
  margin: 10px 0px 0px 10px;
  padding: 0px;
  display: inline;
}

p {
  overflow: hidden;
}

#contentleft p img {
  border: none;
  float: left;
  margin: 0px 10px 10px 0px;
  max-width: 100%;
}

.archive {
  float: left;
  width: 250px;
  margin: 0px;
  padding: 0px 0px 20px 0px;
}

.date {
  padding: 0px;
  margin: -5px 0 0 0;
}

.date p {
  font-size: 10px;
}

.date p a {
  font-size: 10px;
}

.torrentbox,
.isobox {
  float: left;
  margin: 0px 0px 10px 20px;
}

.isobox div,
.torrentbox div {
  float: left;
  width: 350px;
}

.isobox img,
.torrentbox img {
  margin: 10px 10px 0 0;
  float: left;
}
#contentleft .isobox ul,
#contentleft .torrentbox ul {
  padding: 0;
  margin: 7px 0 0 20px;
}
div.DVDhelp {
  text-align: right;
  padding: 0;
  margin: 0 0 10px 0;
  line-height: 1em;
}
div.DVDhelp a {
  text-decoration: underline;
  font-weight: normal;
}

#content div.isobox p,
#content div.torrentbox p {
  margin: 5px 0 0 0;
  padding: 0;
}
#content div.isobox li,
#content div.torrentbox li {
    list-style-type: none;
}
.isobox a,
.torrentbox a {
  font-weight: bold;
}

#contentleft ol {
  margin: 0px 0px 0px 5px;
  padding: 0px 0px 15px 0px;
}

#contentleft ol li {
  margin: 0px 0px 0px 20px;
  padding: 0px;
}

#contentleft ul {
  list-style-type: square;
  margin: 0px;
  padding: 0px 0px 15px 0px;
}

#contentleft ul li {
  list-style-type: square;
  margin: 0px 0px 0px 20px;
  padding: 0px;
}

#contentleft ul ul li {
  list-style-type: square;
  margin: 0px 0px 0px 20px;
  padding: 0px;
}

blockquote {
  margin: 0px 20px 15px 20px;
  padding: 0px 0px 0px 15px;
  border-left: 5px solid #C0C0C0;
}

#content blockquote p {
  margin: 5px 0;
  padding: 0px;
}

.breadcrumb {
  float: left;
  width: 100%;
  font-size: 11px;
  margin: 0px 0px 15px 0px;
  padding: 0px 0px 3px 0px;
  border-bottom: 1px dotted #C0C0C0;
}

.breadcrumb-plain {
  float: left;
  font-size: 11px;
  margin: 0;
  padding: 0px 0px 5px 0px;
}

.next-right {
  float: right;
  align: right;
  font-size:11px;
}

.box {
  background: #FFFFFF;
  border: 1px solid #C0C0C0;
}

.postarea {
  float: left;
  width: 550px;
  margin: 0px 0px 0px 0px;
  padding: 9px 9px 0px 9px;
}

iframe {
  margin: 0 0 10px 0;
}

.videoarea {
  float: left;
  width: 882px;
  margin: 0px 0px 0px 0px;
  padding: 9px 9px 9px 9px;
}

.flowwrapper {
  margin-right: -10px;
}

.post {
  background: #FFFFFF;
  float: left;
  overflow: hidden;
  width: 550px;
  margin: 0px 0px 10px 0px;
  padding: 13px 9px 0px 9px;
  border: 1px solid #C0C0C0;
  position: relative;
}
.post.full-width {
  width: 880px;
}
.post.thin {
  width: 273px;
}
.post.flow {
  float: left;
  margin-right: 10px;
}

.post.thin p,
.post.thin .postmeta {
  display: none;
}
.post.thin h1 {
  max-height: 20px;
  overflow: hidden;
}
.post.thin img {
  max-width: 273px;
  margin: 10px 0;
}

.postlist, .postlistwide {
  padding: 0;
  margin: 0;
  overflow: hidden;
}

#content .postlistwide h2 {
  padding: 0;
  margin: 10px 0 8px 10px;
  background: none;
  font-size: 18px;
}

#content .postlistwide h2 a,
#content .postlistwide h2 a:visited {
  padding: 0;
  margin: 0;
  background: none;
  font-size: 18px;
}

#content .postlistwide h2 a:hover {
  color: inherit;
}

.postlistwide .post {
  overflow: hidden;
  margin: 0 0 15px 0;
  padding: 0 10px;
  float: left;
  width: 279px;
  height: 140px;
  overflow: hidden;
}

.presslinks .post {
  height: 200px;
}

a.download {
  display: none;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.presslinks a.download {
  display: block;
}

#content .postlistwide .more .right {
  margin-right: 10px;
}

.post .thumb {
  float: left;
  margin: 7px 10px 0 0;
  width: 110px;
}

.post .thumb img {
  width: 100%;
}

.post-clear {
  float: left;
  width: 550px;
  margin: 0px 0px 0px 0px;
  padding: 0px 9px 0px 9px;
}
.contentfull .post-clear {
  width: 880px;
}

.adsense {
  background: #FFFFFF;
  float: left;
  width: 550px;
  margin: 10px 0px 0px 0px;
  padding: 9px 9px 9px 9px;
  border: 1px solid #C0C0C0;
}

.fullvid {
  width: 100%;
  margin: 0px 0px 10px 0px;
}

.postmeta {
  width: 100%;
  font-size: 10px;
  padding: 5px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border-top: 1px dotted #C0C0C0;
  line-height: 13px;
}

.postmeta2 {
  width: 550px;
  font-size: 10px;
  padding: 5px 0px 40px 0px;
  margin: 0px;
  border-top: 1px dotted #C0C0C0;
}

.comments {
  background: #FFFFFF;
  float: left;
  width: 550px;
  margin: 10px 0px 0px 0px;
  padding: 14px 9px 0px 9px;
  border: 1px solid #C0C0C0;
}

.comments-full-width {
  background: #FFFFFF;
  float: left;
  width: 882px;
  margin: 10px 0px 0px 10px;
  padding: 14px 9px 0px 9px;
  border: 1px solid #C0C0C0;
}

p[class~="tagline"] {
  font-size: 14px;
  padding:0px 0px 15px 0px;
  margin:0px 0px 0px 0px;
  font-style: italic;
  text-indent:2em;
  height:7px;
}

p[class~="gallery-title"] {
  font-weight:bold;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  line-height: 13px;
}

tr[class~="billboard"] {
  border: medium;
  vertical-align: top;
  margin: 0px 5px 0px 0px;
  padding: 0px 5px 0px 0px;
}

tr[class~="metadata"] {
  text-align:left;
  vertical-align:top;
  line-height:14px;
}

td[class~="metadata"],th[class~="metadata"] {
  padding:0 3px 9px 0;
}

table[class~="galleries"] {
  border-style:hidden;
  border-spacing:0px;
  margin:0px 0px 0px 0px;
  padding:0px;
  float: left;
}

table[class~="metadata"] {
  border-style:hidden;
  border-spacing:0px;
  margin:0px 0px 0px 0px;
}

table[class~="billboard"] {
  border-style:hidden;
  border-spacing:0px;
  margin:0px 0px 0px 0px;
}

td[class~="galleries"] {
  width:110px;
  margin:0px;
  padding:0px 30px 0px 0px;
  vertical-align:top;
}

tr[class~="galleries"] {
  margin:0px;
  padding:0px;
  vertical-align:top;
}

img[class~="galleries"] {
  margin:0px 0px 5px 0px;
  padding:0;
}

img[class~="billboard"] {
  width: 270px;
}

img[class~="image-left"] {
  width: 200px;
  padding:10px 0 10px 0;
}

p[class~="text-right"] {
  width: 340px;
  padding:10px 0 10px 0;
}

a[class~="title"] {
  font-style:italic;
}

div.poster {
  float: left;
  width: 270px;
  margin: 0 10px 0 0;
}

div.metadata {
  float: left;
  width: 250px;
  margin: 0;
}

.top-left {
  float:left;
  width:48%;
}

.top-right {
  float:right;
  width:48%;
}

.full-width {
  float:left;
  width:100%;
}

.full-size {
  width: 100%;
}

.text-right {
  float:right;
  width:340px;
  margin-top:7px;
}

.image-left {
  float:left;
  width:200px;
}
.image {
  width: 300px;
  float: left;
  margin-right: 10px;
}
.image img {
  width: 100%;
}

#moviebottomsections {
  margin-left: -12px;
}

.moviebottom {
  background: #FFFFFF;
  float: left;
  width: 272px;
  font-size: 11px;
  margin: -10px 0px 10px 12px;
  padding: 9px 9px 9px 9px;
  overflow: hidden;
  line-height: 16px;
  display: inline;
  border: 1px solid #C0C0C0;
}

.moviebottom ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.moviebottom ul li {
  list-style-type: square;
  margin: 0px 0px 0px 20px;
  padding: 0px;
}

.moviebottom img {
  border: none;
  margin: 5px 0px 10px 0px;
}

.moviebottomleft {
  background: #FFFFFF;
  float: left;
  width: 260px;
  font-size: 11px;
  margin: 0px 0px 10px 0px;
  padding: 9px 9px 9px 9px;
  overflow: hidden;
  line-height: 16px;
  display: inline;
  border: 1px solid #C0C0C0;
}

.moviebottomleft ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.moviebottomleft ul li {
  list-style-type: square;
  margin: 0px 0px 0px 20px;
  padding: 0px;
}

.moviebottomleft img {
  border: none;
  margin: 5px 0px 10px 0px;
}

.moviebottomcentre {
  background: #FFFFFF;
  float: left;
  width: 260px;
  font-size: 11px;
  margin: 0px 0px 10px 12px;
  padding: 9px 9px 9px 9px;
  overflow: hidden;
  line-height: 16px;
  display: inline;
  border: 1px solid #C0C0C0;
}

.moviebottomcentre ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.moviebottomcentre ul li {
  list-style-type: square;
  margin: 0px 0px 0px 20px;
  padding: 0px;
}

.moviebottomcentre img {
  border: none;
  margin: 5px 0px 10px 0px;
}

.moviebottomright {
  background: #FFFFFF;
  float: right;
  width: 260px;
  font-size: 11px;
  margin: 0px 0 10px 0;
  padding: 9px 9px 9px 9px;
  overflow: hidden;
  line-height: 16px;
  border: 1px solid #C0C0C0;
}

.moviebottomright ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.moviebottomright ul li {
  list-style-type: square;
  margin: 0px 0px 0px 20px;
  padding: 0px;
}

.moviebottomright img {
  border: none;
  margin: 5px 0px 10px 0px;
}


/************************************************
*  Images                         *
************************************************/

img.centered,
img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.alignright {
  padding: 0px;
  margin: 0px 0px 10px 10px;
  display: inline;
}

img.alignleft {
  padding: 0px;
  margin: 0px 10px 10px 0px;
  display: inline;
}

.alignright {
  float: right;
}

.alignleft {
  float: left
}

/************************************************
*  Sidebar                             *
************************************************/

#sidebar {
  float: right;
  width: 320px;
  margin: 10px 10px 0px 0px;
  padding: 0px;
  line-height: 20px;
  display: inline;
}

#sidebar-videolinks {
  float: right;
  width: 320px;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  line-height: 20px;
  display: inline;
}

#sidebar p,
.postlist p,
.postlistwide p {
  padding: 0px;
  margin: 0px;
}

#sidebar p[class~="watchmovie"] {
  font-size: 11px;
  margin-top: 0px;
  margin-bottom: -5px;
}

#sidebar p[class~="watchmovie"] a, #sidebar p[class~="watchmovie"] a:visited {
  font-weight: bold;
}

#sidebar a img,
.postlist a img,
.postlistwide a img {
  border: none;
  margin: 0px;
  padding: 0px;
}

#sidebar h2 {
  background: #202020;
  color: #FFFFFF;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: normal;
  margin: 0px 0px 10px 0px;
  padding: 1px 0px 1px 5px;
  line-height: 20px;
}
#sidebar h2 {
  display: none;
}
#sidebar h2:first-child {
  display: block;
}

#sidebar h2 a, #sidebar h2 a:visited {
  color: #FFFFFF;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: normal;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 20px;
}

#sidebar h2 a:hover,
#sidebar a:hover h2 {
  text-decoration: underline;
}

#sidebar-videolinks h2 {
  background: #202020;
  color: #FFFFFF;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: normal;
  margin: 0px 0px 10px 0px;
  padding: 1px 0px 1px 5px;
  line-height: 20px;
}

#sidebar-videolinks h2 a, #sidebar-videolinks h2 a:visited {
  color: #FFFFFF;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: normal;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 20px;
}

#sidebar-videolinks h2 a:hover,
#sidebar-videolinks a:hover h2 {
  text-decoration: underline;
}

#sidebar h3 {
  color: #000000;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: bold;
  margin: 0px 0px 3px 0px;
  padding: 0px;
  line-height: 16px;
}

#sidebar h3 a, #homepage h3 a:visited {
  color: #000000;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: bold;
  margin: 0px 0px 3px 0px;
  padding: 0px;
  line-height: 16px;
  text-decoration: underline;
}

#sidebar h3 a:hover {
  color: #B60000;
  text-decoration: none;
}

#sidebar .more,
.postlist .more,
.postlistwide .more,
#feed .more {
  margin: 0;
  padding: 0;
  font-size: 12px;
}
#sidebar .more .left,
.postlist .more .left,
.postlistwide .more .left,
#feed .more .left {
  margin: 0 0 9px 0;
  display: block;
  float: left;
}
#sidebar .more .right,
.postlist .more .right,
.postlistwide .more .right,
#feed .more .right {
  margin: 0 0 9px 0;
  display: block;
  float: right;
}
#feed .more a,
#feed .more a.right,
#feed .more a.left {
  margin: 0;
}

#sidebar ul {
  list-style-type: none;
  margin: 0;
  padding: 0px;
}

#sidebar ul li {
  list-style-type: none;
  margin: 0px 0px 5px 0px;
  padding: 0px;
}

#sidebar ul ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#sidebar ul li li {
  background: #FFFFFF url(images/icon_recent.gif) no-repeat top left;
  padding: 0px 0px 5px 18px;
  margin: 0px;
}

#sidebar ul li ul li {
  background: #FFFFFF url(images/icon_recent.gif) no-repeat top left;
  padding: 0px 0px 5px 18px;
  margin: 0px;
}

.video {
  float: left;
  width: 300px;
  margin: 0 0 10px 0;
  padding: 9px 9px 9px 9px;
}

.sidefeature {
  background: #FFFFFF;
  float: left;
  font-size: 11px;
  width: 300px;
  margin: 0px 0px 10px 0px;
  padding: 9px 9px 9px 9px;
  line-height: 16px;
  border: 1px solid #C0C0C0;
}

.sidefeature li {
  list-style: none;
  margin: 10px 0 0 0;
  float: left;
  position: relative;
}

#sponsors {
  background: #FFFFFF;
  float: left;
  font-size: 11px;
  line-height: 11px;
  width: 309px;
  margin: 0px 0px 10px 0px;
  padding: 9px 0px 9px 9px;
  border: 1px solid #C0C0C0;
}

#sponsors ul li {
  list-style: none;
  margin: 9px 9px 0 0;
  float: left;
  position: relative;
}

#sponsors img {
  width: 145px;
}

#sponsors h2 {
  margin: 0 9px 0 0;
}

.ad {
  background: #FFFFFF;
  float: left;
  width: 300px;
  margin: 0px 0px 10px 0px;
  padding: 9px 9px 9px 9px;
  border: 1px solid #C0C0C0;
}

.widgetarea {
  float: left;
  width: 300px;
  margin: 0px 0px 10px 0px;
  padding: 10px 10px 0px 10px;
}

.widgetarea iframe {
  margin: 0 0 5px 0;
}

.frontpagecomments {
  background: #FFFFFF;
  float: left;
  font-size: 11px;
  width: 300px;
  margin: 0px 0px 10px 0px;
  padding: 9px 9px 4px 9px;
  line-height: 16px;
  border: 1px solid #C0C0C0;
}

.posts {
  background: #FFFFFF;
  float: left;
  width: 300px;
  margin: 0px 0px 10px 0px;
  padding: 9px 9px 4px 9px;
  border: 1px solid #C0C0C0;
}

.recent_comments {
  background: #FFFFFF;
  float: left;
  width: 300px;
  margin: 0px 0px 10px 0px;
  padding: 9px 9px 4px 9px;
  border: 1px solid #C0C0C0;
}

.newsletter {
  background: #FFFFFF url(images/newsletter.gif) top right no-repeat;
  float: left;
  width: 300px;
  margin: 0px 0px 10px 0px;
  padding: 9px 9px 9px 9px;
  border: 1px solid #C0C0C0;
}

.pageblock {
  background: #FFFFFF;
  float: left;
  width: 300px;
  margin: 0px 0px 10px 0px;
  padding: 9px 9px 9px 9px;
  border: 1px solid #C0C0C0;
}

.movieSide,
.widgetarea .post,
.sidefeature .post {
  margin: 0 0 9px 0;
  padding: 0 0 9px 0;
  border: none;
  border-bottom: solid 1px #EEE;
  width: 100%;
  float: left;
  font-size: 11px;
  overflow: hidden;
  line-height: 16px;
  display: inline;
  background: #FFFFFF;
}

.movieSide:last-child,
.widgetarea .post:last-child,
.sidefeature .post:last-child {
  padding-bottom: 0;
  border: none;
}

.movieSide img {
  max-width: 100%;
}

.calendardescription {
  font-size: 11px;
  line-height: 16px;
}
.calendardescription.above {
  margin-bottom: 9px;
}
.calendardescription.below {
  margin-top: 9px;
}


.closeleftgap {
  margin: 0 0 0 -10px;
}

.thingallery {
  float: left;
  width: 270px;
  font-size: 11px;
  margin: 0 0px 10px 10px;
  padding: 0;
  overflow: hidden;
  line-height: 16px;
  display: inline;
}

div#sidebar div#twtr-widget-1 div.twtr-timeline {
  height: auto;
}

#homepage div#twtr-widget-1 h3 {
  color: #ffffff;
}

#homepage div#twtr-widget-1 h4 {
  background: none;
  color: #ffffff;
}

.frontpagesocial {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #C0C0C0;
float:left;
font-size:11px;
line-height:16px;
margin:0 0 10px;
padding:9px 9px 0;
width:300px;
}

.frontpagesocial div.widget {
  margin: 0 0 10px 0;
}

/************************************************
*  Left Sidebar                              *
************************************************/

#l_sidebar {
  background: #FFFFFF;
  float: left;
  width: 135px;
  margin: 0px;
  padding: 9px 9px 0px 9px;
  border: 1px solid #C0C0C0;
  line-height: 15px;
  display: inline;
  font-size: 10px;
}

#l_sidebar p {
  padding: 0px 0px 15px 0px;
  margin: 0px;
}

#l_sidebar a img {
  border: none;
  margin: 0px;
  padding: 0px 0px 15px 0px;
}

#l_sidebar h2 {
  background: #202020;
  color: #FFFFFF;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: normal;
  margin: 0px 0px 10px 0px;
  padding: 1px 0px 1px 5px;
  line-height: 20px;
}

#l_sidebar ul {
  list-style-type: none;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

#l_sidebar ul ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#l_sidebar ul li li {
  background: #FFFFFF url(images/icon_categories.gif) no-repeat top left;
  padding: 0px 0px 5px 18px;
  margin: 0px;
}

#l_sidebar ul li ul li {
  background: #FFFFFF url(images/icon_categories.gif) no-repeat top left;
  padding: 0px 0px 5px 18px;
  margin: 0px;
}

#l_sidebar ul li ul ul li {
  background: #FFFFFF url(images/icon_archives.gif) no-repeat top left;
  padding: 0px 0px 5px 18px;
  margin: 0px;
}

#l_sidebar ul li ul li ul li {
  background: #FFFFFF url(images/icon_categories.gif) no-repeat top left;
  padding: 0px 0px 5px 18px;
  margin: 0px;
}

/************************************************
*  Right Sidebar                             *
************************************************/

#r_sidebar {
  background: #FFFFFF;
  float: right;
  width: 135px;
  margin: 0px;
  padding: 9px 9px 0px 9px;
  border: 1px solid #C0C0C0;
  line-height: 15px;
  display: inline;
  font-size: 10px;
}

#r_sidebar p {
  padding: 0px 0px 15px 0px;
  margin: 0px;
}

#r_sidebar a img {
  border: none;
  margin: 0px;
  padding: 0px 0px 15px 0px;
}

#r_sidebar h2 {
  background: #202020;
  color: #FFFFFF;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: normal;
  margin: 0 0px 10px;
  padding: 1px 0px 1px 5px;
  line-height: 20px;
}

#r_sidebar ul {
  list-style-type: none;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

#r_sidebar ul ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#r_sidebar ul li li {
  background: #FFFFFF url(images/icon_links.gif) no-repeat top left;
  padding: 0px 0px 5px 18px;
  margin: 0px;
}

#r_sidebar ul li ul ul li {
  background: #FFFFFF url(images/icon_meta.gif) no-repeat top left;
  padding: 0px 0px 5px 18px;
  margin: 0px;
}

#r_sidebar ul li ul li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#r_sidebar ul li ul li ul li {
  background: #FFFFFF url(images/icon_links.gif) no-repeat top left;
  padding: 0px 0px 5px 18px;
  margin: 0px;
}

/************************************************
*  Footer                      *
************************************************/

#footer {
  overflow: hidden;
  width: 920px;
  margin: 10px auto 0;
  padding: 0;
  color: #888;
}

#footer a,
#footer a:visited {
  color: #888;
}

#footer a:hover {
  text-decoration: underline;
  color: #C74747;
}

#footerlinks {
  overflow: hidden;
  background: #FFF url(images/footer.gif) bottom no-repeat;
  margin: 0;
  padding: 0 16px;
}

#footercredits {
  background: #000;
  height: 20px;
  padding: 7px 0 10px;
  margin: 0 auto;
  text-align: center;
}

#footer p {
  font-size: 11px;
  font-family: Arial, Tahoma, Verdana;
  margin: 0px;
  padding: 0px;
}

#footerlinks .linklist {
  float: left;
  padding: 40px 30px 30px;
  margin: 0;
  max-width: 200px;
}

#footer h2 {
  margin: 0 0 8px;
  padding: 0;
  font-size: 13px;
  color: #555;
}

#footerlinks .linklist ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 3px;
}

#footerlinks .linklist li {
  margin: 0 0 5px 0;
  padding: 0;
  line-height: auto;
}

#footercredits p {
  color: #BFBFBF;
}

#footercredits a, #footercredits a:visited {
  color: #BFBFBF;
  text-decoration: none;
}

/************************************************
*  Search Form                  *
************************************************/

#searchform {
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

#searchbox {
  background: #EEEEEE;
  width: 150px;
  color: #202020;
  font-size: 11px;
  font-family: Arial, Tahoma, Verdana;
  padding: 3px;
  margin: 0px 5px 7px 0px;
  border-top: 1px solid #666666;
  border-right: 1px solid #DDDDDD;
  border-left: 1px solid #666666;
  border-bottom: 1px solid #DDDDDD;
  display: inline;
}

#subscribe {
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

#subbutton {
  background: #777777 url(images/navbar.gif);
  color: #FFFFFF;
  font-size: 11px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: bold;
  padding: 4px 4px 3px 4px;
  margin: 0px 0px 0px 8px;
  border-top: 1px solid #666666;
  border-right: 1px solid #DDDDDD;
  border-left: 1px solid #666666;
  border-bottom: 1px solid #DDDDDD;
}

#subbox {
  background: #EEEEEE;
  width: 240px;
  color: #202020;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  padding: 4px;
  margin: 5px 0px 0px 0px;
  border-top: 1px solid #666666;
  border-right: 1px solid #DDDDDD;
  border-left: 1px solid #666666;
  border-bottom: 1px solid #DDDDDD;
}

#name, #email, #url {
  background: #EEEEEE;
  color: #202020;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  padding: 4px;
  margin: 0px;
  border-top: 1px solid #666666;
  border-right: 1px solid #DDDDDD;
  border-left: 1px solid #666666;
  border-bottom: 1px solid #DDDDDD;
}

#submit {
  background: #202020;
  color: #FFFFFF;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  padding: 4px;
  margin: 0px;
  border-top: 1px solid #DDDDDD;
  border-right: 1px solid #666666;
  border-left: 1px solid #DDDDDD;
  border-bottom: 1px solid #666666;
}

#words {
  background: #EEEEEE;
  width: 420px;
  color: #202020;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  padding: 4px;
  margin: 0px;
  border-top: 1px solid #666666;
  border-right: 1px solid #DDDDDD;
  border-left: 1px solid #666666;
  border-bottom: 1px solid #DDDDDD;
}

/************************************************
*  Comments                  *
************************************************/

#commentblock {
  color: #202020;
  float: left;
  padding: 20px 0px 10px 10px;
  margin: 0px 0px 0px 0px;
}

#commentblock ol {
  list-style-type: square;
  margin: 0px;
  padding: 10px 0px 0px 0px;
}

.commentdate {
  font-weight: bold;
  font-size: 12px;
}

.commentname {
  color: #202020;
  font-weight: bold;
  margin: 0px;
  padding: 5px 0px 0px 0px;
}

.commentinfo {
  clear: both;
}

.commenttext {
  width: 490px;
  color: #202020;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  padding: 0px;
  margin: 5px 10px 20px 0px;
  border-bottom: 1px dotted #C0C0C0;
}

.commenttext-admin {
  width: 490px;
  color: #202020;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  padding: 0px;
  margin: 5px 10px 20px 0px;
  border-bottom: 1px dotted #C0C0C0;
}

/*
 * Video/link grid
 */
.vidgrid {
  max-width: 100%;
  margin: 5px auto;
  padding: 0;
  overflow: hidden;
}
.vidgrid a {
  float: left;
  width: 178px;
  overflow: hidden;
  margin: 2px;
}
#sidebar .vidgrid a {
  width: 98px;
  margin: 1px;
  font-size: 90%;
}
#sidebar .overlay {
  padding: 3px;
  line-height: 1.2;
}
.vidgrid img {
  width: 100%;
}

/*
 * Fading pics (slideshows)
 */
#fadingpics {
  position: relative;
  margin: 8px 0 0 0;
  height: 450px;
  width: 100%;
}

#fadingpics .slide {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 8;
  opacity: 0;
}

#fadingpics .slide.active {
  z-index: 10;
  opacity: 1;
}

#fadingpics .slide.last-active {
  z-index: 9;
}

#vidbox {
  width: 880px;
  height: 486px;
  overflow: hidden;
  border: none;
  padding: 10px;
  background: #040608;
}

/*
 * Hover layover
 */
.hoverable {
  position: relative;
  cursor: pointer;
  text-decoration: none;
  display: block;
}

.hoverable .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 95%;
  width: 95%;
  margin: 0;
  display: none;
  padding: 5%;
  background-color: black;
  opacity: 0.7;
  color: white;
  z-index: 11;
  font-weight: bold;
}

.hoverable:hover .overlay {
  display: block;
}

