.green_bkg{
    background-color: #00aa00;
}
.green_bkg:hover{
    background-color: #007700;
}
.white_bkg{background-color: white;}
.warning{color:red;font-size: 1.1em;font-weight: bold;text-align: center;}
.fixed{top:0;position: fixed;}
.display{display: block;}
.gradient_bkg{
    background-color: #dadada;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100% #dadada));
    background-image: -webkit-linear-gradient(top,#fff 0,#dadada 100%);
    background-image: -moz-linear-gradient(top,#fff 0,#dadada 100%);
    background-image: -ms-linear-gradient(top,#fff 0,#dadada 100%);
    background-image: -o-linear-gradient(top,#fff 0,#dadada 100%);
    background-image: linear-gradient(top,#fff 0,#dadada 100%);

}
* {
    margin: 0;
    padding: 0;
    font-size: 100%;
}
html,body {font-size: 100%;}
body{
    position: relative;
    height: 100%;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    color: #222;
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    cursor: default;
    background-color: rgb(225,228,232);
}
body, body *{

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    -ms-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-transition: border .2s;
    -moz-transition: border .2s;
    -o-transition: border .2s;
    -ms-transition: border .2s;
    transition: border .2s;
    word-wrap: break-word;
}
.icon-l{margin-right: .1625em;}
.icon-r{margin-left: .1625em;}
p{
    line-height: 1.635em;
    margin: .7em 0 1em 0;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 1.2em;
    color: #333;
    -webkit-font-smoothing: antialiased;
}

input{padding:5px;}

.pad{padding:5px;}
.pad10{padding:10px;}
.padtop10{padding-top:10px;}
.padtop15{padding-top:15px;}
.padtop30{padding-top:30px;}
.padbottom10{padding-bottom:10px;}
.padbottom15{padding-bottom:15px;}
.padbottom30{padding-bottom:30px;}
.padright10{padding-right:10px;}
.padright15{padding-right:15px;}
.padright30{padding-right:30px;}
.padleft10{padding-left:10px;}
.padleft15{padding-left:15px;}
.padleft30{padding-left:30px;}

.margtop10{margin-top:10px;}
.margtop15{margin-top:15px;}
.margtop30{margin-top:30px;}
.margbottom10{margin-bottom:10px;}
.margbottom15{margin-bottom:15px;}
.margbottom30{margin-bottom:30px;}
.margright10{margin-right:10px;}
.margright15{margin-right:15px;}
.margright30{margin-right:30px;}
.margleft10{margin-left:10px;}
.margleft15{margin-left:15px;}
.margleft30{margin-left:30px;}

.shadow{box-shadow: 0px 3px 5px 2px #cecece;}
.shadow_m{box-shadow: 0px 0px 5px 2px #cecece;}
.inverted-shadow{box-shadow: inset -2px 0 4px -1px #cecece;}

a, .button, .link, #searchForm a, #main-nav > li a, #misc-nav li a, 
#latest-stories .datetime, .headline-grid .headline, 
.headline-grid .comment-count, .share li a, .related-stories a, 
#small-photo-list li a{color: rgb(80, 98, 123);}
span.false-link{color:rgb(80, 98, 123);}

.text-left {
  text-align: left !important; }

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

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

.text-justify {
  text-align: justify !important; }

@media only screen and (max-width: 40em) {
  .small-only-text-left {
    text-align: left !important; }

  .small-only-text-right {
    text-align: right !important; }

  .small-only-text-center {
    text-align: center !important; }

  .small-only-text-justify {
    text-align: justify !important; } }
@media only screen {
  .small-text-left {
    text-align: left !important; }

  .small-text-right {
    text-align: right !important; }

  .small-text-center {
    text-align: center !important; }

  .small-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .medium-only-text-left {
    text-align: left !important; }

  .medium-only-text-right {
    text-align: right !important; }

  .medium-only-text-center {
    text-align: center !important; }

  .medium-only-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 40.063em) {
  .medium-text-left {
    text-align: left !important; }

  .medium-text-right {
    text-align: right !important; }

  .medium-text-center {
    text-align: center !important; }

  .medium-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
  .large-only-text-left {
    text-align: left !important; }

  .large-only-text-right {
    text-align: right !important; }

  .large-only-text-center {
    text-align: center !important; }

  .large-only-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 64.063em) {
  .large-text-left {
    text-align: left !important; }

  .large-text-right {
    text-align: right !important; }

  .large-text-center {
    text-align: center !important; }

  .large-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
  .xlarge-only-text-left {
    text-align: left !important; }

  .xlarge-only-text-right {
    text-align: right !important; }

  .xlarge-only-text-center {
    text-align: center !important; }

  .xlarge-only-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 90.063em) {
  .xlarge-text-left {
    text-align: left !important; }

  .xlarge-text-right {
    text-align: right !important; }

  .xlarge-text-center {
    text-align: center !important; }

  .xlarge-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
  .xxlarge-only-text-left {
    text-align: left !important; }

  .xxlarge-only-text-right {
    text-align: right !important; }

  .xxlarge-only-text-center {
    text-align: center !important; }

  .xxlarge-only-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 120.063em) {
  .xxlarge-text-left {
    text-align: left !important; }

  .xxlarge-text-right {
    text-align: right !important; }

  .xxlarge-text-center {
    text-align: center !important; }

  .xxlarge-text-justify {
    text-align: justify !important; } }
/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }
img {max-width: 100%; height: auto; }

img {-ms-interpolation-mode: bicubic; }
/* Default Link Styles */
a {
  color: #50627b;
  text-decoration: none;
  line-height: inherit; }
  a:hover, a:focus {
    color: #45546a; }
  a img {
    border: none; }

/* Default paragraph styles */
p {
  font-family: inherit;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  text-rendering: optimizeLegibility; }
  p.lead {
    font-size: 1.21875rem;
    line-height: 1.6; }
  p aside {
    font-size: 0.875rem;
    line-height: 1.35;
    font-style: italic; }

/* Default header styles */
h1, h2, h3{text-align: left;}
h1, h2, h3, h4, h5, h6 {
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #333;
  text-rendering: optimizeLegibility;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  line-height: 1.4; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 60%;
    color: #6f6f6f;
    line-height: 0; }

h1 {font-size: 3em;font-weight: normal; }
    h1 span{font-size: .5em;float:right;}
h2 {
  font-size: 1.6875em;font-weight: normal; }
h3 {/*font-size: 1em;*/font-size: 1.375em;padding: 10px;}
    h3.title-break{font-weight:bold;color: #999;margin: 0;padding:7px;border-left: 1px solid #cecece;border-right: 1px solid #cecece;border-bottom: 1px solid #cecece;border-top: 7px solid #cecece;}
h4 {font-size: 1.125rem; }
    h4.title{border-top: 5px solid #999;}
h5 { font-size: 1.125rem; }
h6 {font-size: 1rem; }

.subheader {
  line-height: 1.4;
  color: #6f6f6f;
  font-weight: normal;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem; }

hr {
  border: solid #dddddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25rem 0 1.1875rem;
  height: 0; }

/* Helpful Typography Defaults */
em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 60%;
  line-height: inherit; }

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: bold;
  color: #910b0e; }

/* Lists */
ul,
ol,
dl {
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  list-style-position: outside;
  font-family: inherit; }

ul {
  margin-left: 1.1rem; }
  ul.no-bullet {
    margin-left: 0; }
    ul.no-bullet li ul,
    ul.no-bullet li ol {
      margin-left: 1.25rem;
      margin-bottom: 0;
      list-style: none; }

/* Unordered Lists */
ul li ul,
ul li ol {
  margin-left: 1.25rem;
  margin-bottom: 0; }
ul.square li ul, ul.circle li ul, ul.disc li ul {
  list-style: inherit; }
ul.square {
  list-style-type: square;
  margin-left: 1.1rem; }
ul.circle {
  list-style-type: circle;
  margin-left: 1.1rem; }
ul.disc {
  list-style-type: disc;
  margin-left: 1.1rem; }
ul.no-bullet {
  list-style: none; }

/* Ordered Lists */
ol {
  margin-left: 1.4rem; }
  ol li ul,
  ol li ol {
    margin-left: 1.25rem;
    margin-bottom: 0; }

/* Definition Lists */
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold; }
dl dd {
  margin-bottom: 0.75rem; }

/* Abbreviations */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222222;
  border-bottom: 1px dotted #dddddd;
  cursor: help; }

abbr {
  text-transform: none; }

/* Blockquotes */
blockquote {
  margin: 0 0 1.25rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #dddddd; }
  blockquote cite {
    display: block;
    font-size: 0.8125rem;
    color: #555555; }
    blockquote cite:before {
      content: "\2014 \0020"; }
    blockquote cite a,
    blockquote cite a:visited {
      color: #555555; }

blockquote,
blockquote p {
  line-height: 1.6;
  color: #6f6f6f; }

@media only screen and (min-width: 40.063em) {
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4; }

  h1 {
    font-size: 2.75rem; }

  h2 {
    font-size: 2.3125rem; }

  h3 {
    font-size: 1.6875rem; }

  h4 {
    font-size: 1.4375rem; } }

/***************************

Buttons

***************************/
.default-button {
  display: block;
  padding: .625em;
  text-align: center;
  margin: .313em;
  background-color: #ececec;
}
.facebook-button {
background-color: rgb(72,99,159);
color: #fff!important;
border: 1px solid rgb(72,99,159);
}
.google-button{
    background-color: #dd4b39;
    color: #fff!important;
}
.vicad-button{
    background-color: rgb(63,79,73);
    color: #fff!important;
}
.twitter-button, .facebook-button, .google-button, .vicad-button {
    width: 250px;
    padding: .313em;
    margin: .1em auto;
    display: block;
    color: #fff;
    font-weight: bold;
    font-family: Arial, Helvetica, Tahoma, Verdana, Sans-Serif;
    font-size: 1.4em;
    text-align: center;
}

.cancel{opacity: .7;}
button, .button {
  cursor: pointer;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-weight: normal;
  line-height: normal;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  display: inline-block;
  padding: .313em .938em;
  font-size: 1rem;
  background-color: rgb(80, 98, 123);
  border: 1px solid rgb(51, 71, 93);
  color:#f0f0f0;
  margin: 1rem .5rem;
  transition: background-color 300ms ease-out; }
  button:hover, button:focus, .button:hover, .button:focus {
    background-color: rgb(51, 71, 93); }
  button:hover, button:focus, .button:hover, .button:focus {
    color: white; }
  button.secondary, .button.secondary {
    background-color: #e9e9e9;
    border-color: #bababa;
    color: #333333; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      background-color: #bababa; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      color: #333333; }
  button.success, .button.success {
    background-color: #5da423;
    border-color: #4a831c;
    color: white; }
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
      background-color: #4a831c; }
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
      color: white; }
  button.alert, .button.alert {
    background-color: #c60f13;
    border-color: #9e0c0f;
    color: white; }
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      background-color: #9e0c0f; }
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      color: white; }
  button.large, .button.large {
    padding-top: 1.125rem;
    padding-right: 2.25rem;
    padding-bottom: 1.1875rem;
    padding-left: 2.25rem;
    font-size: 1.25rem; }
  button.small, .button.small {
    padding-top: 0.875rem;
    padding-right: 1.75rem;
    padding-bottom: 0.9375rem;
    padding-left: 1.75rem;
    font-size: 0.8125rem; }
  button.tiny, .button.tiny {
    padding-top: 0.625rem;
    padding-right: 1.25rem;
    padding-bottom: 0.6875rem;
    padding-left: 1.25rem;
    font-size: 0.6875rem; }
  button.expand, .button.expand {
    padding-right: 0;
    padding-left: 0;
    width: 100%; }
  button.left-align, .button.left-align {
    text-align: left;
    text-indent: 0.75rem; }
  button.right-align, .button.right-align {
    text-align: right;
    padding-right: 0.75rem; }
  button.radius, .button.radius {
    border-radius: 3px; }
  button.round, .button.round {
    border-radius: 1000px; }
  button.disabled, button[disabled], .button.disabled, .button[disabled] {
    background-color: #50627b;
    border-color: #404e62;
    color: white;
    cursor: default;
    opacity: 0.7;
    box-shadow: none; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #404e62; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      color: white; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #50627b; }
    button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
      background-color: #e9e9e9;
      border-color: #bababa;
      color: #333333;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #bababa; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        color: #333333; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #e9e9e9; }
    button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
      background-color: #5da423;
      border-color: #4a831c;
      color: white;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #4a831c; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        color: white; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #5da423; }
    button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
      background-color: #c60f13;
      border-color: #9e0c0f;
      color: white;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #9e0c0f; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        color: white; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #c60f13; }
ul.button-group-vertical, ul.button-group{margin:0;list-style-type: none;}
ul.button-group{display: table;}
ul.button-group li{display: table-cell;}
ul.button-group li a, ul.button-group-vertical li a{margin:.313em;}
ul.button-group li a.delete, ul.button-group-vertical li a.delete, a.delete, input.delete{background-color: #a00;color: #f0f0f0;}
ul.button-group li a.delete:hover, ul.button-group-vertical li a.delete:hover, a.delete:hover, input.delete:hover{background-color: #800;}
ul.button-group-vertical li a{display: block;}
@media only screen and (min-width: 40.063em) {
  button, .button {
    display: inline-block; } }
meta.foundation-mq-topbar {
  font-family: "/only screen and (min-width:40.063em)/";
  width: 58.125em; }

ul.vertical-control-group{list-style-type: none;}
ul.control-group li {display: inline-block;}
ul.control-group li a, ul.vertical-control-group li a{display: block;padding:.313rem;font-weight: bold;}
ul.vertical-control-group li a{margin:0;}

.loading-img{
    width: 10%;
    position: absolute;
    left: 45%;
    bottom: 45%;
}
.loading{display: block;position: absolute;width:50%; left:25%;bottom:50%; text-align: center; }
.loading img{width: 25px;padding-right: .313em;}
.loading span{color:#999;}
/***************************

TWO COLUMN TEMPLATE

***************************/
.fleft, .left{float: left!important;}
.fright, .right{float: right!important;}

.w_2_3rd{width: 70%;}
.w_1_3rd{width: 30%;}
.overlay{position: absolute;width: 100%;background-color: #000;opacity: .7;min-height: 100%;}
a{text-decoration: none}
h1.super-headline{
    font-size: 2.5em;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
}
.abs{position: absolute}
.margin50{margin-left:50%;}
.center{text-align: center;margin: 0 auto;}

/***************************

Header

***************************/
header{background-color: #fff;}

.top-bar{max-width: 1200px;margin: 0 auto;width:100%;}
#middle-header-wrapper {
    position: relative;
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
}
#wrapper{max-width: 1200px;margin:0 auto;width: 100%;}
.mobile-logo{display: none;background: url(//media.victoriaadvocate.com/victoriaadvocate/redesign/imgs/logos/mobile-logo.png) no-repeat center;width: 50px;height: 50px;margin-left: 10px;}

#content-wrapper{margin-top: 10px;position: relative;}
#wrapper{padding-bottom:1.875em;}
.social a{font-size: 1.25em !important;}

/***************************

Navigation

***************************/
body.stop-scroll{overflow: hidden;}
.show-overlay{display: block!important;}
.move-content-right > .inner-wrap #navy-overlay, .move-content-left > .inner-wrap #navy-overlay{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 2;
}
.move-content-right > .inner-wrap{
    -ms-transform: translate(17.188emrem, 0);
    -webkit-transform: translate3d(17.188em, 0, 0);
    -moz-transform: translate3d(17.188em, 0, 0);
    -ms-transform: translate3d(17.188em, 0, 0);
    -o-transform: translate3d(17.188em, 0, 0);
    transform: translate3d(17.188em, 0, 0);
}
.move-content-left > .inner-wrap{
    ms-transform: translate(-17.188rem, 0);
    -webkit-transform: translate3d(-17.188rem, 0, 0);
    -moz-transform: translate3d(-17.188rem, 0, 0);
    -ms-transform: translate3d(-17.188rem, 0, 0);
    -o-transform: translate3d(-17.188rem, 0, 0);
    transform: translate3d(-17.188rem, 0, 0);
}
.off-canvas-wrap{
    overflow: hidden;
    width: 100%;
    position: relative;
    /* -webkit-backface-visibility: hidden;*/
}
.inner-wrap{
   /* -webkit-backface-visibility: hidden;*/
    position: relative;
    width: 100%;
    zoom: 1;
    -webkit-transition: -webkit-transform 300ms ease;
    -moz-transition: -moz-transform 300ms ease;
    -ms-transition: -ms-transform 300ms ease;
    -o-transition: -o-transform 300ms ease;
    transition: transform 300ms ease;
}
    .inner-wrap:before, .inner-wrap:after {
        content: " ";
        display: table; }
      .inner-wrap:after {
        clear: both; }
#top-nav{width: 100%;/*background:#000033;*/}

#offsite-nav, #profile-nav{list-style-type: none;display: table;margin: 0;}
#offsite-nav{float:right;border-bottom-left-radius: 5px;}
#offsite-nav li, #profile-nav li{display: table-cell;}
#offsite-nav li a, #profile-nav li a{padding:5px 10px; display: block; color:rgb(80, 98, 123);font-size: .8em;font-weight: 600;}
#profile-nav{float:left;margin:0;background: rgba(255,255,255,.7);}

#profile-nav .has-sub-nav{position: relative;}
#profile-nav .has-sub-nav ul{width:125px;margin:0;z-index:999;position:absolute;display: none;background-color: rgba(230,230,230, .7);}
#profile-nav .has-sub-nav ul li{display: block;}
#profile-nav .has-sub-nav ul li a{font-weight: normal;}
#profile-nav .has-sub-nav:hover {background-color: rgba(230,230,230, .7);}
#profile-nav .has-sub-nav:hover ul{display: block;}
#middle-header-wrapper{position: relative;max-width: 600px;width:100%;margin:0 auto;
}
#logo{
    font-size: 2.5em;
    color: #fff;
    text-align: center;
    font-family: "Times New Roman", Times, sans-serif;
    display: block;
    margin: 0 auto;
}
#logo img{width: 100%; max-width: 600px;}
#current-time{
    float: right;
    margin-bottom: -10px;
    margin-right: 25px;
    font-weight: bold;
    color: #777;
}
#misc-nav > li{display: inline-block;position: relative;}

#searchFormContainer.fixed{
    position: fixed;
    width: 100%;
    background: rgb(80,98,143);
    top: 50px;
    z-index: 1;
    padding: 10px 0px;
    max-width: 420px;
    right: 0px;
    border-bottom-left-radius: 5px;
}
#searchFormContainer.fixed #searchForm{width: 90%;margin: 0 18px 0 auto;max-width: 420px;}
#searchFormContainer.fixed #searchinput{width: 90%;}
#searchForm{background: #EBEBEB;max-width: 250px;widht:100%; margin: 0 auto;}
#searchForm label{display: block;float:right;}
#searchForm .search-input {height: 2.4em;float: left;width: 80%;margin:0;padding: 0 0 0 5px;}
#searchForm .search-submit{float: right;width: 20%;text-align: center;}
#searchinput:focus {
    outline:none;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border:2px ridge #3BB9FF;
}
#searchForm a {font-size: 1.525em;}

/* Weather */

#weather{color:#fff;display: block;position: relative;padding-left:1.5em!important;}
#weather{padding:.938em .938em .938em 0;margin-left: -.625em;}
#weather .weather-icon{position: absolute;}
#weather .weather-icon { width:55px;height:34px;background:url("//media.victoriaadvocate.com/victoriaadvocate/images/weather/small_weather.png") no-repeat 0 0;display:block; padding:0; overflow:hidden;top:.45em;left: -1.875em;  }
#weather .sunny,
#weather .clear,
#weather .windy,
#weather .no_img { background-position:3px 0; }
#weather .mostly_sunny, #weather .partly_cloudy { background-position:3px -68px; }
#weather .partly_sunny, #weather .mostly_cloudy { background-position:10px -34px; }
#weather .night_clear { background-position:-44px 0; }
#weather .night_mostly_cloudy, #weather .night_partly_sunny { background-position:-48px -34px; }
#weather .night_partly_cloudy, #weather .night_mostly_sunny { background-position:-48px -68px; }
#weather .light_rain { background-position:-98px 0; }
#weather .rain, #weather .showers { background-position:-103px -34px; }
#weather .thunderstorms { background-position:-99px -68px; }
#weather .sleet { background-position:-98px -104px; }
#weather .snow { background-position:-98px -138px; }
#weather .cloudy { background-position:-158px 0; }
#weather .overcast { background-position:-158px -34px; }
#weather .fog, #weather .hazy { background-position:-158px -70px; }
.weather_alerts ul { list-style:none; }
.weather_alerts p { line-height: 1.8em; }
#weather .weather-head{position: absolute;left: 22px;top: 9px;width:130px;}
#weather .weather-head a { color: #000; font-size: .9em; margin: 0 20px 0 0; font-weight: normal;}

/* Main Nav */
#nav-wrapper{
    background-color: rgb(80, 98, 123);
    -webkit-box-shadow: 0px 6px 10px -6px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 6px 10px -6px rgba(0,0,0,0.25);
    box-shadow: 0px 6px 10px -6px rgba(0,0,0,0.25);
    box-shadow: 0px 6px 10px -6px #9e9e9e;
    width: 100%;
}
.nav-fixed{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}
#navigation{
    max-width: 1200px;
    margin: 0 auto;
    width:100%;
}
#navigation a{
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 50px;
}
#main-nav-new{
    float:left;

}
#main-nav-new .menu-container ul, #secondary-nav .menu-container ul{
    list-style-type: none;
    margin:0;
    padding:0;
}
    #main-nav-new .menu-container ul li, #secondary-nav .menu-container ul li{
        display: inline-block;
    }
    #main-nav-new .menu-container ul li.has-sub{
        position: relative;
    }
    #main-nav-new .menu-container ul li.has-sub > a{
        padding-right: 35px;
    }
    #main-nav-new .menu-container ul li.has-sub > a:after{
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
        border-top-style: solid;
        margin-top: -2.5px;
        top: 25.5px;
        position: absolute;
        margin-right: 15px;
        right:0;

    }

    #main-nav-new .menu-container ul li a, #secondary-nav .menu-container ul li a, .mobile-toggle{
        display: block;
        padding:0 15px;
        color:#e4e4e4;
        text-decoration: none;
    }
    #main-nav-new .menu-container ul li.has-sub ul.sub{
        display: none;
        position: absolute;
        left: 0;
        background: #6A84A7;
        min-width: 171px;
        z-index: 9999;
    }
        #main-nav-new .menu-container ul li:hover{
            background: #6A84A7;
        }
        #main-nav-new .menu-container ul li.has-sub:hover ul{
            display: block;
        }
        #main-nav-new .menu-container ul li.has-sub ul.sub li{
            display: block;
        }
#secondary-nav{float:right;}
    #secondary-nav .menu-container ul li.has-sub ul.sub{display: none;}
.mobile-toggle{display: none;}
.mobile-section-break{display: none!important;}
.mobile-section-break, #connect-menu .sub .section-break{
    padding: 0.3rem 0.9375rem;
    color: #999999;
    text-transform: uppercase;
    font-weight: bold;
    background: #444444;
    border-top: 1px solid #5e5e5e;
    border-bottom: none;
    font-family: 'Helvetica Neue', arial, sans-serif
}
.mobile-menu-only{display: none!important;}

#connect-menu .show-menu{}
#connect-menu .sub li{display: block!important;}
#connect-menu .sub{
    position: absolute;
    top:0;
    bottom: 0;
    right:-17.188em;
    background-color: rgb(50,50,50);
    width: 17.188em;
    z-index: 1000;
}
#connect-menu .sub{
    -ms-transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    right: 0;
}
.menu-container .close{text-align: left;padding:.0!important;color:#aaa!important;}
.menu-container .close span{float:right;}
@media screen and (max-width: 57.188em) {
    .hide-for-mobile{display: none!important;}
    .mobile-menu-only, .mobile-section-break{display: block!important;}
    #main-nav-new .menu-container{
        position: absolute;
        top:0;
        bottom: 0;
        left:-17.188em;
        background-color: rgb(50,50,50);
        width: 17.188em;
        z-index: 1000;
    }

    #main-nav-new .menu-container{
        -ms-transform: translate(-100%, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        left: 0;
    }

    #main-nav-new ul li, #secondary-nav ul li{
            display: block;
        }
        #main-nav-new .menu-container ul.menu li, #secondary-nav .menu-container ul.menu li{
            display: block;
            border-bottom: 1px solid #222222;
        }
        #main-nav-new .menu-container ul li.has-sub ul.sub{
            position: relative;
            background-color: #222;
        }
        #main-nav-new .menu-container ul li.has-sub:hover ul{
            display: none;
        }
    .mobile-toggle{display: block;}

    #logo{float:none;text-align: center;padding:15px;}
    #top-nav{display: none;}
    #searchFormContainer{float: none;text-align: center;}
}

#aep-sponsorship{margin-right:35px;}
@media screen and (min-width:57.188em) and (max-width:65.500em) {
    #aep-sponsorship{display:none!important;}
}
@media screen and (max-width:20.000em){
    #aep-sponsorship{display:none!important;}
}

/***************************

Footer

***************************/
#copyright, footer a, footer p{color: #aaa;}
footer{background-color: #363636;min-height: 100px;width: 100%;border-top:1px solid #cecece;padding:1.875em 0.938em;}
footer ul{list-style-type: none;}
footer h5{font-weight: bold;color:#e1e1e1;}
footer ul li{border-bottom: 1px solid #555;padding:10px 2px;}
footer ul li a{}
#copyright{text-align: center;font-size: .9em;}

.adm{
    background-color: #000;
    font-size:14px;
    text-align: center;
    color:#999;
    margin-bottom: 0;
}
.adm .product, .adm .agency{
    font-weight: bold;
    text-transform: uppercase ;
}
.adm span{
    margin-left:2px;
    margin-right:2px;
}
.adm .red{
 color: #bf1e2e;
}
.adm .grey{
    color:rgb(128, 128, 128);
}
.adm .white{
    color:#fff;
}
.crossroads-map svg{margin-top:1.875em;}
.crossroads-map svg .clickable:hover{fill: #fce57e;
    cursor: pointer;}
.highlight-map-link{
    color:#fce57e !important;
}

/***************************

Pagination

***************************/
.pagination{text-align: center;padding: 15px;font-size: 1em;max-width: 300px;width: 100%;margin: 0 auto;}
.pagination ul{list-style-type: none;}
.pagination ul li{display: inline-block;}
.pagination ul li.current{padding:10px;}

.pagination span, .pagination span a{display: block;float:left;}
.pagination .page-group a{padding:.313em;}

/***************************

Breadcrumbs

***************************/

.breadcrumbs {
  display: block;
  padding: 0.5625rem 0.875rem 0.5625rem;
  overflow: hidden;
  margin-left: 0;
  list-style: none;
  border-style: solid;
  border-width: 1px;
  background-color: whitesmoke;
  border-color: #dddddd;
  border-radius: 3px; }
  .breadcrumbs > * {
    margin: 0;
    float: left;
    font-size: 0.6875rem;
    line-height: 0.6875rem;
    text-transform: uppercase;
    color: #50627b; }
    .breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
      text-decoration: underline; }
    .breadcrumbs > * a {
      color: #50627b; }
    .breadcrumbs > *.current {
      cursor: default;
      color: #333333; }
      .breadcrumbs > *.current a {
        cursor: default;
        color: #333333; }
      .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
        text-decoration: none; }
    .breadcrumbs > *.unavailable {
      color: #999999; }
      .breadcrumbs > *.unavailable a {
        color: #999999; }
      .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus,
      .breadcrumbs > *.unavailable a:focus {
        text-decoration: none;
        color: #999999;
        cursor: default; }
    .breadcrumbs > *:before {
      content: "/";
      color: #aaaaaa;
      margin: 0 0.75rem;
      position: relative;
      top: 1px; }
    .breadcrumbs > *:first-child:before {
      content: " ";
      margin: 0; }

/***************************

Sections

***************************/
.rss{color:#ff6600!important;}
#main_section_content{
    background-color: #fff;
}
#top_story_con{width: 63.301%; float:left;}
#top_story_con a {display: block;position: relative;color:#333;padding:10px;}
#top_story_con a img{width: 100%;}
#top_story_con a h1{font-size: 3em;}
.story_list{width: 36.699%;float:right;}
.story_list h3 {text-transform: uppercase;}
.story_list a {display: block;padding:5px 10px;color:#333;border-bottom: 1px solid #dedede;}
.secondary_story_list ul.list-item{text-align: center;}
.secondary_story_list ul.list-item > li{display: inline-table;border: 3px solid #fff;margin: 1.8%;}
.secondary_story_list ul.list-item li a{display: block;width: 200px; height: 200px;color:#fff;position: relative;}
.secondary_story_list .story_info{color:#fff;text-align: left;position: absolute;padding:10px;background-color: rgba(0,0,0,.8);width: 180px;bottom: 0px;}
.secondary_story_list .no-img, .secondary_story_list ul.list-item > li a:hover .img{height: 180px;}
.secondary_story_list .story_info h3{font-size: 1em;font-weight: 600;color: #fff; padding: 0px;}
.secondary_story_list .story_info p{font-size: .8em;color: #fff}
.secondary_story_list .story_info ul li{ display: inline-block;font-size: .7em;}


.secondary_story_list .img p,
.secondary_story_list .img ul li{ display: none;}
.secondary_story_list ul.list-item > li a:hover .img p,
.secondary_story_list ul.list-item > li a:hover .img ul li{ display: block;}

#video_wrapper{position: relative;}
#video_watermark{position: absolute;bottom: 15px;right: 15px;}
#main-story{width: 100%;display: block;}
#main-story img{width: 100%;height: auto;max-width: 441px;max-height: 248px;background: #363636;color: #fff;}
#lead-section-content{border-top: 1px solid #cecece;padding:.938rem;}
#lead-section-content .info {padding: 15px;display:block;}
@media only screen and (min-width: 48.063em){
    #main-story, #main-story-video{
        width: 59%;
        float:left;
    }    
    #lead-section-content .info {float: right;width: 40%;}
}

#lead-section-content .info{
    padding: 15px;
    float:right;
}
#lead-section-content h3{font-weight: bold;line-height: 1.1em;font-size:2em;word-wrap: normal;}
#main-story p{color:#000;}
#top-stories .img{width: 100%;height: auto;background: #363636;color: #fff;}
@media only screen and (max-width: 40.063em){
    #top-stories .img{margin-bottom: 24px;}
}
#latest-stories{}
.headline-grid .story a{display: block;}


.headline-grid div.info {clear:both;}
.headline-grid .thumb{/*float:left;width: 26%;*/}
.headline-grid .thumb img{width: 100%;}
.headline-grid .img{max-height: 169px;max-width: 304px;width:100%;}
.headline-grid .portrait-wrap{max-height: 127px;max-width: 228px;width:100%;padding-bottom:56.25%; position: relative;display: inline-block;}
.headline-grid .portrait{position:absolute;top: 0; bottom: 0; left: 0; right: 0;text-align: center;}
.headline-grid .portrait .img{max-height:100%;width: auto !important;}
.headline-grid .datetime,
.headline-grid .headline,
.headline-grid .tease{display: block;}
.headline-grid .datetime{font-size: .8em;font-weight: 600;}
.headline-grid .large-12 .datetime, .headline-grid .medium-12 .datetime, .headline-grid .small-12 .datetime{margin: 0;}
.headline-grid .headline{font-size: 1em;font-weight: 700;padding-left: 0;}
.headline-grid  .story-force-left{float:left !important;border-right:1px solid #cecece;}
.headline-grid .story .headline{margin-bottom: 5px;}
.headline-grid .blog .headline{margin-bottom: 0;}
.headline-grid .blog .avatar{margin-right: .313em;}
#main-story .tease{padding-bottom: 15px;}
.headline-grid .tease{font-size: .9em;line-height: 1.4;}
.headline-grid .tease{color:#333;padding-bottom:.313em;}
.headline-grid .category{margin: 3px 0px;padding: 5px;}

.headline-grid{position: relative;clear: both;}
.headline-grid .columns{
    overflow: hidden;
    border-bottom: 1px solid #cecece;
    border-left: 1px solid #eaeaea;
}
.branded{background: rgb(255, 255, 233);}
.branded .category{
    background-image: url("../img/brand-sense/brand-sense-logo-100.png");
    background-repeat: no-repeat;
    min-height: 26px;
    margin-top: .625em;
}
.content-paginator{}
.content-paginator ul {list-style-type: none;margin:0;}
.content-paginator ul li {display: inline-block;}
.content-paginator ul li a, .content-paginator ul li span{
    display: block;
    padding:.938em;
    font-weight: bold;
}
@media only screen and (max-width: 40.063em){
    .headline-grid img.img{
    max-width: 100px;
    float: left;
    width: 100%;
    margin: 0.625em 0.625em 0.625em 0;
    }
    .headline-grid div.info {clear:none;}
    .headline-grid div.info:after {
        content: " ";
        display: table;
        clear: none;
    }
    .headline-grid .portrait-wrap{    
        max-width: 100px;
        float: left;
        width: 100%;
        margin: 0.625em 0.625em 0.625em 0;
        height: 56px;
        padding:0;
    }  

    .headline-grid .portrait .img{margin:0;float:none;}
}
@media only screen and (min-width: 40.063em){
    .headline-grid .columns{
        height: 300px;
    }
    .headline-grid .large-12, .headline-grid .small-12{
        height: auto;
    }
    
    .headline-grid .large-12 img.img,
    .headline-grid .large-6 img.img,
    .headline-grid .medium-12 img.img,
    .headline-grid .medium-6 img.img, 
    .headline-grid .small-12 img.img{
        max-width: 100px;
        float: left;
        width: 100%;
        margin: 0.625em 0.625em 0.625em 0;
    }
    .headline-grid .large-12 div.info,
    .headline-grid .large-6 div.info,
    .headline-grid .medium-12 div.info,
    .headline-grid .medium-6 div.info, 
    .headline-grid .small-12 div.info{
        clear:none;
    }
    .headline-grid .large-12 div.info:after,
    .headline-grid .large-6 div.info:after,
    .headline-grid .medium-12 div.info:after,
    .headline-grid .medium-6 div.info:after, 
    .headline-grid .small-12 div.info:after {
        content: " ";
        display: table;
        clear: none;
    }
    
}
.headline-grid .columns a.img{
    padding-bottom: 150px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    clear: right;
    display: block;
}
.headline-grid>li:nth-of-type(even) {/*border-left: 1px solid #cecece;*/}
.headline-grid>li:nth-of-type(odd) {/*clear: left;*/}
.headline-grid .comment-count{float: right;text-align: center;font-size: .8em;margin-right: -10px;margin-top: 10px;margin-bottom:10px;}
#top-stories .tabs-content{margin-bottom: 0px;}
.small-media-container .main-display{
    background-color: #444;
    text-align: center;
    padding: 30px;
}
.small-media-container .main-display img{
    width: 75%;
    box-shadow: 0px 3px 10px 0px #000;
}
.small-media-container .main-display a{
    margin-top: 30px;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    display: block;
}
.small-media-container .other-media div{
    padding:15px;
}
.small-media-container .other-media img{
    box-shadow: 0px 3px 10px 0px #bbb;
    max-height: 113px;
    max-width: 170px;
}
.small-media-container .other-media a{
    display: block;
    font-weight: bold;
    padding:10px 0px;
}

/***************************

Story Detail

***************************/

#story-container a.modalCloseImg {
    background:url(//media.victoriaadvocate.com/victoriaadvocate/redesign/imgs/icons/x.png) no-repeat; /* adjust url as required */
    width:25px;
    height:29px;
    display:inline;
    z-index:3200;
    position:absolute;
    top:-15px;
    right:-18px;
    cursor:pointer;
}
#story-container{
    position:relative;
    margin: auto;
    padding: .938em;
    background-color: #fff;
    border: 1px solid #cecece;
    /*
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    border-top: 1px solid #cecece;
    */
}
@media screen and (max-width: 40.063em){
    #story-container{
        padding: .313em;
    }
}
#blog{
    padding:.938em;
    background-color: #fff;
    border:1px solid #cecece;
}
#story{max-width: 740px;margin: 0 .938em;}
#story-content .markup iframe {width: 100%!important;}

#story h2, #blog h2{text-align: left;margin-top: 0;}
.right-rail{}
.right-rail, #photo-list-quicklinks{top:50px;right: 0px; bottom: 1px;}
.right-rail .title{
   padding: .5rem;
    margin: .938em 0 0 0;
}
@media screen and (min-width: 40.063em){
    .right-rail{
        /*position: absolute;*/
        top:0;
        bottom: 0;
        right:0;
    }
    #story-content .markup iframe {width: 65%!important;margin:0 auto;}
    #story-content .story-sidebar iframe {width: 100%!important;}
}
#story h1.headline, #blog h1.headline{ line-height: 1em;color: #666;font-weight: bold;}
#story h3.sub-headline, #blog h3.sub-headline{margin-left: .938em;font-size: 1.25em;margin-top: 0;padding-top: 0;color: #999;}
#story p {font-size: 1.2em !important;}
#story p a {text-decoration: underline;}
#blog p {font-size: 1.2em;}
#media-container .portrait, .photo-detail .media-container{text-align: center;background: #fafafa;}
#media-container img.landscape{width: 100%;}
#media-container .cutline{color:#888;line-height:1.0625rem;margin:.313rem 0 0 0;padding:0;}
#media-container .cutline .caption{font-weight: 300;font-size: .875rem;color:#666;}
#media-container .cutline .credit{font-size:.725em;line-height: 1em;font-weight: 400;color:#999;}
#bylines p{font-size:.9em;line-height: 1.2em;color:#333;clear:none;margin-bottom: .313em;}
#bylines p span{color:#999; font-style: italic;}
#bylines img{float:left;margin-right:10px;}
.story-media{margin: 0 auto;position: relative;}
.story-media img{width:100%;height:100%;}
.story-media .caption {position: absolute; padding:10px;bottom:0;background-color: rgba(0,0,0,.5);}
.story-media .caption p{font-size: 1.0em;line-height:1.15;color:#fff;}
#story-content-wrapper{margin-top:.938em;}
#inline-wrapper{float: left;width: 25%;}
.story-sidebar{float:left;width: 28%;margin-right:.938em;min-width: 160px;}
.story-sidebar img{border: 5px solid #fff; /*max-width: 190px;*/}

#story-content .sky{clear:left;text-align: center;width: 100%;overflow: hidden;max-width: 200px;margin-right:15px;}
#story-content .markup p img, #story-content .markup p a img{width: 100%;height: auto;}
#story-content .markup ol{-webkit-padding-start: 40px;}
#story-content .markup ol li{margin: 0 1.875em;}
.inline{float:none !important;}
.inline .photo{text-align: center;display: block;}

.inline-iframe-button{display:block;position:relative;}
.inline-iframe-button a{position:absolute;width:100%;top:0;bottom:0;}
@media screen and (max-width: 50em) {
    .markup{float: none;width: 100%;}
    .story-sidebar{width: 100%;float:none;}
    #story-content .sky{display: block;}
}

#comments {
    display: block;
    margin-top: 15px;
    padding: 10px 0px 10px 0px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #dedede;
    margin-bottom: 20px;
    font-size: 1.1em;
    color: #777;
}
#share-tools.right{position: fixed;top: 130px;right:0px;box-shadow: 0px 0px 5px 2px #ccc;z-index: 1001}
#share-tools.right ul{display: block;}
#share-tools {background: #fff;width: 70px;position: absolute;top:50;margin-left:-100px;text-align: center;}

.obit .share{margin-top: 15px;margin-right: 15px;}
.share{list-style-type: none;margin:0!important;}
.share li{margin-left:0!important;}
.share li a{
    display: block;
    padding:5px 10px;
    font-size: 1.25em;
}
.share li a i{
    letter-spacing: 5px;
}
@media screen and (orientation:portrait) and (max-width: 320px){
    .share{font-size: 89%;}
    #story-container{padding:.125em;}
}
#share-tools.fixed {position: fixed; top:75px;}
#share-tools ul{list-style-type: none;margin-top: 10px;}
#share-tools ul li a{display: block;padding:15px;position: relative;}
@media screen and (orientation:landscape) and (max-height:360px){
   #share-tools.right {width: 100%;height: 100px;}
   #share-tools.right ul li{display: inline-block;vertical-align: middle;padding: 0px 10px;} 
}

#share-tools ul li a.printer-ico{
    background: url('//media.victoriaadvocate.com/victoriaadvocate/redesign/imgs/icons/printer.png') no-repeat; 
    padding:0px;
    width: 35px;
    height: 35px;
    margin: 0 auto;
}
#gallery-wrapper {
	max-width: 640px;
	width: 100%;
	margin: 0 auto;
}
#gallery-wrapper img {
	display: block;
	float: left;
	max-width: 640px;
	width: 100%;
}
#gallery-images, #gallery-thumbnails {
	overflow: hidden;
}
#gallery-images {
	max-width: 640px;
	width: 100%;
}
#gallery-thumbnails {
	max-width: 640px;
	width: 100%;
	height: 100px;
}
#gallery-thumbnails img {
	padding: 5px;
	margin: 0 5px 0 5px;
	cursor: pointer;
	width: 65px;
	height: 65px;
}
#gallery-thumbnails img.selected, #gallery-thumbnails img:hover {
	opacity: .5;
}
.hidden-gallery{display: none;}

.gallery-index{margin:.938em;}

.gallery-index .gallery{margin:1% 1% 2% 1%;max-height: 165px;}
@media screen and (max-width:40em){
    .gallery-index .gallery{width:100%;float:none;margin:1%;max-height:none;text-align: center;}
}
.gallery-index .gallery .title{display:block;margin:.313em 0;}

.clearfix {
	float: none;
	clear: both;
}
a.prev, a.next {
	background: url(//media.victoriaadvocate.com/victoriaadvocate/redesign/imgs/icons/miscellaneous_sprite.png) no-repeat transparent;
	width: 45px;
	height: 50px;
	display: block;
	position: absolute;
	top: 45px;
}
a.prev {			left: -22px;
					background-position: 0 0; }
a.prev:hover {		background-position: 0 -50px; }
a.next {			right: -22px;
					background-position: -50px 0; }
a.next:hover {		background-position: -50px -50px; }

a.prev span, a.next span {
	display: none;
}
.related-stories, #small-photo-list, #obit_search {
    width: 100%;
    /*background: url(//media.victoriaadvocate.com/victoriaadvocate/redesign/imgs/grainy_lt.jpg);*/
}
.related-stories h3, #obit_search h3{
    font-size: 1.1em;
    padding: 15px;
    margin-top: 15px;
}
.related-stories a, #small-photo-list li a{
    padding: 15px;
    word-break: normal;
    font-weight: 600;
    font-size: 1em;
    
    min-height: 65px;
    display: block;
}
.related-stories ul li:hover{
    background: #cecece;
}
.related-stories ul li{border-top: 1px solid #cecece;clear:both;}
.related-stories ul{list-style-type: none;margin:0;}
.related-stories ul li, #small-photo-list li{width: 100%;}
.related-stories a div.sidebar-thumbnail, #small-photo-list li a div.sidebar-thumbnail{
    float:left;
    max-width: 65px;
    width: 100%;
    margin-right: 10px;
}
.related-stories a div.sidebar-thumbnail img, #small-photo-list li a div.sidebar-thumbnail img{
    max-width: 65px;
    max-height: 65px;
    width: 100%;
}
.related-stories .comment-count{color:#fff;float:right;min-height: 0;padding:5px;font-weight: normal;font-size: .8em;}

.columns .title{padding: .313em;margin: .313rem;}
.vertical-list{list-style-type: none;margin:.313rem;}
.vertical-list li{border-bottom: 1px dotted #cecece;text-align: center;padding: .313em 0;}
.vertical-list p{font-size: .9rem;color:rgb(80, 98, 123);font-weight: bold;text-align: left;margin-bottom: 0;}
.vertical-list img{margin: 0 auto .625em 0;}
.vertical-list p span{display: block;color:#aaa;}


/***************************

Blogs

***************************/


.blog-list, .blog-list-module {list-style-type: none;margin:0;padding:0;}
.blog-list li{border-bottom:1px solid #cecece;}
.blog-list li table th{width:95px;overflow:hidden;text-align: center;background-color: #ececec;}
.blog-list li table th span, 
.blog-list li table td span, 
.blog-list-module li table th span, 
.blog-list-module li table td span{font-size:.9em;display:block;}
.blog-list li table th span.type{font-size:80%;color:red;}
.blog-list li table th img{margin-right:10px;border-radius: 75px;width:75px; height:75px;}
.blog-list li table td, .blog-list li table th{padding:.625em;}
.blog-list li table td a.title{font-weight: bold;margin: 0;padding: 0;}
.blog-list li table td span.date{color:#000;display: inline-block;}

.blog-list-module li table th{width:65px;overflow:hidden; text-align:center;}
.blog-list-module li table th img{margin-right:5px;width:55px;height:55px;border-radius:55px;}
.blog-list-module li table td, .blog-list-module li table th{padding:.313em;}
.blog-list-module li table td a.title{font-weight: bold;margin: 0;padding: 0;}

@media only screen and (min-width: 40.063em){
	.blog-list li table td a.title{font-size:1.5em;}
}
@media only screen and (max-width: 40.063em){
	.blog-list-module li {border-bottom:1px solid #cecece;}
}

.blogs h4.headline{font-size: 1.2em;font-weight: bold;}
.blogs .avatar img{width: 65px;height: 65px;margin-right: .5em;}
.blogs .info{font-size: .9em;}
.blog-header{width: 100%;}
.blog-header img{box-shadow: 0px 5px 12px rgba(0,0,0,.3);}
.blog-desc{margin-bottom: 0;border-bottom: 1px solid #cecece;padding:.938em;}

.blog-wrapper{height:100px;float:left;width:48%;overflow: hidden;margin:1%;}
@media screen and (max-width: 53.125em) {
    .blog-wrapper{float:none;width: 100%;}
}
.blog-wrapper .blog {width: 100%;margin:.313em;}
.blog-wrapper .blog td{vertical-align:top;}
.blog-wrapper .blog .avatar-wrapper{width: 90px;}
.blog-wrapper .blog .avatar {padding:.313em;}
.blog-wrapper .blog .avatar span{display:block; text-align:center;color:#666;}
.blog-wrapper .blog h4{font-size:1em;font-weight:bold;}
.blog-wrapper .blog h4, .blog h6{padding:0;margin:0;}
.blog-wrapper .blog h4 a{}

/***************************

Advertising

***************************/
.ad-space {width: 100%;margin: 10px auto;}
.ad-space a{
    display: block;
    padding: .313em;
    font-size: .8em;
    color: #990000!important;
    text-align: center;
}
.w300{max-width: 300px;}
.w960{max-width: 960px;}
.w160{max-width: 160px;}
.leaderboard{padding-top: 10px;}
.billboard{text-align: center;}
#billboard{height: 30px;overflow: hidden;}
@media screen and (min-width:26.250em){
    .mobile-ad{
        display: none;
    }
}
.mobile-ad{
    width: 320px;
    padding-top: .938em;
    margin: 0 auto;
}
/***************************

Facebook

***************************/
.fb-comments, .mobilePluginComments{width: 100% !important;}
.fb-comments iframe[style]{width: 100% !important;}
.fb-like-box{width: 100% !important;}
.fb-like-box iframe[style]{width: 100% !important;}
.fb-comments span, .fb_iframe_widget span{width: 100% !important;}
.fb-comments iframe span[style]{width: 100% !important;}
.fb-like-box span{width: 100% !important;}
.fb-like-box iframe span[style]{width: 100% !important;}

/***************************

Photo List

***************************/
.popup span {display: none;}
.popup { color: #000; }

.popup, .popup:visited {
    position: relative;
    display: block;
    line-height: 30px;
    text-align: left;
    padding: 0 10px;
    margin: 0;
    text-decoration: none;
    font-size: .9em;
    font-weight: bold;
}

/* the IE correction rule */
.popup:hover{color: #d5d5d5;text-indent: 0; /* added the default value */}

.popup:hover span {
    display: block;
    position: absolute;
    z-index:2;
    top: 0px;
    left: 0px;
    max-width: 201px;
    max-height: 201px;
	width: 100%;
	height: 100%;
    margin: 15px;
    color: #000;
    font-weight: normal;
    background: rgba(233,233,233, .8);
    text-align: left;
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,.3);
}
.popup span p{
    padding: 10px;
    line-height: 1.1em;
}
#photo-list-quicklinks h3{font-size: 1.3em;color:#888;margin-bottom:30px;box-shadow: 0px 6px 6px -4px;padding-bottom: 15px;}
#small-photo-list {text-align: center;}
#small-photo-list li{display: inline-table;max-width: 200px;}
#small-photo-list li a{border:none;}
#small-photo-list li a img {box-shadow: 0px 0px 5px 1px rgba(0,0,0,.3);border:1px solid #fff;width: 200px;height: 200px;background: #000;}
#giant-photo-list-wrapper{
    background: #000;
}
#giant-photo-list-wrapper ul {list-style-type: none;}
#giant-photo-list-wrapper ul li{position: relative;}
#giant-photo-list-wrapper ul li a{}
#giant-photo-list-wrapper ul li .img-wrap{text-align: center;}
#giant-photo-list-wrapper ul li .img-wrap a img{max-width:100%;margin: 0 auto;}
#giant-photo-list-wrapper ul li .caption{position: absolute;bottom: 0;background-color: rgba(0,0,0, .8);display: none;}
#giant-photo-list-wrapper ul li .caption p{
color: #ccc;
padding: 15px 30px;
margin: 0;
font-size: 1.1em;
}

/***************************

Pagination

***************************/
.pagination a.next_page{right: 10px;}
.pagination a.prev_page{left:10px;}
.pagination a.next_page, .pagination a.prev_page{
    position: fixed;
    
    top: 50%;
    padding: 15px 25px;
    color: #555;
    background-color: #c4c4c4;
}
/***************************

Flatpages

***************************/
.flatpage-content{
    padding:.938em;
}
.inline-list {
  margin: 0 auto 1.0625rem auto;
  margin-left: -1.375rem;
  margin-right: 0;
  padding: 0;
  list-style: none;
  overflow: hidden; }
  .inline-list > li {
    list-style: none;
    float: left;
    margin-left: 1.375rem;
    display: block; }
    .inline-list > li > * {
      display: block; }
/***************************

Skybox

***************************/
#skybox ul{display: table;width: 100%;margin:0;padding:0;}
#skybox ul li{display: inline-table;}
#skybox ul li.center-side{vertical-align: bottom;width:50%;position: relative;text-align: center;}
#skybox ul li.center-side .headline{padding:0;font-size:18px;margin: 0;line-height: 0;text-align: center;background: rgba(0,0,0,.7);}
#skybox ul li.center-side .headline a{color:#fff;padding:.938em;display: block;}
#skybox ul li.center-side .headline a span{margin-left:.938em;color:#ccc;font-size: 90%;}
#skybox ul li.left-side, #skybox ul li.right-side{vertical-align: middle;padding: 1.875em;width: 25%;text-align: center;}
#skybox ul li.left-side img, #skybox ul li.right-side img{width: 100%;max-width: 250px;margin:0 auto;}
#skybox ul li.center-side img{padding:0 .938em;}

@media screen and (max-width:57.313em){
    #skybox{margin-top:0;}
    #skybox ul{display: block;width: 100%;margin:0;padding:0;}
    #skybox ul li{display: block;}
    #skybox ul li.left-side, #skybox ul li.right-side, #skybox ul li.center-side{width: 100%;}
    #skybox ul li.left-side img, #skybox_wrapper ul li.right-side img{max-width: 200px;}
}
/***************************

Spingo

***************************/
    .spingo_header{
        display: table;
        width: 100%;
        margin: 0;
    }
    .spingo_header li{
        display: table-cell;
    }
    .spingo_header li a{
        display: block;
    }
    .sg-list-widget-wrapper {
        width: 100%;
        min-width: 100%!important;
    }
    .sg-list-widget-wrapper.sg-list-widget-small .sg-list-widget-event-title, .sg-list-widget-wrapper.sg-list-widget-small .sg-list-widget-event-venue {
        padding-left: 128px!important;
    }
    .sg-list-widget-wrapper.sg-list-widget-small .sg-list-widget-event img {
        margin-left:8px;
    }
    .sg-list-widget-date-header, .sg-list-widget-date-navigation {
        background-color: rgb(232,232,232)!important;
        padding-top: 0px!important;
        height: auto!important;
        border:none!important;
    }
    .sg-list-widget-sponsorship{display: none!important;}
    .sg-list-widget-sponsorship-image-main {
        background: none!important;
    }
    .sg-list-widget-header {
        display:none;
    }
    .sg-list-widget-premier-wrapper .sg-list-widget-header {
        display:block;padding:.313em;
    }
    .sg-list-widget-events-wrapper {
        height: auto!important;
    }
    .sg-list-widget-event-title {
        height:auto!important;
        color: rgb(90, 88, 123)!important;
    }
    .sg-list-widget-no-events{
        color:red!important;
        line-height: 60px!important;
        border:none!important;
        height: auto!important;
    }

    .sg-list-widget-event {
        border-bottom: 1px solid rgb(232,232,232)!important;
    }
    .sg-list-widget-event:hover{background-color: rgb(232,232,232)!important;}
    .sg-list-widget-wrapper.sg-list-widget-small .sg-list-widget-pagination {
        border-bottom: 1px solid rgb(232,232,232)!important;
    }
    
    .sg-list-widget-footer {
    border-top: 1px solid rgb(232,232,232)!important;
    }
    .sg-list-widget-dotted-bg {
        background: rgb(246, 246, 246)!important;
    }
/***************************

Calendar

***************************/
.yui3-skin-sam .yui3-calendar-content {
    border: 1px solid #cecece !important;
}
@media screen and (max-width: 40.063em){
    .story-sidebar{}
    .markup {float:none;width: 100%;}
    h1{font-size: 2em;}

    p, .tributes a .text{font-size: 1em;font-family: "Trebuchet MS", Helvetica, sans-serif;}
    h2{font-size: 2em;}
    
    header{display: fixed;}
    #logo{float:none;text-align: center;padding:15px;}
    #top-nav{display: none;}
    #searchFormContainer{float: none;text-align: center;}
    
    #menu{display: block;padding: 20px 0px;background-color: transparent;}

    .w_2_3rd, .w_1_3rd, .related-stories ul, .related-stories ul li, #small-photo-list li{width: 100%;max-width: 100%;}
    
    .tributes a .text{font-size: .9em;}
    #story-content .sky{display: none;}
    

    #latest-stories div.info,#latest-stories .thumb {float:none;width: 100%}
    #latest-stories .thumb{text-align: center;}
    
.headline-grid li a.img{
    padding-bottom: 100px;
}

.headline-grid li{
    position: relative;
    float: none;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #cecece;
    border-left: none;
}

}
@media screen and (min-width: 40.063em){
    .no-display{display: none;}
}
@media screen and (max-width:40em){
    #story-content .story-sidebar{float:none;width: 100%;}
}
@media screen and (max-width:839px){}
@media screen and (min-width: 840px){
    #today{margin-bottom: -30px;}
    #menu{display: none;}
    #main-nav{
        list-style: none;
        display: table;
    }
    #main-nav > li{
        list-style: none;
        display: table-cell;
        position: relative;
    }
    #main-nav .top-level > a, #misc-nav li a{
        /*color:#eee;*/
        /*color:rgb(249, 252, 255);*/

    }
    header{
        /*background: url("//media.victoriaadvocate.com/victoriaadvocate/images/newvicad/christmas_banner_red.png") no-repeat;*/
        background-size: 100%;
    }
}
@media screen and (max-width:960px){
    .w960{display: none;}
}
@media screen and (min-width:768px){
    .w960{display: block;}
}
@media screen and (max-width:1330px){
    #share-tools ul{display: none;}
}
/* Paywall */
.ta_popup{
    background-color: #FFFFFF;
    background-image: url("//victoriaadvocate-test.tx.pw.newsmemory.com/eebrowser/paywall/config/default/images/paywall_back.png");
    background-position: left bottom;
    background-repeat: repeat-x;
    box-shadow: 0px 0px 2px 2px #999999;
    color: #555555;
    font-size: 140%;
    padding: 10px;
    text-align: justify;
    border: 1px solid #CCCCCC;
    width: 325px;
    z-index: 2147483647;
    display: none;
    line-height: 1;
}
/***************************

Carousel

***************************/
.carousel-thumbnails{
    position: relative;
    padding: 0 1.875em;
    margin-top: .313em;
}
.carousel-wrapper {
	padding-bottom: 10px;
	position: relative;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    max-height: 550px;

}
.carousel, .thumbs {
	overflow: hidden;
}
.carousel .slide{position: relative}
.caption-text{
    display: block;
    padding: 12px;
    text-align: left;
}
.caption-background{
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #333333;
    opacity: 0.6;
}
.caption{}
.carousel .slide div.text-wrapper, .carousel .slide div.text-wrapper-on{
    width: 100%;
    height: auto;
    position: absolute;
    left: 0px;
    bottom: 0px;
    margin-bottom: 0px;
    
}
.carousel .slide div.text-wrapper{
    display: none;
}
.carousel .slide:hover div.text-wrapper{
    display: block;
}
.carousel .slide .caption h4,
.carousel .slide .caption p{
    color:#fff;
    font-size: .9em;
    position: relative;
    margin-bottom: 0;
}
.carousel span.slide,
.thumbs a  {
	display: block;
	float: left;

}
.carousel img{display: block;}
.carousel span.slide, .carousel a,
.thumbs span, .thumbs a {
	position: relative;
}
.thumbs a {text-align: center;}
.carousel img.landscape
{
    max-width: 800px;
    max-height: 450px;
}

.carousel span.slide div.portrait{
    text-align: center;
    height: inherit;
}
.carousel div.portrait img{
    margin: 0 auto;
    width: auto;
}
.thumbs a .video-overlay{
    border-radius: 5px;
    background-color: rgb(80, 98, 123);
    opacity: .8;
    padding:4%;
    height:50%;
    width:25%;
    top:25%;
    position:absolute;
    left:35%;
}
.thumbs a .video-overlay p{
    color:#fff;
    font-size:24px;
    padding:0;
    margin:0;
}
.thumbs a h6{
    display: block;
    text-align: center;
    font-weight: bold;
    line-height: 0;
    margin:3px 0px;
}
.thumbs img.thumbnail{
    max-width: 125px;
    max-height: 83px;
}
.thumbs img.thumbnail, .carousel img {
	border: none;
	width: 100%;
	height: 100%;
}

.carousel span.slide {
	width: 800px;
	height: 450px;
    background-color: #000;
}

.thumbs-wrapper {
	position: relative;
}
.thumbs a img.thumbnail{
	overflow: hidden;
	-webkit-transition: border-color .5s;
	-moz-transition: border-color .5s;
	-ms-transition: border-color .5s;
	transition: border-color .5s;
    border:2px solid white;
}
.thumbs a:hover img.thumbnail, .thumbs a.selected img.thumbnail {
	border-color: rgb(80, 98, 123);
}


.carousel-thumb-prev, .carousel-thumb-next {
	background: transparent url('../plugins/slider/sliderengine/carouselarrows-32-32-0.png') no-repeat 0 0;
	display: block;
	position: absolute;
    width: 32px;
    height: 32px;
    top: 0px;
    margin-top: 35px;
    cursor: pointer;
}
.carousel-thumb-prev {
	background-position: 0 0;
	left: 0px;
}
.carousel-thumb-next {
	background-position: -32px 0px;
	right: 0px;
}
.carousel-thumb-prev:hover {
	background-position: 0 -32px;
}
.carousel-thumb-next:hover {
	background-position: -32px -32px;
}
.carousel-thumb-prev.disabled, .carousel-thumb-next.disabled {
	display: none !important;
}
/***************************

Tweet Styles

***************************/
blockquote.twitter-tweet {
  display: inline-block;
  padding: 16px;
  margin: 10px 0;
  max-width: 468px;

  border: #ddd 1px solid;
  border-top-color: #eee;
  border-bottom-color: #bbb;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.15);

  font: bold 14px/18px Helvetica, Arial, sans-serif;
  color: #000;
}

blockquote.twitter-tweet p {
  font: normal 18px/24px Georgia, "Times New Roman", Palatino, serif;
  margin: 0 5px 10px 0;
}

blockquote.twitter-tweet a[href^="https://twitter.com"] {
  font-weight: normal;
  color: #666;
  font-size: 12px;
}
/***************************

Modules

***************************/
.module ul {margin:0;list-style-type: none;}

.module h5{
    font-size: 1.1em;
}
.module .headline-list a{
    padding: 15px;
    word-break:normal;
    font-weight: 600;
    font-size: 1em;
    min-height: 65px;
    display: block;
}
.module ul.headline-list li:hover{
    background: #cecece;
}
.module ul.headline-list li{border-top: 1px solid #cecece;clear:both;}
.module ul.headline-list{list-style-type: none;margin:0;}
.module ul.headline-list li{width: 100%;}
.module .headline-list a div.sidebar-thumbnail{
    float:left;
    max-width: 65px;
    width: 100%;
    margin-right: 10px;
}
.module .headline-list a div.sidebar-thumbnail img{
    max-width: 65px;
    max-height: 65px;
    width: 100%;
}
.module .headline-list .comment-count{color:#fff;float:right;min-height: 0;padding:5px;font-weight: normal;font-size: .8em;}
.main-module, .module{background-color: #fff;margin:.938em .625em;border-left:1px solid #cecece;border-right:1px solid #cecece;border-bottom: 1px solid #cecece;}
@media screen and (max-width: 25.875em){
    .main-module, .module{
        padding: .938em .625em;
        margin:0;
    }
}
.main-module .list, .module .list{list-style-type:none;margin:0;padding:0;}
.main-module .list .list-item, .module .list .list-item{border-bottom: 1px solid #ccc;padding:.5em;}
.main-module .list .list-item h3, .module .list .list-item h3{font-size: 1em;padding:0;margin:0;font-weight: 700;}
.main-module .list .list-item p, .module .list .list-item p{padding:0 0 0 .313em;margin:0;font-size: .9em;}
.main-module .list .list-item p span, .module .list .list-item p span{margin:0 .313em;}
.main-module .list .list-item .rOption{display:block;text-align: center;}
.margin-medium{margin-right: .625em!important;margin-left:.625em!important;}
.margin-large{margin-left:.938em!important;margin-right:.938em!important;}
/***************************

MEDIA

***************************/
.image-group a{background-color: #000;}
.image-group a img:hover{opacity: .7;}
.thumb-gallery{}
.thumb-gallery a{display: inline-block;margin:3px;}
.photo-detail .media-info{padding:.938em; background-color:#000;border-top: 1px solid #999;}
.photo-detail .media-info p{color:#f0f0f0;}
.photo-detail .media-container img {padding:.938em;}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.podcast{padding:.938em;}
.podcast .info{font-size: .9em;padding:0;margin:0;}
.podcast .info span{display: block;}
.podcast .info span.date{}
.podcast .info span.title{font-weight: 700;padding:0;margin:0;}
.podcast .info span.caption{}
/***************************

Forms

***************************/
.form{margin:.938em;}
.form label{font-weight: 700;font-size: 1.1em;padding: .313em;background: #efefef;}
.form p{font-size: .9em;}
.form .helptext{color:#666;margin-left:.938em;}
.form .form-fields textarea, .form .form-fields input{margin: .5em 0 !important;}
.form .form-fields a{margin-right: .938em;}
.form img{margin:.625em;}
.form span{margin-left:.313em;}

/* Standard Forms */
form {
  margin: 0 0 1rem; }

/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: 0 -0.5rem; }
  form .row .row .column,
  form .row .row .columns {
    padding: 0 0.5rem; }
  form .row .row.collapse {
    margin: 0; }
    form .row .row.collapse .column,
    form .row .row.collapse .columns {
      padding: 0; }
    form .row .row.collapse input {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0; }
form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
  padding-left: 0.5rem; }

/* Label Styles */
label {
  font-size: 0.875rem;
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0;
  /* Styles for required inputs */ }
  label.right {
    float: none;
    text-align: right; }
  label.inline {
    margin: 0 0 1rem 0;
    padding: 0.5625rem 0; }
  label small {
    text-transform: capitalize;
    color: #676767; }

select::-ms-expand {
  display: none; }

@-moz-document url-prefix() {
  select {
    background: #fafafa; }

  select:hover {
    background: #f3f3f3; } }

/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  font-size: 0.875rem;
  height: 2.3125rem;
  line-height: 2.3125rem; }

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125rem;
  border: none; }

.prefix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125rem;
  border: none; }

.prefix.button.radius {
  border-radius: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.postfix.button.radius {
  border-radius: 0;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.prefix.button.round {
  border-radius: 0;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

.postfix.button.round {
  border-radius: 0;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px; }

/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix {
  background: #f2f2f2;
  border-right: none;
  color: #333333;
  border-color: #cccccc; }
  span.prefix.radius, label.prefix.radius {
    border-radius: 0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }

span.postfix, label.postfix {
  background: #f2f2f2;
  border-left: none;
  color: #333333;
  border-color: #cccccc; }
  span.postfix.radius, label.postfix.radius {
    border-radius: 0;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }

/* We use this to get basic styling on all basic form elements */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
  -webkit-appearance: none;
  background-color: white;
  font-family: inherit;
  border: 1px solid #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  height: 2.3125rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  textarea:focus {
    box-shadow: 0 0 5px #999999;
    border-color: #999999; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  textarea:focus {
    background: #fafafa;
    border-color: #999999;
    outline: none; }
  input[type="text"][disabled], fieldset[disabled] input[type="text"],
  input[type="password"][disabled], fieldset[disabled]
  input[type="password"],
  input[type="date"][disabled], fieldset[disabled]
  input[type="date"],
  input[type="datetime"][disabled], fieldset[disabled]
  input[type="datetime"],
  input[type="datetime-local"][disabled], fieldset[disabled]
  input[type="datetime-local"],
  input[type="month"][disabled], fieldset[disabled]
  input[type="month"],
  input[type="week"][disabled], fieldset[disabled]
  input[type="week"],
  input[type="email"][disabled], fieldset[disabled]
  input[type="email"],
  input[type="number"][disabled], fieldset[disabled]
  input[type="number"],
  input[type="search"][disabled], fieldset[disabled]
  input[type="search"],
  input[type="tel"][disabled], fieldset[disabled]
  input[type="tel"],
  input[type="time"][disabled], fieldset[disabled]
  input[type="time"],
  input[type="url"][disabled], fieldset[disabled]
  input[type="url"],
  textarea[disabled], fieldset[disabled]
  textarea {
    background-color: #dddddd; }
  input[type="text"].radius,
  input[type="password"].radius,
  input[type="date"].radius,
  input[type="datetime"].radius,
  input[type="datetime-local"].radius,
  input[type="month"].radius,
  input[type="week"].radius,
  input[type="email"].radius,
  input[type="number"].radius,
  input[type="search"].radius,
  input[type="tel"].radius,
  input[type="time"].radius,
  input[type="url"].radius,
  textarea.radius {
    border-radius: 3px; }

input[type="submit"] {
  -webkit-appearance: none; }

/* Respect enforced amount of rows for textarea */
textarea[rows] {
  height: auto; }

/* Add height value for select elements to match text input height */
select {
  -webkit-appearance: none !important;
  background-color: #fafafa;
  background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: 97% center;
  border: 1px solid #cccccc;
  padding: 0.5rem;
  font-size: 0.875rem;
  border-radius: 0;
  height: 2.3125rem; }
  select.radius {
    border-radius: 3px; }
  select:hover {
    background-color: #f3f3f3;
    border-color: #999999; }

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0 0 1rem 0; }

input[type="checkbox"] + label,
input[type="radio"] + label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline; }

/* Normalize file input width */
input[type="file"] {
  width: 100%; }

/* We add basic fieldset styling */
fieldset {
  border: 1px solid #dddddd;
  padding: 1.25rem;
  margin: 1.125rem 0; }
  fieldset legend {
    font-weight: bold;
    background: white;
    padding: 0 0.1875rem;
    margin: 0;
    margin-left: -0.1875rem; }

/* Error Handling */
[data-abide] .error small.error, [data-abide] span.error, [data-abide] small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #c60f13;
  color: white; }
[data-abide] span.error, [data-abide] small.error {
  display: none; }

span.error, small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #c60f13;
  color: white; }

.error input,
.error textarea,
.error select {
  margin-bottom: 0; }
.error input[type="checkbox"],
.error input[type="radio"] {
  margin-bottom: 1rem; }
.error label,
.error label.error {
  color: #c60f13; }
.error small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #c60f13;
  color: white; }
.error > label > small {
  color: #676767;
  background: transparent;
  padding: 0;
  text-transform: capitalize;
  font-style: normal;
  font-size: 60%;
  margin: 0;
  display: inline; }
.error span.error-message {
  display: block; }

input.error,
textarea.error {
  margin-bottom: 0; }

label.error {
  color: #c60f13; }

[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -0.625rem;
  zoom: 1; }
  [class*="block-grid-"]:before, [class*="block-grid-"]:after {
    content: " ";
    display: table; }
  [class*="block-grid-"]:after {
    clear: both; }
  [class*="block-grid-"] > li {
    display: block;
    height: auto;
    float: left;
    padding: 0 0.625rem 1.25rem; }

/***************************

MINI MENU

***************************/
.mini-menu{position: relative;}
.mini-menu .trigger{font-size: .8em;display: block;padding:.313em;}
.mini-menu .trigger span{display: none;position: absolute;border-bottom: 1px solid #cecece;border-right: 1px solid #cecece;border-left: 1px solid #cecece;right:0;}
.mini-menu .trigger:hover{border-top: 1px solid #cecece;border-right: 1px solid #cecece;border-left: 1px solid #cecece;}
.mini-menu .trigger:hover span{display: block;background-color: #ffffff;}
.mini-menu .trigger span ul {list-style-type: none;}
.mini-menu .trigger span ul li a{display: block; padding:.313em;}
.mini-menu .trigger span ul li{width: 200px;}

/***************************

Profile

***************************/
#profile-info span.avatar{display: block;text-align: center;padding:.938em .313em;background-color: #000;}
#profile-info span.avatar img{border-radius:150px;}
#profile-info ul li span{font-size: 90%;color:#666;}
#profile-info h6{font-weight: 600;padding:.313em .938em;margin:0;}
#profile-info ul{list-style-type: none;}
#profile-info ul li {border-bottom: 1px solid #eee;padding:.313em 0;}


/***************************

Polls

***************************/
#poll{padding:.938em;}
#poll .blurb{padding:.938em;}
#poll form{max-width: 320px;width:100%;margin:0 auto;}
#poll form .choice{margin-bottom: 0;line-height: 0;}
#poll form .choice label{font-weight: 900;}

#poll table {width: 100%;}
#poll table tr th{text-align: left;width: 20%;}
#poll table tr td.bar-wrap{width: 74%;}
#poll table tr td.choice-count{width: 6%;}
#poll table tr th, #poll table tr td{padding:.313em;}
#poll .bar{padding: .512em;float:left;}
#poll table tr td span{margin-left:5px;}
#poll table tr td.choice-count span{font-size: 80%;}

#poll form.photo-poll{text-align: center;}
#poll form.photo-poll .choice{margin-bottom: 1.875em;}
#poll form.photo-poll .choice label img{width: 200px;margin: 0 0 .313em 0;}
#poll form.photo-poll .choice label{margin-bottom: .938em;}
#poll form.photo-poll .choice label span.button{display: block;margin: 0;}

/***************************

PRINT

***************************/
.print-only {
  display: none !important; }

@media print {
    #top-nav, #nav-wrapper, .ad-space, .mobile-ad, #obit-nav, .breadcrumbs, #obit_search, .share, #searchForm, #videoplayer_wrapper, .related{display: none!important;}
    #story p{font-size:12px!important;}
    .obit-img{float:left;max-height: 200px;border:3px solid #fff;margin-right: 15px;}
  * {
    background: transparent !important;
    color: black !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

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

  pre,
  blockquote {
    border: 1px solid #999999;
    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; }

  .hide-on-print {
    display: none !important; }

  .print-only {
    display: block !important; }

  .hide-for-print {
    display: none !important; }

  .show-for-print {
    display: inherit !important; } }


.responsive-embed{
    position: relative;
    padding-bottom: 56.25%;
    display: block;
    height: 0;
    overflow: hidden;
}
.responsive-embed iframe{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

#special-report-main .main-photo{width:100%;}
#special-report-main h1{padding: 15px 0 0 0;}
#special-report-main #bylines{
    margin-top: -15px;
    margin-bottom: 15px;
    font-size: 14px;
}
#special-report-index-wrapper{background: #fff;padding:30px;}
#special-report-index-wrapper .page-title{}
#special-report-index-wrapper .subtitle{font-size: 18px;}
#special-report-index-wrapper .item-list .columns{border: 1px solid #eee;}
#special-report-index-wrapper .item-list a {
    display: block;
    text-align: center;
    padding: 15px;
}
#special-report-index-wrapper .item-list a:hover{opacity: .8;}
#special-report-index-wrapper .item-list a span{display:block;margin-top:10px;font-size: 1.75em;font-weight: 700;}