/**** CRITTER BUNDLE: base.css ****/

/** base.css **/

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; line-height: 1.231; }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

* {   box-sizing: border-box; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #697071; }
a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

u { text-decoration: underline; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 0.6rem; }

sub, sup { font-size: 0.5rem; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; padding: 0;}


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }

form label
{
  padding-right: 7px;
}

form label.required
{
  font-weight: bold;
}

form label.required:after
{
  margin-right: -7px;
  width: 7px;
  display: inline-block;
  content: '*';
  color: #aa0000;
}

form label.inline
{
  display: inline-block;
  width: 120px;
}

legend { border: 0; *margin-left: -7px; padding: 0; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input[type="text"], input[type="search"] textarea {  -webkit-appearance: none; -webkit-border-radius: 0;}

button, input { line-height: normal; *overflow: visible; }


table button, table input { *overflow: auto; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

button::-moz-focus-inner,[type="button"]::-moz-focus-inner {
    padding:0;
    border:0;
}

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; -webkit-border-radius: 0;  }
input[type="search"] { -webkit-appearance: none; -webkit-border-radius: 0;  }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000;
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==|== primary styles =====================================================
   Author: Dorian Fraser Moore <dorian.code@theusefularts.org>
   ========================================================================== */



/**** CRITTER 	END BUNDLE: base.css ****/

/**** CRITTER BUNDLE: columns.css ****/

/** columns.css **/

.column,
.column1,
.column1_2, .column2_2,
.column1_3, .column2_3, .column3_3,
.column1_4, .column2_4, .column3_4, .column4_4,
.column1_5, .column2_5, .column3_5, .column4_5, .column5_5,
.column1_6, .column2_6, .column3_6, .column4_6, .column5_6, .column6_6,
.column1_8, .column2_8, .column3_8, .column4_8, .column5_8, .column6_8, .column7_8, .column8_8,
.column1_10, .column2_10, .column3_10, .column4_10, .column5_10, .column6_10, .column7_10, .column8_10, .column9_10, .column10_10,
.column1_12, .column2_12, .column3_12, .column4_12, .column5_12, .column6_12, .column7_12, .column8_12, .column9_12, .column10_12, .column11_12, .column12_12 {
  position: relative;
  box-sizing: border-box;
  float: left;
  max-width: 100%;
  padding: 0 8px 12px 8px;
  zoom: 1;
}

.row
{
  position: relative;
  zoom: 1;
  margin-left: -8px;
  margin-right: -8px;
  padding: 0;
  clear: both;
}

.column1_12
{
  width: 8.3333%;
  min-width: 50px;
}

.column1_10
{
  width: 10%;
}

.column1_8
{
  width: 12.5%;
}

.column1_6,
.column2_12
{
  width: 16.666%;
}

.column1_5,
.column2_10
{
  width: 20%;
}

.column1_4,
.column2_8,
.column3_12
{
  width: 25%;
}

.column3_10
{
  width: 30%;
}

.column1_3,
.column2_6,
.column4_12
{
  width: 33.3333%;
}

.column3_8
{
  width: 37.5%;
}

.column2_5,
.column4_10
{
  width: 40%;
}

.column5_12
{
  width: 41.6666%;
}

.column1_2,
.column2_4,
.column3_6,
.column4_8,
.colunn5_10,
.column6_12
{
  width: 50%;
}

.column7_12
{
  width: 58.3333%;
}

.column3_5,
.column6_10
{
  width: 60%;
}

.column5_8
{
  width: 62.5%;
}

.column2_3,
.column4_6,
.column8_12
{
  width: 66.6666%;
}

.column7_10
{
  width: 70%;
}

.column3_4,
.column6_8,
.column9_12
{
  width: 75%;
}

.column4_5,
.column8_10
{
  width: 80%;
}

.column5_6,
.column10_12
{
  width: 83.3333%;
}

.column7_8
{
  width: 87.5%;
}

.column9_10
{
  width: 90%;
}

.column11_12
{
  width: 91.66666%;
}

.column1,
.column2_2,
.column4_4,
.column6_6,
.column8_8,
.column10_10,
.column12_12
{
  width: 100%;
}

.masonry-column
{
  padding: 0px;
  height: 0px;
}

.pull_right
{
  float: right;
}

.pull_up
{
  margin-top: -9px;
}

#sidebar
{
  margin-bottom: 9px;
}

#sidebar .current_issue
{
  float: right;
}

#sidebar .section_context
{
  float: left;
}

@media ( max-width: 400px ) {

  .column2_8,
  .column3_8,
  .column7_12,
  .column3_5,
  .column6_10,
  .column5_8
  {
    width: 50%;
  }

  #sidebar
  {
    width: 100%;
    margin: 0 auto 9px auto;
  }

  .home .row_1,
  .home .row_2
  {
      width: 100%;
  }
}

@media ( max-width: 700px ) {

  .column2_3,
  .column4_6,
  .column8_12,
  .column7_10,
  .column3_4,
  .column6_8,
  .column9_12,
  .column4_5,
  .column8_10,
  .column5_6,
  .column10_12
  .column7_8,
  .column9_10,
  .column11_12
  .column1,
  .column2_2,
  .column4_4,
  .column6_6,
  .column8_8,
  .column10_10,
  .column12_12
  {
    width: 100%;
  }

}

@media ( min-width: 400px ) and ( max-width: 700px ){

  #sidebar
  {
    width: 100%;
    margin: 0 auto 9px auto;
  }

  #sidebar .column1
  {
    width: 50%;
  }

  #sidebar .section_navigation
  {
    display: none;
  }

}



/**** CRITTER 	END BUNDLE: columns.css ****/

/**** CRITTER BUNDLE: elements.css ****/

/** elements.css **/

body {
  max-width: 954px;
  width: 100%;
  padding: 0 6px;
  margin: 55px auto 0px auto;
  font-family: arial, helvetica, sans-serif;
  line-height: 154%;
  font-size: 0.9rem;
}

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

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

p
{
  padding: 0;
  margin: 0 0 0.95rem 0;
  max-width: 100%;
  font-size: 0.95rem;
}

h1,
h2,
h3,
h4,
h5
{
  font-size: 1.05rem;
  font-weight: normal;
}

h3
{
  color: #ED1C24;
}

h5
{
  margin: 9px 0px;
}

header a:link,
header a:visited
{
  color: inherit;
}

ul
{
  list-style: disc;
  font-size: 0.9rem;
}

ul,
ol
{
  padding-left: 40px;
  font-size: 0.9rem;
}

img
{
    max-width: 100%;
    height: auto;
}

figure
{
  max-width: 100%;
  line-height: 0;
  float: left;
  clear: both;
  margin-bottom: 12px;
}

iframe,
.mejs-container
{
    width: 100% !important;
    max-width: 100%;
}

p iframe,
p figure,
p img
{
  margin-top: 9px;
}

figure img,
figure a img
{
  height: auto !important;
  max-width: 100% !important;
  margin-bottom: 0px;
}

figure figcaption
{
  max-width: 100%;
  position: relative;
  clear: both;
  text-align: right;
  margin-top: 9px;

}

figure figcaption p
{
  line-height: 1.3;
  font-size: 0.8rem;
}


figure.frame img
{
  margin: 0 auto;
}

.inline
{
    display: inline-block;
    margin-top: 4px;
    margin-right: 9px;
    margin-bottom: 9px;
    float: none;
}

figure.inline figcaption
{
  text-align: left;
}

.align_right
{
  float: right;
  margin-right: 0px;
  margin-left: 9px;
}

.align_center
{
  float: none;
  display: block;
  margin: 0px auto 0px auto;
  clear: both;
}

.align_center .file
{
    display: block;
    text-align: center;
}

.align_left
{
  margin-left: 0px;
}

.pullquote,
.pullquote.align_left
{
  display: inline-block;
  padding: 18px 18px 18px 0px;
  float: left;
  max-width: 200px;
}

.pullquote q
{
  clear: both;
  display: inline;
  float: left;
  font-size: 1.15rem;
  padding: 0px;
  margin: 0px;
  line-height: 24px;
}

.pullquote cite
{
  clear: both;
  font-size: 0.7rem;
  line-height: 13px;

}

.pullquote.align_right
{
  float: right;
  padding: 18px 0px 18px 0px;
  text-align: right;
}

.pullquote.align_center
{
  float: none;
  display: block;
  max-width: none;
  text-align: center;
  margin: 0px auto 0px auto;
}

.pullquote.align_center q
{
  display: block;
  float: none;
  clear: both;
}

.pullquote.align_center cite
{
  display: block;
}



a.more
{
    padding-right: 14px;
    margin-right: 2px;
    background-image: url('/img/continuation.png');
    background-repeat: no-repeat;
    background-position: right center;
}

.backgroundsize a.more
{
  background-image: url('/img/continuation-x2.png');
  -moz-background-size: 12px 12px;
  background-size: 12px 12px;
}

a.more:before
{
    white-space: nowrap;
}

.subscriptions .actions a,
a.buy
{
  color: #538a9b;
}

a.continuation
{
    width: 1px;
    padding-right: 13px;
}

form .pre
{
    display: block;
    overflow: hidden;
}

input[type="text"],
input[type="password"],
input.text,
form .pre,
textarea,
.textarea
{
    font-family: courier, monospace;
    font-size: 0.7rem;
    line-height: 110%;
    border: 1px solid #939598;
    padding: 3px;
    width: 100%;
}

form select
{
  max-width: 100%;
}

form .pre
{
  color: #cbcccb;
  border-color: #cbcccb;
}

a.button,
input.button,
button.button
  {
    -webkit-appearance: none;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: inline-block;
    margin-bottom: 10px;
    border: 0px;
    background-color: #939598;
    color: #ffffff;
    border: 0px;
    font-size: 0.9rem;
    height: 15px;
    padding: 9px;
    position: relative;
    float: none;
}

form .small
{
    font-size: 0.7rem;
}

a.button:hover,
input.button:hover
{
  background-color: #697071;
}

input[type="radio"]
{
  margin-left: 2px;
}

.strike
{
  text-decoration: line-through;
}


form p.message
{
    font-weight: bold;
}

form span.message
{
    font-weight: bold;
}

h1.error,
h2.error,
p.error,
form .error
{
    display: block;
    padding: 3px 0px 3px 0px;
    line-height: 19px;
    color: #ED1C24 !important;
    /* background-image: url('/img/alert.error.png'); */
    background-repeat: no-repeat;
}

h1.warn,
h2.warn,
p.warn,
form .warn
{
  display: block;
  padding: 3px 0px 3px 25px;
  line-height: 19px;
  color: #F57E20 !important;
  background-image: url('/img/alert.warn.png');
  background-repeat: no-repeat;

}

.error a,
.warn a
{
    text-decoration: underline;
    color: #000000 !important;
}

.subscriptions .column6 h2 a:link
{
  font-style: italic;
}

.subscriptions .column6 h2 a:hover
{
  text-decoration: underline;
}

form .alert
{
    color: #990099;
}

form .affirmaton,
form .confirmation,
form .success
{
    color: #009900;
}

form .buttons
{
  text-align: right;
}

form p.buttons
{
    margin-top: 9px;
}

form .submit-processing
{
  position: relative;
  display: inline-block;
  text-align: center;
  background-color: #efeeed;
  margin-bottom: -3px;
}

form .submit-processing img
{
  position: relative;
  display: block;
  margin: 8px auto 0px auto;
}

/** general styles **/

p.left
{
  text-align: left;
}

p.right
{
  text-align: right;
}

p.justify
{
  text-align: justify;
}

.small
{
  font-weight: normal;
  color: #999999;
  font-size: 0.8rem;
}



/**** CRITTER 	END BUNDLE: elements.css ****/

/**** CRITTER BUNDLE: masthead.css ****/

/** masthead and navigation **/

header.masthead
{
    top: 0;
    left: 0;
    right: 0;
    padding: 0 6px;
    background-color: #ffffff;
    position: fixed;
    z-index: 10000;
    /* border-bottom: 1px solid #999999; */
    width: auto !important;
}

.masthead h1.masthead
{
    float: left;
    padding: 0;
    margin: 0;
    width: 132px;
    height: 25px;
    margin: 9px 0 9px 0;
}

.masthead h1.masthead a
{
    display: block;
    font-size: 44px;
    width: 132px;
    height: 26px;
    text-indent: -1000000px;
    background-image: url('/img/wire.png');
    background-repeat: no-repeat;
    font-weight: bold;
    line-height: 25px;
    margin: 0 0 0 0;
}

.backgroundsize .masthead h1.masthead a
{
    background-image: url('/img/wire-x2.png');
    -moz-background-size: 132px 26px;
    background-size: 132px 26px;
}

.masthead nav.functions
{
    float: left;
    margin-top: 9px;
    margin-bottom: 9px;
    width: 50%;
}

.masthead nav.user
{
    float: right;
    clear: right;
    text-align: right;
    line-height: 20px;
    padding: 9px 0 9px 0;
    width: 50%;
}

.masthead nav.user a
{
    background: none;
    padding: 0;
    margin: 0;
    color: #999999;
}

.masthead nav.user .edit
{
        display: none;
}

.masthead .menu-button
{
    background-image: url('/img/menu-icon.png');
    background-repeat: no-repeat;
    background-position: right 0;
    padding-right: 32px;
    height: 26px;
    line-height: 26px;
    float: right;
    clear: right;
    margin-top: 9px;
    font-size: 0.8rem;
    color: #000000;
}

.masthead .menu
{
    clear: both;
    position: relative;
    display: none;
    border-bottom: 3px solid #939598;
}

.masthead nav.primary
{
    position: relative;
    display: block; 
    border-top: 1px solid #939598;
}

.masthead nav.support
{
    box-sizing: border-box;
    position: relative;
    width: 100%;
    right: 0;
    top: 0;
    text-align: left;
    margin-top: -1px;
    border-top: 1px solid #939598;
    border-bottom: 1px solid #939598;
    text-align: center;
}


.masthead nav.primary a,
.masthead nav.primary .a
{
    box-sizing: border-box;
    padding: 5px 0;
    display: block;
    float: left;
    width: 48%;
    clear: both;
    border-bottom: 1px solid #939598;
    color: #000000;
    font-size: 0.8rem;
}

.masthead nav.primary a.current
{
    font-weight: bold;
}

.masthead nav.primary>a.sub:after
{
    display: inline-block;
    float: right;
    font-family: verdana;
    position: relative;
    text-align: right;
    content: '→';
    font-size: 25px;
    line-height: 0.75;
    font-weight: bold;
}

.masthead nav.primary nav.sub
{
    box-sizing: border-box;
    position: absolute;
    right: 0;
    width: 48%;
    z-index: 2;
    background-color: #ffffff;
}

.masthead nav.primary nav.sub a
{
    width: 100%;
}

.masthead nav.support nav.sub
{
    border-top: 1px dotted #939598;
}

.masthead nav.support a,
.masthead nav.support .a
{
    display: inline-block;
    text-align: center;
    padding: 0 9px;
    background-color: #ffffff;
    color: #000000;
    line-height: 28px;
    font-size: 0.8rem;
    white-space: nowrap;
}

.masthead nav.support a.current
{
    font-weight: bold;
}

.masthead nav.support a.sub:after
{
    display: inline-block;
    float: right;
    font-family: verdana;
    position: relative;
    text-align: right;
    content: '↓';
    font-size: 16px;
    width: 0px;
    line-height: 1.8;
    font-weight: bold;
}

.masthead nav.support 

.masthead nav a:hover
{
    background-color: #939598;
}




.masthead .search input.text
{
    position: relative;
    border: 1px solid #939598;
    padding: 2px;
    margin: 0;
    width: 100px;
    height: 15px;
    z-index: 2;
}

.masthead .search input.button
{
    position: relative;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    display: inline-block;
    background-color: #939598;
    color: #ffffff;
    font-size: 0.7rem;
    height: 16px;
    padding: 3px;
    margin: 0;
    width: 20px;
    z-index: 1;
}

.masthead .search input.text
{
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  height: 16px;
}

#main
{
    margin-top: 55px;
}



/**** CRITTER 	END BUNDLE: masthead.css ****/

/**** CRITTER BUNDLE: main.css ****/

/** main.css **/
/** styles specific types of content **/

 header.block h1
.platforms
{
  margin-bottom: 12px;
}

.platforms a
{
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 4px;
  margin-bottom: 6px;
  overflow: hidden;
  background-image: url('/img/platforms.png');
  background-repeat: no-repeat;
  text-indent: -100000px;
}

.backgroundsize .platforms a
{
  background-image: url('/img/platforms-x2.png');
  -moz-background-size: 640px 32px;
    background-size: 640px 32px;
}

a.twitter
{
  background-position: -64px 0;
}

a.vimeo
{
  background-position: -128px 0;
}

a.tumblr
{
  background-position: -192px 0;
}

a.soundcloud
{
  background-position: -256px 0;
}

a.youtube
{
    background-position: -320px 0;
}

a.rss
{
  background-position: -384px 0;
}


/** primary block styles **/

#sidebar
{
  padding-bottom: 0;
  margin-right: 0;
}

.section_context article header h1,
.section_context article header h2,
.section_context article header h3,
.section_context article header h4,
.section_context article header time
{
  display: block;
  font-size: 0.8rem;
  margin: 0px;
  padding: 0px;
}

/** block styling **/


.addthis_toolbox
{
  display: block;
  height: 16px;
  margin-bottom: 12px;
}

article.block_top,
header.block_top,
li.block_top,
section .block_top:first-child
{
  padding-top: 9px;
}

.block_top h1.article
{
  padding-bottom: 9px;
}

.block_top>.block_top
{
  margin-top: -1px;
}

ul.block_top
{
  padding-top: 9px;
}

/** section template **/

section header
{
  margin-bottom: 9px;
}


section header h1
{
  padding: 0;
  margin: 0;
  background: none;
  font-size: 0.9rem;
  line-height: 1.3;
  color: #ED1C24;
}

/** article template **/

article
{
    position: relative;
    line-height: 1.5;
    text-overflow: ellipsis;
    background-color: #ffffff;
}

article header
{
	margin-bottom: 9px;
}

article header a
{
  text-decoration: none;
}

article header h1
{
  padding: 0;
  margin: 0;
  background: none;
  font-size: 1.05rem;
  color: #ED1C24;
}

article header h2,
article header h3,
article header h4,
article header time
{
  color: #939598;
  font-weight: normal;
  background: none;
  padding: 0;
  margin: 0;
  font-size: 0.8rem;
}

article header h2,
article header time
{
  color: #A97C50;
}
.

article header a:link,
article header a:visited
{
	color: inherit;
	text-decoration: inherit;
}

article header .byline
article div header .byline
{
  color: #A97C50;
}


article time
{
  color: #939598;
}


article .body
{
  padding-top: 0;
}


article p
{
  margin-bottom: 0.95rem;
}

article p.byline
{
  margin-top: 9px;
  font-size: 0.8rem;
  margin-bottom: 0;
  color: #939598;
  text-align: right;
}

article p.keywords
{
  color: #939598;
  font-size: 0.8rem;
  line-height: 1.5;
  text-align: right;
  margin: 0;
}

article.block_bottom
{
	padding-bottom: 9px;
}

article .portal_block
{
	margin-bottom: 13px;
}

article.block header
{
	margin-bottom: 5px;
}

article.block header h1
{
	font-size: 0.9rem;
}

article.block img
{
	margin-bottom: 5px;
}

article.block p
{
	margin-bottom: 5px;
}

article.block
{
	margin-bottom: 9px;
}

article .standfirst
{
	font-weight: bold;
}

article .standfirst b,
article .standfirst strong
{
	font-weight: normal;
}


.home section.listings
{
  margin-bottom: 12px;
}

.view-issues h1, .view-issues h2
{
  color: #A97C50;
}

h1 a,
h2 a
{
	color: inherit;
	text-decoration: none;
}


/** aside templates  */

nav header h1,
aside header h1
{
  margin-top: 0px;
	padding: 9px 0 9px 0;
  font-size: 0.9rem;
}

aside article header
{
	padding: 0 0 9px 0;
}

aside article header h1
{
	padding: 0;
}

aside article header h2
{
	color: #939598;
}

aside
{
	line-height: 1.3;
}

aside img
{
	height: auto !important;
}

/** featured articles **/

.feature header h2,
.feature header h3,
.feature header h4,
.feature p
{
  font-size: 0.85rem;
}

.feature.column1_4 header h1,
.feature.column2_8 header h1
{
  font-size: 0.95rem;
}

/** list items */

.list_item header h2,
.list_item header h3,
.list_item header h4,
.list_item p
{
  font-size: 0.85rem;
}

/** in page navigation **/

nav ul
{
	list-style: none;
	padding: 0;
	margin: 0 0 12px 0;
  font-size: 0.9rem;
  line-height: 1.6;
}

nav ul.long {
	max-height: 404px;
	margin-left: -5px;
	padding-left: 5px;
	overflow-y: auto;
	overflow-x: hidden;
}

aside nav ul
{
	margin-bottom: 9px;
	line-height: 1.3;
    font-size: 0.8rem;
}

aside nav ul li
{
    margin-bottom: 5px;
}

nav ul.short
{
	max-height: 180px;
}

td.current a,
ul li.current>a
{
	color: #000000;
	font-weight: normal;
}

nav ul ul
{
	margin: 0 0 4px 5px;
	border-left: 1px solid #e5e5e5;
	padding: 0 0 0 5px;
}

ul li.highlight a
{
  color: #000000;
}

td.current a.remove:after,
ul li.current a.remove:after
{
	font-size: 0.5rem;
	content: ' ✕';
}

.block_top
{
	border-top: 1px solid #939598;
}

.block_bottom
{
	border-bottom: 1px solid #939598;
  margin-bottom: 12px;
}

.column1_1.:last-child .block_bottom
{
  margin-bottom: 0px;
  border-bottom: 0px;
}

.section_bottom
{
	border-bottom: 3px solid #cbcccb;
  padding-bottom: 0;
}

header.section_top,
header.block,
.section_top>header
{
	background-color: #cbcccb;
	color: #000000;
	margin-bottom: 18px;
}

header.no_section
{
  margin-top: 9px;
}

header.section_top h1,
header.block h1,
.section_top>header h1
{
    color: #555555;
    padding: 9px;
    font-size: 0.8rem;
}

header.section_top
{
	margin-bottom: -1px;
}

header.block
{
	margin-bottom: 12px;
}

nav.block
{
	padding-bottom: 3px;
}

.list_item img,
.feature img
{
  margin-bottom: 12px;
}

.list_item .details p:last-child,
.feature .details p:last-child
{
  margin-bottom: 0px;
}


/** home styles **/

article .details p:last-child,
article .abstract p:last-child
{
  margin-bottom: 0px;
}

article.row1 .callout,
article.row2 .callout
{
  height: auto;
}

.callout.Image a
{
  display: block;
}

.callout.Image img
{
  display: block;
  padding-bottom: 0 !important;
  margin: 0 auto;
}

/** Article styles **/

.Article header h4
{
  color: #939598;
}

/** issue styles **/

.Issue header h1,
.Issue.column2 header
{
	padding-bottom: 9px;
}

section.issues .Issue header h1
{
	padding-bottom: 0;
}

.Issue header
{
	margin-bottom: 0;
}

section.issues .Issue header
{
	padding-bottom: 5px;
}


.cover-mounts header
{
	margin-bottom: 5px;
	padding-bottom: 0;
}

.cover-mounts header h1
{
	margin-bottom: 0;
}

.current_issue
{
  margin-bottom: -12px;
}

.current_issue header h1,
.current_issue header h2,
.current_issue header h3
{
	font-size: 1.05rem;
	line-height: 1.3;
}


.current_issue p
{
	font-size: 0.9rem;
	line-height: 1.5;
}

.current_issue .abstract
{
  margin-bottom: 12px;
}

.current_issue figure
{
	margin-bottom: 0;
}

.current_issue figure img
{
	height: auto !important;
}

.current_issue .column3,
.current_issue .column5
{
	margin-bottom: 0;
}

.current_issue .column5>p:last-child
{
	margin-bottom: 0;
}

.twocolumn
{
	float: left;
	width: 560px;
	max-width: 100%;
	margin-bottom: 10px;
	margin-top: 9px;
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
}

aside .issues
{
  margin-bottom: 12px;
}

.Release aside .issues
{
  margin-bottom: 0;
}

aside .issue
{
    padding-bottom: 9px;
}


aside .issue header
{
  margin: 9px 0 5px 0;
  padding: 0;
}

aside .issue header h1
{
  border: 0;
  margin-bottom: 0;
  font-size: 0.8rem;
}

aside .issue header h2
{
  color: #b08f70;
  padding: 0;
  margin: 0;
  font-size: 0.8rem;
}

aside .issue p
{
	font-size: 0.8rem;
    margin-bottom: 5px;
}

aside .issue p.buy
{
  margin: 0;
}

aside .issues  .issue .onthecover
{
  width: 120px;
  margin-right: 12px;
  float: left;
}

aside .issues .issue .features
{
  width: 120px;
  float: left;
}

aside .issues .block_top
{
	border-top: 0;
}



/** event styles **/

aside article.event,
aside article.event header
{
	margin-bottom: 0;
}

article.event header h4,
article.Event header h4
{
  color: #000000;
}

section.events article.Event p
{
	font-size: 0.9rem;
	line-height: 1.5;
}


.Event .addthis_toolbox
{
	margin-top: 18px;
}

.Event ul
{
	padding: 0;
}

.Event ul header
{
	margin: 0;
}

.Event p.artists
{
	margin: 0;
}

/** blog_entry styles **/


.Blog_Entry img,
.Blog_Entry iframe,
.Blog_Entry div
{
	display: block;
	clear: both;
	margin: 10px 0 10px 0;
}

.Blog_Entry p
{
	clear: both;
}


/** comments styles */


article .comment
{
	color: #8A8B8A;
}

article.comment header
{
  margin-top: 0;
  text-align: right;
  color: #000;
  margin-bottom: 0;
}

article .comment .byline
{
	text-align: right;
  margin-bottom: 9px;
}


article aside.comments
{
	position: absolute;
	bottom: 0;
	right: 0;
}

article aside.comments .addthis_toolbox
{
  margin-top: 9px;
  margin-bottom: 3px;
}

article aside.comments p
{
	margin: 0;
}

article aside.comments a.leave
{
	line-height: 1.5;
}


article aside.comments article
{
	color: #999;
	margin: 3px 0 3px 0;
}

article aside.comments article.author_response
{
	color: #000;
}

article .comments
{
	margin-top: 9px;
}


article .comments article.comment h1,
article .comments article.comment time
{
	font-size: 0.8rem;
	display: inline;
	color: #999;
}



form.comment label,
form.comment input.text,
form.comment .pre
{
	max-width: 100%;
  width: 100%;
	margin-right: 0;
	float: none;
}

form.comment label
{
  padding-bottom: 5px;
  line-height: 0.8;
}


form.comment .comment_body,
form.comment .comment_body label
{
	width: 460px;
}


form.comment .comment_body textarea
{
	width: 100%;
	max-width: 100%;
	min-height: 200px;
	margin-bottom: 0;
}



form.comment .website
{
	margin-right: 0;
}

form.comment .optional,
form.comment .field_help
{
	font-size: 0.6rem;
	line-height: 1.2;
	color: #999999;
}


form.comment .field_help
{
	padding-top: 2px;
	display: block;

}

form.comment input.button
{
	width: auto;
	float: none;
	display: inline-block;
}

form.comment .buttons
{
	clear: both;
	padding-top: 9px;
}

/** people navigation **/

body.index .masthead
{
	height: 182px;
}

.people ul.letters
{
	position: relative;
	z-index: 10;
	margin-bottom: 9px;
  text-align: left;
}

.people ul.letters li
{
  display: inline-block;
  margin-right: 2px;
  padding-right: 0px;
}

.people ul.letters li a
{
  margin-right: 0px;
}

.people ul.index
{
	list-style: none;
	margin: 3px 0 0 0;
	padding: 0;
	-moz-column-width: 120px;
	-moz-column-count: 4;
	-moz-column-gap: 20px;
	-webkit-column-width: 120px;
	-webkit-column-count: 4;
	-webkit-column-gap: 20px;
	column-width: 120px;
	column-count: 4;
	column-gap: 20px;
}

.people ul.index li
{
	vertical-align: top;
	margin-bottom: 5px;
}

/** shop **/


.shop #sidebar
{
  padding-bottom: 0;
}

.shop .products .Shop_Product
{
	position: relative;
	overflow: hidden;
}

.shop.list_item header h1,
.shop.list_item .product_links
{
  font-size: 0.8rem;
}

ul.variants
{
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.Shop_Product a.button
{
	width: 122px;
	text-align: right;
	margin-top: 3px;
	margin-left: 0;
	padding: 9px;
	clear: both;
}

.Shop_Product ul.variants li
{
	margin-bottom: 13px;
	border-bottom: 1px solid #939598;
	padding-bottom: 9px;
	clear: both;
}

.Shop_Product ul.variants li .stock
{
  white-space: nowrap;
}

.Shop_Product ul.variants li span.button,
.product .details .price,
.product .details .quantity
{
	 float: right;
	 margin-left: 10px;
}

.price.was
{
  text-decoration: line-through;
  color: #939598;
}

.price.sale,
.low-stock
{
  color: #ED1C24;
  font-weight: bold;
}


.shop input.quantity
{
    margin-top: -3px;
    text-align: center;
}



article.Subscription p
{
  font-size: 0.9rem;
}

article.Subscription header h1
{

  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.05;
  margin-top: 0;
  margin-bottom: 12px;
  padding: 0;
}

article.Subscription.column4 p
{
  font-size: 0.8rem;
}

.shop.feature article.Subscription,
.shop.feature.Subscription article
{
  background-color: #deddde;
  padding: 12px;
  margin-right: 0;
  border-top: 0;
  width: auto;
  float: none;
}

.shop.feature .Subscription h2
{
  margin-bottom: 3px;
}

.actions,
.subscription .purchase
{
  font-size: 1.5rem;
  line-height: 1.5;
  color: #000000;
  margin-bottom: 12px;
}

#sidebar .shop.feature
{
  border-top: 0;
  padding-top: 0;
}

.shop .error_description
{
  font-weight: bold;
}

.shop .error_description blockquote
{
  font-size: 1.2rem;
}


#sidebar .shop.feature>header h1
{

   background-color: #cbcccb;
   color: #555555;
   margin-bottom: 12px;
   padding: 9px 0 9px 9px;
}



.actions,
.shop.feature article.Subscription .purchase
{
  padding-bottom: 12px;
  margin-bottom: -4px;
}

.shop article.Subscription .purchase h2
{
  font-weight: normal;
  font-size: 1rem;
  font-weight: bold;
  color: #000000;
  line-height: 1.5;
  margin: 0;
}

.actions a,
.shop article.Subscription .purchase a.buy
{
  font-size: 1.05rem;
  font-size: 1.05rem;
  font-weight: bold;
}
.actions a .regular,
.shop article.Subscription .purchase a.buy .regular
{
  font-weight: normal;
  font-size: 1rem;
}

.shop article.Subscription .body h2
{
  margin-bottom: 5px;
  font-size: 1.1rem;
  color: #000000;
  font-weight: bold;
}


.shop article.Subscription .body h3
{
  color: #000000;
  font-size: 0.9rem;
  font-weight: bold;
  margin-bottom: 2px;
}

.shop article.Subscription .purchase .small
{
  display: block;
  position: relative;
  font-size: 0.8rem;
  text-transform: none;
  color: #939598;
  line-height: 1.5;
  margin-bottom: 12px;
  font-weight: normal;
}

.shop article.Subscription .purchase p
{
  text-align: left;
  margin-top: 2px;
  margin-bottom: 0;
  font-size: 0.9rem;
}

.shop article.Subscription .print
{
  padding-bottom: 12px;
  margin-bottom: 12px;
}


.shop article.Subscription .digital
{
  line-height: 1.8;
  margin-bottom: 12px;
}

.shop article.Subscription .digital p
{
  line-height: 1.5;
  margin: 7px 0 7px 0;
}

.shop article.Subscription .digital p.small
{
  font-size: 0.8rem;
  margin-top: -3px;
}


.shop article.Subscription .digital a.buy
{
  font-size: 0.95rem;
}

.shop article.Subscription .print .small
{
  margin-top: 8px;
}

.shop article.Subscription .purchase a.title
{
  color: #000000;
}

.shop article.Subscription.full .offer
{
  border-bottom: 1px solid #939598;
  margin-bottom: 12px;
}

.shop article.Subscription.full .offer img
{
  float: left;
  margin-right: 10px;
}


.shop article.Subscription.full .offer .column2
{
  width: 160px;
}

.shop article.Subscription.full .offer h2
{
  text-align: left;
  font-size: 1.05rem;
  font-weight: bold;
  color: #000000;
  margin: 0;
  padding: 0;
  line-height: 1.5;
}

.shop article.Subscription.column4 .offer h2
{
  margin-bottom: 3px;
}

.shop article.Subscription.full .offer p
{
  margin-bottom: 18px;
  font-size: 0.9rem;
  line-height: 1.5;
}

.shop article.Subscription table.buy
{
  margin: 0 0 12px 0;
}

.shop article.Subscription ul.buy li,
.shop article.Subscription table.buy th,
.shop article.Subscription table.buy td
{
    color: #939598;
    font-size: 0.8rem;
    border: 1px solid #dddddd;
    padding: 2px;
    font-weight: normal;
    white-space: nowrap;
}

.shop article.Subscription table.buy a.buy
{
  font-size: 0.9rem;
}





.shop aside.totals
{
  position: relative;
	text-align: right;
  font-size: 0.9rem;
  line-height: 2.1;
}

.shop h1.error
{
  font-weight: bold;
}

.shop h1
{
  color: #538a9b;
}

.shop h2
{
  color: #697071;
}

input.attention
{
  border: 1px solid #ED1C24;
}

.shop #main input.button, .shop #main button.button
{
  margin-top: 7px;
  font-size: 0.9rem;
  font-weight: bold;
  top: auto;
  margin-bottom: 12px;
  background-color: #62a3b7;
  margin-left: 1px;
}

.shop #main .submit-processing
{
  margin-top: 7px;
  margin-bottom: 6px;
}

.shop input.image
{
  position: relative;
  display: inline-block;
  text-align: center;
  margin-bottom: -19px;
  margin-left: 5px;
}

.shop p.paypal a
{
  color: #000000;
  font-weight: bold;
}

.shop .totals header
{
	text-align: left;
}

.shop .totals table
{
	float: right;
	margin-bottom: 5px;
}

.shop .totals table th
{
	font-weight: normal;
	padding: 3px 10px 3px 0;
}

.shop .totals table td
{
	font-weight: bold;
	padding: 3px 0 3px 3px;
	border-bottom: 1px solid #cccccc;
}

.shop .totals select
{
  width: 100%;
	max-width: 160px;
}

.shop .commit .messages
{
  color: #538a9b;
  color: #539b53;
  float: left;
  max-width: 80%;
  padding-top: 10px;
  font-size: 180%;
}


.shop .commit .messages p
{
  line-height: 1.3;
}


.shop .commit .buttons
{
	padding-top: 12px;
	float: right;
}

.shop .commit .button
{
  background-color: #539b53;
}

.shop .basket .error
{
  font-weight: bold;
  font-size: 0.9rem;
}

.shop .basket .warn
{
  font-weight: bold;
  font-size: 0.9rem;
}

.shop .basket .product input.quantity
{
  width: 15px;
  margin-left: 0;
}

.shop .basket .codes .block_top
{
  padding-top: 9px;
}

.shop .basket header h1
{
  font-size: 1rem;
  line-height: 1.5;
  color: #538a9b;
}

.shop .basket .product .column2
{
  margin-bottom: 3px;
}

.basket img,
.checkout img
{
	height: auto !important;
}


.shop .basket .codes input.text
{
  width: 132px;
}

.shop .basket textarea.text
{
  width: 292px;
  max-width: 452px;
  height: 50px;
}

.shop .basket .delivery_details input.text,
.shop .basket .delivery_details select
{
  width: 100%;
  max-width: 280px;
}

.shop .basket .buttons
{
    margin-bottom: 12px;
}

.shop .basket .paypal-checkout
{
	background-image: url('/img/paypal_mc_vs_dc_ae.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: -5px;
	padding-top: 12px;
	padding-left: 190px;
	padding-bottom: 8px;
	margin-bottom: 3px;
}

.checkout input.button
{
	margin-top: 10px;
}

.shop .checkout_message
{
	text-align: left;
	font-weight: bold;
}

.shop .checkout-process header h1
{
	padding: 9px;
}

.shop .checkout-button
{
	margin-left: 3px;
	background-color: #538a9b;
	font-weight: bold;
}
.shop .checkout-button:after
{
	content: ' ➤';
}

.shop .checkout-button:hover
{
	background-color: #697071;
}

.shop .checkout-process ol
{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

.shop .checkout-process ol li
{
	padding: 5px;
	margin-bottom: 5px;
  color: #999999;
}

.shop .checkout-process ol li.current
{
  color: #000000;
}

.shop .checkout-process ol li.incomplete
{
	color: #cccccc;
}

.shop article.product img
{
	padding-bottom: 0;
	margin-bottom: 0;
}

.shop .receipt
{
  border: 1px solid #999999;
  padding: 20px;
  margin-bottom: 12px;
}

.shop .receipt .order_details
{
  float: left;
  margin-right: 20px;

}

.shop .receipt .delivery_details
{
  float: right;
  min-width: 40%;
}

.shop .receipt .label
{
  display: inline-block;
  font-weight: bold;
  white-space: nowrap;
  width: 120px;
}

.shop .receipt table
{
  width: 100%;
  font-size: 0.9rem;
  line-height: 1.5;
}

.shop .receipt h2
{
  margin-bottom: 4px;
}

.shop .receipt table th
{
  text-align: left;
  white-space: nowrap;
  padding-right: 10px;
}

.shop .receipt table th.last
{
  padding-right: 0;
}

.shop .receipt table tfoot th
{
  text-align: right;
}

.shop .receipt table .primary
{
  width: 80%;
  padding-right: 10px;
}

.shop .receipt table td.primary
{
  padding-bottom: 15px;
}

.shop .receipt table .grand_total td
{
  border-top: 1px solid #cccccc;
  border-bottom: 3px solid #cccccc;
}

.shop .receipt .order_contents
{
  margin-top: 5px;
  border-top: 1px solid #cccccc;
  padding-top: 5px;
}

.shop .receipt table .products_total th,
.shop .receipt table .products_total td
{
  border-top: 1px solid #cccccc;
  padding-top: 15px;
}

.shop .receipt .currency
{
  width: 10px;
}
.shop .receipt .price
{
  width: 100px;
  text-align: right;
}

/** subscriptions **/

.subscriptions h1,
.user h1
{
  color: #538a9b;
}

.subscriptions .error,
.subscriptions .error a
{
  color: #ED1C24 !important;
}

.subscriptions p.message
{
  font-weight: normal;
}

.subscriptions .offer h2,
.subscriptions .gate h2,
.subscriptions .abstract p,
.user h2,
.user .abstract p
{
  font-size: 1.05rem;
  line-height: 1.5;
  font-weight: bold;
  color: #000000;
  margin: 12px 0 3px 0;
  padding: 0;
}

.subscriptions form .prompt-button
{
  min-height: 33px;
  line-height: 3;
}

.subscriptions form .prompt-button a
{
}

.subscriptions form .prompt-button .button
{
  float: right;
}

.subscriptions form fieldset.expand
{
  padding-top: 12px;
}

.subscriptions form fieldset p
{
  margin-bottom: 4px;
}

.subscriptions form .half
{
  width: 140px;
  float: left;
}

.subscriptions form .left
{
  margin-right: 20px;
}

.subscriptions form p .help,
.subscriptions form p .error
{
  padding: 0;
  line-height: 2;
}

.subscriptions form label
{
  clear: both;
  display: block;
}

.subscriptions form #togglepassword label
{
  display: inline;
  margin-left: 5px;
}


.subscriptions form input.password
{
  width: 45%;
  margin-right: 12px;
  max-width: 45%;
  clear: both;
}

.subscriptions form p.password input.toggle
{
  margin-top: 1px;
  padding: 3px 9px;
}

.subscriptions form .half input
{
   width: 132px;
}

.subscriptions article div header,
.user article div header
{
  margin-bottom: 0;
}

.subscriptions .column6 form fieldset h2
{
  margin-top: 18px;
  margin-bottom: 18px;
}

.subscriptions .Subscriber header:first-child h1
{
  color: #000000;
}

.subscriptions .Release img
{
	height: auto !important;
}

.subscriptions .gate .Release header h1
{
  font-size: 1rem;
  line-height: 2;
  font-weight: normal;
}

.subscriptions .gate .Release
{
  position: relative;
}

.subscriptions .gate .Release .right
{
  min-height: 147px;
  position: relative;
}

.choice header
{
  margin-bottom: 12px;
}

.help header
{
  margin-bottom: 0;
}

.choice form fieldset
{
  max-width: 300px;
}



.subscriptions .choice,
.subscriptions .gate,
.user .choice,
.user .gate
{
  padding-top: 9px;
}

.subscriptions .choice header h1,
.subscriptions .gate header h1,
.user .choice header h1,
.user .gate header h1
{
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.8;
}

.subscriptions section.help ul,
.user section.help ul
{
  list-style: none;
  padding: 0;
  margin-top: 5px;
}

.user .page .abstract
{
  font-weight: bold;
}

/** contact styles **/


.vcard .tel .value
{
  white-space: nowrap;
}


.vcard .type
{
  display: inline-block;
  color: #909090;
  min-width: 35px;
  margin-right: 4px;
}

.vcard .url a,
.vcard a.url
{
  color: #000000;
  text-decoration: underline;
}

form.contact label
{
  display: block;
}

form.contact div.details
{
  border: 1px solid #909090;
  padding: 0 5px 0 5px;
  margin-bottom: 9px;
}

form.contact .column3 .clearfix
{
  height: 1px;
}


form.contact div.details h1
{
  font-size: 0.9rem;
  line-height: 1.5;
  padding: 0;
  margin: 0;
}

form.contact .checkbox label
{
  display: inline;
  margin-left: 5px;
}

form.contact .checkbox
{
  display: block;
}

form.contact .column3 p
{
  font-size: 0.9rem;
  line-height: 1.5;
}

/** archive navigation **/

ul.archive
{
  list-style: none;
  margin: 0 0 0 -5px;
  padding: 0 0 0 5px;
}

ul.archive li
{
	margin-bottom: 5px;
}


ul.archive li.year ul
{
  list-style: none;
  width: 100%;
  border: 0;
  margin: 3px;   0 0 0;
  padding: 0;
  white-space: nowrap;
}

ul.archive li.year ul li
{
  display: inline-block;
  margin: 0 1px 0 0;
  padding: 0;
}

ul.archive h2
{
  font-weight: normal;
  padding: 0;
  margin: 0;
  font-size: 1rem;
}

ul.archive h2.current
{
  font-weight: bold;
}


ul.archive a:link,
ul.archive a:visited
{
  text-decoration: none;
}

ul.archive a.current
{
  font-weight: bold;
  text-decoration: underline;
}

ul.full_archive li.year,
ul.full_archive li.year ul li.month,
ul.full_archive li.year ul li.month li
{
  display: block;
  white-space: normal;
}

ul.full_archive li.year ul
{
  margin-left: 5px;
}

ul.full_archive li.year ul li.month li
{
  margin-bottom: 4px;
  padding-right: 10px;
}

table.calendar
{
	margin: 0;
  font-size: 0.8rem;
}

table.calendar th div.drop
{
  position: relative;
  padding: 0;
  margin: 0;
  height: 15px;
}

table.calendar th div.drop ul
{
  position: absolute;
  top: 0;
  left: 0;
}

table.calendar th ul
{
  top: 1px;
  position: absolute;
}

table.calendar th ul li
{
  font-weight: normal;
  display: none;
  background-color: #ffffff;
  margin: -3px;
  padding: 3px;
}

table.calendar th ul li.current
{
  display: block;
  background: none;
}

table.calendar th ul li.current,
table.calendar th ul li.current a
{
  font-weight: normal;
  background: none;
  padding: 0;
  margin: 0;
}

table.calendar th ul:hover
{
  z-index: 1000;
  position: absolute;
  background: #ffffff;
}

table.calendar th ul:hover li
{
  display: block;
}

table.calendar th ul:hover li.current
{
  padding: 2px 2px 2px 2px;
  margin: -2px -2px -2px -2px;
  background-color: #e5e5e5;
  color: #939598;
}

table.calendar th,
table.calendar td
{
	width: 23px;
	text-align: left;
}

table.calendar h1
{
	margin: 0;
	padding: 0;
}

table.calendar td
{
	color: #999999;
}

table.calendar td a
{
	color: #ED1C24;
}

table.calendar td.current a
{
  color: #ffffff;
  background-color: #000000;
	padding: 3px;
	margin: -3px;
}

table.calendar td.today span,
table.calendar td.today a
{
  padding: 2px 2px 2px 2px;
  margin: -3px -3px -3px -3px;
  border: 1px solid #cccccc;
}

.pages
{
  text-align: center;
  margin-bottom: 5px;
}

.block_top .pages
{
	padding-top: 9px;
}

.pages a,
.pages span
{
  padding: 9px;
  margin: 0 5px 5px 0;
  display: block;
  float: left;
  background-color: #939598;
  color: #ffffff;
  text-decoration: none;
}

.pages a:hover
{
  background-color: #697071;
}

.pages .letters a,
.pages .letters span
{
  padding: 9px 5px 9px 5px;
}

.pages a.current,
.pages li.current a
{
  padding: 9px;
	background-color: #000000;
	font-weight: normal;
	color: #ffffff;
}

.pages ul.letters li.current a
{
  padding: 9px 5px 9px 5px;
}


/** expandable nav tabs **/

.expandable ul
{
  margin-bottom: 10px;
  -moz-column-width: 120px;
  -moz-column-count: 4;
  -moz-column-gap: 20px;
  -webkit-column-width: 120px;
  -webkit-column-count: 4;
  -webkit-column-gap: 20px;
}

.expandable ul li
{

}

/** slideshow **/

.slideshow .frames,
.gallery .frames
{
	position: relative;
	overflow: hidden;
	max-width: 100%;
  width: 100%;
}

.slideshow .frame,
.gallery .frame
{
  max-width: 100%;
  position: relative;
  vertical-align: center;
  width: 100%;
}


.slideshow nav.pager
{
	position: relative;
	z-index: 1000;
	margin-top: 5px;
}


.slideshow .frames a.flip
{
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 25px;
  display: none;
  z-index: 10000;
}

.slideshow .frames:hover a.flip
{
  display: block;
}

.slideshow .frames a.next
{
  right: 0;
}


.slideshow img
{
	margin-bottom: 0;
    width: auto !important;
}

.slideshow nav.pager a,
.slideshow a.flip .button
{
	display: inline-block;
	padding: 9px;
	background-color: #939598;
	margin: 0 5px 5px 0;
	color: #ffffff;
 	font-size: 0.8rem;
}

.slideshow a.flip .button
{
  position: absolute;
  top: 50%;
}

.slideshow nav a:hover,
.slideshow a.flip:hover .button
{
  background-color: #697071;
  text-decoration: none;
}



.slideshow nav.pager a.current
{
	font-weight: normal;
	color: #ffffff;
	background: #000000;
}

.slideshow .frame figure
{
  float: none;
  margin: 0 auto 0 auto;
}

.slideshow figure figcaption
{
  text-align: left;
}

/** audio player **/

.audio_player
{
  margin-bottom: 12px;
}

.audio_player header.block
{
	margin: 0;
}

.audio_player header.block h1
{
	padding: 9px;
	margin: 0;
}

.audio_player table.playlist
{
	width: 100%;
	margin-top: 0;
  font-size: 0.9rem;
	line-height: 1.5;
	color: #939598;
}

.audio_player table.playlist tr.odd
{
	background-color: #CBCCCB;
}

.audio_player table.playlist tr.even
{
	background-color: #DBDCDB;
}

.audio_player table.playlist td
{
  padding: 3px 4px;
}

.audio_player table.playlist td:first-child
{
    padding-left: 6px;
}

.audio_player table.playlist td:last-child
{
    padding-right: 6px;
}



.audio_player table.playlist td.number
{
	width: 5%;
    max-width: 8%;
	text-align: right;
}

.audio_player table.playlist td.duration
{
	text-align: right;
}

.audio_player table.playlist a
{
	color: #000000;
}

.audio_player table.playlist tr.current
{
	background-color: #000000;
}

.audio_player table.playlist tr.current a
{
	color: #ffffff;
}

.audio_player .mejs-container
{
	background: #939598;
}

.audio_player .mejs-container .mejs-controls,
.video_player .mejs-container .mejs-controls
{
	background: #939598;
}

.audio_player .mejs-controls .mejs-time-rail .mejs-time-total,
.video_player .mejs-controls .mejs-time-rail .mejs-time-total
{
	background: #7B7C7B;
}

.audio_player .mejs-controls .mejs-time-rail .mejs-time-loaded,
.video_player .mejs-controls .mejs-time-rail .mejs-time-loaded
{
	background: rgba(30,30,30,0.8);
}

.audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.video_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total
{
	background: rgba(30,30,30,0.8);
}

.audio_player .mejs-overlay-loading,
.video_player .mejs-overlay-loading
{
	background: rgba(30,30,30,0.8);
}

#video .video_gallery
{
	z-index: 10;
	margin-bottom: 9px;
}

#video .navright
{
	margin-top: -42px;
}

#video .column2 .placeholder
{
	display: block;
	width: 140px;
	height: 79px;
	overflow: hidden;
	margin-bottom: 3px;
}

#video article.current img,
#video article.current header
{
	opacity: 0.5;
}

/** search **/

.search .term,
.search .result .match
{
	font-weight: bold
}

.search label
{
	margin-right: 3px
}

.search input.button:hover
{
    background-color: #697071;
}

.search .submit-processing
{
  position: relative;
  padding: 2px 5px 2px 4px;
  top: 0;
  margin-top: -4px;
}


.search .submit-processing img
{
  margin-top: 2px;
}

section.search input.text
{
  width: 80%;
  font-size: 1.2rem;
  height: 25px;
}


/** release **/

.tapper_item a.block_top
{
  display: block;
}


.tapper_item header
{
  margin-top: 9px;
  margin-bottom: 0px;
}

.tapper_item header h1
{
  font-size: 0.9rem;
}

.Release .contents figure
{
  margin-bottom: 0px;
}

ol.tracklisting
{
  list-style: none;
  padding: 0;
  margin: 9px 0;
}

ol.tracklisting a:hover
{
  color: #000000;
}

ol.tracklisting li
{
  display: block;
  float: left;
  margin-bottom: 17px;
}

ol.tracklisting a.cover
{
  display: block;
  width: 140px;
  height: 0px;
  padding-bottom: 100%;
  max-width: 100%;
  background-color: #dbdddb;
  overflow: hidden;
}

ol.tracklisting figure
{
  margin-bottom: 2px;
}

.tracklisting header h1,
.tracklisting header h2,
.tracklisting header h3,
.tracklisting header h4,
.tracklisting header h5,
header.tracklisting h1,
header.tracklisting h2,
header.tracklisting h3,
header.tracklisting h4,
header.tracklisting h5
{
  font-size: 0.9rem;
  line-height: 1.4;
  margin: 0;
  padding: 0;
  font-weight: normal;
  color: #000000;
}

header.tracklisting h1,
header.tracklisting h2,
header.tracklisting h3,
header.tracklisting h4,
header.tracklisting h5
{
  font-size: 0.9rem;
  line-height: 1.4;
}

.tracklisting .placeholder
{
  text-align: center;
  line-height: 140px;
  height: 140px;
  color: #000000;
}

.artist_name
{
  font-weight: bold !important;
}

.track_title
{
  font-weight: bold !important;

}

.release_title
{
  font-weight: normal !important;
  font-style: normal !important;
}

.label_name
{
  font-weight: normal !important;
  font-style: normal !important;
}

.downloads header h2
{
  font-weight: bold;
  color: #000000;
  font-size: 1.05rem;
  margin: 12px 0 0 0;
}

/** download styles **/

.download
{
  position: relative;
  min-height: 60px;
  margin: 2px 2px 9px 0;
}

.download .file
{
  position: relative;
  display: block;

  min-height: 54px;
  width: 100%;
  margin: 0 0 0 0;
  padding: 2px 1px;
  border: 0 solid #000000;
  background-color: #dbdddb;

  background-image: url('/img/download.png');
  background-repeat: no-repeat;
  background-position: 8px 6px;

  color: #999999;
  font-size: 0.9rem;
  text-decoration: none;
}

.backgroundsize .download .file
{
  background-image: url('/img/download-x2.png');
  -moz-background-size: 40px 47px;
  background-size: 40px 47px;
}

a.download_small
{
  background-image: url('/img/download-small.png');
  background-repeat: no-repeat;
  background-position: 0 center;
  padding-left: 17px;
  height: 18px;
  display: inline-block;
  line-height: 18px;
}


.backgroundsize a.download_small
{
  background-image: url('/img/download-small-x2.png');
  -moz-background-size: 14px 16px;
  background-size: 14px 16px;
}



.download .file .title
{
  font-weight: bold;
}

.download .file .details
{
  display: block;
  position: relative;
  width: 400px;
  top: 5px;
  left: 55px;
  padding-bottom: 5px;
}

.download .details p
{
  width: 200px;
  max-width: 200px;
  margin-top: 9px;
}

.download .file:hover
{
  background-color: #cbcccb;
  border: 0 solid #000000;
}

.download a:hover
{
  text-decoration: none;
}

.download .file .details
{
  color: #999;
  font-size: 0.9rem;
  line-height: 1.3;
}

.download .file .details .title
{
  color: #000000;
  line-height: 1;
  font-size: 1.05rem;
}

/*
.download .graphic,
.download .image
{
  background-image: url('/img/filetypes/image-48x48.png');
}

.download .doc,
.download .docx,
.download .document
{
  background-image: url('/img/filetypes/doc-48x48.png');
}

.download .audio
{
  background-image: url('/img/filetypes/sound-48x48.png');
}

.download .video
{
  background-image: url('/img/filetypes/video-48x48.png');
}

.download .archive
{
  background-image: url('/img/filetypes/compressed-package-48x48.png');
}


.download .xls,
.download .xlsx
{
  background-image: url('/img/filetypes/spreadsheet-48x48.png');
}

.download .pdf
{
  background-image: url('/img/filetypes/pdf-48x48.png');
}
*/

/** mailinglist subscribe **/

article form.mailinglist .button
{
  margin-top: 6px;
  width: 41px;
}

article form.mailinglist .submit-processing
{
  margin-top: 5px;
}

article form.mailinglist .column2
{
  padding-top: 0;
  line-height: 1.5;
}

article form.mailinglist input.text
{
  top: -2px;
  position: relative;
}

aside form.mailinglist
{
  box-sizing: border-box;
	position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  background-color: #cbcccb;
	color: #555555;
	padding: 12px;
	margin: 0 0 12px 0;
  font-size: 0.8rem;
  line-height: 140%;
}

aside form.mailinglist header
{
  position: relative;
  float: left;
  margin-bottom: 9px;
  z-index: 2;
  background-color: #cbcccb;
  max-width: 40%;
}

aside form.mailinglist header h1,
aside form.mailinglist header h2
{
  font-size: 0.8rem;
  color: #555555;
	padding: 0;
  margin: 0;
}

aside form.mailinglist .secondary
{
	float: right;
	text-align: right;
	color: #777777;
  z-index: 0;
  margin-bottom: 9px;
  max-width: 60%;
}

aside form.mailinglist .secondary a
{
  white-space: normal;
}


aside form.mailinglist .fields
{
  clear: both;
  position: relative;
}

aside form.mailinglist .fields input.text
{
    border: 0;
    padding: 3px;
    margin: 0;
    left: 0px;
    width: 85%;
    height: 26px;
    font-size: 0.9rem;
}


aside form.mailinglist .fields input.button
{
	float: right;
	width: 20px;
  height: 20px;
  position: absolute;
  right: 0px;
  padding: 3px 5px 3px 5px !important;
  border: 6px solid #cbcccb;
  background-color: #939598 !important;
  font-weight: normal !important;
  font-size: 0.7rem !important;
  margin: -5px -6px -5px -5px !important;
}

aside form.mailinglist .submit-processing
{
  float: right;
  padding: 2px 6px 1px 6px !important;
  border: 6px solid #cbcccb;
  font-weight: normal !important;
  font-size: 0.7rem !important;
  margin: -5px -6px -5px -5px !important;
}



/**** CRITTER 	END BUNDLE: main.css ****/

/**** CRITTER BUNDLE: adverts.css ****/

/** adverts **/

.advert_container
{
    margin: 0;
    position: relative;
}

.advert
{
    position: relative;
    display: block;
    margin: 0px;
    overflow: hidden;
    width: 100%;
}

.advert img
{
    margin: 0px;
}

.mpu
{
    background-color: #fefefe;
    margin: 0px auto;
    max-width: 300px;
    max-height: 250px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.advert iframe,
.advert iframe iframe,
.advert iframe body,
.advert iframe img
{
    position: relative;
    transform: scale(1);
    transform-origin: 0 0;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
    -o-transform: scale(1);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(1);
    -webkit-transform-origin: 0 0;
    -ms-transform: scale(1);
    -ms-transform-origin: 0 0;
    -ms-zoom: 1;
}

.mpu div
{
  margin-bottom: 12px;
}

.rectangle
{
    width: 180px;
    height: 150px;
}

.skyscraper
{
    width: 120px;
    height: 600px;
}

.wide_skyscraper
{
    width: 160px;
    height: 600px;
}

.small_banner
{
    width: 468px;
    height: 60px;
}

.banner, .leaderboard
{
  max-width: 728px;
  max-height: 90px;
  display: block;
  width: 100%;
  margin: 0px auto 12px auto;
}

.billboard
{
    width: 970px;
    height: 250px;
}

.half_page,
.filmstrip
{
    width: 300px;
    /* height: 600px; */
}

.portrait
{
    width: 300px;
    height: 1050px;
}


.button_2
{
    width: 120px;
    height: 60px;
}

.live_column
{
    width: 140px;
    /* height: 440px; */
}

.advert-foot
{
    margin-top: -12px;
}



/**** CRITTER 	END BUNDLE: adverts.css ****/

/**** CRITTER BUNDLE: footer.css ****/

footer
{
    margin-top: -12px;
    border-top: 1px solid #939598;
    background-color: #ffffff;
    padding-top: 9px;
    padding-bottom: 40px;
}


footer h1
{
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    font-size: 0.9rem;
    line-height: 1.2;
    white-space: normal;
}

footer .column1_12
{
    min-width: 80px;
}


footer h1 a:link,
footer h1 a:visited
{
    font-weight: bold;
}

footer h1.current a:link,
footer h1.current a:visited
{
    color: #000000;
}

footer ul
{
    margin: 1px 5px;
}

footer a
{
  white-space: nowrap;
}



/**** CRITTER 	END BUNDLE: footer.css ****/

/**** CRITTER BUNDLE: 480px.css ****/

/** 480px.css **/

@media (max-width: 480px)
{
    .mob-column,
    .mob-column1,
    .mob-column1_2, .mob-column2_2,
    .mob-column1_3, .mob-column2_3, .mob-column3_3,
    .mob-column1_4, .mob-column2_4, .mob-column3_4, .mob-column4_4,
    .mob-column1_5, .mob-column2_5, .mob-column3_5, .mob-column4_5, .mob-column5_5,
    .mob-column1_6, .mob-column2_6, .mob-column3_6, .mob-column4_6, .mob-column5_6, .mob-column6_6,
    .mob-column1_8, .mob-column2_8, .mob-column3_8, .mob-column4_8, .mob-column5_8, .mob-column6_8, .mob-column7_8, .mob-column8_8,
    .mob-column1_10, .mob-column2_10, .mob-column3_10, .mob-column4_10, .mob-column5_10, .mob-column6_10, .mob-column7_10, .mob-column8_10, .mob-column9_10, .mob-column10_10,
    .mob-column1_12, .mob-column2_12, .mob-column3_12, .mob-column4_12, .mob-column5_12, .mob-column6_12, .mob-column7_12, .mob-column8_12, .mob-column9_12, .mob-column10_12, .mob-column11_12, .mob-column12_12 {
      position: relative;
      box-sizing: border-box;
      float: left;
      max-width: 100%;
      padding: 0 8px 12px 8px;
      zoom: 1;
    }

    .mob-row
    {
      position: relative;
      zoom: 1;
      margin-left: -8px;
      margin-right: -8px;
      padding: 0;
      clear: both;
    }

    .mob-column1_12
    {
      width: 8.3333%;
      min-width: 50px;
    }

    .mob-column1_10
    {
      width: 10%;
    }

    .mob-column1_8
    {
      width: 12.5%;
    }

    .mob-column1_6,
    .mob-column2_12
    {
      width: 16.666%;
    }

    .mob-column1_5,
    .mob-column2_10
    {
      width: 20%;
    }

    .mob-column1_4,
    .mob-column2_8,
    .mob-column3_12
    {
      width: 25%;
    }

    .mob-column3_10
    {
      width: 30%;
    }

    .mob-column1_3,
    .mob-column2_6,
    .mob-column4_12
    {
      width: 33.3333%;
    }

    .mob-column3_8
    {
      width: 37.5%;
    }

    .mob-column2_5,
    .mob-column4_10
    {
      width: 40%;
    }

    .mob-column5_12
    {
      width: 41.6666%;
    }

    .mob-column1_2,
    .mob-column2_4,
    .mob-column3_6,
    .mob-column4_8,
    .colunn5_10,
    .mob-column6_12
    {
      width: 50%;
    }

    .mob-column7_12
    {
      width: 58.3333%;
    }

    .mob-column3_5,
    .mob-column6_10
    {
      width: 60%;
    }

    .mob-column5_8
    {
      width: 62.5%;
    }

    .mob-column2_3,
    .mob-column4_6,
    .mob-column8_12
    {
      width: 66.6666%;
    }

    .mob-column7_10
    {
      width: 70%;
    }

    .mob-column3_4,
    .mob-column6_8,
    .mob-column9_12
    {
      width: 75%;
    }

    .mob-column4_5,
    .mob-column8_10
    {
      width: 80%;
    }

    .mob-column5_6,
    .mob-column10_12
    {
      width: 83.3333%;
    }

    .mob-column7_8
    {
      width: 87.5%;
    }

    .mob-column9_10
    {
      width: 90%;
    }

    .mob-column11_12
    {
      width: 91.66666%;
    }

    .mob-column1,
    .mob-column2_2,
    .mob-column4_4,
    .mob-column6_6,
    .mob-column8_8,
    .mob-column10_10,
    .mob-column12_12
    {
      width: 100%;
    }

    .not-mobile
    {
        display: none;
    }

}

@media (min-width: 481px) {
  /* Style adjustments for viewports 480px and over go here */

  form label.inline
  {
    text-align: right;
  }

  .row1 article,
  .row2 article
  {
    max-height: 320px;
    height: 280px;
    overflow: hidden;
    position: relative;
  }

  .shop article.Subscription header.main
  {
    margin-bottom: 18px;
  }

  .shop .basket textarea.text
  {
    width: 482px;
  }

  .actions a,
  .shop article.Subscription .purchase a.buy
  {
    font-size: 1.5rem;
    font-weight: bold;
  }

  .shop article.Subscription .print a.buy,
  .shop article.Subscription .digital a.buy
  {
    background-position: right 11px;
  }

  .shop article.Subscription ul.buy li,
  .shop article.Subscription table.buy th,
  .shop article.Subscription table.buy td
  {
      font-size: 0.8rem;
      padding: 2px 9px;
  }

  .shop article.Subscription table.buy a.buy
  {
    font-size: 1.5rem;
  }

  .shop article.Subscription .more-options
  {
    margin-top: -12px;
    margin-bottom: 17px;
  }

  .subscriptions form .half
  {
    width: 220px;
    float: left;
  }
  .subscriptions form .left
  {
    margin-right: 20px;
  }


  .subscriptions form .half input
  {
     width: 212px;
  }

  .banner,
  .leaderboard
  {
    display: block;
  }

}



/**** CRITTER 	END BUNDLE: 480px.css ****/

/**** CRITTER BUNDLE: 768px.css ****/

/** 768px.css **/

@media (max-width: 700px) {
  article .related
  {
    width: 100%;
  }

    .calendar .filters
    {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        padding: 0px;
    }

    .calendar .filters .unit
    {
        float: left;
        width: 33.33%;
        padding: 0 8px;
    }

}

@media (min-width: 700px) {

    .calendar .events
    {
        float: right;
    }

    .calendar .filters
    {
     float: left;
    }

    article aside.related,
    article .contents aside.related
    {
        position: absolute;
        bottom: 0;
        right: 0;
        margin-top: 9px;
        margin-bottom: 0px;
    }

}

@media (max-width: 768px) {
    .tab-column,
    .tab-column1,
    .tab-column1_2, .tab-column2_2,
    .tab-column1_3, .tab-column2_3, .tab-column3_3,
    .tab-column1_4, .tab-column2_4, .tab-column3_4, .tab-column4_4,
    .tab-column1_5, .tab-column2_5, .tab-column3_5, .tab-column4_5, .tab-column5_5,
    .tab-column1_6, .tab-column2_6, .tab-column3_6, .tab-column4_6, .tab-column5_6, .tab-column6_6,
    .tab-column1_8, .tab-column2_8, .tab-column3_8, .tab-column4_8, .tab-column5_8, .tab-column6_8, .tab-column7_8, .tab-column8_8,
    .tab-column1_10, .tab-column2_10, .tab-column3_10, .tab-column4_10, .tab-column5_10, .tab-column6_10, .tab-column7_10, .tab-column8_10, .tab-column9_10, .tab-column10_10,
    .tab-column1_12, .tab-column2_12, .tab-column3_12, .tab-column4_12, .tab-column5_12, .tab-column6_12, .tab-column7_12, .tab-column8_12, .tab-column9_12, .tab-column10_12, .tab-column11_12, .tab-column12_12 {
      position: relative;
      box-sizing: border-box;
      float: left;
      max-width: 100%;
      padding: 0 8px 12px 8px;
      zoom: 1;
    }

    .tab-row
    {
      position: relative;
      zoom: 1;
      margin-left: -8px;
      margin-right: -8px;
      padding: 0;
      clear: both;
    }

    .tab-column1_12
    {
      width: 8.3333%;
      min-width: 50px;
    }

    .tab-column1_10
    {
      width: 10%;
    }

    .tab-column1_8
    {
      width: 12.5%;
    }

    .tab-column1_6,
    .tab-column2_12
    {
      width: 16.666%;
    }

    .tab-column1_5,
    .tab-column2_10
    {
      width: 20%;
    }

    .tab-column1_4,
    .tab-column2_8,
    .tab-column3_12
    {
      width: 25%;
    }

    .tab-column3_10
    {
      width: 30%;
    }

    .tab-column1_3,
    .tab-column2_6,
    .tab-column4_12
    {
      width: 33.3333%;
    }

    .tab-column3_8
    {
      width: 37.5%;
    }

    .tab-column2_5,
    .tab-column4_10
    {
      width: 40%;
    }

    .tab-column5_12
    {
      width: 41.6666%;
    }

    .tab-column1_2,
    .tab-column2_4,
    .tab-column3_6,
    .tab-column4_8,
    .colunn5_10,
    .tab-column6_12
    {
      width: 50%;
    }

    .tab-column7_12
    {
      width: 58.3333%;
    }

    .tab-column3_5,
    .tab-column6_10
    {
      width: 60%;
    }

    .tab-column5_8
    {
      width: 62.5%;
    }

    .tab-column2_3,
    .tab-column4_6,
    .tab-column8_12
    {
      width: 66.6666%;
    }

    .tab-column7_10
    {
      width: 70%;
    }

    .tab-column3_4,
    .tab-column6_8,
    .tab-column9_12
    {
      width: 75%;
    }

    .tab-column4_5,
    .tab-column8_10
    {
      width: 80%;
    }

    .tab-column5_6,
    .tab-column10_12
    {
      width: 83.3333%;
    }

    .tab-column7_8
    {
      width: 87.5%;
    }

    .tab-column9_10
    {
      width: 90%;
    }

    .tab-column11_12
    {
      width: 91.66666%;
    }

    .tab-column1,
    .tab-column2_2,
    .tab-column4_4,
    .tab-column6_6,
    .tab-column8_8,
    .tab-column10_10,
    .tab-column12_12
    {
      width: 100%;
    }

    .not-tablet
    {
        display: none;
    }
}


@media (min-width: 768px) and (max-width: 900px) {
  /* Style adjustments for viewports 768px and over go here */


}



/**** CRITTER 	END BUNDLE: 768px.css ****/

/**** CRITTER BUNDLE: 900px.css ****/

/** 900px.css **/

@media (min-width: 901px) {
  /* Style adjustments for viewports 768px and over go here */

  body
  {
    margin-top: 0px;
  }

  header.masthead
  {
    position: relative;
    border-bottom: 0;
    padding: 0;
    background-color: none;
    background: none;
  }

  header.masthead h1.masthead
  {
    z-index: 10;
    margin: 20px 0 40px 0;
  }

  .masthead .menu
  {
    border-bottom: 0;
    display: block !important;
  }

  .masthead nav.primary
  {
    border: 0;
    min-height: 72px;
    margin-bottom: 4px;
  }

  .masthead nav.primary a,
  .masthead nav.primary .a
 {
    display: inline-block;
    float: left;
    width: auto !important;
    border: 0;
    font-size: 0.8rem;
  }

  .masthead nav.primary a.sub:after
  {
    content: '';
  }

  .masthead nav.primary a.current
  {
    font-weight: normal;
  }


  .masthead nav.support
  {
    width: auto;
    text-align: right;
    white-space: nowrap;
    border: 0;
  }

  .masthead nav.support a
  {
    font-size: 0.8rem;
  }


  .masthead nav.support a:first-child,
  .masthead nav.support a:last-child
  {
    text-align: left;
    width: auto;
  }

  .masthead nav
  {
    max-width: 100%;
    clear: both;
  }

  .masthead nav.primary,
  .masthead nav.sub
  {
    position: relative;
    white-space: nowrap;
    width: auto;
  }

  .masthead nav.primary
  {
    float: left;
    margin-bottom: 0;
  }

  .masthead nav.primary nav.sub
  {
    position: relative;
    width: auto;
  }


  .masthead nav.support
  {
    text-align: right;
    top: -4px;
    margin: 0 -5px 5px 0;
  }

  .masthead nav.support nav.sub
  {
    position: relative;
    left: none;
    right: 0;
  }

  .masthead nav a,
  .masthead span.a,
  .masthead nav.primary nav.sub a,
  .masthead nav.primary span.a
  {
    padding: 9px;
    display: inline-block !important;
    margin-right: 5px;
    background-color: #939598;
    color: #ffffff;
    line-height: 15px;
  }


  .masthead nav.support a
  {
    width: auto;
    clear: none;
    line-height: 15px;
  }



  .masthead nav.primary a,
  .masthead nav.support a,
  .masthead nav.primary span.a,
  .masthead nav.support span.a
  {
    background-color: #939598;
    float: left;
    clear: none;
    padding: 9px;
    color: #ffffff;
    margin: 0 5px 5px 0;
    text-decoration: none;
  }


  .masthead nav.support a
  {
      float: none;
      margin: 0 0 5px 5px;
  }

  .masthead nav a:hover
  {
    background-color: #697071;
  }

  .masthead nav a.current
  {
    background: #000000 !important;
  }

  .masthead form
  {
    margin-top: 4px;
    font-size: 0.8rem;
    text-align: right;
  }

  .masthead form
  {
    margin-top: 4px;
    font-size: 0.8rem;
    text-align: right;
  }

  .masthead nav.support
  {
    position: absolute;
    right: 5px;
    text-align: right;
    width: auto;
    top: 0;
  }

  .masthead nav.support nav.sub
  {
      border-top: 0px;
  }

  .masthead nav.support a.sub:after
  {
      content: '';
  }

  .masthead nav.functions
  {
    position: absolute;
    right: 0;
    top: -73px;
    width: 200px;
  }

  .masthead nav.user
  {
    position: absolute;
    right: 0;
    top: -28px;
    padding-top: 0;
  }

  .masthead .search input.button
  {
    top: 0px;
  }


  .masthead .menu-button
  {
    display: none;
  }

   .masthead .menu
   {
      clear: none;
      top: 0;
      display: block;
      visibility: visible;
   }
  .banner,
  .leaderboard
  {
    display: block;
    width: 728px;
    height: 90px;
    margin: 0 auto -12px auto;
  }


  #main
  {
    margin-top: 0;
  }

  article .contents
  {
      position: relative;
  }

  article.last
  {
      margin-bottom: -3px;
  }

  article aside.related,
  article .contents aside.related
  {
      position: absolute;
      bottom: 0;
      right: 0;
      margin-top: 9px;
      margin-bottom: 0px;
  }

  .not-desktop
  {
      display: none;
  }

}



/**** CRITTER 	END BUNDLE: 900px.css ****/

/**** CRITTER BUNDLE: mediaelementplayer.css ****/

.mejs-container {
	position: relative;
	background: #000;
	font-family: Helvetica, Arial;
	text-align: left;
	vertical-align: top;
	text-indent: 0;
}

.me-plugin {
	position: absolute;
}

.mejs-embed, .mejs-embed body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #000;
	overflow: hidden;
}

.mejs-fullscreen {
	/* set it to not show scroll bars so 100% will work */
	overflow: hidden !important;
}

.mejs-container-fullscreen {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 1000;
}
.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
	width: 100%;
	height: 100%;
}

.mejs-clear {
	clear: both;
}

/* Start: LAYERS */
.mejs-background {
	position: absolute;
	top: 0;
	left: 0;
}

.mejs-mediaelement {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mejs-poster {
	position: absolute;
	top: 0;
	left: 0;
	background-size: contain ;
	background-position: 50% 50% ;
	background-repeat: no-repeat ;
}
:root .mejs-poster img {
	display: none ;
}

.mejs-poster img {
	border: 0;
	padding: 0;
	border: 0;
}

.mejs-overlay {
	position: absolute;
	top: 0;
	left: 0;
}

.mejs-overlay-play {
	cursor: pointer;
}

.mejs-overlay-button {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	margin: -50px 0 0 -50px;
	background: url(/img/mediaelement/bigplay.svg) no-repeat;
}

.no-svg .mejs-overlay-button { 
	background-image: url(/img/mediaelement/bigplay.png);
}

.mejs-overlay:hover .mejs-overlay-button {
	background-position: 0 -100px ;
}

.mejs-overlay-loading {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin: -40px 0 0 -40px;
	background: #333;
	background: url(/img/mediaelement/background.png);
	background: rgba(0, 0, 0, 0.9);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.9)), to(rgba(0,0,0,0.9)));
	background: -webkit-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: -moz-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: -o-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: -ms-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: linear-gradient(rgba(50,50,50,0.9), rgba(0,0,0,0.9));
}

.mejs-overlay-loading span {
	display: block;
	width: 80px;
	height: 80px;
	background: transparent url(/img/mediaelement/loading.gif) 50% 50% no-repeat;
}

/* End: LAYERS */

/* Start: CONTROL BAR */
.mejs-container .mejs-controls {
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 0;
	bottom: 0;
	left: 0;
	background: url(/img/mediaelement/background.png);
	background: rgba(0, 0, 0, 0.7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
	background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); 
	background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); 
	background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); 	
	background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7)); 	
	height: 30px;
	width: 100%;
}
.mejs-container .mejs-controls  div {
	list-style-type: none;
	background-image: none;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 26px;
	height: 26px;
	font-size: 11px;
	line-height: 11px;
	font-family: Helvetica, Arial;
	border: 0;
}

.mejs-controls .mejs-button button {
	cursor: pointer;
	display: block;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
	margin: 7px 5px;
	padding: 0;
	position: absolute;
	height: 16px;
	width: 16px;
	border: 0;
	background: transparent url(/img/mediaelement/controls.svg) no-repeat;
}

.no-svg .mejs-controls .mejs-button button { 
	background-image: url(/img/mediaelement/controls.png);
}

/* :focus for accessibility */
.mejs-controls .mejs-button button:focus {
	outline: dotted 1px #999;
}

/* End: CONTROL BAR */

/* Start: Time (Current / Duration) */
.mejs-container .mejs-controls .mejs-time {
	color: #fff;
	display: block;
	height: 17px;
	width: auto;
	padding: 8px 3px 0 3px ;
	overflow: hidden;
	text-align: center;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.mejs-container .mejs-controls .mejs-time span {
	color: #fff;
	font-size: 11px;
	line-height: 12px;
	display: block;
	float: left;
	margin: 1px 2px 0 0;
	width: auto;
}
/* End: Time (Current / Duration) */

/* Start: Play/Pause/Stop */
.mejs-controls .mejs-play button {
	background-position: 0 0;
}

.mejs-controls .mejs-pause button {
	background-position: 0 -16px;
}

.mejs-controls .mejs-stop button {
	background-position: -112px 0;
}
/* Start: Play/Pause/Stop */

/* Start: Progress Bar */
.mejs-controls div.mejs-time-rail {
	direction: ltr;
	width: 200px;
	padding-top: 5px;
}

.mejs-controls .mejs-time-rail span {
	display: block;
	position: absolute;
	width: 180px;
	height: 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
	margin: 5px;
	background: #333;
	background: rgba(50,50,50,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
	background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); 
	background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
	width: 100%;
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	-webkit-background-size: 15px 15px;
	-moz-background-size: 15px 15px;
	-o-background-size: 15px 15px;
	background-size: 15px 15px;
	-webkit-animation: buffering-stripes 2s linear infinite;
	-moz-animation: buffering-stripes 2s linear infinite;
	-ms-animation: buffering-stripes 2s linear infinite;
	-o-animation: buffering-stripes 2s linear infinite;
	animation: buffering-stripes 2s linear infinite;
}

@-webkit-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-moz-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-ms-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-o-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }

.mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: #3caac8;
	background: rgba(60,170,200,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44,124,145,0.8)), to(rgba(78,183,212,0.8))); 
	background: -webkit-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: -moz-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: -o-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: -ms-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: linear-gradient(rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
	background: #fff;
	background: rgba(255,255,255,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); 
	background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
	display: none;
	position: absolute;
	margin: 0;
	width: 10px;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	border: solid 2px #333;
	top: -2px;
	text-align: center;
}

.mejs-controls .mejs-time-rail .mejs-time-float {
	position: absolute;
	display: none;
	background: #eee;
	width: 36px;
	height: 17px;
	border: solid 1px #333;
	top: -26px;
	margin-left: -18px;
	text-align: center;
	color: #111;
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
	margin: 2px;
	width: 30px;
	display: block;
	text-align: center;
	left: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	line-height: 0;
	border: solid 5px #eee;
	border-color: #eee transparent transparent transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	top: 15px;
	left: 13px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
	width: 48px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
	width: 44px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
	left: 18px;
}

/*
.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
	visibility:visible;
}
*/
/* End: Progress Bar */

/* Start: Fullscreen */
.mejs-controls .mejs-fullscreen-button button {
	background-position: -32px 0;
}

.mejs-controls .mejs-unfullscreen button {
	background-position: -32px -16px;
}
/* End: Fullscreen */


/* Start: Mute/Volume */
.mejs-controls .mejs-volume-button {
}

.mejs-controls .mejs-mute button {
	background-position: -16px -16px;
}

.mejs-controls .mejs-unmute button {
	background-position: -16px 0;
}

.mejs-controls .mejs-volume-button {
	position: relative;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
	display: none;
	height: 115px;
	width: 25px;
	background: url(/img/mediaelement/background.png);
	background: rgba(50, 50, 50, 0.7);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	top: -115px;
	left: 0;
	z-index: 1;
	position: absolute;
	margin: 0;
}

.mejs-controls .mejs-volume-button:hover {
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

/*
.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
	display: block;
}
*/

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
	position: absolute;
	left: 11px;
	top: 8px;
	width: 2px;
	height: 100px;
	background: #ddd;
	background: rgba(255, 255, 255, 0.5);
	margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
	position: absolute;
	left: 11px;
	top: 8px;
	width: 2px;
	height: 100px;
	background: #ddd;
	background: rgba(255, 255, 255, 0.9);
	margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
	position: absolute;
	left: 4px;
	top: -3px;
	width: 16px;
	height: 6px;
	background: #ddd;
	background: rgba(255, 255, 255, 0.9);
	cursor: N-resize;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	margin: 0;
}

/* horizontal version */
.mejs-controls div.mejs-horizontal-volume-slider {
	height: 26px;
	width: 60px;
	position: relative;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	position: absolute;
	left: 0;
	top: 11px;
	width: 50px;
	height: 8px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	background: #333;
	background: rgba(50,50,50,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
	background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); 
	background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	position: absolute;
	left: 0;
	top: 11px;
	width: 50px;
	height: 8px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	background: rgba(255,255,255,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); 
	background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8));
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
	display: none;
}

/* End: Mute/Volume */

/* Start: Track (Captions and Chapters) */
.mejs-controls .mejs-captions-button {
	position: relative;
}

.mejs-controls .mejs-captions-button button {
	background-position: -48px 0;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector {
	visibility: hidden;
	position: absolute;
	bottom: 26px;
	right: -10px;
	width: 130px;
	height: 100px;
	background: url(/img/mediaelement/background.png);
	background: rgba(50,50,50,0.7);
	border: solid 1px transparent;
	padding: 10px;
	overflow: hidden;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

/*
.mejs-controls .mejs-captions-button:hover  .mejs-captions-selector {
	visibility: visible;
}
*/

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none !important;
	overflow: hidden;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
	margin: 0 0 6px 0;
	padding: 0;
	list-style-type: none !important;
	display: block;
	color: #fff;
	overflow: hidden;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
	clear: both;
	float: left;
	margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
	width: 100px;
	float: left;
	padding: 4px 0 0 0;
	line-height: 15px;
	font-family: helvetica, arial;
	font-size: 10px;
}

.mejs-controls .mejs-captions-button .mejs-captions-translations {
	font-size: 10px;
	margin: 0 0 5px 0;
}

.mejs-chapters {
	position: absolute;
	top: 0;
	left: 0;
	-xborder-right: solid 1px #fff;
	width: 10000px;
	z-index: 1;
}

.mejs-chapters .mejs-chapter {
	position: absolute;
	float: left;
	background: #222;
	background: rgba(0, 0, 0, 0.7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
	background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7)); 
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);		
	overflow: hidden;
	border: 0;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block {
	font-size: 11px;
	color: #fff;
	padding: 5px;
	display: block;
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
	cursor: pointer;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
	border-right: none;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
	background: #666;
	background: rgba(102,102,102, 0.7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102,102,102,0.7)), to(rgba(50,50,50,0.6)));
	background: -webkit-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: -moz-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: -o-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: -ms-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: linear-gradient(rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232);		
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
	font-size: 12px;
	font-weight: bold;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0 0 3px 0;
	line-height: 12px;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
	font-size: 12px;
	line-height: 12px;
	margin: 3px 0 4px 0;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.mejs-captions-layer {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align:center;
	line-height: 22px;
	font-size: 12px;
	color: #fff;
}

.mejs-captions-layer  a {
	color: #fff;
	text-decoration: underline;
}

.mejs-captions-layer[lang=ar] {
	font-size: 20px;
	font-weight: normal;
}

.mejs-captions-position {
	position: absolute;
	width: 100%;
	bottom: 15px;
	left: 0;
}

.mejs-captions-position-hover {
	bottom: 45px;
}

.mejs-captions-text {
	padding: 3px 5px;
	background: url(/img/mediaelement/background.png);
	background: rgba(20, 20, 20, 0.8);

}
/* End: Track (Captions and Chapters) */

/* Start: Error */
.me-cannotplay {
}

.me-cannotplay a {
	color: #fff;
	font-weight: bold;
}

.me-cannotplay span {
	padding: 15px;
	display: block;
}
/* End: Error */


/* Start: Loop */
.mejs-controls .mejs-loop-off button {
	background-position: -64px -16px;
}

.mejs-controls .mejs-loop-on button {
	background-position: -64px 0;
}

/* End: Loop */

/* Start: backlight */
.mejs-controls .mejs-backlight-off button {
	background-position: -80px -16px;
}

.mejs-controls .mejs-backlight-on button {
	background-position: -80px 0;
}
/* End: backlight */

/* Start: Picture Controls */
.mejs-controls .mejs-picturecontrols-button {
	background-position: -96px 0;
}
/* End: Picture Controls */


/* context menu */
.mejs-contextmenu {
	position: absolute;
	width: 150px;
	padding: 10px;
	border-radius: 4px;
	top: 0;
	left: 0;
	background: #fff;
	border: solid 1px #999;
	z-index: 1001; /* make sure it shows on fullscreen */
}
.mejs-contextmenu .mejs-contextmenu-separator {
	height: 1px;
	font-size: 0;
	margin: 5px 6px;
	background: #333;	
}

.mejs-contextmenu .mejs-contextmenu-item {
	font-family: Helvetica, Arial;
	font-size: 12px;
	padding: 4px 6px;
	cursor: pointer;
	color: #333;	
}
.mejs-contextmenu .mejs-contextmenu-item:hover {
	background: #2C7C91;
	color: #fff;
}

/* Start: Source Chooser */
.mejs-controls .mejs-sourcechooser-button {
	position: relative;
}

.mejs-controls .mejs-sourcechooser-button button {
	background-position: -128px 0;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
	visibility: hidden;
	position: absolute;
	bottom: 26px;
	right: -10px;
	width: 130px;
	height: 100px;
	background: url(/img/mediaelement/background.png);
	background: rgba(50,50,50,0.7);
	border: solid 1px transparent;
	padding: 10px;
	overflow: hidden;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none !important;
	overflow: hidden;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
	margin: 0 0 6px 0;
	padding: 0;
	list-style-type: none !important;
	display: block;
	color: #fff;
	overflow: hidden;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
	clear: both;
	float: left;
	margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
	width: 100px;
	float: left;
	padding: 4px 0 0 0;
	line-height: 15px;
	font-family: helvetica, arial;
	font-size: 10px;
}
/* End: Source Chooser */

/* Start: Postroll */
.mejs-postroll-layer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/img/mediaelement/background.png);
	background: rgba(50,50,50,0.7);
	z-index: 1000;
	overflow: hidden;
}
.mejs-postroll-layer-content {
	width: 100%;
	height: 100%;
}
.mejs-postroll-close {
	position: absolute;
	right: 0;
	top: 0;
	background: url(/img/mediaelement/background.png);
	background: rgba(50,50,50,0.7);
	color: #fff;
	padding: 4px;
	z-index: 100;
	cursor: pointer;
}
/* End: Postroll */



/**** CRITTER 	END BUNDLE: mediaelementplayer.css ****/

/**** CRITTER BUNDLE: helpers.css ****/

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; \: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */


.clear { clear: both; }


/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

/*
@media print {
/*  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
/*  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
/*  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */  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; }
}

*/



/**** CRITTER 	END BUNDLE: helpers.css ****/