/*
 * *****************************************************************
 * Site Name:
 * Author:
 * 
 * Stylesheet: Main Stylesheet
 * 
 * Here's where the magic happens. Here, you'll see we are calling in
 * the separate media queries. The base mobile goes outside any query
 * and is called at the beginning, after that we call the rest
 * of the styles inside media queries.
 * *****************************************************************
 */
/*
 * ********************
 * IMPORTING STYLES
 * NOTE: This moved to the base.scss file since we're not compiling sprites via Compass
 * ********************
 */
/*
 * import normalize
 */
/*
 * ! normalize.css 2011-11-04T15:38 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 {
  display: block; }

/*
 * 
 * * 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
 */
audio:not([controls]) {
  display: none; }

/*
 * 
 * * 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
 * *    http://clagnut.com/blog/348/#c790
 * * 2. Keeps page centred in all browsers regardless of content height
 * * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
 * *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html {
  font-size: 100%;
    /*
   * 1
   */
  overflow-y: scroll;
    /*
   * 2
   */
  -webkit-text-size-adjust: 100%;
    /*
   * 3
   */
  -ms-text-size-adjust: 100%;
    /*
   * 3
   */ }

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

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

/*
 * =============================================================================
 * Links
 * ==========================================================================
 */
/*
 * 
 * * Addresses outline displayed oddly in Chrome
 */
a:focus {
  outline: thin dotted; }

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

/*
 * =============================================================================
 * Typography
 * ==========================================================================
 */
/*
 * 
 * * Neutralise smaller font-size in 'section' and 'article' in FF4+, Chrome, S5
 */
h1 {
  font-size: 2em; }

/*
 * 
 * * 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; }

/*
 * 
 * * Corrects font family set oddly in IE6, S4/5, Chrome
 * * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
pre,
code,
kbd,
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; }

/*
 * 
 * * 1. Addresses CSS quotes not supported in IE6/7
 * * 2. Addresses quote property not supported in S4
 */
/*
 * 1
 */
q {
  quotes: none; }

/*
 * 2
 */
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
 * ==========================================================================
 */
ul,
ol {
  margin-left: 0;
  padding: 0 0 0 40px; }

dd {
  margin: 0 0 0 40px; }

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 alignment displayed oddly in IE6/7
 */
legend {
  border: 0;
    /*
   * 1
   */
  *margin-left: -7px;
    /*
   * 2
   */ }

/*
 * 
 * * 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
   */ }

/*
 * 
 * * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * * 2. Corrects inability to style clickable 'input' types in iOS
 * * 3. Removes inner spacing in IE7 without affecting normal text inputs
 * *    Known issue: inner spacing remains in IE6
 */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
    /*
   * 1
   */
  -webkit-appearance: button;
    /*
   * 2
   */
  *overflow: visible;
    /*
   * 3
   */ }

/*
 * 
 * * 1. Addresses box sizing set to content-box in IE8/9
 * * 2. Removes excess padding in IE8/9
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
    /*
   * 1
   */
  padding: 0;
    /*
   * 2
   */ }

/*
 * 
 * * 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 that is displayed in S5, Chrome on OS X
 */
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/*
 * 
 * * Removes inner padding and border in FF3+
 * * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */
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.
 * *****************************************************************
 */
ul,
ol {
  padding: 0;
  list-style-type: none; }

dd {
  margin: 0; }

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

/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
 */
p {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -epub-hyphens: auto;
  hyphens: auto; }

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

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

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

/*
 * import mixins
 */
/*
 * *****************************************************************
 * Site Name:
 * Author:
 * 
 * Stylesheet: Mixins & Constants Stylesheet
 * 
 * This is where you can take advantage of Sass' great features:
 * Mixins & Constants. I won't go in-depth on how they work exactly,
 * there are a few articles below that will help do that. What I will
 * tell you is that this will help speed up simple changes like
 * changing a color or adding CSS3 techniques like box shadow and
 * border-radius.
 * 
 * A WORD OF WARNING: It's very easy to overdo it here. Be careful and
 * remember less is more.
 * 
 * *****************************************************************
 */
/*
 * ********************
 * CLEARFIXIN'
 * ********************
 */
/*
 * Contain floats: nicolasgallagher.com/micro-clearfix-hack/
 */
.clearfix {
  zoom: 1; }
  .clearfix:before,
  .clearfix:after {
    content: "";
    display: table; }
  .clearfix:after {
    clear: both; }

/*
 * ********************
 * TOOLS
 * ********************
 */
/*
 * http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/
 */
.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

/*
 * ********************
 * COLORS
 * Need help w/ choosing your colors? Try this site out:
 * http://0to255.com/
 * ********************
 */
/*
 * ********************
 * WIDTHS
 * ********************
 */
/*
 * ********************
 * TYPOGRAPHY
 * ********************
 */
/*
 * typekit fonts
 */
/*
 * Tablet Gothic Condensed (font-style: normal, font-weight: 600)
 */
/*
 * Franklin Gothic URW Condensed Demi (font-style: normal, font-weight: 700)
 */
/*
 * To embed your own fonts, use this syntax
 * and place your fonts inside the
 * library/fonts folder. For more information
 * on embedding fonts, go to:
 * http://www.fontsquirrel.com/
 * Be sure to remove the comment brackets.
 * 
 * Nav links  -  Franklin Gothic URW Condensed (Demi 700)
 * Everything else  -  Tablet Gothic Condensed (Semibold 600)
 */
/*
 * @font-face {
 * font-family: 'Font Name';
 * src: url('library/fonts/font-name.eot');
 * src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
 * url('library/fonts/font-name.woff') format('woff'),
 * url('library/fonts/font-name.ttf') format('truetype'),
 * url('library/fonts/font-name.svg#font-name') format('svg');
 * font-weight: normal;
 * font-style: normal;
 * }
 */
/*
 * 
 * use the best ampersand
 * http://simplebits.com/notebook/2008/08/14/ampersands-2/
 */
span.amp {
  font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif !important;
  font-style: italic; }

/*
 * floats
 */
.left {
  float: left; }

.right {
  float: right; }

/*
 * text alignment
 */
.text-left {
  text-align: left; }

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

.text-right {
  text-align: right; }

/*
 * clear
 */
.clear {
  clear: both; }

/*
 * alerts & notices
 */
.alert {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid; }

.help {
  border-color: #e8dc59;
  background: #ebe16f; }

.info {
  border-color: #bfe4f4;
  background: #d5edf8; }

.error {
  border-color: #f8cdce;
  background: #fbe3e4; }

.success {
  border-color: #deeaae;
  background: #e6efc2; }

/*
 * ********************
 * BORDER RADIUS
 * ********************
 */
/*
 * @include rounded(4px);
 */
/*
 * NOTE: For older browser support (and some mobile),
 * don't use the shorthand to define *different* corners.
 */
/*
 * @include rounded-top(4px);
 */
/*
 * @include rounded-right(4px);
 */
/*
 * @include rounded-bottom(4px);
 */
/*
 * @include rounded-left(4px);
 */
/*
 * ********************
 * TRANISTION
 * ********************
 */
/*
 * @include transition(all,2s,ease-out);
 */
/*
 * ********************
 * BOX SHADOWS
 * ********************
 */
/*
 * @include box-shadow(5px, 5px, 10px, #000);
 */
/*
 * ********************
 * CSS3 GRADIENTS
 * Be careful with these since they can
 * really slow down your CSS. Don't overdue it.
 * ********************
 */
/*
 * @include css-gradient(#dfdfdf,#f8f8f8);
 */
/*
 * ********************
 * BOX SIZING
 * ********************
 */
/*
 * @include box-sizing(border-box);
 */
/*
 * NOTE: value of "padding-box" is only supported in Gecko. So
 * probably best not to use it. I mean, were you going to anyway?
 */
/*
 * ********************
 * AUTO WIDTH
 * ********************
 */
/*
 * ********************
 * PENNANT BACKGROUND
 * ********************
 */
/*
 * ********************
 * BUTTONS
 * ********************
 */
.button,
.button:visited {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: 1px solid #10465f;
  border-top-color: #15597a;
  border-left-color: #15597a;
  padding: 4px 12px;
  color: white;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.75);
  cursor: pointer;
  margin-bottom: 20px;
  line-height: 21px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #165f82;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1a6f98), to(#165f82));
  background-image: -webkit-linear-gradient(top, #1a6f98, #165f82);
  background-image: -moz-linear-gradient(top, #1a6f98, #165f82);
  background-image: -o-linear-gradient(top, #1a6f98, #165f82);
  background-image: linear-gradient(to bottom, #1a6f98, #165f82); }
  .button:hover,
  .button:visited:hover,
  .button:focus,
  .button:visited:focus {
    color: white;
    border: 1px solid #10465f;
    border-top-color: #0b2f41;
    border-left-color: #0b2f41;
    background-color: #134f6c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#165f82), to(#134f6c));
    background-image: -webkit-linear-gradient(top, #165f82, #134f6c);
    background-image: -moz-linear-gradient(top, #165f82, #134f6c);
    background-image: -o-linear-gradient(top, #165f82, #134f6c);
    background-image: linear-gradient(to bottom, #165f82, #134f6c); }
  .button:active,
  .button:visited:active {
    background-color: #1a6f98;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#165f82), to(#1a6f98));
    background-image: -webkit-linear-gradient(top, #165f82, #1a6f98);
    background-image: -moz-linear-gradient(top, #165f82, #1a6f98);
    background-image: -o-linear-gradient(top, #165f82, #1a6f98);
    background-image: linear-gradient(to bottom, #165f82, #1a6f98); }

.blue-button,
.blue-button:visited {
  border-color: #1472ad;
  text-shadow: 0 1px 1px #1472ad;
  background-color: #1681c4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1990db), to(#1681c4));
  background-image: -webkit-linear-gradient(top, #1990db, #1681c4);
  background-image: -moz-linear-gradient(top, #1990db, #1681c4);
  background-image: -o-linear-gradient(top, #1990db, #1681c4);
  background-image: linear-gradient(to bottom, #1990db, #1681c4);
  -webkit-box-shadow: inset 0 0 3px #59b3ec;
  -moz-box-shadow: inset 0 0 3px #59b3ec;
  box-shadow: inset 0 0 3px #59b3ec; }
  .blue-button:hover,
  .blue-button:visited:hover,
  .blue-button:focus,
  .blue-button:visited:focus {
    border-color: #116396;
    background-color: #1472ad;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1784c9), to(#1472ad));
    background-image: -webkit-linear-gradient(top, #1784c9, #1472ad);
    background-image: -moz-linear-gradient(top, #1784c9, #1472ad);
    background-image: -o-linear-gradient(top, #1784c9, #1472ad);
    background-image: linear-gradient(to bottom, #1784c9, #1472ad); }
  .blue-button:active,
  .blue-button:visited:active {
    background-color: #1990db;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1681c4), to(#1990db));
    background-image: -webkit-linear-gradient(top, #1681c4, #1990db);
    background-image: -moz-linear-gradient(top, #1681c4, #1990db);
    background-image: -o-linear-gradient(top, #1681c4, #1990db);
    background-image: linear-gradient(to bottom, #1681c4, #1990db); }

/*
 * *****************************************************************
 * BASE (MOBILE) SIZE
 * This is the average viewing window. So Desktops, Laptops, and
 * in general anyone not viewing on a mobile device. Here's where
 * you can add resource intensive styles.
 * *****************************************************************
 */
/*
 * styles in base.scss - just using this for now until we get responsive design kicking...
 */
/*
 * *****************************************************************
 * 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.
 * 
 * *****************************************************************
 */
/*
 * ********************
 * MTVU SPRITE
 * ********************
 */
.common-sprite,
.common-i_logo_mtvu,
.common-legal-bullet,
.common-mtvu-date-icon,
.common-mtvu-facebookcircle,
.common-mtvu-followcircle,
.common-mtvu-footerlogo,
.common-mtvu-headerlogo,
.common-mtvu-hpmusicflag,
.common-mtvu-hpopporflag,
.common-mtvu-hpshowsflag,
.common-mtvu-instacircle,
.common-mtvu-mediumflag,
.common-mtvu-playbutton-sm,
.common-mtvu-playbutton,
.common-mtvu-post-mostpopular,
.common-mtvu-post-recent,
.common-mtvu-post-tweets,
.common-mtvu-readmore1,
.common-mtvu-readmore2,
.common-mtvu-readmore3,
.common-mtvu-readmore4,
.common-mtvu-readmore5,
.common-mtvu-tumblrcircle,
.common-mtvu-twittercircle,
.common-mtvu-twitterrow-flag,
.common-numComments_bg,
.common-viacom-logo-ft {
  background: url('../../themes/mtvu/library/images/mtvu-sprite.png') no-repeat; }

/*
 * line 60, ../../../../../../../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss
 */
.common-i_logo_mtvu {
  background-position: 0 -2594px; }

/*
 * line 60, ../../../../../../../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss
 */
.common-legal-bullet {
  background-position: 0 -2610px; }

/*
 * line 60, ../../../../../../../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss
 */
.common-mtvu-date-icon {
  background-position: 0 -2548px; }

/*
 * line 60, ../../../../../../../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss
 */
.common-mtvu-facebookcircle {
  background-position: 0 -2232px; }

/*
 * line 60, ../../../../../../../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss
 */
.common-mtvu-followcircle {
  background-position: 0 -2417px; }

/*
 * line 60, ../../../../../../../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss
 */
.common-mtvu-footerlogo {
  background-position: 0 -2472px; }

/*
 * line 60, ../../../../../../../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss
 */
.common-mtvu-headerlogo {
  background-position: 0 -1410px; }

/*
 * line 60, ../../../../../../../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss
 */
.common-mtvu-hpmusicflag {
  background-position: 0 -188px; }

/*
 * line 60, ../../../../../../../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss
 */
.common-mtvu-hpopporflag {
  background-position: 0 -1523px; }

/*
 * line 60, ../../../../../../../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss
 */
.common-mtvu-hpshowsflag {
  background-position: 0 0; }

/*
 * line 60, ../../../../../../../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss
 */
.common-mtvu-instacircle {
  background-position: 0 -1190px; }

/*
 * line 60, ../../../../../../../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss
 */
.common-mtvu-mediumflag {
  background-position: 0 -920px; }

/*
 * line 60, ../../../../../../../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss
 */
.common-mtvu-playbutton-sm {
  background-position: 0 -701px; }

/*
 * line 60, ../../../../../../../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss
 */
.common-mtvu-playbutton {
  background-position: 0 -781px; }

/*
 * line 60, ../../../../../../../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss
 */
.common-mtvu-post-mostpopular {
  background-position: 0 -593px; }

/*
 * line 60, ../../../../../../../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss
 */
.common-mtvu-post-recent {
  background-position: 0 -377px; }

/*
 * line 60, ../../../../../../../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss
 */
.common-mtvu-post-tweets {
  background-position: 0 -485px; }

/*
 * line 60, ../../../../../../../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss
 */
.common-mtvu-readmore1 {
  background-position: 0 -1876px; }

/*
 * line 60, ../../../../../../../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss
 */
.common-mtvu-readmore2 {
  background-position: 0 -1794px; }

/*
 * line 60, ../../../../../../../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss
 */
.common-mtvu-readmore3 {
  background-position: 0 -1958px; }

/*
 * line 60, ../../../../../../../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss
 */
.common-mtvu-readmore4 {
  background-position: 0 -1712px; }

/*
 * line 60, ../../../../../../../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss
 */
.common-mtvu-readmore5 {
  background-position: 0 -2040px; }

/*
 * line 60, ../../../../../../../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss
 */
.common-mtvu-tumblrcircle {
  background-position: 0 -2122px; }

/*
 * line 60, ../../../../../../../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss
 */
.common-mtvu-twittercircle {
  background-position: 0 -1300px; }

/*
 * line 60, ../../../../../../../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss
 */
.common-mtvu-twitterrow-flag {
  background-position: 0 -2364px; }

/*
 * line 60, ../../../../../../../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss
 */
.common-numComments_bg {
  background-position: 0 -2567px; }

/*
 * line 60, ../../../../../../../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss
 */
.common-viacom-logo-ft {
  background-position: 0 -2342px; }

/*
 * ********************
 * GENERAL STYLES
 * ********************
 */
body {
  font-family: "tablet-gothic-condensed", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1em;
  color: #272727;
  background-color: #f2f2e4; }

/*
 * Banner Ad
 */
#banner-ad-container {
  background-color: #1b1b1b;
  width: 100%;
    /*
   * height: 110px;
   */
  padding-bottom: 5px; }
  #banner-ad-container .banner-ad {
    margin: 0 auto;
    padding: 10px 0 5px 0;
    text-align: center;
    width: 960px; }
    #banner-ad-container .banner-ad .mtvn_coda_ad {
      margin-left: auto;
      margin-right: auto; }

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

/*
 * home page
 */
/*
 * blog template page
 */

/*
 * archive page
 */
  .archive .post {
    padding: 0; }


/*
 * 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
 */
.single {
    /*
   * individual post page by id (i.e. body.postid-73)
   */
    /*
   * individual paged single (i.e. body.single-paged-3)
   */ }
  .single .post {
    background-color: white;
    padding: 10px 0 20px 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }
    .single .post .border-bottom {
      border-bottom: 1px dotted #dddddd;
      padding: 0 0 10px 0;
      margin: 0 0 10px 0;
      width: 103%;
      margin-left: -1.5%; }
    .single .post .article-header {
      margin: 0 auto;
      width: 620px; }
      .single .post .article-header .date {
        background: url("../../themes/mtvu/library/images/date-gray.png") transparent no-repeat;
        width: 15px;
        height: 15px;
        margin: -1px 4px 0 8px; }
    .single .post .article-title {
      padding-top: 15px; }
      .single .post .article-title h1 {
        margin-bottom: 0px; }
    .single .post .post-content {
      font-weight: normal; }
    .single .post .light_player .play_overlay_icon {
      background: transparent url("../../themes/mtvu/library/images/mtvu-playbutton-sm.png") no-repeat scroll 0 0;
      height: 80px;
      left: 280px;
      top: 128px;
      width: 80px; }
    .single .post .background-spacer {
      height: 20px;
      overflow: hidden;
      background-color: #f2f2e4; }
    .single .post h1 {
      margin: 2px 0 10px 0; }
    .single .post p {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }



/*
 * 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
 */
    .category .post .light_player .play_overlay_icon {
      background: transparent url("../../themes/mtvu/library/images/mtvu-playbutton.png") no-repeat scroll 0 0;
      height: 139px;
      left: 408px;
      top: 208px;
      width: 139px; }

/*
 * Category: Woody Awards
 */
body.category-woodies-tour {
  background-image: url("../../themes/mtvu/library/images/bg_tile_GRAY_140_wide.png");
  background-repeat: repeat-x;
  background-position: 0 110px;
  background-color: #f2f2f2;
    /*
   * override the featured content background
   */ }
  body.category-woodies-tour .common-mtvu-woodiesflag {
    background-image: url("../../themes/mtvu/library/images/mtvu-woodiesflag.png");
    background-repeat: no-repeat; }
  body.category-woodies-tour h1.category-title {
    color: #231937; }
  body.category-woodies-tour .woodies-tour-content {
    background-image: url("../../themes/mtvu/library/images/bg_tile_PURPLE_140_wide.png"); }
    body.category-woodies-tour .woodies-tour-content .woodies-tour-image {
      padding: 42px 0 0 38px; }
    body.category-woodies-tour .woodies-tour-content .woodies-meta-container {
      position: relative;
      width: 430px;
      padding: 14px 24px 0 25px;
      overflow: hidden;
      height: 256px;
      background-color: #b4d200; }
      body.category-woodies-tour .woodies-tour-content .woodies-meta-container #woodies-tour-dates {
        font-size: 24px; }
        body.category-woodies-tour .woodies-tour-content .woodies-meta-container #woodies-tour-dates ul {
          margin-top: 75px; }
          body.category-woodies-tour .woodies-tour-content .woodies-meta-container #woodies-tour-dates ul li {
            margin-top: 5px; }
        body.category-woodies-tour .woodies-tour-content .woodies-meta-container #woodies-tour-dates span {
          color: white;
          margin-right: 6px; }
        body.category-woodies-tour .woodies-tour-content .woodies-meta-container #woodies-tour-dates a {
          color: black;
          text-decoration: none; }
          body.category-woodies-tour .woodies-tour-content .woodies-meta-container #woodies-tour-dates a:hover {
            color: white; }
  body.category-woodies-tour #featured-content {
    background-image: url("../../themes/mtvu/library/images/bg_tile_GRAY_140_wide.png"); }

/*
 * Category: Music
 */

/*
 * Category: Shows
 */


/*
 * 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: 90%; when we are ready grasshopper...
   */
  width: 960px;
  margin: 0 auto; }

/*
 * 
 * No Grid? Say Whaaaat?
 * There's really no need for all that
 * extraneous grid css since floating
 * columns wouldn't really fit on such a
 * small screen, so let's only bring it in
 * when we're ready for it.
 */
/*
 * ********************
 * LINK STYLES
 * ********************
 */
a,
a:visited {
  color: #1a6f98;
  text-decoration: none;
  font-weight: bold;
    /*
   * on hover
   */
    /*
   * on click
   */
    /*
   * mobile tap color
   */ }
  a:hover,
  a:visited:hover,
  a:focus,
  a:visited:focus {
    color: #218cbf;
    text-decoration: none; }

  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: transparent; }

/*
 * *****************************************************************
 * H1, H2, H3, H4, H5 STYLES
 * *****************************************************************
 */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
    /*
   * font-family: sans-serif;
   */
  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
 * ********************
 */
  .header a {
    color: black; }
  .header #mtvu_logo {
    width: 26%;
    height: 50px; }
    .header #mtvu_logo .logo_img {
      background: url('../../themes/mtvu/library/images/mtvu-headerlogo.png') no-repeat transparent;
      height: inherit;
      width: 250px;
      height: 120px;
      border: 0px solid red; }
  .header #social {
    width: 100%;
    height: 80px; }
    .header #social #social-follow {
      width: 31.8%; }
      .header #social .follow li {
        float: left; }
        .header #social .follow li a {
          width: 60px;
          height: 55px;
          display: block; }
      .header #social .follow .mtvu-follow {
        width: 60px;
        height: 55px; }
      .header #social .follow .facebook {
        background: url("../../themes/mtvu/library/images/mtvu-facebookcircle.png") no-repeat 0 0 transparent; }
        .header #social .follow .facebook :hover {
          background: url("../../themes/mtvu/library/images/mtvu-facebookcircle.png") no-repeat 0 -55px transparent; }
      .header #social .follow .twitter {
        background: url("../../themes/mtvu/library/images/mtvu-twittercircle.png") no-repeat 0 0 transparent; }
        .header #social .follow .twitter :hover {
          background: url("../../themes/mtvu/library/images/mtvu-twittercircle.png") no-repeat 0 -55px transparent; }
      .header #social .follow .tumblr {
        background: url("../../themes/mtvu/library/images/mtvu-tumblrcircle.png") no-repeat 0 0 transparent; }
        .header #social .follow .tumblr :hover {
          background: url("../../themes/mtvu/library/images/mtvu-tumblrcircle.png") no-repeat 0 -55px transparent; }
      .header #social .follow .instagram {
        background: url("../../themes/mtvu/library/images/mtvu-instacircle.png") no-repeat 0 0 transparent; }
        .header #social .follow .instagram :hover {
          background: url("../../themes/mtvu/library/images/mtvu-instacircle.png") no-repeat 0 -55px transparent; }
  .header #center-outer {
    height: 46px;
    width: 100%;
    z-index: 999;
        /*
     * text-align: center;
     */ }
    .header #center-outer #center-left {
      margin: 0 auto;
            /*
       * display: inline-block;
       */
      float: left; }
    .header #center-outer #center-right {
      position: relative;
      float: right; }
  .header .search-field {
    height: 48px;
    padding-top: 3px;
    display: inline; }
    .header .search-field input[type="text"] {
      background: url("../../themes/mtvu/library/images/mtvu-search-icon.png") no-repeat 0 0;
      height: 21px;
      width: 236px;
      border: 1px solid #cccccc;
      padding-left: 26px; }
    .header .search-field input[type="submit"] {
      background: url("../../themes/mtvu/library/images/mtvu-search.png") no-repeat -1px 0;
      border: none;
      background-position: top;
      border: none;
      cursor: pointer;
      line-height: 22px;
      height: 25px;
      width: 37px; }

/*
 * ********************
 * 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 {
  font-family: "franklin-gothic-urw-cond", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.3em;
  text-transform: uppercase;
  border: 1px solid #cccccc;
  border-bottom: 0;
  margin: 0;
    /*
   * end .menu li
   */
    /*
   * highlight current page
   */
    /*
   * end current highlighters
   */ }
  .nav li {
    padding-right: 40px;
    height: 48px;
        /*
     * 
     * 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: 0px 5px;
      background-color: white;
      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,
      .nav li ul.children li {
        text-transform: none;
        font-size: 0.6em;
        height: auto; }
        .nav li ul.sub-menu li a,
        .nav li ul.children li a {
          padding: 5px 20px 5px 10px; }



/*
 * end .nav
 */
/*
 * ********************
 * POSTS & CONTENT STYLES
 * ********************
 */
#content {
  margin: 0.4em 0;
    /*
   * RELATED CONTENT
   */ }
  #content .related-content {
    position: relative;
    margin: 20px 0 0 -20px; }
    #content .related-content .entry-title {
      font-family: sans-serif; }
    #content .related-content .related-items-title {
      display: none; }
    #content .related-content .related-content-header {
      padding: 10px 0 0 12px;
      z-index: 100;
      position: relative; }
    #content .related-content .related-content-background {
      height: 189px;
      width: 338px;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1; }
    #content .related-content .related-content-container {
      background-color: white;
      width: 640px;
      margin-left: 20px; }
    #content .related-content h3 {
      font-size: 1.4em;
      font-family: "tablet-gothic-condensed", sans-serif;
      margin: 10px 0 6px 0; }

.hentry {
  margin-bottom: 8px; }

  .hentry .article-content {
    position: relative;
    min-height: 200px;
        /*
     * list-view audio player
     */ }
    .hentry .article-content .audio {
      width: 50%;
      position: absolute;
      margin-left: 0px;
      margin-top: 0px;
      bottom: 0px;
      left: 0px; }
    .hentry .article-content .article-thumb {
      max-width: 490px;
      max-height: 270px; }
      .hentry .article-content .article-thumb .image {
        position: relative;
        width: 100%;
                /*
         * IE 6
         */ }
      .hentry .article-content .article-thumb img {
        display: inline; }
      .hentry .article-content .article-thumb p {
        position: absolute;
        top: 92px;
        left: 0;
        width: 100%; }
      .hentry .article-content .article-thumb span {
        color: #de5c5c;
        background-color: #f1f2e4;
        padding: 2px 2px 2px 0;
        text-transform: uppercase; }
    .hentry .article-content .article-meta-container {
      position: relative;
      width: 430px;
      padding: 14px 24px 0 25px;
      overflow: hidden;
      height: 256px;
      background-color: #e1e1c2; }
      .hentry .article-content .article-meta-container .article-cat {
        font-size: 1.2em;
        text-transform: uppercase; }
        .hentry .article-content .article-meta-container .article-header h2 {
          margin: 10px 0 10px 0;
          line-height: 0.95em; }
      .hentry .article-content .article-meta-container .border-bottom {
        border-bottom: 2px solid #dcdcb6; }
      .hentry .article-content .article-meta-container a {
        color: #1b1b1b;
        text-decoration: none; }
    .hentry .article-content .post-content {
      font-weight: normal; }
      .hentry .article-content .post-content .post-meta {
        position: absolute;
        padding: 0;
        bottom: 4px;
        line-height: 29px; }
        .hentry .article-content .post-content .post-meta .post-clock {
          height: 19px;
          width: 19px;
          padding-right: 5px; }
      .hentry .article-content .post-content p {
        margin-top: 5px; }
    .hentry .article-content .grid-title {
      font-size: 1.2em; }
      .hentry .article-content .grid-title a {
        color: black; }
        .hentry .article-content .grid-title a:hover {
          color: black; }
    .hentry .article-content .show-title {
      font-size: 1.4em; }
    .hentry .article-content .blog-content {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
    .hentry .article-content .video-container {
      background: black; }
      .hentry .article-content .video-container .video-thumb-container {
        max-width: 960px;
        height: 540px; }
        .hentry .article-content .video-container .video-thumb-container .video-thumb {
          height: 0;
          padding-bottom: 44.5%;
          position: relative;
          width: 100%;
                    /*
           * IE 6
           */ }
          .hentry .article-content .video-container .video-thumb-container .video-thumb img {
            display: inline; }
        .hentry .article-content .video-container .video-thumb-container .video-summary-container {
          color: white;
          background: black;
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          opacity: 0.85;
          filter: alpha(100) !important;
          -moz-opacity: 0.75 !important; }
          .hentry .article-content .video-container .video-thumb-container .video-summary-container .video-summary {
            width: 85%;
            padding: 0 2% 0 2%; }


/*
 * end .hentry
 */



h1.category-title {
  text-transform: uppercase;
  margin: 16px 0 6px 0;
  font-size: 2.2em; }

h1.archive-title {
  text-transform: uppercase;
  margin: 16px 0 2px 0;
  font-size: 3.2em; }

/*
 * 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
 */
.meta {
  color: #999999; }


/*
 * post content
 */
.post-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.
   */ }






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


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

/*
 * end .post-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;
  font-size: 1.6em; }

.bones_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
   */ }
  .bones_page_navi li {
    float: left;
    margin-left: 10px; }
    .bones_page_navi li a {
      padding: 3px 6px;
      display: block;
      text-decoration: none;
      position: relative;
      color: black; }
      .bones_page_navi li a:hover,
      .bones_page_navi li a:focus {
        color: #df5c5c;
        text-decoration: underline; }
  .bones_page_navi li.bpn-current {
    padding: 3px 6px;
    border-bottom: 2px solid #df5c5c;
    position: relative; }
    .bones_page_navi li.bpn-current a {
            /*
       * hovering on current page link
       */ }

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





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

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

/*
 * end .wp-prev-next
 */
/*
 * *****************************************************************
 * FLUX OVERRIDES
 * *****************************************************************
 */
.sm4ShareWidget {
  display: inline; }
  .sm4ShareWidget .share {
    border: none;
    padding: 0px; }

.numComments {
  display: inline;
  text-align: center;
  position: relative;
  top: -6px; }
  .numComments a {
    font-size: 12px;
    color: white;
    background: url("../../themes/mtvu/library/images/numComments_bg.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 27px;
    width: 28px;
    padding-top: 4px; }

#user-nav {
  height: 35px; }
    #user-nav .flux4 a,
    #user-nav .flux4 .link {
      color: black;
      text-transform: uppercase;
      font-size: 1.2em; }
    #user-nav .flux4Widget .userBar {
      color: #777777;
            /*
       * end myStuffElement
       */ }
      #user-nav .flux4Widget .userBar .bar {
        height: 0px; }
      #user-nav .flux4Widget .userBar ul.elements {
        width: 960px;
        height: 50px;
        margin: auto auto; }
      #user-nav .flux4Widget .userBar .myStuffElement {
                /*
         * end loggedInMenu
         */ }
          #user-nav .flux4Widget .userBar .myStuffElement .loggedOut .thirdPartyAuth {
                        /*
             * override the fb/twitter login icons here
             */ }
          #user-nav .flux4Widget .userBar .myStuffElement .loggedIn .displayName {
            font-weight: bold;
            color: black; }
            #user-nav .flux4Widget .userBar .myStuffElement .loggedIn .displayName:before {
              content: "Hi, "; }
        #user-nav .flux4Widget .userBar .myStuffElement .dropdownWrapper {
          width: 200px; }
            #user-nav .flux4Widget .userBar .myStuffElement .loggedInMenu ol.links li.last {
              float: none;
              padding-bottom: 0; }
            #user-nav .flux4Widget .userBar .myStuffElement .loggedInMenu ol.links li {
              border-color: #f0f0f0;
              padding: 5px; }
            #user-nav .flux4Widget .userBar .myStuffElement .loggedInMenu ol.links a {
              text-transform: none;
              font-size: 1em;
              font-weight: bold; }
          #user-nav .flux4Widget .userBar .myStuffElement .loggedInMenu .hi {
            background: transparent; }
            #user-nav .flux4Widget .userBar .myStuffElement .loggedInMenu .hi .hiText,
            #user-nav .flux4Widget .userBar .myStuffElement .loggedInMenu .hi .loggedProfileUrl {
              display: none; }
            #user-nav .flux4Widget .userBar .myStuffElement .loggedInMenu .hi img {
              border-color: transparent; }

    #user-footer .flux4Widget .userBar {
      color: #777777; }
      #user-footer .flux4Widget .userBar .bar {
        height: 40px; }
      #user-footer .flux4Widget .userBar .backgroundPanel {
        height: 27px;
        overflow: visible; }
          #user-footer .flux4Widget .userBar .myStuffElement .loggedIn .displayName {
            font-weight: bold; }
            #user-footer .flux4Widget .userBar .myStuffElement .loggedIn .displayName :before {
              content: "Hi, ";
              font-weight: bold; }
        #user-footer .flux4Widget .userBar .persistentBottom .bar {
          border: none;
          box-shadow: 0 0 3px 3px #111111; }
        #user-footer .flux4Widget .userBar .persistentBottom .backgroundPanel {
          height: 50px;
          margin: 0 auto 0 auto;
          width: 100%;
          background: none;
          background-color: black;
          filter: none; }
          #user-footer .flux4Widget .userBar .persistentBottom .backgroundPanel ul.elements {
            float: right;
            margin-right: 20px; }
      #user-footer .flux4Widget .userBar .expander {
        display: none;
        background: none;
        background-color: black;
        filter: none; }

/*
 * h3 comment title
 */
#comments {
  margin-top: 20px;
    /*
   * number of comments span
   */ }
  #comments .comments-wrap {
    position: relative;
    margin-left: -20px; }
    #comments .comments-wrap .comments-header {
      padding: 10px 0 0px 12px;
      z-index: 100;
      position: relative; }
    #comments .comments-wrap .comments-background {
      height: 189px;
      width: 338px;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1; }
    #comments .comments-wrap .comments-container {
      background-color: white;
      margin-left: 20px; }
    #comments .comments-wrap .activityFeedTitle {
      display: none; }
  #comments h3 {
    font-size: 1.4em;
    margin: 10px 0 4px 0; }




.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 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 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
 * ********************
 */
.sidebar {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .sidebar .sidebar-content {
    position: relative;
    top: 0px;
    padding-top: 10px;
    margin: 20px auto; }
    .sidebar .sidebar-content a {
      color: #282725; }
    .sidebar .sidebar-content .post-sidebar {
      padding: 0 0 5px 10px;
      margin: 0 0px 10px 0px;
      border-bottom: 1px solid #cccccc; }
      .sidebar .sidebar-content .post-sidebar .thumbnail-container {
        width: 90px;
        height: 62px;
        margin-right: 15px;
        border: 0px solid green; }
      .sidebar .sidebar-content .post-sidebar .entry-title {
        clear: none;
        width: 175px;
        font-size: 14px;
        line-height: 18px;
        font-weight: bold;
        margin: 2px 0 10px 5px;
        border: 0px solid green; }
      .sidebar .sidebar-content .post-sidebar .more {
        position: relative;
        width: 100px;
        left: 100px;
        margin: 0 0 2px 92px;
        color: #df5c5c;
        font-size: 0.9em; }
    .sidebar .aktt-widget .widgettitle {
      border: none; }
    .sidebar .aktt-widget li,
    .sidebar .aktt-widget p {
      color: #282725;
      font-size: 14px;
      line-height: 18px;
      font-weight: bold;
      list-style: none;
      padding: 5px 15px 5px 10px;
      margin: 0 0px 10px 0px;
      border-bottom: 1px solid #cccccc; }
      .sidebar .aktt-widget li:last-child,
      .sidebar .aktt-widget p:last-child {
        border: none; }
      .sidebar .aktt-widget li a,
      .sidebar .aktt-widget p a {
        color: #df5c5c; }
      .sidebar .aktt-widget li a.aktt_tweet_time,
      .sidebar .aktt-widget p a.aktt_tweet_time {
        color: #777777;
        font-size: 0.8em; }


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


/*
 * ********************
 * FOOTER STYLES
 * ********************
 */
  .article-footer .page-navigation {
    font-size: 1em; }
    .article-footer .page-navigation a {
      padding: 2px; }

.footer {
  clear: both;
  font-family: "franklin-gothic-urw-cond", sans-serif;
  font-weight: 700;
  font-style: normal; }

/*
 * 
 * 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
 */

/*
 * TODO: Remove when applying responsive design
 */
/*
 * *****************************************************************
 * Site Name:
 * Author:
 * 
 * Stylesheet: Tablet & Small Desktop Stylesheet
 * 
 * Here's where you can start getting into the good stuff.
 * This size will work on iPads, other tablets, and desktops.
 * So you can start working with more styles, background images,
 * and other resources. You'll also notice the grid starts to
 * come into play. Have fun!
 * 
 * *****************************************************************
 */
/*
 * ********************
 * GENERAL STYLES
 * ********************
 */
body {
  background-image: url("../../themes/mtvu/library/images/mtvu-headerbg-tile-ylw.gif");
  background-repeat: repeat-x;
  background-position: 0 110px; }

body.no_decoration {
  background: none; }

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


/*
 * home page
 */
/*
 * blog page
 */

/*
 * archive page
 */
  .archive .title-background {
    height: 188px;
    width: 377px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
      /*
   * margin-left: -20px;
   */
    margin-left: -20px; }
  .archive .title-background-lg {
    height: 270px;
    width: 480px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    margin-left: -20px; }


/*
 * date archive page
 */

/*
 * replace the number to the corresponding page number
 */
  .search .title-background {
    height: 188px;
    width: 377px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
      /*
   * margin-left: -20px;
   */
    margin-left: -20px; }
  .search .title-background-lg {
    height: 270px;
    width: 480px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    margin-left: -20px; }

/*
 * search page
 */

/*
 * search result page
 */

/*
 * no results search page
 */

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

/*
 * 404 page
 */
/*
 * single post page
 */
    .single .post .post-content {
      margin: 0 auto;
      width: 620px; }
    .single .post .article-footer {
      margin: 0 auto;
      width: 620px; }


/*
 * 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
 */
    .category .post .ribbon {
      width: 146px;
      height: 82px;
      position: absolute;
      bottom: 0px;
      right: -18px;
      z-index: 100; }
  .category .title-wrap {
    position: relative; }
    .category .title-wrap .title-background {
      height: 188px;
      width: 377px;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
        /*
   * margin-left: -20px;
   */
      margin-left: -20px; }
    .category .title-wrap .title-background-lg {
      height: 270px;
      width: 480px;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      margin-left: -20px; }


/*
 * 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
 */



/*
 * 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)
 */
/*
 * ********************
 * POSTS & CONTENT STYLES
 * ********************
 */
#content {
    /*
   * Marquee Container
   */
    /*
   * Category Marquee Container
   */
    /*
   * Marquee Carousel
   */ }
    #content #marquee-container .marquee-single-image {
      padding-left: 2px; }
    #content #cat-marquee-container .cat-marquee-single-image {
      padding-left: 2px;
      position: relative; }
      #content #cat-marquee-container .cat-marquee-single-image .cat-marquee-background {
        position: absolute;
        z-index: 999;
        height: 188px;
        width: 377px; }
        #content #cat-marquee-container .cat-marquee-single-image .cat-marquee-background .slideInfoZone {
          margin: 256px auto 0 auto !important;
          opacity: 0.8 !important; }
      #content #cat-marquee-container .cat-marquee-single-image .cat-marquee-about-img {
        height: 23px;
        width: 103px;
        position: absolute;
        background-image: url("../../themes/mtvu/library/images/mtvu-aboutshow.png");
        top: 238px;
        z-index: 100;
        left: 10px; }
      #content #cat-marquee-container .cat-marquee-single-image h1 {
        position: absolute;
        z-index: 1000;
        padding-left: 10px;
        margin-top: 20px;
        width: 240px;
        text-transform: uppercase;
        line-height: 0.95em; }
  #content #myGallery {
    width: 640px;
    background: black url(../../../../plugins/content-gallery/css/img/loading-bar-black.gif) center center no-repeat;
    margin-bottom: 12px;
    height: 360px;
    padding: 0; }
      #content #myGallery .imageElement img {
        display: none; }
      #content #myGallery .imageElement h2 {
        display: none; }
  #content .slideInfoZone {
    float: none;
    position: relative;
    bottom: 0;
    width: 624px;
    height: 60px !important;
    margin: 290px auto 0 auto;
    height: auto;
    padding: 16px 8px !important;
    background-color: black;
    opacity: 0.9 !important;
    filter: alpha(100) !important;
    -moz-opacity: 0.75 !important; }
      #content .jdGallery .carousel .carouselWrapper {
        padding-right: 5px; }
      #content .jdGallery .slideInfoZone p {
        color: white;
        font-size: 1em;
        line-height: 1.3em;
        background: none;
        margin: 0;
        padding: 0;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
      #content .jdGallery .slideInfoZone h2 {
        font-size: 1.8em;
        line-height: 1.2em;
        padding: 0;
        color: white;
        margin: 0; }
        #content .jdGallery .slideInfoZone h2 span.cat {
          display: none; }
          #content .jdGallery .slideInfoZone h2 span.cat a {
            color: white; }
        #content .jdGallery .slideInfoZone h2 span {
          display: block; }
          #content .jdGallery :hover .slideInfoZone h2 a {
            text-decoration: underline; }
    #content .jdGallery .carouselContainer {
      position: absolute;
      height: 100px;
      width: 100%;
      z-index: 10;
      margin: 330px 0 0 0; }
    #content .jdGallery a.left {
      left: 3px;
      bottom: 3px;
      background: white;
      height: 17px;
      width: 17px;
      display: none; }
    #content .jdGallery a.right {
      right: 3px;
      bottom: 3px;
      background: white;
      height: 17px;
      width: 17px;
      display: none; }
    #content .jdGallery .slideElement {
      width: 100%;
      height: 100%;
      background-color: transparent;
      background-repeat: no-repeat;
      background-position: center center !important;
      background-image: url('/wp-content/plugins/content-gallery/css/img/loading-bar-black.gif'); }

/*
 * ********************
 * LAYOUT & GRID STYLES
 * ********************
 */
.main {
  min-width: 640px; }

.wrap {
  max-width: 960px; }

/*
 * 
 * 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
 */
.fourfixed {
  width: 300px; }

.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.74585634900001%; }  /* 65.4%;  } /* grid_8
 */
.eightfixed {
  width: 640px; }

.eightcol {
  width: 66.667%; }

/*
 * 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,
.fourfixed,
.fivecol,
.sixcol,
.sevencol,
.eightcol,
.eightfixed,
.ninecol,
.tencol,
.elevencol,
.twelvecol {
  position: relative;
  float: left;
    /*
   * margin-left: 2.762430939%;
   */
  margin-left: 2.05%; }

.first {
  margin-left: 0; }

.last {
  float: right; }

/*
 * Grid Wrap for grid content
 */
.grid-wrap {
  height: 260px;
  position: relative;
  margin-left: -20px; }
  .grid-wrap .grid-background {
    height: 188px;
    width: 377px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
      /*
   * margin-left: -20px;
   */ }
  .grid-wrap .page-header {
    padding: 10px 0 4px 20px;
    z-index: 100;
    position: relative; }
    .grid-wrap .page-header h1,
    .grid-wrap .page-header h2 {
      margin: 0; }

/*
 * ********************
 * HEADER SYTLES
 * ********************
 */
  .header #inner-header {
    position: relative; }
    .header #inner-header span.header-background {
      position: absolute;
      top: 0px;
      left: 154px;
      background-image: url("../../themes/mtvu/library/images/mtvu-nav-triangle.png");
      background-repeat: no-repeat;
      background-position: right top;
      z-index: -1;
      width: 806px;
      height: 454px; }


/*
 * ********************
 * NAVIGATION STYLES
 * ********************
 */
#nav-background {
  height: 46px;
  width: 100%;
  background: white;
  position: absolute;
  top: 275px;
  z-index: 0; }

.nav {
  border: 0;
    /*
   * end .menu ul li
   */
    /*
   * highlight current page
   */
    /*
   * end current highlighters
   */ }
  .nav li {
    float: left;
    position: relative;
        /*
     * 
     * plan your menus and drop-downs wisely.
     */
        /*
     * showing sub-menus
     */ }
    .nav li a {
      border-bottom: 0;
            /*
       * 
       * you can use hover styles here even though this size
       * has the possibility of being a mobile device.
       */ }
      .nav li a:hover,
      .nav li a:focus {
        color: white;
        background-color: #1b1b1b; }
    .nav li ul.sub-menu,
    .nav li ul.children {
      width: 200px;
      border: 1px solid #cccccc;
      border-top: 0;
      position: absolute;
      display: none;
      z-index: 8999;
            /*
       * highlight sub-menu current page
       */ }
      .nav li ul.sub-menu li,
      .nav li ul.children li {
                /*
         * 
         * if you need to go deeper, go nuts
         * just remember deeper menus suck
         * for usability. k, bai.
         */ }
        .nav li ul.sub-menu li a,
        .nav li ul.children li a {
          padding-left: 5px;
          border-right: 0;
          display: block;
          width: 216px;
          border-bottom: 1px solid #cccccc; }
          .nav li ul.sub-menu li:last-child a,
          .nav li ul.children li:last-child a {
            border-bottom: 0; }
        .nav li ul.sub-menu li.current-menu-item a,
        .nav li ul.sub-menu li.current_page_item a,
        .nav li ul.sub-menu li.current-page-ancestor a,
        .nav li ul.children li.current-menu-item a,
        .nav li ul.children li.current_page_item a,
        .nav li ul.children li.current-page-ancestor a {
          color: #df5c5c; }
    .nav li:hover ul {
      top: auto;
      display: block; }
    .nav li.current-menu-item a,
    .nav li.current_page_item a,
    .nav li.current-page-ancestor a {
      color: #df5c5c; }
        .nav li.current-menu-item ul.sub-menu li a,
        .nav li.current_page_item ul.sub-menu li a,
        .nav li.current-page-ancestor ul.sub-menu li a {
          color: black; }
          .nav li.current-menu-item ul.sub-menu li a:hover,
          .nav li.current_page_item ul.sub-menu li a:hover,
          .nav li.current-page-ancestor ul.sub-menu li a:hover {
            color: white; }

/*
 * end .nav
 */
/*
 * ********************
 * SIDEBARS & ASIDES
 * ********************
 */
  .sidebar h2 {
    margin-top: 0; }
    .sidebar .sidebar-content .sidebar-background {
      height: 108px;
      width: 200px;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1; }
    .sidebar .sidebar-content .sidebar-inner {
      margin-top: 36px; }
    .sidebar .sidebar-content .aktt_tweets {
      margin-top: 24px; }

.widgettitle {
  border-bottom: 2px solid #444444;
  margin-bottom: 0.75em; }

.widget {
    /*
   * padding: 0 10px;
   */
  margin: 1.9em 0; }
    .widget ul li {
      margin-bottom: 0.75em;
            /*
       * deep nesting
       */ }
      .widget ul li ul {
        margin-top: 0.75em;
        padding-left: 1em; }

/*
 * links widget
 */




/*
 * meta widget
 */




/*
 * pages widget
 */




/*
 * recent-posts widget
 */




/*
 * archives widget
 */






/*
 * tag-cloud widget
 */







/*
 * calendar widget
 */












/*
 * category widget
 */













/*
 * recent-comments widget
 */





/*
 * search widget
 */



/*
 * text widget
 */



/*
 * *******************
 * TWITTER CONTAINER
 * ********************
 */
.twitter-container {
  background-color: #f1f2e4;
  position: relative;
  min-height: 200px;
  border: 1px solid #dcdcb6; }
  .twitter-container .twitter-meta-container {
    position: relative;
    width: 570px;
    padding: 0 20px;
    overflow: hidden;
    height: 280px; }
    .twitter-container .twitter-meta-container .twitter-background {
      height: 53px;
      width: 94px;
      position: absolute;
      top: 0;
      left: 0; }
    .twitter-container .twitter-meta-container .twitter-header {
      padding: 14px 0 0 40px;
      text-align: bottom; }
      .twitter-container .twitter-meta-container .twitter-header h3 {
        font-size: 1.2em; }
        .twitter-container .twitter-meta-container .twitter-header h3 span {
          padding: 0 5px 0 5px; }
        .twitter-container .twitter-meta-container .aktt_tweets ul li {
          padding: 20px;
          border-top: 1px solid #dcdcb6; }
          .twitter-container .twitter-meta-container .aktt_tweets ul li a.aktt_tweet_time {
            color: #777777;
            font-size: 0.8em; }
  .twitter-container .twitter-ad-container {
    padding: 20px;
    border-left: 1px solid #dcdcb6; }
  .twitter-container a {
    color: #df5c5c; }
    .twitter-container a:hover {
      color: #777777; }

/*
 * ********************
 * FEATURED CONTENT
 * ********************
 */
#featured-content {
  height: 340px;
  background-image: url("../../themes/mtvu/library/images/mtvu-featuredbg-tile-ylw.gif");
  background-repeat: repeat-x;
  position: relative; }
  #featured-content #featured-content-container {
    padding-top: 40px; }
    #featured-content #featured-content-container #featured-main {
      background: #e1e1c2;
      margin-top: 20px;
      height: 260px;
      position: relative; }
      #featured-content #featured-content-container #featured-main #featured-title {
        margin-left: 10px; }
        #featured-content #featured-content-container #featured-main #featured-title h3 {
          margin-bottom: 5px; }
      #featured-content #featured-content-container #featured-main .border-bottom {
        border-bottom: 2px solid #272727;
        margin: 0 10px 18px 10px; }
        #featured-content #featured-content-container #featured-main .fc-item-container h3 {
          margin-top: 5px; }
      #featured-content #featured-content-container #featured-main .fc-item {
        position: relative;
        float: left;
        margin-left: 1.2%;
        margin-right: 0.85%; }
  #featured-content a {
    color: #272727; }

/*
 * ********************
 * FOOTER STYLES
 * ********************
 */
/*
 * 
 * you'll probably need to do quite a bit
 * of overriding here if you styled them for
 * mobile. Make sure to double check these!
 */
.footer {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8em;
  color: white;
  background: black;
  clear: both;
  min-width: 988px;
  padding-bottom: 50px; }
  .footer #sponsored-links {
    padding-top: 30px; }
    .footer #sponsored-links #sponsored-link-container {
      margin: 0 auto;
      padding: 0 0 0 10px;
      border: 1px solid #cccccc;
      width: 944px;
      font-size: 0.85em; }
      .footer #sponsored-links #sponsored-link-container .sponsored-link {
        float: left;
        margin: 10px 0px 10px 0;
        width: 470px; }
      .footer #sponsored-links #sponsored-link-container #sponsored-links-text {
        text-align: right;
        padding-bottom: 4px;
        padding-right: 10px;
        font-size: 8pt;
        font-weight: normal;
        color: #cccccc; }
    .footer #sponsored-links a {
      font-weight: normal;
      text-decoration: underline; }
  .footer #inner-footer {
    width: 960px;
    margin: 0 auto; }
  .footer #footer-logo {
    width: 163px;
    height: 76px;
    margin: 30px 0 10px 0; }
  .footer h3.follow {
    font-size: 1.25em;
    margin-top: 15px; }
  .footer a {
    color: white;
    text-decoration: none; }
    .footer a:hover {
      text-decoration: underline; }
    .footer a:visited {
      color: white; }
  .footer ul.mainBrand {
    float: left;
    margin-right: 10px;
    font-size: 0.8em; }
    .footer ul.mainBrand li {
      display: inline;
      line-height: 1.8em; }
  .footer ul.channelLinks {
    float: left;
    width: 152px;
    margin-right: 40px; }
  .footer ul.socialLinks {
    float: left;
    width: 130px; }
      .footer ul.socialLinks li#twitter a {
        background: url("../../themes/mtvu/library/images/mtvu_sprite_v4.gif") no-repeat -29px -218px #161616;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px; }
      .footer ul.socialLinks li#rss a {
        background: url("../../themes/mtvu/library/images/mtvu_sprite_v4.gif") no-repeat -29px -275px #161616;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px; }
      .footer ul.socialLinks li#flux a {
        background: url("../../themes/mtvu/library/images/mtvu_sprite_v4.gif") no-repeat -29px -335px #161616;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px; }
    .footer ul.socialLinks a {
      border: solid 1px #222121;
      padding: 10px;
      background: #161616;
      width: 75px !important;
      display: block;
      font-size: 12px !important;
      padding-right: 35px; }
  .footer ul.legalLinks {
    clear: both;
    height: auto !important;
    padding: 5px;
    margin-top: 20px;
    text-align: center; }
    .footer ul.legalLinks li {
      display: inline;
      font-size: 0.8em;
      background: url("../../themes/mtvu/library/images/legal-bullet.png") no-repeat 2px 50% transparent;
      padding-left: 12px;
      padding-right: 0px; }
      .footer ul.legalLinks li:first-child {
        background: none; }
  .footer ul {
    margin-bottom: 15px; }
    .footer ul li {
      padding: 5px; }
  .footer #copyright {
    text-align: center;
    position: relative; }
    .footer #copyright #copyright-background {
      height: 22px;
      width: 124px;
      position: absolute;
      top: 0;
      left: 48px; }
    .footer #copyright p {
      padding: 5px 0 0 126px; }

    .footer-links ul li {
            /*
       * 
       * be careful with the depth of your menus.
       * it's very rare to have multi-depth menus in
       * the footer.
       */ }


/*
 * end .footer-links
 */
/*
 * *****************************************************************
 * 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 them
 * tweeners.
 * *****************************************************************
 */
@media only screen and (min-width: 481px) {
  /*
   * styles in 481up.scss
   */ }

/*
 * end of media query
 */
/*
 * *****************************************************************
 * TABLET & SMALLER LAPTOPS
 * This is the average viewing window. So Desktops, Laptops, and
 * in general anyone not viewing on a mobile device. Here's where
 * you can add resource intensive styles.
 * *****************************************************************
 */
@media only screen and (min-width: 768px) {
  /*
   * styles in 768up.scss
   */ }

/*
 * end of media query
 */
/*
 * *****************************************************************
 * DESKTOP
 * This is the average viewing window. So Desktops, Laptops, and
 * in general anyone not viewing on a mobile device. Here's where
 * you can add resource intensive styles.
 * *****************************************************************
 */
@media only screen and (min-width: 1030px) {
  /*
   * styles in 1030up.scss
   */ }

/*
 * end of media query
 */
/*
 * *****************************************************************
 * LARGE VIEWING SIZE
 * This is for the larger monitors and possibly full screen viewers.
 * *****************************************************************
 */
@media only screen and (min-width: 1240px) {
  /*
   * styles in 1240up.scss
   */ }

/*
 * end of media query
 */
/*
 * *****************************************************************
 * RETINA (2x RESOLUTION DEVICES)
 * This applies to the retina iPhone (4s) and iPad (2,3) along with
 * other displays with a 2x resolution. You can also create a media
 * query for retina AND a certain size if you want. Go Nuts.
 * *****************************************************************
 */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
  /*
   * styles in 2x.scss
   *//*
 * *****************************************************************
 * Site Name:
 * Author:
 * 
 * Stylesheet: Retina Screens & Devices Stylesheet
 * 
 * When handling retina screens you need to make adjustments, especially
 * if you're not using font icons. Here you can add them in one neat
 * place.
 * 
 * *****************************************************************
 */
/*
 * 
 * 
 * EXAMPLE
 * Let's say you have an image and you need to make sure it looks ok
 * on retina screens. Let's say we have an icon which dimension are
 * 24px x 24px. In your regular stylesheets, it would look something
 * like this:
 * 
 * .icon {
 * width: 24px;
 * height: 24px;
 * background: url(img/test.png) no-repeat;
 * }
 * 
 * For retina screens, we have to make some adjustments, so that image
 * doesn't look blurry. So, taking into account the image above and the
 * dimensions, this is what we would put in our retina stylesheet:
 * 
 * .icon {
 * background: url(img/test@2x.png) no-repeat;
 * background-size: 24px 24px;
 * }
 * 
 * So, you would create the same icon, but at double the resolution, meaning
 * it would be 48px x 48px. You'd name it the same, but with a @2x at the end
 * (this is pretty standard practice). Set the background image so it matches
 * the original dimensions and you are good to go.
 */ }

/*
 * end of media query
 */
/*
 * *****************************************************************
 * PRINT STYLESHEET
 * Feel free to customize this. Remember to add things that won't make
 * sense to print at the bottom. Things like nav, ads, and forms should
 * be set to display none.
 * *****************************************************************
 */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  a,
  a:visited {
    color: #444444 !important;
    text-decoration: underline;
        /*
     * show links on printed pages
     */
        /*
     * show title too
     */ }
    a:after,
    a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after,
    a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; }

  /*
   * hide content people who print don't need to see
   */  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }