/*
 * *****************************************************************
 * Site Name:
 * Author:
 *
 * Stylesheet: main thebacklot style theme
 *
 *
 * *****************************************************************
 */
/*
 * *****************************************************************
 * Site Name:
 * Author:
 *
 * Stylesheet: Base Mobile Stylesheet
 *
 * Be light and don't over style since everything here will be
 * loaded by mobile devices. You want to keep it as minimal as
 * possible. This is called at the top of the main stylsheet
 * and will be used across all viewports.
 *
 * *****************************************************************
 */
/*
 * ********************
 * GENERAL STYLES
 * ********************
 */
body {
  font-family: sans-serif, serif;
  font-size: 1em;
  line-height: 1.8;
  color: #565656; }

/*
 * *******************
 * WORDPRESS BODY CLASSES
 * style a page via class
 * *******************
 */

/*
 * for sites that are read right to left (i.e. hebrew)
 */

/*
 * home page
 */

/*
 * blog template page
 */

/*
 * archive page
 */

/*
 * date archive page
 */

/*
 * replace the number to the corresponding page number
 */

/*
 * search page
 */

/*
 * search result page
 */

/*
 * no results search page
 */

/*
 * individual paged search (i.e. body.search-paged-3)
 */

/*
 * 404 page
 */

/*
 * single post page
 */

/*
 * individual post page by id (i.e. body.postid-73)
 */

/*
 * individual paged single (i.e. body.single-paged-3)
 */

/*
 * attatchment page
 */

/*
 * individual attatchment page (i.e. body.attachmentid-763)
 */

/*
 * style mime type pages
 */

/*
 * author page
 */

/*
 * user nicename (i.e. body.author-samueladams)
 */

/*
 * paged author archives (i.e. body.author-paged-4) for page 4
 */

/*
 * category page
 */

/*
 * individual category page (i.e. body.category-6)
 */

/*
 * replace the number to the corresponding page number
 */

/*
 * tag page
 */

/*
 * individual tag page (i.e. body.tag-news)
 */

/*
 * replace the number to the corresponding page number
 */

/*
 * custom page template page
 */

/*
 * individual page template (i.e. body.page-template-contact-php
 */

/*
 * replace the number to the corresponding page number
 */

/*
 * parent page template
 */

/*
 * child page template
 */

/*
 * replace the number to the corresponding page number
 */

/*
 * if user is logged in
 */

/*
 * paged items like search results or archives
 */

/*
 * individual paged (i.e. body.paged-3)
 */
/*
 * ********************
 * LAYOUT & GRID STYLES
 * ********************
 */
.wrap {
  width: 96%;
  margin: 0 auto; }

/*
 * ********************
 * LINK STYLES
 * ********************
 */
a,
a:visited {
  color: false;
    /*
   * on hover
   */
    /*
   * on click
   */
    /*
   * mobile tap color
   */ }
  a:hover,
  a:visited:hover,
  a:focus,
  a:visited:focus {
    color: false; }

  a:link,
  a:visited:link {
        /*
     *
     * this highlights links on iPhones/iPads.
     * so it basically works like the :hover selector
     * for mobile devices.
     */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

/*
 * *****************************************************************
 * H1, H2, H3, H4, H5 STYLES
 * *****************************************************************
 */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  text-rendering: optimizelegibility;
  font-weight: 500;
    /*
   *
   * if you're going to use webfonts, be sure to check your weights
   * http://css-tricks.com/watch-your-font-weight/
   */
    /*
   * removing text decoration from all headline links
   */ }
  h1 a,
  .h1 a,
  h2 a,
  .h2 a,
  h3 a,
  .h3 a,
  h4 a,
  .h4 a,
  h5 a,
  .h5 a {
    text-decoration: none; }

h1,
.h1 {
  font-size: 2.5em;
  line-height: 1.333em; }

h2,
.h2 {
  font-size: 1.75em;
  line-height: 1.4em;
  margin-bottom: 0.375em; }

h3,
.h3 {
  font-size: 1.125em; }

h4,
.h4 {
  font-size: 1.1em;
  font-weight: 700; }

h5,
.h5 {
  font-size: 0.846em;
  line-height: 2.09em;
  text-transform: uppercase;
  letter-spacing: 2px; }

/*
 * ********************
 * HEADER SYTLES
 * ********************
 */


/*
 * ********************
 * NAVIGATION STYLES
 * ********************
 */
/*
 *
 * all navs have a .nav class applied via
 * the wp_menu function, this is so we can
 * easily just write on group of styles for
 * the navs on the site and our css is cleaner
 * and moe scalable.
 */
.nav {
  border: 1px solid #cccccc;
  border-bottom: 0;
    /*
   * end .menu li
   */
    /*
   * highlight current page
   */
    /*
   * end current highlighters
   */ }
  .nav li {
        /*
     *
     * so you really have to rethink your dropdowns for mobile.
     * you don't want to have it expand too much because the
     * screen is so small. How you manage your menu should
     * depend on the project. Here's some great info on it:
     * http://www.alistapart.com/articles/organizing-mobile/
     */ }
    .nav li a {
      display: block;
      text-decoration: none;
      padding: 10px 10px;
      background-color: #eeeeee;
      border-bottom: 1px solid #cccccc;
            /*
       *
       * remember this is for mobile ONLY, so there's no need
       * to even declare hover styles here, you can do it in
       * the style.scss file where it's relevant. We want to
       * keep this file as small as possible!
       */ }

        .nav li ul.sub-menu li a,
        .nav li ul.children li a {
          padding-left: 30px; }



/*
 * end .nav
 */
/*
 * ********************
 * POSTS & CONTENT STYLES
 * ********************
 */
#content {
  margin-top: 2.2em; }



/*
 * end .hentry
 */




/*
 * want to style individual post classes? Booya!
 */

/*
 * post by id (i.e. post-3)
 */

/*
 * general post style
 */

/*
 * general article on a page style
 */

/*
 * general style on an attatchment
 */

/*
 * sticky post style
 */

/*
 * hentry class
 */

/*
 * style by category (i.e. category-videos)
 */

/*
 * style by tag (i.e. tag-news)
 */
/*
 * post meta
 */
.byline {
  color: #999999; }


/*
 * entry content
 */
.entry-content {
    /*
   *
   * image alignment on a screen this size may be
   * a bit difficult. It's set to start aligning
   * and floating images at the next breakpoint,
   * but it's up to you. Feel free to change it up.
   */ }






  .entry-content dd {
    margin-left: 0;
    font-size: 0.9em;
    color: #787878;
    margin-bottom: 1.5em; }
  .entry-content img,
  .entry-content embed,
  .entry-content object {
    max-width: 100%;
    height: auto; }


  .entry-content video,
  .entry-content object {
    max-width: 100%;
    height: auto; }
  .entry-content pre {
    background: #eeeeee;
    border: 1px solid #cecece;
    padding: 10px; }

/*
 * end .entry-content
 */
.wp-caption {
  background: #eeeeee;
  padding: 5px;
    /*
   * images inside wp-caption
   */ }
  .wp-caption img {
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

/*
 * end .wp-caption
 */
/*
 * image gallery styles
 */



/*
 * end .gallery
 */
/*
 * gallery caption styles
 */





/*
 * *****************************************************************
 * PAGE NAVI STYLES
 * *****************************************************************
 */
.page-navigation,
.wp-prev-next {
  margin: 1.1em 0 2.2em; }

.helix_page_navi {
    /*
   * current page link
   */
    /*
   * end .helix_page_navi .bpn-current
   */
    /*
   * common styles for page-navi links
   */
    /*
   * remove the bg on end links
   */
    /*
   * previous link
   */
    /*
   * next page link
   */
    /*
   * first page link
   */
    /*
   * last page link
   */ }
  .helix_page_navi li.before_text {
    padding: 3px 3px; }
  .helix_page_navi li {
    float: left;
    margin-left: 2px; }
    .helix_page_navi li a {
      padding: 3px 5px;
      display: block;
      text-decoration: none;
      position: relative; }
      .helix_page_navi li a:hover,
      .helix_page_navi li a:focus {
        color: #666666; }
  .helix_page_navi li.bpn-current {
    padding: 3px 6px;
    position: relative; }
    .helix_page_navi li.bpn-current a {
            /*
       * hovering on current page link
       */ }

  .helix_page_navi li.bpn-prev-link,
  .helix_page_navi li.bpn-next-link {
    font-weight: 700;
    padding-top: 2px; }
    .helix_page_navi li.bpn-prev-link a,
    .helix_page_navi li.bpn-next-link a {
      padding: 0; }
  .helix_page_navi li.bpn-prev-link a:hover,
  .helix_page_navi li.bpn-next-link a:hover,
  .helix_page_navi li.bpn-first-page-link a:hover,
  .helix_page_navi li.bpn-last-page-link a:hover {
    background: none; }





/*
 * end .helix_page_navi
 */
/*
 * fallback previous & next links
 */

  .wp-prev-next .prev-link {
    float: left; }
  .wp-prev-next .next-link {
    float: right; }

/*
 * end .wp-prev-next
 */
/*
 * *****************************************************************
 * COMMENT STYLES
 * *****************************************************************
 */
/*
 * h3 comment title
 */
#comments {
    /*
   * number of comments span
   */ }




.commentlist {
    /*
   * general comment classes
   */
    /*
   * vcard
   */
    /*
   * end .commentlist .vcard
   */
    /*
   * comment meta
   */
    /*
   * comment content
   */
    /*
   * end .commentlist .comment_content
   */
    /*
   * comment reply link
   */
    /*
   * end .commentlist .comment-reply-link
   */ }
  .commentlist li {
    position: relative;
    clear: both;
    overflow: hidden;
    list-style-type: none;
    margin-bottom: 1.5em;
    padding: 0.734em 10px;
        /*
     * end .commentlist li ul.children
     */ }
    .commentlist li:last-child {
      margin-bottom: 0; }
    .commentlist li ul.children {
      margin: 0;
            /*
       * variations
       */
            /*
       * change number for different depth
       */ }


  .commentlist li[class*=depth-] {
    margin-top: 1.1em; }
  .commentlist li.depth-1 {
    margin-left: 0;
    margin-top: 0; }
  .commentlist li:not(.depth-1) {
    margin-right: -10px;
    margin-left: -10px;
    margin-top: 0;
    padding-bottom: 0; }



  .commentlist .odd {
    background: #eeeeee; }
  .commentlist .even {
    background: #fefefe; }





  .commentlist .vcard {
    margin-left: 50px; }
    .commentlist .vcard cite.fn {
      font-weight: 700;
      font-style: normal; }
    .commentlist .vcard time {
      float: right; }
      .commentlist .vcard time a {
        color: #999999;
        text-decoration: none; }
        .commentlist .vcard time a:hover {
          text-decoration: underline; }
    .commentlist .vcard img.avatar {
      position: absolute;
      left: 10px;
      padding: 2px;
      border: 1px solid #cecece;
      background: white; }


  .commentlist .comment_content {
    margin-left: 50px; }
    .commentlist .comment_content p {
      margin: 0.734em 0 1.5em;
      font-size: 1em;
      line-height: 1.5em; }
  .commentlist .comment-reply-link {
    text-decoration: none;
    float: right;
    background: #4598bb;
    padding: 3px 5px;
    color: white;
    opacity: 0.65;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 0.9em; }
    .commentlist .comment-reply-link:hover,
    .commentlist .comment-reply-link:focus {
      opacity: 1; }

/*
 * end .commentlist
 */
/*
 * *****************************************************************
 * COMMENT FORM STYLES
 * *****************************************************************
 */
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.734em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em;
            /*
       * form validation
       */
      &: invalid;
      &-outline: none;
      &-border-color: #fbc2c4;
      &-background-color: #f6e7eb;
      &--webkit-box-shadow: none;
      &--moz-box-shadow: none;
      &--ms-box-shadow: none;
      &-box-shadow: none; }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: white; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

/*
 * comment submit button
 */

/*
 * comment form title
 */
#comment-form-title {
  margin: 0 0 1.1em; }

/*
 * cancel comment reply link
 */


/*
 * logged in comments
 */

/*
 * allowed tags
 */
#allowed_tags {
  margin: 1.5em 10px 0.734em 0; }

/*
 * no comments
 */
.nocomments {
  margin: 0 20px 1.1em; }

/*
 * ********************
 * SIDEBARS & ASIDES
 * ********************
 */


    .widget ul li {
            /*
       * deep nesting
       */ }


/*
 * ********************
 * FOOTER STYLES
 * ********************
 */
.footer {
  clear: both; }

/*
 *
 * if you checked out the link above:
 * http://www.alistapart.com/articles/organizing-mobile/
 * you'll want to style the footer nav
 * a bit more in-depth. Remember to keep
 * it simple because you'll have to
 * override these styles for the desktop
 * view.
 */


/*
 * end .footer-links
 */

/*
 * ! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css
 */
/*
 * ==========================================================================
 * HTML5 display definitions
 * ==========================================================================
 */
/*
 *
 * * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/*
 *
 * * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/*
 *
 * * Prevents modern browsers from displaying `audio` without controls.
 * * Remove excess height in iOS5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/*
 *
 * * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * * Known issue: no IE6 support.
 */
[hidden] {
  display: none; }

/*
 * ==========================================================================
 * Base
 * ==========================================================================
 */
/*
 *
 * * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
 * *	`em` units.
 * * 2. Prevents iOS text size adjust after orientation change, without disabling
 * *	user zoom.
 */
html {
  font-size: 100%;
    /*
   * 1
   */
  -webkit-text-size-adjust: 100%;
    /*
   * 2
   */
  -ms-text-size-adjust: 100%;
    /*
   * 2
   */ }

/*
 *
 * * Addresses `font-family` inconsistency between `textarea` and other form
 * * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

/*
 *
 * * Addresses margins handled incorrectly in IE6/7.
 */
body {
  margin: 0; }

/*
 * ==========================================================================
 * Links
 * ==========================================================================
 */
/*
 *
 * * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/*
 *
 * * Improves readability when focused and also mouse hovered in all browsers.
 * * people.opera.com/patrickl/experiments/keyboard/test
 */
a:active,
a:hover {
  outline: 0; }

/*
 * ==========================================================================
 * Typography
 * ==========================================================================
 */
/*
 *
 * * Addresses font sizes and margins set differently in IE6/7.
 * * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
 */
h1 {
  font-size: 2em;
  margin: 0; }

h2 {
  font-size: 1.5em;
  margin: 0; }

h3 {
  font-size: 1.17em;
  margin: 0; }

h4 {
  font-size: 1em;
  margin: 0; }

h5 {
  font-size: 0.83em;
  margin: 0; }

h6 {
  font-size: 0.75em;
  margin: 0; }

/*
 *
 * * Addresses styling not present in IE7/8/9, S5, Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/*
 *
 * * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 */
b,
strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

/*
 *
 * * Addresses styling not present in S5, Chrome.
 */
dfn {
  font-style: italic; }

/*
 *
 * * Addresses styling not present in IE6/7/8/9.
 */
mark {
  background: yellow;
  color: black; }

/*
 *
 * * Addresses margins set differently in IE6/7.
 */
p,
pre {
  margin: 1em 0; }

/*
 *
 * * Corrects font family set oddly in IE6, S4/5, Chrome.
 * * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/*
 *
 * * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/*
 *
 * * Addresses CSS quotes not supported in IE6/7.
 */
q {
  quotes: none; }

/*
 *
 * * Addresses `quotes` property not supported in S4.
 */
q:before,
q:after {
  content: '';
  content: none; }

small {
  font-size: 75%; }

/*
 *
 * * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 * * gist.github.com/413930
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/*
 * ==========================================================================
 * Lists
 * ==========================================================================
 */
/*
 *
 * * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

/*
 *
 * * Addresses paddings set differently in IE6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px; }

/*
 *
 * * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/*
 * ==========================================================================
 * Embedded content
 * ==========================================================================
 */
/*
 *
 * * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 * * 2. Improves image quality when scaled in IE7.
 * *	code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
    /*
   * 1
   */
  -ms-interpolation-mode: bicubic;
    /*
   * 2
   */ }

/*
 *
 * * Corrects overflow displayed oddly in IE9.
 */
svg:not(:root) {
  overflow: hidden; }

/*
 * ==========================================================================
 * Figures
 * ==========================================================================
 */
/*
 *
 * * Addresses margin not present in IE6/7/8/9, S5, O11.
 */
figure {
  margin: 0; }

/*
 * ==========================================================================
 * Forms
 * ==========================================================================
 */
/*
 *
 * * Corrects margin displayed oddly in IE6/7.
 */
form {
  margin: 0; }

/*
 *
 * * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/*
 *
 * * 1. Corrects color not being inherited in IE6/7/8/9.
 * * 2. Corrects text not wrapping in FF3.
 * * 3. Corrects alignment displayed oddly in IE6/7.
 */
legend {
  border: 0;
    /*
   * 1
   */
  padding: 0;
  white-space: normal;
    /*
   * 2
   */
  *margin-left: -7px;
    /*
   * 3
   */ }

/*
 *
 * * 1. Corrects font size not being inherited in all browsers.
 * * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
 * * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
    /*
   * 1
   */
  margin: 0;
    /*
   * 2
   */
  vertical-align: baseline;
    /*
   * 3
   */
  *vertical-align: middle;
    /*
   * 3
   */ }

/*
 *
 * * Addresses FF3/4 setting `line-height` on `input` using `!important` in the
 * * UA stylesheet.
 */
button,
input {
  line-height: normal; }

/*
 *
 * * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 * *	and `video` controls.
 * * 2. Corrects inability to style clickable `input` types in iOS.
 * * 3. Improves usability and consistency of cursor style between image-type
 * *	`input` and others.
 * * 4. Removes inner spacing in IE7 without affecting normal text inputs.
 * *	Known issue: inner spacing remains in IE6.
 */

input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
    /*
   * 2
   */
  cursor: pointer;
    /*
   * 3
   */
  *overflow: visible;
    /*
   * 4
   */ }

/*
 *
 * * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default; }

/*
 *
 * * 1. Addresses box sizing set to content-box in IE8/9.
 * * 2. Removes excess padding in IE8/9.
 * * 3. Removes excess padding in IE7.
 * *	Known issue: excess padding remains in IE6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
    /*
   * 1
   */
  padding: 0;
    /*
   * 2
   */
  *height: 13px;
    /*
   * 3
   */
  *width: 13px;
    /*
   * 3
   */ }

/*
 *
 * * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
 * * 2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz`
 * *	to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
    /*
   * 1
   */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
    /*
   * 2
   */
  box-sizing: content-box; }

/*
 *
 * * Removes inner padding and search cancel button in S5, Chrome on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/*
 *
 * * Removes inner padding and border in FF3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
 *
 * * 1. Removes default vertical scrollbar in IE6/7/8/9.
 * * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
    /*
   * 1
   */
  vertical-align: top;
    /*
   * 2
   */ }

/*
 * ==========================================================================
 * Tables
 * ==========================================================================
 */
/*
 *
 * * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/*
 * *****************************************************************
 * CUSTOMIZED RESET VALUES
 * I added these extra styles as a more personalized reset. Feel free
 * to remove them if you like or add your own. If you want to update
 * the normalize styles, make sure to edit from this point up.
 * *****************************************************************
 */
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

b,
strong,
.strong {
  font-weight: bold; }

dfn,
em,
.em {
  font-style: italic; }

small,
.small {
  font-size: 75%; }

ul,
ol {
  padding: 0;
  list-style-type: none; }

dd {
  margin: 0; }

.sidebar ul,
.sidebar ol,
.commentlist {
  list-style: none; }

/*
 * *****************************************************************
 * Site Name:
 * Author:
 *
 * Stylesheet: Grid Stylesheet
 *
 * I've seperated the grid so you can swap it out easily. It's
 * called at the top the style.scss stylesheet.
 *
 * *****************************************************************
 */
/*
 *
 * This is a combination of the 1140 grid and Twitter Boostrap.
 * I liked 1140 but Boostrap's grid was way more detailed so
 * I merged them together, let's see how this works out.
 * If you want to use 1140, the original values are commented
 * out on each line.
 */
.onecol {
  width: 5.801%; }

/*
 * 4.85%;  } /* grid_1
 */
.twocol {
  width: 14.365%; }

/*
 * 13.45%; } /* grid_2
 */
.threecol {
  width: 22.928%; }

/*
 * 22.05%; } /* grid_3
 */
.fourcol {
  width: 31.492%; }

/*
 * 30.75%; } /* grid_4
 */
.fivecol {
  width: 40.055%; }

/*
 * 39.45%; } /* grid_5
 */
.sixcol {
  width: 48.619%; }

/*
 * 48%;    } /* grid_6
 */
.sevencol {
  width: 57.182%; }

/*
 * 56.75%; } /* grid_7
 */
.eightcol {
  width: 65.746%; }

/*
 * 65.4%;  } /* grid_8
 */
.ninecol {
  width: 74.309%; }

/*
 * 74.05%; } /* grid_9
 */
.tencol {
  width: 82.873%; }

/*
 * 82.7%;  } /* grid_10
 */
.elevencol {
  width: 91.436%; }

/*
 * 91.35%; } /* grid_11
 */
.twelvecol {
  width: 100%; }

/*
 * 100%;   } /* grid_12
 */
/*
 * layout & column defaults
 */
.onecol,
.twocol,
.threecol,
.fourcol,
.fivecol,
.sixcol,
.sevencol,
.eightcol,
.ninecol,
.tencol,
.elevencol,
.twelvecol {
  position: relative;
  float: left;
  margin-left: 1.7%; }

.first {
  margin-left: 0; }

.last {
  float: right; }

/*
 *
 * LARGER MOBILE DEVICES
 * This is for devices like the Galaxy Note or something that's
 * larger than an iPhone but smaller than a tablet. Let's call the
 * tweeners.
 */
@media only screen and (min-width: 15em) and (max-width: 46em) {
  /*
 * *****************************************************************
 * Site Name:
 * Author:
 * Stylesheet: 481px and Up Stylesheet
 *
 * This stylesheet is loaded for larger devices. It's set to
 * 481px because at 480px it would load on a landscaped iPhone.
 * This isn't ideal because then you would be loading all those
 * extra styles on that same mobile connection.
 * A word of warning. This size COULD be a larger mobile device,
 * so you still want to keep it pretty light and simply expand
 * upon your base.scss styles.
 * *****************************************************************
 */
  html body h1 {
    font-size: 1.1em; }
  html body #central-body-container {
    padding-bottom: 60px; }
  html body #content {
    width: 90%; }
    html body #content #main {
      width: 100%;
      float: left;
            /*
       * #article-container {
       * width:100%;
       * article{
       * width:48%;
       * }
       * }
       */ }
        html body #content #main #article-container .content-module {
          width: 97% !important; }
        html body #content #main #article-container article:nth-child(2) {
          margin-top: 5px; }
      html body #content #main .featured-story {
        width: 98% !important; }
          html body #content #main .featured-top-story article h4.article-title {
            font-size: 1em; }
          html body #content #main .featured-top-story article .mtvn_media_player_container.light_player {
            height: auto !important; }
        html body #content .related-stories article .article-header {
          position: relative !important; }
          html body #content .related-stories article .article-header .article-title {
            background: none;
            opacity: 1; }
            html body #content .related-stories article .article-header .article-title a {
              font-size: 0.8em;
              color: white;
              font-weight: bold;
              line-height: 1.2em;
              max-height: 2.4em; }
              html body #content .related-stories article .article-header .article-title a:hover {
                color: #28b7ea; }
        html body #content .related-stories article .article-body {
          display: none; }
      html body #content #article-container aside.sidebar {
        display: none;
        height: 0; }
    html body #content aside.sidebar {
      float: none;
      max-width: 300px;
      clear: both; }
  html body .mtvn_ad_300x250,
  html body vmn_coda_ad-300x250 {
    display: none; }
  html body .mtvn_media_player_container.light_player {
    height: auto !important; }
    html body #main article {
      width: 98%;
      margin-right: 10px;
      margin-top: 10px; }
      html body #main article h4.article-title,
      html body #main article h4.tweet-title {
        margin-bottom: 0;
        padding-right: 0.5em;
        padding-left: 0.5em; }
      html body #main article h4.article-title {
        font-size: 0.8em; }
      html body #main article h4.tweet-title,
      html body #main article h4.quote-title {
        font-size: 1em; }
        html body #main article .snipe p {
          font-size: 0.4em;
          line-height: 16px;
          display: inline-block;
          padding: 0 5px; }
          html body #main article .article-body .big_thumb iframe {
            height: 320px !important; }
    html body #access .nav-area {
      width: 90%; }
    html body header .head-banner {
      height: 160px; }
      html body header .head-banner .header-banner {
        margin: 0 auto;
        position: relative;
        width: 90%;
        text-align: center; }
        html body header .head-banner .header-banner a {
          display: block;
          margin-top: 15px; }
          html body header .head-banner .header-banner a .img-thebacklot-logo {
            width: 240px;
            margin: 0 auto;
            display: block;
            height: auto;
            padding-left: 10px; }
    html body header .mtvn_ad_728x90,
    html body header .vmn_coda_ad-728x90 {
      display: none; }
    html body header .mtvn_ad_300x50,
    html body header .vmn_coda_ad-300x50 {
      margin: 0 auto;
      text-align: center;
      display: block;
      line-height: 0; }
  html body .search-area {
    overflow: hidden; }
    html body .search-area #searchform {
      display: block; }
      html body .search-area #searchform #s {
        display: none; }
    html body .search-area .sm4Widget {
      display: none; }
    html body .search-area .search-share-buttons {
      float: left;
      display: block;
      background: transparent url(/wp-content/themes/thebacklot/library/images/mobile-search.png) no-repeat 0px 0px;
      height: 37px;
      width: 160px; }
  html body .page-navigation {
    width: 90%; }
  html body #footer-area {
    width: 90%;
    margin: 0 auto; }
  html body aside.sidebar {
    margin: 0 auto; }
  html body #central-body-container {
    background: url(/wp-content/themes/thebacklot/library/images/TheBacklot_footer.jpg) repeat-x bottom center, #333333 url(/wp-content/themes/thebacklot/library/images/Top_bg_gradient.png) repeat-x 0px 0px;
    background-attachment: scroll; }
    html body #central-body-container .gutter-left {
      display: none; }
    html body #central-body-container .gutter-right {
      display: none; }
    html body .social-like-box .serviceList {
      max-width: 220px;
      overflow: hidden;
      height: 22px; }
    html body .social-like-box .social-follow-sm4Widget .twitterService {
      width: 62px; }
  html body .sm4WidgetArticleShare {
    width: 260px !important; }
  html body .sm4WidgetArticleShare .share .flux4Widget .serviceList > li {
    width: 80px !important; }
  html body .thebacklot-marquee {
    width: 98%;
    margin: 10px 10px 0 0; }
    html body .thebacklot-marquee h4.article-title {
      font-size: 1em !important; }

          body.search #central-body-container #content #main #article-container article,
          body.page-template-archives-php #central-body-container #content #main #article-container article {
            font-size: 0.9em; }
              body.search #central-body-container #content #main #article-container article .article-body header,
              body.page-template-archives-php #central-body-container #content #main #article-container article .article-body header {
                padding: 0 !important; }
              body.search #central-body-container #content #main #article-container article .article-body .article-header,
              body.search #central-body-container #content #main #article-container article .article-body .entry-meta,
              body.search #central-body-container #content #main #article-container article .article-body .entry-summary,
              body.page-template-archives-php #central-body-container #content #main #article-container article .article-body .article-header,
              body.page-template-archives-php #central-body-container #content #main #article-container article .article-body .entry-meta,
              body.page-template-archives-php #central-body-container #content #main #article-container article .article-body .entry-summary {
                margin-left: 0; }
            body.search #central-body-container #content #main #article-container article h4.article-title,
            body.page-template-archives-php #central-body-container #content #main #article-container article h4.article-title {
              font-size: 1em;
              margin-bottom: 0; }
            body.search #central-body-container #content #main #article-container article .sm4-article-feed-info,
            body.search #central-body-container #content #main #article-container article .sm4-article-share,
            body.page-template-archives-php #central-body-container #content #main #article-container article .sm4-article-feed-info,
            body.page-template-archives-php #central-body-container #content #main #article-container article .sm4-article-share {
              margin-left: 0 !important; }

    body.home article .byline-loop,
    body.archive article .byline-loop,
    body.page-template-single-hubpage-php article .byline-loop,
    body.single article .byline-loop,
    body.search article .byline-loop {
      display: none; }

          body.home #content #main #article-container article.tweet header,
          body.archive #content #main #article-container article.tweet header,
          body.page-template-single-hubpage-php #content #main #article-container article.tweet header {
            padding: 1em; }

      body.single #content #main #article-container {
        margin-right: 0 !important; }
        body.single #content #main #article-container article {
          max-width: 100%;
          margin-right: 0 !important; }

/*
 * ********************
 * NAVIGATION STYLES
 * ********************
 */

/*
 * .menu is clearfixed inside mixins.scss
 */
.menu {
    /*
   * end .menu ul
   */ }
  .menu ul {
        /*
     * end .menu ul li
     */
        /*
     * highlight current page
     */
        /*
     * end current highlighters
     */ }
    .menu ul li {
            /*
       *
       * plan your menus and drop-downs wisely.
       */ }
      .menu ul li a {
                /*
         *
         * you can use hover styles here even though this size
         * has the possibility of being a mobile device.
         */ }



/*
 * end .menu
 */
/*
 * ********************
 * POSTS & CONTENT STYLES
 * ********************
 */
/*
 * entry content
 */
.entry-content {
    /*
   * at this larger size, we can start to align images
   */ }
  .entry-content .alignleft,
  .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left; }
  .entry-content .alignright,
  .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right; }
  .entry-content .aligncenter,
  .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both; }

/*
 * end .entry-content
 */
/*
 * ********************
 * FOOTER STYLES
 * ********************
 */
/*
 *
 * check your menus here. do they look good?
 * do they need tweaking?
 */


/*
 * end .footer-links
 */
.no-touch,
.no-mobile {
  display: none !important; }

  .flux4Widget .captchaWindow {
    width: 300px !important; }

  #footer-area ul.footer-sites-we-like {
    padding: 0;
    margin: 20px 0 0 0; }
    #footer-area ul.footer-sites-we-like li {
      width: 120px !important;
      height: 35px;
      display: block !important;
      margin-right: 3%;
      text-align: center;
      margin: 0 auto !important; }
      #footer-area ul.footer-sites-we-like li a {
        width: 120px;
        height: 35px;
        display: block; } }

/*
 *
 * TABLET VIEWING SIZE
 * This is for the larger monitors and possibly full screen viewers.
 */
@media only screen and (min-width: 46em) and (max-width: 64em) {
  /*
 * *****************************************************************
 * Site Name:
 * Author:
 *
 * Stylesheet: Large Monitor/Tablet Stylesheet
 *
 * You can add some advanced styles here if you like. This kicks in
 * on larger screens.
 *
 * *****************************************************************
 */
  body #central-body-container {
    padding-bottom: 60px; }
  body #content {
    width: 40em; }
    body #content #main {
      width: 100%;
      float: none;
            /*
       * #article-container {
       * width:100%;
       * article{
       * width:48%;
       * }
       * }
       */ }
        body #content #main #article-container .content-module {
          width: 47.5% !important; }
      body #content #main .featured-story {
        width: 48% !important; }
          body #content #main .featured-top-story article h4.article-title {
            font-size: 2.6em; }
          body #content #main .featured-top-story article .mtvn_media_player_container.light_player {
            width: 604px !important;
            height: 378px !important; }
    body #content .related-stories {
      background: none;
      border: none; }
      body #content .related-stories h2 {
        color: #666666;
        font-size: 1em;
        border: none;
        padding: 0.55em 0 0; }
        body #content .related-stories h2:after {
          border: none; }
      body #content .related-stories ul {
        margin: 2px 0; }
        body #content .related-stories ul article header a:hover {
          color: white; }
    body #content aside.sidebar {
      height: 0;
      display: none;
      float: none;
      max-width: 300px;
      clear: both; }
  body .mtvn_ad_300x250,
  body .vmn_coda_ad-300x250 {
    display: none; }
    body #access .nav-area {
      width: 40em; }
      body header .head-banner .header-banner {
        position: relative;
        padding-top: 0.5em;
        text-align: left;
        width: 42em; }
        body header .head-banner .header-banner a {
          display: block; }
          body header .head-banner .header-banner a .img-thebacklot-logo {
            width: 270px;
            display: block;
            height: auto;
            padding-left: 10px; }
    body header .mtvn_ad_728x90,
    body header .vmn_coda_ad-728x90 {
      margin: 0 auto;
      text-align: center;
      display: block; }
    body header .mtvn_ad_300x50,
    body header .vmn_coda_ad-300x50 {
      display: none; }
      body header .search-area #searchform {
        display: block; }
      body header .search-area #loginLink {
        display: block;
        margin-top: 5px; }
      body header .search-area .search-share-buttons {
        float: left;
        display: block;
        background: transparent url(/wp-content/themes/thebacklot/library/images/mobile-search.png) no-repeat 0px 0px;
        height: 37px;
        width: 160px; }
    body header .nav-toggle {
      margin: 0; }
  body .page-navigation {
    width: 40em; }
  body #footer-area {
    width: 40em;
    margin: 0 auto; }
  body aside.sidebar {
    margin: 0 auto; }

    body.home #article-container article:nth-child(2) {
      margin-top: 0; }


          body.single #central-body-container #content #main #article-container article,
          body.page-template-default #central-body-container #content #main #article-container article {
            max-width: 100%; }

/*
 * body.single, body.archive, body.page
 * {
 * #content
 * {
 * position: relative;
 * overflow:hidden;
 *
 * #main
 * {
 * width:65%;
 * float:left;
 * margin-top:15px;
 * }
 *
 * aside.sidebar
 * {
 * float:left;
 * width:300px;
 * }
 * }
 * }
 */
.search-area {
  position: absolute;
  right: 0; }

.no-touch {
  display: none; } }

/*
 *
 * LARGE VIEWING SIZE
 * This is for the larger monitors and possibly full screen viewers.
 */
@media only screen and (min-width: 64em) {
  /*
 * *****************************************************************
 * Site Name:
 * Author:
 *
 * Stylesheet: Super Large Monitor/HD/Retina Stylesheet
 *
 * You can add some advanced styles here if you like. This kicks in
 * on larger screens.
 *
 * *****************************************************************
 */
  body #content {
    width: 61em; }
    body #content #main {
      width: 40.7em;
      float: left; }
      body #content #main #article_container {
        width: 100%; }
        body #content #main #article_container article {
          width: 31.5%; }
    body #content .related-stories {
      background: none;
      border: none; }
      body #content .related-stories h2 {
        color: #999999;
        font-size: 1em;
        border: none;
        padding: 0.55em 0 0; }
        body #content .related-stories h2:after {
          border: none; }
      body #content .related-stories ul {
        margin: 2px 0; }
        body #content .related-stories ul article header a:hover {
          color: white; }
    body #content aside.sidebar {
      float: right;
      width: 300px;
      clear: none; }
      body #main #article-container .content-module {
        width: 31.7%; }
  body .featured-story {
    width: 32% !important; }
      body .featured-top-story article h4.article-title {
        font-size: 2.6em; }
      body .featured-top-story article .mtvn_media_player_container.light_player {
        width: 604px !important;
        height: 378px !important; }
    body #access .nav-area {
      width: 61em; }
    body header .mtvn_ad_728x90,
    body header .vmn_coda_ad-728x90 {
      margin: 0 auto;
      text-align: center;
      display: block;
      width: 970px;
      height: auto !important;
      line-height: 0; }
    body header .mtvn_ad_300x50,
    body header .vmn_coda_ad-300x50 {
      display: none; }
    body header .header-banner {
      width: 61em; }
  body .page-navigation {
    width: 61em; }
  body #footer-area {
    width: 61em;
    margin: 0 auto; }

    body.home #content #main {
      width: 100%; }
        body.home #content #main #article-container article:nth-child(2) {
          margin-top: 0; }


      body.home #content #main #article-container {
        width: 100%; }
        body.home #content #main #article-container article {
          width: 32%; }

      body.archive #content #main #article-container,
      body.page-template-single-hubpage-php #content #main #article-container {
        width: 100%; }
        body.archive #content #main #article-container article,
        body.page-template-single-hubpage-php #content #main #article-container article {
          width: 48%; }

.search-area {
  position: absolute;
  right: 0; }

body .thebacklot-marquee {
  width: 32% !important; }

body.single-bracket #content #main {
  width: 60.9em; }
  body.single-bracket #content #main .article-body {
    padding: 15px !important; }
      body.single-bracket #content #main .article-body #bracket-header img {
        margin: 0 0 0 70px !important;
        width: 455px !important; }
      body.single-bracket #content #main .article-body #bracket-header .ad300x250 {
        display: block !important; } }

/*
 *
 * LARGE VIEWING SIZE
 * This is for the larger monitors and possibly full screen viewers.
 */
@media only screen and (min-width: 92.8em) {
  /*
 * *****************************************************************
 * Site Name:
 * Author:
 *
 * Stylesheet: Super Large Monitor/HD/Retina Stylesheet
 *
 * You can add some advanced styles here if you like. This kicks in
 * on larger screens.
 *
 * *****************************************************************
 */
  body #content {
    width: 80.6em; }
    body #content #main {
      width: 61em;
      float: left; }
    body #content aside.sidebar {
      float: right;
      width: 300px;
      clear: none;
      display: block;
      padding-right: 0px; }
    body #access .nav-area {
      width: 80.6em; }
    body header .header-banner {
      width: 80.6em; }
    body header .mtvn_ad_728x90 {
      margin: 0 auto;
      text-align: center;
      display: block;
      width: 970px;
      height: auto !important; }
    body header .mtvn_ad_300x50,
    body header vmn_coda_ad-300x50 {
      display: none; }
  body .page-navigation {
    width: 80.6em; }
  body #footer-area {
    width: 80.6em;
    margin: 0 auto; }
    body #article-container .content-module {
      width: 31.5%; }
  body .featured-story {
    width: 32% !important; }
    body .featured-story article {
      width: 100%; }
      body .featured-top-story article h4.article-title {
        font-size: 2.6em; }


    body.home #article-container article:nth-child(2),
    body.home #article-container article:nth-child(3) {
      margin-top: 0; }

      body.archive #content #main #article-container,
      body.page-template-single-hubpage-php #content #main #article-container {
        width: 100%; }
        body.archive #content #main #article-container article,
        body.archive #content #main #article-container .thebacklot-marquee,
        body.page-template-single-hubpage-php #content #main #article-container article,
        body.page-template-single-hubpage-php #content #main #article-container .thebacklot-marquee {
          width: 32% !important; }
    body.archive #module-container .content-module,
    body.archive #hubpage-top-module-container .content-module,
    body.page-template-single-hubpage-php #module-container .content-module,
    body.page-template-single-hubpage-php #hubpage-top-module-container .content-module {
      width: 31.5%; }

.search-area {
  position: absolute;
  right: 0; }

          body.single #central-body-container #content #main #article-container article {
            width: 100% !important; }

    body.home #content aside.sidebar {
      padding-right: 10px; }
      body.home #content #main #article-container {
        width: 100%; }
        body.home #content #main #article-container article,
        body.home #content #main #article-container .thebacklot-marquee {
          width: 24% !important; }
        body.home #content #main #article-container .content-module {
          width: 23.5%; }
        body.home #content #main #article-container article:first-child {
          margin-top: 0px; } }

.transparent,
body .content-module,
body .widget_LogoWhatsHotWidget {
  zoom: 1;
  filter: alpha(100);
  opacity: 0.8; }

.rounded_black_boxes,
body .content-module,
body .widget_LogoWhatsHotWidget,
.sm4WidgetArticleShare,
.social-like-box {
  background: black;
  border: 1px solid #666666;
  border-radius: 5px;
  -moz-border-radius: 5px;
    /*
   * Old Firefox
   */ }

@font-face {
  font-family: 'Intro';
  src: url('/wp-content/themes/thebacklot/library/fonts/Intro.otf'); }
img,
object {
  max-width: 100%; }

.clearfix {
  clear: both; }

.attachment-helix-thumb-300x500 {
  max-height: 500px; }

.attachment-helix-thumb-300x250 {
  max-height: 250px; }

.attachment-helix-thumb-80x67 {
  max-height: 67px; }

  .mtvn_media_player_container embed,
  .mtvn_media_player_container object {
    height: 100%; }

.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 10px;
  margin-top: 4px; }

.alignright,
img.alignright {
  display: inline;
  float: right;
  margin-left: 10px;
  margin-top: 4px; }

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

body {
  font-family: sans-serif, Helvetica;
  font-size: 0.96em;
  margin: 0 auto;
  max-width: 100%;
    /*
   * #Links
   * ==================================================
   */
    /*
   * #Lists
   * ==================================================
   */
    /*
   * #Menu
   * ==================================================
   */
    /*
   * *****************************************************************
   * PAGE NAVI STYLES
   * *****************************************************************
   */
    /*
   * end .helix_page_navi
   */
    /*
   * fallback previous & next links
   */
    /*
   * end .wp-prev-next
   */
    /*
   * .content-module
   * {
   * width: 48%;
   * float: left;
   *
   *
   * }
   */
    /*
   * .article-snipe-tv_recap {
   * @extend .article-snipe;
   * background: $article-snipe-tv_recap-color;
   * }
   * .article-snipe-sneak_peak {
   * @extend .article-snipe;
   * background: $article-snipe-sneak_peak-color;
   * }
   * .article-snipe-dont_miss {
   * @extend .article-snipe;
   * background: $article-snipe-dont_miss-color;
   * }
   * .article-snipe-exclusive {
   * @extend .article-snipe;
   * background: $article-snipe-exclusive-color;
   * }
   * .article-snipe-red_carpet_look {
   * @extend .article-snipe;
   * background: $article-snipe-red_carpet-color;
   * }
   * .article-snipe-interview {
   * @extend .article-snipe;
   * background: $article-snipe-interview-color;
   * }
   */
    /*
   * marquee
   */
    /*
   * }
   */ }
  body p {
    font-size: 0.96em;
    line-height: 1.8; }
  body h1,
  body h2,
  body h3 {
    color: #28b7ea; }
  body h1 {
    font-weight: bold; }
  body a {
    color: #28b7ea;
    text-decoration: none; }
    body a:visited {
      text-decoration: none;
      outline: 0; }
    body a:hover {
      color: #333333; }
  body ul,
  body ol,
  body table,
  body dl {
    margin-bottom: 20px;
    padding: 0px; }
    body ul li,
    body ol li {
      line-height: 18px;
      margin-bottom: 12px; }
  body ul {
    list-style: none outside; }
    body ul ul.square {
      list-style: square outside; }
    body ul ul.circle {
      list-style: circle outside; }
    body ul ul.disc {
      list-style: disc outside; }
  body ol {
    list-style: decimal; }
    body ol ul.square,
    body ol ul.circle,
    body ol ul.dic {
      margin-left: 30px; }
  body .page-navigation {
    text-align: center;
    display: block !important;
    margin: 0 auto; }
    body .page-navigation ol {
      margin: 0 auto;
      width: 115px;
      height: auto;
      padding-top: 10px; }
  body img.inline.left {
    float: left;
    padding-right: 10px; }
  body img.inline.right {
    float: right;
    padding-left: 10px; }
  body #central-body-container {
    overflow: hidden;
    clear: both;
        /*
     * first bg for IE8 and below
     */
        /*
     * uncomment the following lines if you want the original background. Comment if you want to override.
     */
    background-color: #333333;
    background: #333333 url(/wp-content/themes/thebacklot/library/images/TheBacklot_footer.jpg) repeat-x bottom center;
    background: url(/wp-content/themes/thebacklot/library/images/TheBacklot_footer.jpg) repeat-x bottom center, #333333 url(/wp-content/themes/thebacklot/library/images/Top_bg_gradient.png) repeat-x 0px 0px;
        /*
     * end original background
     */
        /*
     * gutter Skinning params - Comment the following lines if you dont need gutter background
     */
        /*
     * end gutter skinning params
     */
    position: relative;
    display: block;
    padding-top: 20px; }
  body .gutter-left {
        /*
     * background: url(/wp-content/themes/thebacklot/library/images/Gillette_Skin_Gutter_Left.jpg) no-repeat 0px 0px;
     */
    display: block;
    position: absolute;
    top: 0;
        /*
     * top: 200px;
     */
    height: 100%;
    width: 270px;
    overflow: hidden;
    float: left;
    z-index: 10; }
  body .gutter-right {
        /*
     * background: url(/wp-content/themes/thebacklot/library/images/Gillette_Skin_Gutter_Right.jpg) no-repeat 0px 0px;
     */
    display: block;
    position: absolute;
    top: 0;
        /*
     * top:200px;
     */
    height: 100%;
    width: 270px;
    overflow: hidden;
    float: right;
    z-index: 10; }
  body .supplemental {
    clear: both; }
  body #content {
    position: relative;
    margin: 0 auto; }
    body #content #main {
      margin-bottom: 10px; }
    body #content .hubpage-content-area {
      background: white;
      padding: 15px;
      margin-right: 10px; }
    body #content #hubpage-module-container {
      margin-top: 10px;
      margin-right: 10px; }
      body #content #article-container iframe {
        max-width: 100%; }

  body .share-overlay {
    display: none;
    position: absolute;
    z-index: 10;
        /*
     * padding-top: 40px;
     */
    right: 0;
    width: 100%;
    margin-left: 0;
    top: 30px;
    text-align: center;
    line-height: 0em; }
    body .share-overlay .sm4-share-buttons {
      display: none;
      height: 30px; }
    body .share-overlay .share-button {
      display: inline-block;
      background: transparent url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) no-repeat -258px -340px;
      height: 30px;
      width: 28px;
      float: right;
      margin-right: 10px; }
      body .share-overlay .share-button a {
        height: 30px;
        width: 28px;
        display: block; }
      body .share-overlay .share-button:hover {
        background-position: -258px -300px;
        cursor: pointer; }
    body .share-overlay .read-more {
      background: transparent url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) no-repeat -133px -300px;
      height: 30px;
      width: 115px;
      display: inline-block; }
      body .share-overlay .read-more a {
        height: 30px;
        width: 115px;
        display: block; }
      body .share-overlay .read-more:hover {
        background-position: -133px -340px;
        cursor: pointer; }
  body #access {
    background: transparent url(/wp-content/themes/thebacklot/library/images/TheBacklot_navbar.jpg) repeat-x 0px 0px;
    min-height: 58px;
    font-family: 'Share', arial; }
    body #access .nav-area {
      margin: 0 auto; }
    body #access .nav-toggle {
      display: none; }
    body #access ul {
      padding: 0;
      margin: 0 auto;
      list-style: none; }
      body #access ul li.menu-item-home {
        visibility: hidden;
        border-right: none;
        border-left: none;
        width: 0px; }
        body #access ul li.menu-item-home ul.sub-menu {
          visibility: visible; }
        body #access ul li.menu-item-home>a {
          padding-left: 0;
          width: 0;
          visibility: hidden; }
      body #access ul li:nth-child(2) {
        border-left: 0; }
        body #access ul li:nth-child(2)>a {
          padding-left: 0; }
      body #access ul li:first-child {
        border-left: 0; }
        body #access ul li:first-child>a {
          padding-left: 0; }
      body #access ul li:last-child {
        border: 0; }
    body #access ul#menu-main-menu {
      position: relative; }
        body #access ul li.current-menu-item>a,
        body #access ul li.current-menu-parent>a {
          color: #013a4f; }
        body #access ul li.current-menu-item ul.sub-menu,
        body #access ul li.current-menu-parent ul.sub-menu {
          display: block; }
          body #access ul li.current-menu-item ul.sub-menu:before,
          body #access ul li.current-menu-parent ul.sub-menu:before {
            content: "Trending: ";
            float: left;
            padding: 0;
            margin: 1px 10px 0 0;
            height: 50px;
            display: block;
            line-height: 25px;
            color: #ff9500; }
            body #access ul li.current-menu-item ul.sub-menu li.current-menu-item>a,
            body #access ul li.current-menu-parent ul.sub-menu li.current-menu-item>a {
              color: #013a4f; }
    body #access li {
      float: left;
      padding: 0;
      margin: 4px 0;
      height: 50px;
      border-left: 1px solid white;
      border-right: 1px solid rgba(0, 0, 0, 0.2);
      font-size: 0.8em; }
      body #access li ul {
        display: none;
        position: absolute;
        z-index: 10;
        height: auto;
        padding: 0;
        margin: 0;
        left: 0; }
        body #access li ul ul {
          margin: -33px 0 0 190px !important; }
      body #access li li {
        float: left;
        padding: 0;
        margin: 0;
        border: 0;
        width: auto; }
        body #access li li:hover > ul {
          display: block; }
        body #access li li li {
          border: 0; }
          body #access li li li:hover > ul {
            display: block; }
        body #access li li:first-child > a {
          border-top: none; }
        body #access li li a {
          margin: 0;
          font-family: Helvetica, Arial;
          font-size: 1.2em;
          line-height: 25px;
          font-weight: bold;
          color: #e0e0e0;
          text-align: left;
          overflow: hidden;
          padding: 0 13px !important; }
          body #access li li a:hover {
            color: white; }
    body #access a {
      display: block;
      padding: 0 13px;
      line-height: 58px;
      color: #787e80;
      font-weight: bold;
      text-align: center;
      text-decoration: none; }
      body #access a:hover {
        color: #013a4f;
        text-decoration: none; }
    @media only screen and (max-width : 58.8em) {
      body #access .drop-down-toggle {
        display: block; }
      body #access .sm4WidgetFollowBar {
        display: none;
        visibility: hidden; }
      body #access ul {
        float: none;
        overflow: hidden; }
        body #access ul li:first-child {
          padding-left: 0px; }
          body #access ul li.current-menu-item ul.sub-menu,
          body #access ul li.current-menu-parent ul.sub-menu {
            display: none; }
      body #access li {
        float: left;
        padding: 0 8px;
        max-width: 100%;
        width: auto;
        font-size: 0.74em; }
        body #access li:hover > ul {
          display: none; }
          body #access li li .drop-down-toggle {
            top: 5px; }
          body #access li li:hover > ul {
            display: none; }
          body #access li li a {
            text-align: center; }
            body #access li li li:hover > ul {
              display: none; }
            body #access li li li a {
              background: #777777;
              border-top-color: #7f7f7f; }
        body #access li ul {
          position: static; }
          body #access li ul ul {
            margin: 0 !important; }
      body #access a {
        width: 100%;
        padding: 0;
                /*
         * background: -moz-linear-gradient(#555,#333);
         * background: -webkit-linear-gradient(#555,#333);
         * background: -o-linear-gradient(#555,#333);
         * background: -ms-linear-gradient(#555,#333);
         * background: linear-gradient(#555,#333);
         */ }
        body #access a:hover {
                    /*
           * background: -moz-linear-gradient(#999,#777);
           * background: -webkit-linear-gradient(#999,#777);
           * background: -o-linear-gradient(#999,#777);
           * background: -ms-linear-gradient(#999,#777);
           * background: linear-gradient(#999,#777);
           */ }
      body #access li li .drop-down-toggle {
        top: 5px; } }
    body #access .subnav-area {
      display: none;
      position: absolute;
      background: #f0f0f0;
      z-index: 99999;
      border-radius: 5px;
      padding: 10px 0;
      margin-top: 3px;
            /*
       * The following is to create the small arrow above the div
       */ }
      body #access .subnav-area .subnav-area-inner {
        position: absolute;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 4px;
        border: 1px solid #bfbfbf;
                /*
         * &:after {
         * position: absolute;
         * top: 4px;
         * left: 4px;
         * right: 4px;
         * bottom: 4px;
         * border: 1px solid #fff;
         * }
         */ }
      body #access .subnav-area ul {
        display: block; }
      body #access .subnav-area .subnav-topics,
      body #access .subnav-area .subnav-posts {
        position: relative;
        float: left;
        max-width: 350px; }
        body #access .subnav-area .subnav-topic a {
          color: #787c7d;
          font-size: 1.1em;
          font-weight: normal; }
        body #access .subnav-area .subnav-topic a:hover {
          color: #005a70; }
        body #access .subnav-area .subnav-post a {
          color: #28b7ea;
          font-size: 1.4em;
          margin: 8px 0;
          line-height: 1.4em;
          padding: 0 !important; }
        body #access .subnav-area .subnav-post a:hover {
          color: #016885; }
      body #access .subnav-area .subnav-item {
        float: none !important;
        height: auto !important; }
      body #access .subnav-area:after {
        bottom: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
      body #access .subnav-area:after {
        border-color: transparent;
        border-bottom-color: #f0f0f0;
        border-width: 6px;
        left: 5%; }
  @media only screen and (max-width : 58.8em) {
    body .search-area {
      width: 276px; }
    body .search-area #searchform ul.social-search-share #s {
      width: 80px; }
    body #access {
      background: none;
      display: none;
      font-family: Helvetica, arial;
      text-transform: uppercase; }
    body .nav-toggle {
      display: block;
      font-size: 15px;
      font-weight: bold;
      line-height: 40px;
      background: transparent url(/wp-content/themes/thebacklot/library/images/Hamburger_regular.png) no-repeat 0px 0px;
      width: 38px;
      height: 38px;
      float: left;
      margin-top: 15px; }
    body a.nav-toggle:hover {
      background: transparent url(/wp-content/themes/thebacklot/library/images/Hamburger_selected.png) no-repeat 0px 0px;
      width: 38px;
      height: 38px; } }

  body nav ul,
  body nav ol {
    list-style: none;
    list-style-image: none; }
  body .thebacklot_page_navi {
        /*
     * current page link
     */
        /*
     * end .bones_page_navi .bpn-current
     */
        /*
     * common styles for page-navi links
     */
        /*
     * remove the bg on end links
     */
        /*
     * previous link
     */
        /*
     * next page link
     */
        /*
     * first page link
     */
        /*
     * last page link
     */ }
      body .thebacklot_page_navi li a {
        padding: 3px 6px;
        display: block;
        text-decoration: none;
        position: relative; }
        body .thebacklot_page_navi li a:hover,
        body .thebacklot_page_navi li a:focus {
          color: #f01d4f;
          text-decoration: underline; }
    body .thebacklot_page_navi li.bpn-current {
      padding: 3px 6px;
      border-bottom: 2px solid #f01d4f;
      position: relative; }
      body .thebacklot_page_navi li.bpn-current a {
                /*
         * hovering on current page link
         */ }
    body .thebacklot_page_navi li.bpn-prev-link,
    body .thebacklot_page_navi li.bpn-next-link {
      font-weight: 700; }
      body .thebacklot_page_navi li.bpn-prev-link a,
      body .thebacklot_page_navi li.bpn-next-link a {
        padding: 0; }
    body .thebacklot_page_navi li.bpn-prev-link a:hover,
    body .thebacklot_page_navi li.bpn-next-link a:hover,
    body .thebacklot_page_navi li.bpn-first-page-link a:hover,
    body .thebacklot_page_navi li.bpn-last-page-link a:hover {
      background: none; }
      body .thebacklot_page_navi li.bpn-next-link a {
        display: block;
        background: transparent url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) no-repeat -9px -300px;
        width: 115px;
        height: 30px; }
        body .thebacklot_page_navi li.bpn-next-link a:hover {
          background: transparent url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) no-repeat -9px -340px;
          width: 115px;
          height: 30px;
          cursor: pointer; }


    body .wp-prev-next .prev-link {
      float: left; }
    body .wp-prev-next .next-link {
      float: right; }
  body>header {
    position: relative;
    margin: 0 auto; }
  body .head-banner {
    display: block;
    background: black url(/wp-content/themes/thebacklot/library/images/TheBacklot_header.jpg) repeat-x;
    height: auto; }
    body .head-banner table {
      margin-bottom: 0px; }
        body .head-banner table td div {
          margin-top: 0px; }
      body .head-banner table img {
        display: block; }
    body .head-banner .header-banner {
      margin: 0 auto;
      position: relative;
      padding-top: 0.5em;
      min-height: 65px; }
      body .head-banner .header-banner .img-thebacklot-logo {
        float: left;
        width: 300px; }
      body .head-banner .header-banner .thebacklot-tag-logo {
        background: transparent url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) -7px -480px no-repeat;
        width: 335px;
        height: 70px;
        position: absolute;
        left: 250px; }
  body>footer {
    position: relative;
    overflow: hidden;
    display: block;
    background: black; }
    body>footer #footer-area {
      text-align: center; }
      body>footer #footer-area ul.footer-sites-we-like {
        padding: 0;
        margin: 15px 0 0 0; }
        body>footer #footer-area ul.footer-sites-we-like li {
          width: 120px;
          height: 54px;
          display: inline-block;
          margin-bottom: 5px;
          margin-right: 3%; }
          body>footer #footer-area ul.footer-sites-we-like li a {
            width: 120px;
            height: 54px;
            display: block; }
        body>footer #footer-area ul.footer-sites-we-like li.footer-site-buzzworthy {
          background: url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) -148px -377px no-repeat; }
        body>footer #footer-area ul.footer-sites-we-like li.footer-site-logotv {
          background: url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) -19px -377px no-repeat;
          width: 93px;
          margin-left: 27px; }
        body>footer #footer-area ul.footer-sites-we-like li.footer-site-nnn {
          background: url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) -148px -398px no-repeat; }
        body>footer #footer-area ul.footer-sites-we-like li.footer-site-nextmovie {
          background: url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) -19px -443px no-repeat; }
        body>footer #footer-area ul.footer-sites-we-like li.footer-site-hollywoodcrush {
          background: url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) -148px -443px no-repeat; }
        body>footer #footer-area ul.footer-sites-we-like li.footer-site-afterellen {
          background: url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) -19px -409px no-repeat; }
      body>footer #footer-area .site-links {
        margin-left: 2%;
        font-size: 0.7em;
        color: #28b7ea; }
        body>footer #footer-area .site-links a:hover {
          color: white; }
      body>footer #footer-area #global-navigation {
        display: none; }
  body .mtvn_ad_300x250,
  body .vmn_coda_ad-300x250 {
    background: white;
    line-height: 0;
    min-height: 250px; }
    body #article-container .content-module {
      width: 47.5%;
      float: left;
      margin-right: 10px; }
  body .featured-story {
    width: 98%; }
    body .featured-story article {
      width: 100%;
      margin-top: 0; }
  body .featured-top-story {
    margin-right: 10px; }
    body .featured-top-story article {
      width: 100% !important;
      margin-top: 0;
      margin-bottom: 10px;
      overflow: hidden; }
      body .featured-top-story article.photo .article-body {
        max-height: 400px; }
      body .featured-top-story article.photo section {
        width: 100%; }
        body .featured-top-story article.photo section header {
          max-width: 604px;
          max-height: none; }
          body .featured-top-story article.photo section header .VMNFlipbookItemOverlay {
            top: 50%;
            margin-top: -16px; }
        body .featured-top-story article.photo section content {
          max-width: 604px; }
          body .featured-top-story article.photo section content img {
            width: 100%; }
  body .tv-recaps {
        /*
     * min-width: 300px;
     */ }
    body .tv-recaps ul {
            /*
       * &:after {
       * content: "";
       * display: block;
       * clear: both;
       * }
       */ }
      body .tv-recaps ul li {
        float: left;
        min-width: 230px;
        width: 48%;
        margin-bottom: 0; }
        body .tv-recaps ul li.even {
          margin-right: 2%; }
        body .tv-recaps ul li.odd {
          margin-right: 0; }
  body .content-module,
  body .widget_LogoWhatsHotWidget {
    font-family: sans-serif, Arial;
    padding-bottom: 2px; }
    body .content-module ul,
    body .widget_LogoWhatsHotWidget ul {
      margin: 2px 14px;
      overflow: auto; }
      body .content-module ul li,
      body .widget_LogoWhatsHotWidget ul li {
        position: relative; }
    body .content-module h2,
    body .widget_LogoWhatsHotWidget h2 {
      font-family: Share, sans-serif, Helvetica;
      font-size: 1.15em;
      color: #28b7ea;
      text-transform: uppercase;
      padding: 0.55em 0.9em 0.5em; }
    body .content-module h2:after,
    body .widget_LogoWhatsHotWidget h2:after {
      content: "";
      display: block;
      border-top: 1px solid #666666;
      border-bottom: 1px solid #232323;
      width: 100%; }
        body .features-section ul li a {
          color: white; }
          body .features-section ul li a:hover {
            color: #28b7ea; }
    body .trending-stories .mtvn_media_player_container {
      height: auto !important; }
    body .trending-stories .thumb {
      display: none;
      float: left;
      width: 80px;
      height: auto;
      margin-right: 5px; }
    body .trending-stories .title {
      font-size: 0.8em;
      color: white;
      font-weight: bold;
      line-height: 1.2em;
      max-height: 2.4em;
      overflow: hidden;
      margin-bottom: 4px; }
    body .trending-stories .big_title_wrapper {
      margin-left: 0;
      position: absolute;
      width: 100%;
      bottom: 0;
      left: 0; }
    body .trending-stories .big_title {
      left: 0;
      padding: 1.2%;
      overflow: hidden;
      background: black;
      display: block;
      opacity: 0.9;
      float: none;
      font-size: 1em;
      line-height: 1.2em;
      margin-bottom: 1.9em;
      max-width: 100%;
      max-height: 2.3em;
      margin-bottom: 0; }
      body .trending-stories .big_title:hover {
        color: white; }
    body .trending-stories .copy {
      display: none;
      font-size: 0.7em;
      line-height: 1.4em;
      max-height: 3.1em;
      overflow: hidden;
      color: white; }
    body .trending-stories .copy.tall-entry {
      max-height: 5.4em; }
    body .trending-stories .title.tall-entry {
      max-height: 4.4em; }
    body .trending-stories .read-more {
      display: none;
      font-size: 0.6em;
      color: #787e80; }
      body .trending-stories .read-more .arrow {
        background: url(/wp-content/themes/thebacklot/library/images/backlot_widget_assets.png) -15px -22px no-repeat;
        width: 12px;
        height: 15px;
        display: inline-block;
        vertical-align: middle; }
    body .trending-stories .title:hover,
    body .trending-stories .read-more:hover {
      color: #28b7ea; }
    body .content-module.related-stories article {
      width: 100%;
      margin-right: 0; }
  body #whatshot_widget {
    padding: 5px 1px;
    background: #28b7ea url(/wp-content/themes/thebacklot/library/images/whatshot_gradient_bg.png) repeat-x;
    opacity: 1; }
    body #whatshot_widget .widgettitle {
      color: white;
      padding-bottom: 0; }
      body #whatshot_widget .widgettitle:after {
        content: "";
        display: block;
        border-top: 1px solid #a2a2a2;
        border-bottom: 1px solid #385f6d;
        width: 100%; }
    body #whatshot_widget .whatsHotHeader {
      margin: 15px; }
      body #whatshot_widget .whatsHotHeader .whatsHotTab {
        width: 45%;
        float: left;
        text-align: center;
        font-size: 0.9em;
        font-weight: bold;
        font-style: italic;
        color: #a9a9a9; }
      body #whatshot_widget .whatsHotHeader .whatsHotDivider {
        width: 10%;
        float: left;
        text-align: center;
        color: white; }
      body #whatshot_widget .whatsHotHeader .hot_tab_selected {
        color: white; }
      body #whatshot_widget .whats_hot .hot_row {
        margin: 0 5px 10px 12px;
        overflow: hidden; }
        body #whatshot_widget .whats_hot .hot_row .hot_thumb {
          float: left;
          margin-right: 8px; }
          body #whatshot_widget .whats_hot .hot_row .hot_thumb .whatshot_number {
            width: 80px;
            height: 80px;
            color: white;
            font-size: 80px;
            font-family: Intro, sans-serif, Helvetica;
            text-align: center;
            line-height: 80px;
            padding-right: 3px;
            margin-left: -3px; }
        body #whatshot_widget .whats_hot .hot_row .hot_link {
          font-size: 0.9em;
          line-height: 1.2em;
          color: white;
          font-weight: bold;
          max-height: 3.6em;
          overflow: hidden; }
          body #whatshot_widget .whats_hot .hot_row .hot_link a {
            color: white; }
          body #whatshot_widget .whats_hot .hot_row .hot_count .tab_2_hot_count_icon {
            background: url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) no-repeat -225px -76px;
            width: 18px;
            height: 18px;
            display: inline-block;
            vertical-align: middle; }
          body #whatshot_widget .whats_hot .hot_row .hot_count .tab_1_hot_count_icon {
            background: url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) no-repeat -225px -94px;
            width: 26px;
            height: 18px;
            display: inline-block;
            vertical-align: middle; }
          body #whatshot_widget .whats_hot .hot_row .hot_count .tab_1_hot_count,
          body #whatshot_widget .whats_hot .hot_row .hot_count .tab_2_hot_count {
            font-weight: bold;
            font-size: 0.8em;
            color: white; }
          body #whatshot_widget .whats_hot .hot_row .hot_count .hot_count_comments_icon {
            background: url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) no-repeat -225px -76px;
            width: 18px;
            height: 18px;
            display: inline-block;
            vertical-align: middle; }
          body #whatshot_widget .whats_hot .hot_row .hot_count .hot_count_views_icon {
            background: url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) no-repeat -226px -94px;
            width: 24px;
            height: 18px;
            display: inline-block;
            vertical-align: middle; }
          body #whatshot_widget .whats_hot .hot_row .hot_count .hot_count_comments,
          body #whatshot_widget .whats_hot .hot_row .hot_count .hot_count_views {
            font-weight: bold;
            font-size: 0.8em;
            color: black; }
  body .mtvn_media_player_container.light_player {
    width: 100% !important;
    height: auto;
    background-color: transparent !important;
    line-height: 0 !important; }
    body .mtvn_media_player_container.light_player .play_overlay_icon {
      background: url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) -7px -152px no-repeat;
      width: 91px;
      height: 63px;
      left: 50%;
      margin-left: -43px;
      top: 50%;
      margin-top: -33px; }
      body .mtvn_media_player_container.light_player .play_overlay_icon:hover {
        background: url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) -7px -223px no-repeat;
        width: 91px;
        height: 63px; }
  body .big_thumb {
    overflow: hidden; }
    body .big_thumb .mtvn_media_player_container,
    body .big_thumb iframe,
    body .big_thumb embed,
    body .big_thumb object {
      width: 100% !important;
      line-height: 0 !important; }
      body .big_thumb .mtvn_media_player_container .play_overlay_icon,
      body .big_thumb iframe .play_overlay_icon,
      body .big_thumb embed .play_overlay_icon,
      body .big_thumb object .play_overlay_icon {
        background: url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) -7px -152px no-repeat;
        width: 91px;
        height: 63px;
        left: 50%;
        margin-left: -43px;
        top: 40%;
        margin-top: -33px; }
        body .big_thumb .mtvn_media_player_container .play_overlay_icon:hover,
        body .big_thumb iframe .play_overlay_icon:hover,
        body .big_thumb embed .play_overlay_icon:hover,
        body .big_thumb object .play_overlay_icon:hover {
          background: url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) -7px -223px no-repeat;
          width: 91px;
          height: 63px; }
  body .snipe {
    margin: 0;
    padding: 0;
    line-height: 0;
    position: absolute;
    bottom: 0px;
    background: black; }
    body .snipe p {
      color: white;
      font-size: 0.7em;
      font-family: helvetica;
      font-weight: bold;
      font-style: italic;
      text-transform: uppercase;
      line-height: 23px;
      padding: 0 10px;
      display: inline-block;
      margin: 0; }
  body .article-snipe {
    padding: 0 10px;
    color: white;
    display: inline-block;
    font-family: helvetica;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase; }
  body p.byline {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 0.85em; }
    body .byline .author a:hover {
      color: #666666; }
  body .search-type {
    padding-right: 10px;
    display: inline-block; }
    body .search-content-area p {
      padding: 0px;
      margin: 0px; }
  body .tags-title {
    font-weight: bold; }
  body .thebacklot-marquee {
    float: left;
    width: 48%;
    margin: 0 10px 10px 0; }
    body .thebacklot-marquee article {
      width: 100% !important;
            /*
       * display: none;
       */ }
  body #marquee-main-block {
    position: relative; }
    body #marquee-main-block #marquee-element-block {
      width: 100% !important; }
      body #marquee-main-block #marquee-element-block div.post {
        height: auto !important; }
    body #marquee-main-block #marquee-header-block {
      width: 100% !important;
      bottom: 0;
      z-index: 10;
      height: 20%;
      height: 54px; }
      body #marquee-main-block #marquee-header-block div.post {
        height: 100% !important; }
    body #marquee-main-block div.post {
      position: relative;
      width: 100% !important; }
      body #marquee-main-block div.post header {
        left: 0;
        bottom: 0;
        height: 100%;
        width: 100%; }
        body #marquee-main-block div.post header h4.article-title {
          left: 0;
          height: 94%;
          padding: 4px 4px 4px 7px;
          overflow: hidden;
          display: block;
          float: none;
          font-size: 1.25em;
          font-family: 'Share', sans-serif;
          font-weight: normal;
          font-style: normal;
          margin-bottom: 0;
          max-width: 100%;
                    /*
           * max-height: 2.3em;
           */
          line-height: 1.3em;
          background: black; }
          body #marquee-main-block div.post header h4.article-title a {
            color: white; }
      body #marquee-main-block div.post figure img {
        width: 100%;
        display: block;
        height: auto; }
    body #marquee-main-block #marquee-nav {
      position: absolute;
      z-index: 10;
      display: none; }
      body #marquee-main-block #marquee-nav .marquee-nav-item {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #666666;
                /*
         * background: url(/wp-content/themes/thebacklot/library/images/marquee_promo.png);
         */
        display: inline-block;
        margin-right: 5px; }
      body #marquee-main-block #marquee-nav .marquee-nav-item-selected {
        width: 6px;
        height: 6px;
        border: 3px solid black;
        background: #2b9dc6; }
      body #marquee-main-block #marquee-nav .marquee-nav-item:last-child {
        margin-right: 0; }
    body .VMNFlipbookViewer.flipbook a:hover {
      color: white !important; }

  body.single #enhanced-tag-area,
  body.page-template-default #enhanced-tag-area,
  body.error404 #enhanced-tag-area {
    margin: 0;
    padding: 0; }
  body.single #central-body-container,
  body.page-template-default #central-body-container,
  body.error404 #central-body-container {
    padding-bottom: 60px; }
    body.single #central-body-container embed,
    body.page-template-default #central-body-container embed,
    body.error404 #central-body-container embed {
      max-width: 100%; }
        body.single #central-body-container #content #main #article-container,
        body.page-template-default #central-body-container #content #main #article-container,
        body.error404 #central-body-container #content #main #article-container {
          margin-right: 10px; }
          body.single #central-body-container #content #main #article-container article,
          body.page-template-default #central-body-container #content #main #article-container article,
          body.error404 #central-body-container #content #main #article-container article {
            margin-top: 0;
            float: left;
            background-color: white;
            width: 100%; }
            body.single #central-body-container #content #main #article-container article header,
            body.page-template-default #central-body-container #content #main #article-container article header,
            body.error404 #central-body-container #content #main #article-container article header {
              background: black;
              opacity: 0.9; }
            body.single #central-body-container #content #main #article-container article .article-body,
            body.page-template-default #central-body-container #content #main #article-container article .article-body,
            body.error404 #central-body-container #content #main #article-container article .article-body {
              padding: 0 15px 15px 15px; }
              body.single #central-body-container #content #main #article-container article .article-body a:hover,
              body.page-template-default #central-body-container #content #main #article-container article .article-body a:hover,
              body.error404 #central-body-container #content #main #article-container article .article-body a:hover {
                color: black !important; }

  body.error404 .notfound_background_image {
    background-position: center;
    height: auto;
    display: block;
    line-height: 0; }
    body.error404 .notfound_background_image img {
      width: 100%; }
  body.error404 #post-not-found h1 {
    padding-left: 10px; }
  body.error404 #post-not-found .search-area {
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
    width: 610px;
    margin: 20px auto; }
  body.error404 #post-not-found .search-area #searchform {
    float: none;
    clear: both; }
  body.error404 #post-not-found .search-area #searchform ul.social-search-share #s {
    border: 1px solid black;
    border-right: none;
    width: 125px;
    color: black; }
  body.error404 #post-not-found .search-area #searchform ul.social-search-share span.label {
    color: black;
    float: left;
    font-size: 17px;
    padding-top: 5px;
    padding-right: 10px; }
  body.error404 #post-not-found .search-area #searchform ul.social-search-share #s {
    height: 30px; }
  body.error404 #post-not-found .search-area #searchform ul.social-search-share #searchsubmit {
    position: relative;
    top: 0;
    left: 0;
    float: left;
    background: url("/wp-content/themes/thebacklot/library/images/search-btn.jpg") no-repeat scroll 0 0 transparent;
    border: 1px solid black;
    border-left: none;
    height: 32px; }
  body.error404 ul.notfound-social-buttons {
    clear: both;
    margin-top: 10px;
    display: block;
    width: 475px;
    margin: 0 auto;
    padding-bottom: 20px; }
  body.error404 ul.notfound-social-buttons li {
    width: 215px;
    display: inline-block; }
  body.error404 ul.notfound-social-buttons li a {
    font-size: 18px;
    color: black;
    display: block;
    width: 215px;
    padding: 5px 0; }
  body.error404 ul.notfound-social-buttons li.twitter-social-btn {
    margin-right: 20px; }
  body.error404 ul.notfound-social-buttons li.twitter-social-btn a {
    background: transparent url(/wp-content/themes/thebacklot/library/images/twitter-btn.jpg) no-repeat 185px 0px; }
  body.error404 ul.notfound-social-buttons li.facebook-social-btn {
    width: 235px; }
  body.error404 ul.notfound-social-buttons li.facebook-social-btn a {
    background: transparent url(/wp-content/themes/thebacklot/library/images/facebook-btn.jpg) no-repeat 210px 0px;
    width: 240px; }

  body.search #central-body-container,
  body.page-template-archives-php #central-body-container {
    padding-bottom: 60px; }
        body.search #central-body-container #content #main #article-container,
        body.page-template-archives-php #central-body-container #content #main #article-container {
          overflow: hidden;
          margin-right: 10px;
          width: 97.4%;
          background: white;
          padding-bottom: 20px; }
          body.search #central-body-container #content #main #article-container .search-header,
          body.page-template-archives-php #central-body-container #content #main #article-container .search-header {
            background: black;
            padding: 0.7em;
            opacity: 0.9; }
          body.search #central-body-container #content #main #article-container h1.search-results-header,
          body.page-template-archives-php #central-body-container #content #main #article-container h1.search-results-header {
            padding: 10px; }
          body.search #central-body-container #content #main #article-container .search-content-area,
          body.page-template-archives-php #central-body-container #content #main #article-container .search-content-area {
            padding: 10px 15px; }
          body.search #central-body-container #content #main #article-container .archives-date-separator,
          body.page-template-archives-php #central-body-container #content #main #article-container .archives-date-separator {
            border-bottom: 1px solid #999999;
            padding: 20px 0 0;
            clear: both;
            font-weight: bold;
            color: #999999;
            margin: 0 15px; }
          body.search #central-body-container #content #main #article-container article,
          body.page-template-archives-php #central-body-container #content #main #article-container article {
            width: 100%;
            float: left; }
            body.search #central-body-container #content #main #article-container article h4,
            body.page-template-archives-php #central-body-container #content #main #article-container article h4 {
              line-height: 1.3em;
              padding: 0; }
            body.search #central-body-container #content #main #article-container article .article-header,
            body.page-template-archives-php #central-body-container #content #main #article-container article .article-header {
              width: auto; }
              body.search #central-body-container #content #main #article-container article .article-header a:hover,
              body.page-template-archives-php #central-body-container #content #main #article-container article .article-header a:hover {
                color: black !important; }
              body.search #central-body-container #content #main #article-container article figure img,
              body.page-template-archives-php #central-body-container #content #main #article-container article figure img {
                float: left;
                padding: 0.71%;
                max-width: 25.2%;
                height: auto; }
            body.search #central-body-container #content #main #article-container article header,
            body.search #central-body-container #content #main #article-container article .entry-summary,
            body.search #central-body-container #content #main #article-container article .entry-meta,
            body.search #central-body-container #content #main #article-container article .sm4-article-share,
            body.search #central-body-container #content #main #article-container article .sm4-article-feed-info,
            body.page-template-archives-php #central-body-container #content #main #article-container article header,
            body.page-template-archives-php #central-body-container #content #main #article-container article .entry-summary,
            body.page-template-archives-php #central-body-container #content #main #article-container article .entry-meta,
            body.page-template-archives-php #central-body-container #content #main #article-container article .sm4-article-share,
            body.page-template-archives-php #central-body-container #content #main #article-container article .sm4-article-feed-info {
              margin-left: 27.55%; }
              body.search #central-body-container #content #main #article-container article .sm4-article-feed-info .sm4WidgetArticleFeedInfo,
              body.page-template-archives-php #central-body-container #content #main #article-container article .sm4-article-feed-info .sm4WidgetArticleFeedInfo {
                margin-top: 5px; }
                body.search #central-body-container #content #main #article-container article .sm4-article-feed-info .sm4WidgetArticleFeedInfo .comments_icon,
                body.page-template-archives-php #central-body-container #content #main #article-container article .sm4-article-feed-info .sm4WidgetArticleFeedInfo .comments_icon {
                  background: url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) no-repeat -225px -76px;
                  width: 18px;
                  height: 18px;
                  display: inline-block;
                  vertical-align: middle;
                  margin-right: 5px; }
                body.search #central-body-container #content #main #article-container article .sm4-article-feed-info .sm4WidgetArticleFeedInfo .comments,
                body.search #central-body-container #content #main #article-container article .sm4-article-feed-info .sm4WidgetArticleFeedInfo .viewed,
                body.page-template-archives-php #central-body-container #content #main #article-container article .sm4-article-feed-info .sm4WidgetArticleFeedInfo .comments,
                body.page-template-archives-php #central-body-container #content #main #article-container article .sm4-article-feed-info .sm4WidgetArticleFeedInfo .viewed {
                  font-weight: bold;
                  font-size: 0.8em; }
                body.search #central-body-container #content #main #article-container article .sm4-article-feed-info .sm4WidgetArticleFeedInfo .viewed_icon,
                body.page-template-archives-php #central-body-container #content #main #article-container article .sm4-article-feed-info .sm4WidgetArticleFeedInfo .viewed_icon {
                  background: url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) no-repeat -226px -94px;
                  width: 24px;
                  height: 18px;
                  display: inline-block;
                  vertical-align: text-top;
                  margin: 0 5px 0 10px; }
              body.search #central-body-container #content #main #article-container article .sm4-article-share .sm4WidgetArticleShare,
              body.page-template-archives-php #central-body-container #content #main #article-container article .sm4-article-share .sm4WidgetArticleShare {
                padding: 6px 0 4px;
                margin-top: 10px; }
            body.search #central-body-container #content #main #article-container article.tweet,
            body.page-template-archives-php #central-body-container #content #main #article-container article.tweet {
              background-color: inherit !important; }
            body.search #central-body-container #content #main #article-container article .entry-meta p,
            body.page-template-archives-php #central-body-container #content #main #article-container article .entry-meta p {
              margin-top: 0;
              margin-bottom: 0;
              font-size: 0.8em; }
            body.search #central-body-container #content #main #article-container article .entry-summary,
            body.page-template-archives-php #central-body-container #content #main #article-container article .entry-summary {
              font-size: 0.9em;
              line-height: 1.3em; }
            body.search #central-body-container #content #main #article-container article .article-body,
            body.page-template-archives-php #central-body-container #content #main #article-container article .article-body {
              padding: 15px; }

    body.home #content #main {
      margin-top: 10px; }

    body.page-template-archives-php article.tweet header {
      padding: 0 !important; }


  body.home .article-header-area-with-image,
  body.archive .article-header-area-with-image,
  body.page-template-single-hubpage-php .article-header-area-with-image,
  body.single .article-header-area-with-image,
  body.page .article-header-area-with-image {
    position: relative;
    line-height: 0; }
    body.home .article-header-area-with-image header,
    body.archive .article-header-area-with-image header,
    body.page-template-single-hubpage-php .article-header-area-with-image header,
    body.single .article-header-area-with-image header,
    body.page .article-header-area-with-image header {
      position: absolute;
      bottom: 0;
      width: 100%;
      background: black;
      opacity: 0.8; }
      body.home .article-header-area-with-image header h1,
      body.archive .article-header-area-with-image header h1,
      body.page-template-single-hubpage-php .article-header-area-with-image header h1,
      body.single .article-header-area-with-image header h1,
      body.page .article-header-area-with-image header h1 {
        padding: 0.3em; }
  body.home .article-header-area,
  body.archive .article-header-area,
  body.page-template-single-hubpage-php .article-header-area,
  body.single .article-header-area,
  body.page .article-header-area {
    position: relative;
    line-height: 0; }
    body.home .article-header-area header,
    body.archive .article-header-area header,
    body.page-template-single-hubpage-php .article-header-area header,
    body.single .article-header-area header,
    body.page .article-header-area header {
      width: auto;
      background: black;
      opacity: 0.8; }
      body.home .article-header-area header h1,
      body.archive .article-header-area header h1,
      body.page-template-single-hubpage-php .article-header-area header h1,
      body.single .article-header-area header h1,
      body.page .article-header-area header h1 {
        padding: 0.3em; }
  body.home article.tweet,
  body.archive article.tweet,
  body.page-template-single-hubpage-php article.tweet,
  body.single article.tweet,
  body.page article.tweet {
    background-color: #333333; }
    body.home article.tweet header,
    body.archive article.tweet header,
    body.page-template-single-hubpage-php article.tweet header,
    body.single article.tweet header,
    body.page article.tweet header {
      padding: 1em 1em;
      width: auto; }
      body.home article.tweet header .tweet-bird-image,
      body.archive article.tweet header .tweet-bird-image,
      body.page-template-single-hubpage-php article.tweet header .tweet-bird-image,
      body.single article.tweet header .tweet-bird-image,
      body.page article.tweet header .tweet-bird-image {
        background: url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) -170px -100px no-repeat;
        width: 36px;
        height: 30px;
        position: absolute;
        float: left; }
    body.home article.tweet h4.tweet-title,
    body.home article.tweet h4.quote-title,
    body.archive article.tweet h4.tweet-title,
    body.archive article.tweet h4.quote-title,
    body.page-template-single-hubpage-php article.tweet h4.tweet-title,
    body.page-template-single-hubpage-php article.tweet h4.quote-title,
    body.single article.tweet h4.tweet-title,
    body.single article.tweet h4.quote-title,
    body.page article.tweet h4.tweet-title,
    body.page article.tweet h4.quote-title {
      overflow: visible;
      font-size: 1.4em;
      line-height: 1.3em; }
      body.home article.tweet h4.tweet-title a,
      body.home article.tweet h4.quote-title a,
      body.archive article.tweet h4.tweet-title a,
      body.archive article.tweet h4.quote-title a,
      body.page-template-single-hubpage-php article.tweet h4.tweet-title a,
      body.page-template-single-hubpage-php article.tweet h4.quote-title a,
      body.single article.tweet h4.tweet-title a,
      body.single article.tweet h4.quote-title a,
      body.page article.tweet h4.tweet-title a,
      body.page article.tweet h4.quote-title a {
        color: #fb8303; }
        body.home article.tweet h4.tweet-title a:hover,
        body.home article.tweet h4.quote-title a:hover,
        body.archive article.tweet h4.tweet-title a:hover,
        body.archive article.tweet h4.quote-title a:hover,
        body.page-template-single-hubpage-php article.tweet h4.tweet-title a:hover,
        body.page-template-single-hubpage-php article.tweet h4.quote-title a:hover,
        body.single article.tweet h4.tweet-title a:hover,
        body.single article.tweet h4.quote-title a:hover,
        body.page article.tweet h4.tweet-title a:hover,
        body.page article.tweet h4.quote-title a:hover {
          color: white;
          cursor: pointer; }
      body.home article.tweet h4.tweet-title .tweet-handle,
      body.home article.tweet h4.quote-title .tweet-handle,
      body.archive article.tweet h4.tweet-title .tweet-handle,
      body.archive article.tweet h4.quote-title .tweet-handle,
      body.page-template-single-hubpage-php article.tweet h4.tweet-title .tweet-handle,
      body.page-template-single-hubpage-php article.tweet h4.quote-title .tweet-handle,
      body.single article.tweet h4.tweet-title .tweet-handle,
      body.single article.tweet h4.quote-title .tweet-handle,
      body.page article.tweet h4.tweet-title .tweet-handle,
      body.page article.tweet h4.quote-title .tweet-handle {
        font-size: 0.7em;
        color: white; }
    body.home article.tweet h4.tweet-title,
    body.archive article.tweet h4.tweet-title,
    body.page-template-single-hubpage-php article.tweet h4.tweet-title,
    body.single article.tweet h4.tweet-title,
    body.page article.tweet h4.tweet-title {
      margin-top: 1.6em; }
    body.home article.tweet p.tweet-excerpt,
    body.archive article.tweet p.tweet-excerpt,
    body.page-template-single-hubpage-php article.tweet p.tweet-excerpt,
    body.single article.tweet p.tweet-excerpt,
    body.page article.tweet p.tweet-excerpt {
      color: white;
      line-height: 1.4em;
      font-size: 0.8em; }
      body.home article.tweet p.tweet-excerpt a,
      body.archive article.tweet p.tweet-excerpt a,
      body.page-template-single-hubpage-php article.tweet p.tweet-excerpt a,
      body.single article.tweet p.tweet-excerpt a,
      body.page article.tweet p.tweet-excerpt a {
        color: white; }
    body.home article.tweet .byline-loop,
    body.archive article.tweet .byline-loop,
    body.page-template-single-hubpage-php article.tweet .byline-loop,
    body.single article.tweet .byline-loop,
    body.page article.tweet .byline-loop {
      background: transparent; }
    body.home article.video header,
    body.home article.photo header,
    body.archive article.video header,
    body.archive article.photo header,
    body.page-template-single-hubpage-php article.video header,
    body.page-template-single-hubpage-php article.photo header,
    body.single article.video header,
    body.single article.photo header,
    body.page article.video header,
    body.page article.photo header {
      z-index: 10; }
    body.home article.has-thumbnail header,
    body.home article.video header,
    body.home article.photo header,
    body.archive article.has-thumbnail header,
    body.archive article.video header,
    body.archive article.photo header,
    body.page-template-single-hubpage-php article.has-thumbnail header,
    body.page-template-single-hubpage-php article.video header,
    body.page-template-single-hubpage-php article.photo header,
    body.single article.has-thumbnail header,
    body.single article.video header,
    body.single article.photo header,
    body.page article.has-thumbnail header,
    body.page article.video header,
    body.page article.photo header {
      position: relative; }
    body.home article.mtvn_ad .mtvn_ad_300x250,
    body.home article.mtvn_ad vmn_coda_ad-300x250,
    body.archive article.mtvn_ad .mtvn_ad_300x250,
    body.archive article.mtvn_ad vmn_coda_ad-300x250,
    body.page-template-single-hubpage-php article.mtvn_ad .mtvn_ad_300x250,
    body.page-template-single-hubpage-php article.mtvn_ad vmn_coda_ad-300x250,
    body.single article.mtvn_ad .mtvn_ad_300x250,
    body.single article.mtvn_ad vmn_coda_ad-300x250,
    body.page article.mtvn_ad .mtvn_ad_300x250,
    body.page article.mtvn_ad vmn_coda_ad-300x250 {
      background: transparent;
      text-align: center; }
  body.home article,
  body.archive article,
  body.page-template-single-hubpage-php article,
  body.single article,
  body.page article {
    float: left;
    position: relative;
    margin-right: 10px;
    margin-bottom: 17px;
    width: 48%; }
      body.home article .blog-roll-content:hover,
      body.archive article .blog-roll-content:hover,
      body.page-template-single-hubpage-php article .blog-roll-content:hover,
      body.single article .blog-roll-content:hover,
      body.page article .blog-roll-content:hover {
        cursor: pointer; }
        body.home article .blog-roll-content:hover .header-teaser-area,
        body.archive article .blog-roll-content:hover .header-teaser-area,
        body.page-template-single-hubpage-php article .blog-roll-content:hover .header-teaser-area,
        body.single article .blog-roll-content:hover .header-teaser-area,
        body.page article .blog-roll-content:hover .header-teaser-area {
          background: #333333 !important; }
          body.home article .blog-roll-content:hover .header-teaser-area a,
          body.archive article .blog-roll-content:hover .header-teaser-area a,
          body.page-template-single-hubpage-php article .blog-roll-content:hover .header-teaser-area a,
          body.single article .blog-roll-content:hover .header-teaser-area a,
          body.page article .blog-roll-content:hover .header-teaser-area a {
            color: white !important; }
        body.home article .blog-roll-content:hover .snipe,
        body.archive article .blog-roll-content:hover .snipe,
        body.page-template-single-hubpage-php article .blog-roll-content:hover .snipe,
        body.single article .blog-roll-content:hover .snipe,
        body.page article .blog-roll-content:hover .snipe {
          background: white !important; }
    body.home article a:hover,
    body.archive article a:hover,
    body.page-template-single-hubpage-php article a:hover,
    body.single article a:hover,
    body.page article a:hover {
      color: #f1f1f1 !important; }
    body.home article .byline-loop,
    body.archive article .byline-loop,
    body.page-template-single-hubpage-php article .byline-loop,
    body.single article .byline-loop,
    body.page article .byline-loop {
      height: 30px;
      background: black;
      padding: 0 10px; }
      body.home article .byline-loop time,
      body.archive article .byline-loop time,
      body.page-template-single-hubpage-php article .byline-loop time,
      body.single article .byline-loop time,
      body.page article .byline-loop time {
        line-height: 30px;
        float: left;
        font-weight: bold;
        font-size: 12px;
        color: #28b7ea; }
      body.home article .byline-loop .byline-author,
      body.archive article .byline-loop .byline-author,
      body.page-template-single-hubpage-php article .byline-loop .byline-author,
      body.single article .byline-loop .byline-author,
      body.page article .byline-loop .byline-author {
        line-height: 30px;
        float: right;
        font-size: 11px;
        color: #ababab; }
        body.home article .byline-loop .byline-author a,
        body.archive article .byline-loop .byline-author a,
        body.page-template-single-hubpage-php article .byline-loop .byline-author a,
        body.single article .byline-loop .byline-author a,
        body.page article .byline-loop .byline-author a {
          color: #ababab; }
          body.home article .byline-loop .byline-author a:hover,
          body.archive article .byline-loop .byline-author a:hover,
          body.page-template-single-hubpage-php article .byline-loop .byline-author a:hover,
          body.single article .byline-loop .byline-author a:hover,
          body.page article .byline-loop .byline-author a:hover {
            color: #28b7ea !important; }
    body.home article header,
    body.archive article header,
    body.page-template-single-hubpage-php article header,
    body.single article header,
    body.page article header {
      margin-left: 0;
      width: 100%;
      bottom: 0;
      left: 0; }
    body.home article .header-teaser-area,
    body.archive article .header-teaser-area,
    body.page-template-single-hubpage-php article .header-teaser-area,
    body.single article .header-teaser-area,
    body.page article .header-teaser-area {
      background: black;
      display: block; }
      body.home article .header-teaser-area a,
      body.archive article .header-teaser-area a,
      body.page-template-single-hubpage-php article .header-teaser-area a,
      body.single article .header-teaser-area a,
      body.page article .header-teaser-area a {
        color: #28b7ea; }
    body.home article h4.article-title,
    body.archive article h4.article-title,
    body.page-template-single-hubpage-php article h4.article-title,
    body.single article h4.article-title,
    body.page article h4.article-title {
      left: 0;
      padding: 3%;
      overflow: hidden;
      display: block;
      float: none;
      font-size: 1em;
      margin-bottom: 0;
      max-width: 100%;
      line-height: 1.35em; }
    body.home article h4.article-title-no-padding-bottom,
    body.archive article h4.article-title-no-padding-bottom,
    body.page-template-single-hubpage-php article h4.article-title-no-padding-bottom,
    body.single article h4.article-title-no-padding-bottom,
    body.page article h4.article-title-no-padding-bottom {
      padding-bottom: 0; }
    body.home article p.article-excerpt,
    body.archive article p.article-excerpt,
    body.page-template-single-hubpage-php article p.article-excerpt,
    body.single article p.article-excerpt,
    body.page article p.article-excerpt {
      margin-top: 5px;
      color: white;
      padding: 3%;
      padding-top: 0px;
      overflow: hidden;
      display: block;
      float: none;
      font-size: 0.85em;
      line-height: 1.2em;
      margin-bottom: 0;
      max-width: 100%; }
      body.home article p.article-excerpt a,
      body.archive article p.article-excerpt a,
      body.page-template-single-hubpage-php article p.article-excerpt a,
      body.single article p.article-excerpt a,
      body.page article p.article-excerpt a {
        color: white; }
    body.home article figure,
    body.archive article figure,
    body.page-template-single-hubpage-php article figure,
    body.single article figure,
    body.page article figure {
      margin: 0;
      padding: 0;
      position: relative;
      display: block; }
      body.home article figure img.wp-post-image,
      body.archive article figure img.wp-post-image,
      body.page-template-single-hubpage-php article figure img.wp-post-image,
      body.single article figure img.wp-post-image,
      body.page article figure img.wp-post-image {
        width: 100%;
        display: block;
        height: auto; }

.post_tags {
  overflow: hidden;
  padding-top: 0.5em; }
  .post_tags .column {
    float: left;
    padding-right: 3em; }

.author-enhanced-area {
  margin-right: 10px;
  margin-bottom: 10px; }
  .author-enhanced-area .author-metadata {
    background: white;
    padding: 15px; }
    .author-enhanced-area .author-metadata .inline {
      display: inline-block;
      padding-right: 1.2em; }
    .author-enhanced-area .author-metadata p {
      padding-bottom: 0;
      margin-bottom: 0; }

#enhanced-tag-area {
  margin-right: 10px;
  margin-bottom: 10px;
  margin-top: 10px; }
  #enhanced-tag-area .enhanced-tag-metadata {
    padding: 15px;
    background: white; }
    #enhanced-tag-area .enhanced-tag-metadata .inline {
      display: inline-block;
      padding-right: 1.2em; }
    #enhanced-tag-area .enhanced-tag-metadata p {
      padding-bottom: 0;
      margin-bottom: 0; }

.fixedPos {
  position: fixed;
  top: 0px; }

  .sm4_follow li.followService {
    clear: none !important; }

.sm4WidgetFollowBar {
  padding-top: 18px;
  float: right;
  height: 27px; }
  .sm4WidgetFollowBar li.followService {
    border-right: none !important;
    border-left: none !important; }
  .sm4WidgetFollowBar .twitterService {
    width: 150px; }
    .sm4WidgetFollowBar .twitterService iframe.twitter-follow-button {
      width: 130px !important; }
  .sm4WidgetFollowBar .facebookService {
    width: 90px; }

  .social-like-box .social-follow-sm4Widget,
  .social-like-box .social-follow-sm4Widget-mobile {
    padding-top: 53px;
    padding-left: 80px;
    position: absolute; }
    .social-like-box .social-follow-sm4Widget .twitterService,
    .social-like-box .social-follow-sm4Widget-mobile .twitterService {
      width: 62px; }
    .social-like-box .social-follow-sm4Widget .serviceDelimiter,
    .social-like-box .social-follow-sm4Widget-mobile .serviceDelimiter {
      display: none; }
    .social-like-box .social-follow-sm4Widget .facebookService,
    .social-like-box .social-follow-sm4Widget-mobile .facebookService {
      width: 83px; }
  .social-like-box ._5vc {
    display: none !important; }

body.single .sm4WidgetArticleShare {
  margin-bottom: 10px;
  width: 260px; }
    body.single .sm4WidgetArticleShare .flux4Widget iframe {
      max-width: none !important; }


          body.single #content #main #article-container article.video .article-header-area-with-image,
          body.single #content #main #article-container article.photo .article-header-area-with-image {
            position: relative;
            line-height: 0; }
            body.single #content #main #article-container article.video .article-header-area-with-image header,
            body.single #content #main #article-container article.photo .article-header-area-with-image header {
              position: absolute;
              bottom: 0;
              width: 100%;
              background: black;
              opacity: 0.8; }
              body.single #content #main #article-container article.video .article-header-area-with-image header h1,
              body.single #content #main #article-container article.photo .article-header-area-with-image header h1 {
                padding: 0.3em; }
          body.single #content #main #article-container article.video .article-header-area,
          body.single #content #main #article-container article.photo .article-header-area {
            position: relative;
            line-height: 0; }
            body.single #content #main #article-container article.video .article-header-area header,
            body.single #content #main #article-container article.photo .article-header-area header {
              width: auto;
              background: black;
              opacity: 0.8; }
              body.single #content #main #article-container article.video .article-header-area header h1,
              body.single #content #main #article-container article.photo .article-header-area header h1 {
                padding: 0.3em; }
          body.single #content #main #article-container article.video header,
          body.single #content #main #article-container article.photo header {
            position: relative; }
      body.single article a:hover {
        color: #666666;
        text-decoration: none; }

  body.wp-admin textarea#content {
    width: 100%; }

.sm4WidgetArticleShare {
  padding: 9px 0 7px 0;
  width: 260px;
  z-index: 99; }
  .sm4WidgetArticleShare .share {
    border: 0;
    padding: 0;
    margin: 0; }
    .sm4WidgetArticleShare .share .secondaryHeadline {
      padding: 0px;
      margin: 0px; }
      .sm4WidgetArticleShare .share .flux4Widget .serviceList > li {
        width: 88px !important;
        margin: 0;
        padding: 0; }
      .sm4WidgetArticleShare .share .flux4Widget .serviceList > li:first-child {
        padding-left: 10px; }
      .sm4WidgetArticleShare .share .flux4Widget .serviceList > li.lastButton {
        width: 65px !important; }

      .flux4Widget .activityList a:hover {
        color: black !important; }

  .sm4Widget-share .share {
    border: 0;
    padding: 0;
    margin: 0; }
    .sm4Widget-share .share .serviceList {
      padding-top: 5px; }
    .sm4Widget-share .share .fixed.horizontalView .serviceList .serviceButton.googleplusone,
    .sm4Widget-share .share .fixed.horizontalView .serviceList .serviceButton.facebook,
    .sm4Widget-share .share .fixed.horizontalView .serviceList .serviceButton.twitter {
      margin: 1px 1px; }
    .sm4Widget-share .share .fixed.horizontalView .serviceList .serviceButton.googleplusone {
      width: 80px; }
      .sm4Widget-share .share .fixed.horizontalView .serviceList .serviceButton.googleplusone>div {
        width: 80px !important; }
    .sm4Widget-share .share .fixed.horizontalView .serviceList .serviceButton.facebook {
      width: 85px;
      text-align: left; }
      .sm4Widget-share .share .fixed.horizontalView .serviceList .serviceButton.facebook iframe {
        max-width: none !important; }
    .sm4Widget-share .share .fixed.horizontalView .serviceList .serviceButton.twitter {
      width: 80px; }
    .sm4Widget-share .share .secondaryHeadline {
      padding: 0px;
      margin: 0px; }
    .sm4Widget-share .share .serviceList>li {
      padding: 0 !important; }
    .sm4Widget-share .share .fb_iframe_widget_lift {
      z-index: 19; }

.fb_iframe_widget_lift {
  z-index: 19 !important; }

    .flux4Widget .userBar .dropdownWrapper {
      padding-right: 0; }
    .flux4Widget .userBar .flux4 .openedElement .link {
      color: #333333; }
    .flux4Widget .userBar .signIn {
      float: left; }
    .flux4Widget .userBar .thirdPartyAuth {
      float: left;
      display: none; }
    .flux4Widget .userBar .flux4 a,
    .flux4Widget .userBar .flux4 .link {
      color: white; }
      .flux4Widget .userBar .flux4 a:hover,
      .flux4Widget .userBar .flux4 .link:hover {
        color: #333333; }
      .flux4Widget .userBar .dropdownContent a,
      .flux4Widget .userBar .dropdownContent .link {
        color: #666666; }
    .flux4Widget .userBar .myStuffElement {
      margin-right: 0px;
      padding: 0; }
      .flux4Widget .userBar .myStuffElement .loggedInMenu {
        background: #e7e7e7; }
        .flux4Widget .userBar .myStuffElement .loggedInMenu ol.links li {
          padding: 3px 2px;
          margin-bottom: 8px; }
      .flux4Widget .userBar .myStuffElement .loggedOut.thirdPartyAuthContainer {
        margin-top: 7px; }
    .flux4Widget .userBar .dropdownContent {
      right: 2px; }
    .flux4Widget .userBar .hoverElement,
    .flux4Widget .userBar .dropdownContent,
    .flux4Widget .userBar .dropdownIndent {
      background: #e7e7e7;
      box-shadow: none;
      border: none; }
    .flux4Widget .userBar .hoverElement {
      top: -26px; }
    .flux4Widget .userBar ul.elements .elementContainer .elementContent {
      margin-right: 28px;
      margin-top: 0px; }
    .flux4Widget .userBar ul.elements .elementContainer {
      height: 24px; }
    .flux4Widget .userBar .last {
      float: none; }

.flux4Widget .follow .horizontalView .followedObject {
  display: none; }

.flux4Widget .activityFeed .mainHeader .quote,
.flux4Widget .userBar .quote {
  background-image: none;
  background-color: whitesmoke; }

.flux4Widget .activityFeed .mainHeader .addComment {
  background: none; }

.flux4Widget .activityFeed .mainHeader .commentInput div,
.flux4Widget .activityFeed .mainHeader .notAuthorizedCommentInput div {
  background: none;
  border: #999999 1px solid; }

.flux4Widget .follow .horizontalView .successIcon {
  display: none; }

.flux4 .communityGreeting h1.hugeTitle {
  background: black;
  padding: 0.7em;
  opacity: 0.9;
  color: white;
  font-size: 2em;
  text-align: center;
  margin: 0;
  text-transform: uppercase; }

.flux4Widget .captchaWindow .contentBox {
  margin: 0; }

.flux4Widget .captchaWindow .header {
  margin: 0;
  padding: 0; }

.flux4 .overlayContentWrapper .closeButton {
  background: transparent url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) no-repeat -94px -120px;
  height: 12px;
  width: 12px; }
  .flux4 .overlayContentWrapper .closeButton:hover {
    background-position: -75px -120px;
    cursor: pointer; }
	.flux4 .overlayContentWrapper .closeButton >b {
    display: none; }
  	.flux4 .overlayContentWrapper .closeButton >i {
    display: none; }

.flux4 .userProfile .overlayContentWrapper .closeButton {
  background: transparent url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) no-repeat -94px -120px;
  height: 12px;
  width: 12px; }
  .flux4 .userProfile .overlayContentWrapper .closeButton:hover {
    background-position: -114px -120px;
    cursor: pointer; }

.flux4 .auth .overlayContentWrapper .closeButton {
  background: transparent url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) no-repeat -94px -120px;
  height: 12px;
  width: 12px;
  top: 20px;
  right: 5px; }
  .flux4 .auth .overlayContentWrapper .closeButton:hover {
    background-position: -114px -120px;
    cursor: pointer; }

.flux4Widget .follow .horizontalView .serviceDelimiter {
  margin: 0;
  border: 0; }

.flux4Widget .activityFeed .mainHeader .addComment {
  border-top: 0; }

.flux4Widget .activityFeed .mainHeader .activityListContainer .comments li.replyItem {
  padding-top: 5px;
  padding-bottom: 5px; }

.flux4Widget .activityItem {
  padding: 5px 0; }

.search-area {
  display: block;
  overflow: visible;
  margin: 0 auto;
  width: 306px;
  text-align: right; }
  .search-area a#loginLink {
    color: white;
    font-size: 0.8em;
    font-weight: bold;
    text-align: right;
    margin-right: 10px; }
  .search-area #searchform {
    display: block; }
    .search-area #searchform ul.social-search-share {
      padding: 0;
      margin: 0;
      overflow: hidden;
      height: 36px;
      background: white; }
      .search-area #searchform ul.social-search-share li {
        float: left;
        padding: 0;
        margin: 0; }
        .search-area #searchform ul.social-search-share li a {
          height: 36px;
          width: 30px;
          display: block; }
      .search-area #searchform ul.social-search-share li.facebook-button {
        background: white url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) no-repeat -42px -6px;
        height: 36px;
        width: 30px; }
        .search-area #searchform ul.social-search-share li.facebook-button:hover {
          background-position: -42px -56px;
          cursor: pointer; }
      .search-area #searchform ul.social-search-share li.twitter-button {
        background: white url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) no-repeat -69px -6px;
        height: 36px;
        width: 30px; }
        .search-area #searchform ul.social-search-share li.twitter-button:hover {
          background-position: -69px -56px;
          cursor: pointer; }
      .search-area #searchform ul.social-search-share li.tumblr-button {
        background: white url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) no-repeat -96px -6px;
        height: 36px;
        width: 30px; }
        .search-area #searchform ul.social-search-share li.tumblr-button:hover {
          background-position: -96px -56px;
          cursor: pointer; }
      .search-area #searchform ul.social-search-share li.google-plus-button {
        background: white url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) no-repeat -124px -6px;
        height: 36px;
        width: 30px; }
        .search-area #searchform ul.social-search-share li.google-plus-button:hover {
          background-position: -124px -56px;
          cursor: pointer; }
      .search-area #searchform ul.social-search-share li.rss-feed-button {
        background: white url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) no-repeat -257px -93px;
        height: 29px;
        width: 30px;
        margin-top: 3px; }
        .search-area #searchform ul.social-search-share li.rss-feed-button:hover {
          background-position: -257px -119px;
          cursor: pointer; }
      .search-area #searchform ul.social-search-share #s {
        height: 36px;
        display: block;
        float: left;
        width: 110px;
        border: 0;
        border-radius: 0;
        padding: 0 0 0 8px; }
      .search-area #searchform ul.social-search-share #searchsubmit {
        background: white url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) no-repeat 0px -6px;
        height: 36px;
        width: 37px;
        border: 0;
        border-radius: 0; }
        .search-area #searchform ul.social-search-share #searchsubmit:hover {
          background-position: 0px -56px;
          cursor: pointer; }

  .search-area .search-share-buttons {
    float: left;
    display: block;
    background: transparent url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) no-repeat 0px -5px;
    height: 37px;
    width: 160px; }

.article_share_close_button {
  display: block;
  background: transparent url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) no-repeat -94px -120px;
  height: 12px;
  width: 12px;
  margin-top: 6px;
  margin-right: 8px;
  float: right; }
  .article_share_close_button:hover {
    background-position: -75px -120px;
    cursor: pointer; }

.close_button {
  widht: 100%;
  height: 20px;
  display: block; }

.find_show_celebrity_close_button {
  display: block;
  background: transparent url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) no-repeat -94px -120px;
  height: 12px;
  width: 12px;
  margin-top: 6px;
  margin-right: 8px;
  margin-bottom: 10px;
  float: right; }
  .find_show_celebrity_close_button:hover {
    background-position: -114px -120px;
    cursor: pointer; }

.post-navi {
  float: right;
  font-size: 1.3em;
  line-height: 1.7em; }
  .post-navi .next-link-page {
    float: right;
    background: transparent url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) no-repeat -257px -148px;
    height: 32px;
    width: 30px;
    margin-left: 10px; }
    .post-navi .next-link-page:hover {
      background-position: -257px -185px;
      cursor: pointer; }
  .post-navi .previous-link-page {
    background: transparent url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) no-repeat -257px -222px;
    float: left;
    height: 32px;
    width: 30px;
    margin-right: 10px; }
    .post-navi .previous-link-page:hover {
      background-position: -257px -259px;
      cursor: pointer; }

.social-like-box {
  display: block;
  height: 88px; }
  .social-like-box .follow {
    clear: both;
    padding-left: 8px; }
  .social-like-box .thebacklot-social-logo {
    background: transparent url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) no-repeat -224px 0px;
    height: 71px;
    width: 71px;
    display: block;
    float: left;
    margin: 8px 0 0 5px; }
  .social-like-box .thebacklot-social-textarea {
    float: left;
    width: 200px;
    padding-left: 10px;
    padding-top: 10px; }
  .social-like-box .thebacklot-social-header {
    color: #28b7ea;
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 0.9em; }
  .social-like-box .thebacklot-social-descr {
    color: white;
    margin: 0;
    padding: 0;
    font-size: 0.75em; }

ul.widgets {
  margin-top: 10px; }

#infscr-loading {
  position: absolute;
  bottom: -50px;
  right: 90px; }

.flux4Widget .userProfileOverlay .tabsContainer .tabPanel a.accountLink {
  display: inline-block !important; }

.flux4Widget .follow .horizontalView .twitterService iframe {
  width: 150px !important; }

.helix_page_navi {
  overflow: hidden;
  float: right; }

.hot100-container .funnel form .text {
  border: 1px solid black;
  width: 285px;
  height: 39px;
  padding: 0 3px;
  margin-bottom: 5px; }

.hot100-container .funnel form .label {
  display: none; }

.hot100-container .funnel .submit,
.hot100-container .funnel .submit:hover {
  background: url("http://thebacklot.mtvnimages.com/uploads/2013/05/hot100_vote.jpg");
  border: 0;
  padding: 0;
  color: transparent;
  width: 84px;
  height: 34px;
  cursor: pointer;
  margin-left: 105px; }

p.vote-description {
  font-size: 11px;
  line-height: 18px; }

p.vote-instructions {
  font-weight: bold;
  font-size: 11px;
  line-height: 18px; }

.hot100-container .funnel form .error {
  margin-top: -5px;
  margin-bottom: 5px;
  width: 280px; }

.hot100-container {
  margin-bottom: 35px; }

.hot100-container .funnel form .text {
  border: 1px solid black;
  width: 285px;
  height: 39px;
  padding: 0 3px;
  margin-bottom: 5px; }

.hot100-container .funnel form .label {
  display: none; }

.hot100-container .funnel .submit,
.hot100-container .funnel .submit:hover {
  background: url("http://thebacklot.mtvnimages.com/uploads/2013/05/hot100_vote.jpg");
  border: 0;
  padding: 0;
  color: transparent;
  width: 84px;
  height: 34px;
  cursor: pointer;
  margin-left: 105px; }

p.vote-description {
  font-size: 11px;
  line-height: 18px; }

p.vote-instructions {
  font-weight: bold;
  font-size: 11px;
  line-height: 18px; }

.hot100-container .funnel form .error {
  margin-top: -5px;
  margin-bottom: 5px;
  width: 280px; }

.hot100-container {
  margin-bottom: 35px; }

.sponsorbug {
  background: url('/wp-content/themes/thebacklot/library/images/HandS_100x50.gif') no-repeat center center;
  width: 100px;
  height: 50px;
  float: right; }

.sweepstakes-content-container {
  margin-top: 25px; }

.funnel form * {
  font-size: 10px !important; }

.funnel-asterisk {
  background: url("http://funnel.mtvnservices-d.mtvi.com/widget/img/asterisk.png");
  background-size: 10px 11px !important;
  display: inline-block;
  width: 10px;
  height: 11px; }

.funnel form .checkbox-container {
  padding-left: 16px;
  color: #999999 !important;
  overflow: auto; }

.funnel form .required {
  background-size: 10px 11px !important;
  background-position: 0px 0px !important; }

.funnel form .checkbox-container.required {
  background: url("http://funnel.mtvnservices-d.mtvi.com/widget/img/asterisk.png") 0 2px no-repeat !important;
  background-size: 10px 11px !important; }

.funnel form .label {
  font-size: 10px !important;
  font-weight: bold !important;
  color: #333333 !important; }

.funnel form .input.submit {
  background-image: url("/wp-content/themes/afterellen/library/images/bttn-submit-customizable.png");
  background-color: transparent;
  width: 149px;
  height: 34px;
  border: none;
  text-indent: -99999px; }

.funnel form {
  text-align: center; }

.funnel form > ol {
  text-align: left; }

.funnel form .checkbox-container input.checkbox {
  float: left; }

.funnel form .checkbox-container label {
  width: 210px;
  float: left;
  padding: 3px 3px 0; }

.funnel form li span.error {
  clear: both; }

.funnel form input.input.text {
  width: 215px; }

.funnel form input.input.phone ~ input.input.text {
  width: 56px !important; }

.sweepstakes-form a {
  color: #ff009a; }

.sweepstakes-form a:hover {
  text-decoration: underline; }

.category-sweepstakes {
  border: none; }

.view-archives-module {
  background: black;
  padding: 5px;
  text-align: center;
  border: 1px solid #666666;
  border-radius: 5px;
  overflow: hidden;
  -moz-border-radius: 5px; }

.view-archives-module a {
  font-family: Share, sans-serif, Helvetica;
  font-size: 0.9em;
  font-weight: bold;
  font-style: normal; }

.view-archives-module a:hover {
  color: white; }

.view-archives-module .archives_text {
  text-transform: uppercase;
  margin-left: 28px;
  padding-top: 8px;
  float: left; }

.view-archives-module .gt {
  background: url(/wp-content/themes/thebacklot/library/images/backlot_buttons.png) no-repeat -256px -148px;
  width: 32px;
  height: 32px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  float: left; }

body.page-template-archives-php .view-archives-module {
  display: none; }

body .content-module {
  margin-bottom: 17px; }

  body #content #main #article-container aside.sidebar {
    padding-right: 10px; }
    body #content #main #article-container aside.sidebar ul.widgets {
      margin-top: 0px; }
      body #content #main #article-container aside.sidebar ul.widgets li {
        clear: both; }
      body #content #main #article-container aside.sidebar ul.widgets .content-module {
        width: 100%; }

.wp-caption {
  width: auto !important; }

  body.single-bracket #content #main .article-body {
    padding: 15px !important; }
      body.single-bracket #content #main .article-body #bracket-header img {
        width: 100%;
        float: left;
                /*
         * height: 250px; float: left; margin: 0 0 0 70px;
         */ }
      body.single-bracket #content #main .article-body #bracket-header .ad300x250 {
        width: 300px;
        height: 250px;
        float: right;
        display: none; }

/*
 *
 * * *****************************************************************
 * *    This is to fix the yourtube iframe issue for Jira LOGOT-11456
 * *
 * * *****************************************************************
 */
  .article-body iframe[src*='youtube'],
  .article-body iframe[src*='vine'],
  .article-body iframe[src*='vimeo'] {
    margin: 0 auto;
    display: block; }