.image-replacement{text-indent:100%;white-space:nowrap;overflow:hidden;}.clearfix,article.post,.row{zoom:1;}.clearfix:before,article.post:before,.row:before,.clearfix:after,article.post:after,.row:after{content:"";display:table;}.clearfix:after,article.post:after,.row:after{clear:both;}.button,.button:visited{border:1px solid #9cd5ef;border-top-color:#b6e0f3;border-left-color:#b6e0f3;padding:4px 12px;color:#ffffff;display:inline-block;font-size:11px;font-weight:bold;text-decoration:none;text-shadow:0 1px rgba(0,0,0,0.75);cursor:pointer;margin-bottom:20px;line-height:21px;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;background-color:#bfe4f4;background-image:-webkit-gradient(linear,left top,left bottom,from(#d5edf8),to(#bfe4f4));background-image:-webkit-linear-gradient(top,#d5edf8,#bfe4f4);background-image:-moz-linear-gradient(top,#d5edf8,#bfe4f4);background-image:-o-linear-gradient(top,#d5edf8,#bfe4f4);background-image:-ms-linear-gradient(top,#d5edf8,#bfe4f4);background-image:linear-gradient(top,#d5edf8,#bfe4f4);}.button:hover,.button:visited:hover,.button:focus,.button:visited:focus{color:#ffffff;border:1px solid #9cd5ef;border-top-color:#7ec8e9;border-left-color:#7ec8e9;background-color:#a9daf1;background-image:-webkit-gradient(linear,left top,left bottom,from(#bfe4f4),to(#a9daf1));background-image:-webkit-linear-gradient(top,#bfe4f4,#a9daf1);background-image:-moz-linear-gradient(top,#bfe4f4,#a9daf1);background-image:-o-linear-gradient(top,#bfe4f4,#a9daf1);background-image:-ms-linear-gradient(top,#bfe4f4,#a9daf1);background-image:linear-gradient(top,#bfe4f4,#a9daf1);}.button:active,.button:visited:active{background-color:#d5edf8;background-image:-webkit-gradient(linear,left top,left bottom,from(#bfe4f4),to(#d5edf8));background-image:-webkit-linear-gradient(top,#bfe4f4,#d5edf8);background-image:-moz-linear-gradient(top,#bfe4f4,#d5edf8);background-image:-o-linear-gradient(top,#bfe4f4,#d5edf8);background-image:-ms-linear-gradient(top,#bfe4f4,#d5edf8);background-image:linear-gradient(top,#bfe4f4,#d5edf8);}.sans-serif{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}.serif{font-family:"Georgia",Cambria,Times New Roman,Times,serif;}span.amp{font-family:Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif;font-style:italic;}.text-left{text-align:left;}.text-center{text-align:center;}.text-right{text-align:right;}.help,.info,.error,.success{margin:10px;padding:5px 18px;border:1px solid;}.help{border-color:#e8dc59;background:#ebe16f;}.info{border-color:#bfe4f4;background:#d5edf8;}.error{border-color:#7e1619;background:#941a1d;}.success{border-color:#deeaae;background:#e6efc2;}@media only screen and (min-width: 481px) {.textwrapper{height:70%!important;}#related article{width:28%;margin:2.6%;}#sub-nav{width:16%;float:left;}#main{float:right;width:80%;}#related{width:82%;float:left;display:block;}#sub-nav .fixed{text-align:right;}.bx-wrapper{margin-bottom:20px;}.blog .bx-wrapper,.archive .bx-wrapper{display:block;}.mq_481 #tags-main,.mq_684 #tags-main{width:80%;float:right;}#tags-main .main h2,.post-type-archive-publications .post h2{font-size:1.2em;line-height:1.2;font-weight:bold;}body.home.mq_684 .featuredpost{padding:0!important;position:relative;}body.home.mq_684 article{padding:20px;}body.home.mq_684 #carouselwrapper{margin-top:0!important;margin-bottom:17px!important;}body.home.mq_684 #content{padding-top:0!important;}body.home.mq_684 #shadow{display:none!important;}body.home.mq_684 #supersized{display:none;}body.home.mq_684.frontpagethumbnail{display:block;}body.home.mq_684 .frontpagethumbnail{width:100%;}.mq_768 #main,.mq_684 #main{width:79%;}#navigationDropdown{display:none;}.nav{display:block;}.menu_holder,#menu-secondary{background:none;}.menu.submenu{background-color:#373738;background-image:url('../images/grey-banner.png');background-position:top left;background-repeat:repeat-x;}ul#menu-primary{height:3.5em;line-height:2.5;width:auto;text-align:left;float:left;background-color:#941a1d;}ul#menu-primary li{display:block;padding:0px 10px 0px 0px;}ul#menu-primary:first-child{padding-left:20px;}ul#menu-primary li#menu-fabian-review-online{border-right:1px solid white;margin-right:10px;}#menu-secondary,#menu-primary{padding:0;}nav li{font-weight:bold;list-style:none;float:left;margin:5px 0px;padding:0px 10px 0px;}nav li a{display:block;}.menu{margin:0;}.menupadding:0 ul {
    /* end .menu ul li */
  
    /* highlight current page */
  
    /* end current highlighters */
  
  }
  .menu padding:0 ul li a {
    display: block;
    text-decoration: none;
    padding: 10px 10px;
    color: #ffffff;
  }
  .menu padding:0 ul li ul.sub-menu li a,
  .menu padding:0 ul li ul.children li a {
    padding-left: 30px;
  }
  /* end .menu */
  li#menu-join-the-fabians {
    float: right;
    background-color: #941a1d;
    margin: 0;
    padding: 3px 10px 5px 10px;
    height: 100%;
    text-align: center;
    background-image: url('../images/red-shadow.png');
    background-repeat: repeat-x;
    border-right: none!important;
    font-size: 1.3em;
    border-bottom: 2px solid #941a1d;
  }
  .mq_481 li#menu-join-the-fabians {
    display: block;
    width: 100%;
  }
  #sub-nav h2 {
    text-align: right;
    margin-top: 7px;
  }
  #sub-nav ul,
  #sub-nav .topics h3 {
    background: none;
  }
  #sub-nav .fixed li {
    list-style: none;
  }
  #sub-nav .topics {
    margin: 10px 0 0;
    padding: 0;
  }
  #sub-nav .topics h3 {
    color: #121212;
    font-size: 1.2em;
  }
  #sub-nav .topics ul {
    display: block;
  }
  /*********************
  POSTS & CONTENT STYLES
  *********************/
  .post-type-archive-publications .post {
    width: 21%;
    float: left;
    clear: none;
    margin: 2%;
    border-bottom: none;
  }
  .post-type-archive-publications .post .thumbnail {
    float: none;
    width: 100%;
  }
  .post-type-archive-publications .post section,
  .post-type-archive-publications .post header {
    float: none;
    width: 100%;
  }
  .post-type-archive-publications .row {
    border-bottom: 1px dotted #121212;
  }
  /******************************************************************
  PAGE NAVI STYLES
  ******************************************************************/
  #breadcrumbs {
    margin-left: 20%;
    margin-bottom: 20px;
  }
  /* Tabs - new styling */
  .ui-tabs-nav a:active,
  .ui-state-active a:link {
    border: none;
    text-decoration: none;
    font-weight: bold;
    background: none;
  }
  #tabs-nav {
    float: right;
    margin-top: -3px;
  }
  #tabs-nav li {
    list-style: none;
    float: left;
    margin: 0 5px;
    padding: 5px 10px;
  }
  #tabs-nav li.ui-tabs-selected {
    border: 1px solid #aaa;
    border-bottom: 1px solid #ccc;
  }
  .tabs .ui-tabs-nav,
  .tabs .ui-tabs-nav li {
    padding: 5px;
    margin: 0;
  }
  /******************************************************************
  COMMENT STYLES
  ******************************************************************/
  /******************************************************************
  COMMENT FORM STYLES
  ******************************************************************/
  /*********************
  SIDEBARS & ASIDES
  *********************/
  #sub-nav h3,
  #sub-nav h4 {
    text-align: right;
  }
  #sub-nav h2 {
    line-height: 1.2;
    margin: -5px 0 0 0;
  }
  #sub-nav ul li {
    border-bottom: none;
    text-align: right;
  }
  #sub-nav ul li:first-child {
    border-top: none;
  }
  /*********************
  FOOTER STYLES
  *********************/
  footer .footer {
    position: absolute;
    height: 40px;
    bottom: 40px;
  }
}
/*/mediaquery*/
/******************************************************************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and 
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
******************************************************************/
@media only screen and (min-width: 768px) {
  /* styles in 768up.less */
  /* DO NOT DELETE */
  /*********************
  GENERAL STYLES
  
  **/
  .textwrapper {
    height: 70% !important;
  }
  /********************
  WORDPRESS BODY CLASSES
  style a page via class
  ********************/
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  .col {
    float: left;
    padding: 0 1%;
  }
  .col-80 {
    width: 80%;
  }
  .third {
    width: 30%;
  }
  .two-thirds {
    width: 61%;
    padding: 0;
  }
  .one-third {
    width: 35%;
    padding: 0 0 0 2%;
  }
  .one-third.right {
    float: right;
  }
  .half {
    width: 45%;
    padding-left: 2%;
  }
  #related article,
  .related article {
    width: 21%;
    margin-right: 1%;
  }
  /* tag archive */
  #tags-main {
    margin-left: 20%;
    width: 80%;
  }
  #tags-main .main {
    width: 98%;
    padding-left: 0;
  }
  #tags-main .related {
    width: 80%;
  }
  #tags-main .related article {
    float: left;
    margin-right: 3%;
  }
  #tags-main .related img {
    width: 100%;
  }
  #tags-main .related,
  #tags-main .main {
    margin-top: 20px;
  }
  /*********************
  HEADER SYTLES
  *********************/
  /*********************
  NAVIGATION STYLES
  *********************/
  #sub-nav .fixed {
    text-align: right;
  }
  #sub-nav .fixed li {
    list-style: none;
  }
  /** breadcrumbs **/
  .breadcrumbs,
  #breadcrumbs {
    margin-bottom: 0;
    border-bottom: 1px solid #aaa;
    padding-bottom: 5px;
  }
  #breadcrumbs {
    margin-left: 20%;
    margin-bottom: 20px;
    padding-left: 0;
  }
  .ui-tabs-selected {
    border-bottom: 1px solid white!important;
  }
  /*********************
  POSTS & CONTENT STYLES
  *********************/
  .home #carouselwrapper {
    width: 40%;
    height: 100%;
    background: #941A1D;
    opacity: 0.8;
    color: #fff;
    margin: 0 !important;
  }
  .home #content {
    padding-top: 0px;
    width: 100%;
  }
  .home #carousel {
    width: 30%;
    height: 100%;
    background: #941A1D;
    border: none;
  }
  .home .featuredpost {
    width: 78%;
    font-size: 1.3em;
  }
  .home .featuredpost h1 {
    line-height: 1.1;
    margin-bottom: 1em;
  }
  .home #content {
    height: 100%;
  }
  .home .bx-wrapper {
    position: relative;
  }
  .home .bx-window {
    width: 100% !important;
  }
  .home #play-button {
    margin-left: 300px;
  }
  .home #slideNavWrap {
    margin-top: 0;
    position: fixed;
    bottom: 50px;
    overflow: hidden;
    width: 30%;
  }
  .home #shadow {
    display: none !important;
  }
  /******************************************************************
  PAGE NAVI STYLES
  ******************************************************************/
  /******************************************************************
  COMMENT STYLES
  ******************************************************************/
  /******************************************************************
  COMMENT FORM STYLES
  ******************************************************************/
  /*********************
  SIDEBARS & ASIDES
  *********************/
  #related,
  #aside {
    margin-left: 20%;
  }
  /***********************
  * Email collection box
  ***********************/
  /* Front page */
  .post section {
    width: 100% !important;
  }
  /*********************
  FOOTER STYLES
  *********************/
  footer .footer {
    position: absolute;
    height: 40px;
    bottom: 40px;
  }
}
/*/mediaquery*/
/******************************************************************
DESKTOP 
This is the average viewing window. So Desktops, Laptops, and 
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
******************************************************************/
@media only screen and (min-width: 1030px) {
  /* styles in 1030up.less */
  /* DO NOT DELETE */
  #sub-nav {
    width: 16%;
    float: left;
  }
  #sub-nav h2 {
    margin: 7px 0 0 0;
  }
  #main {
    float: left;
    width: 50%;
  }
  #related {
    width: auto;
    float: left;
  }
  #related img {
    width: 100%;
  }
  #search-social {
    position: static;
  }
  .textwrapper {
    height: 70% !important;
  }
  /**********************
          Grid
      **********************/
  .col {
    float: left;
    padding: 0 1%;
  }
  .col-80 {
    width: 80%;
  }
  .third {
    width: 30%;
  }
  .two-thirds {
    width: 61%;
    padding: 0;
  }
  .one-third {
    width: 35%;
    padding: 0 0 0 2%;
  }
  .one-third.right {
    float: right;
  }
  .half {
    width: 45%;
    padding-left: 2%;
  }
  #pagination {
    width: 100%;
  }
  .wpgmza_map {
    width: 100% !important;
  }
  #sub-nav {
    width: 14%;
    padding: 0 1% 0 0;
  }
  #main,
  #aside,
  #tags-main {
    padding: 0 1%;
  }
  #main {
    width: 33%;
    margin-left: 15%;
  }
  /* tag archive */
  #tags-main {
    margin-left: 15%;
    width: 64%;
  }
  #tags-main .main {
    width: 99%;
    padding-left: 0;
  }
  #tags-main .related {
    width: 17%;
  }
  #tags-main .related,
  #tags-main .main {
    margin-top: 20px;
  }
  #tags-main .main h2,
  .post-type-archive-publications .post h2 {
    font-size: 1.4em;
    line-height: 1.4;
  }
  #aside {
    width: 15%;
    border-left: 1px solid #941a1d;
    margin-left: 0 !important;
  }
  #related article,
  #tags-main .related article {
    margin: 0;
    width: 100%!important;
  }
  #related article img,
  #tags-main .related article img {
    width: 100%;
  }
  #related article li,
  #tags-main .related article li {
    list-style-type: none;
    margin-bottom: 10px;
  }
  #related article h1,
  #tags-main .related article h1 {
    margin-top: 0;
  }
  #related {
    width: 11%;
    margin-left: 0 !important;
  }
  .tag #publicationstab #related {
    width: 17%;
  }
  /* #main on archive pages contains two columns */
  .page-template-page-authors-php #main,
  .blog #main,
  .archive #main,
  .search #main {
    width: 50%;
  }
  #sidebar {
    width: 20%;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
  }
  #related,
  .related,
  .one-third.right {
    border-left: 1px solid #941a1d;
  }
  .col.half.first {
    border-right: 1px solid #941a1d;
    padding-left: 0;
  }
  #related article,
  .related article {
    margin-bottom: 12px;
  }
  /**********************
          Navigation and header
      **********************/
  header#document-header {
    width: 80%;
    margin-right: 20%;
    position: fixed;
    z-index: 100;
  }
  header#document-header h1 {
    margin-left: 10px;
    float: left;
    width: 261px;
    height: 100%;
    overflow: hidden;
    background-image: none;
  }
  header#document-header h1 a {
    margin: 6px 0 0 20px;
    display: block;
  }
  #menu-primary li {
    margin: 12px 0 3px 0;
  }
  #menu-secondary li.menu-item {
    border-right: 1px solid #666;
  }
  nav li {
    margin: 5px 0px;
    padding: 0px 10px 0px;
  }
  li#menu-join-the-fabians {
    float: right;
    background-color: #941a1d;
    margin: 0;
    padding: 3px 10px 5px 10px;
    min-width: 50px;
    text-align: center;
    background-image: url('../images/red-shadow.png');
    background-repeat: repeat-x;
    border-right: none!important;
    border-bottom: none;
    text-transform: uppercase;
    font-size: 1.3em;
  }
  #menu-secondary li.menu-item a {
    margin-top: 2px;
  }
  #menu-fabian-women {
    margin-left: 10px;
  }
  #menu-local-fabians {
    border-right: none!important;
  }
  #pagination {
    display: block;
  }
  /**********************
              Content
          **********************/
  #content {
    background-image: url('../images/banner-shadow.png');
    background-position: top left;
    background-repeat: repeat-x;
    padding-top: 91px;
  }
  .archive .bx-wrapper,
  .blog .bx-wrapper,
  .post-type-archive-events .bx-wrapper,
  #taggedposts .bx-wrapper,
  #taggedevents .bx-wrapper {
    margin-bottom: 20px;
  }
  .archive .post,
  .blog .post,
  .post-type-archive-events .post,
  #taggedposts .post,
  #taggedevents .post {
    float: left;
    width: 100%;
  }
  .archive .post .thumbnail,
  .blog .post .thumbnail,
  .post-type-archive-events .post .thumbnail,
  #taggedposts .post .thumbnail,
  #taggedevents .post .thumbnail {
    margin-right: 2%;
  }
  .archive .post header,
  .blog .post header,
  .post-type-archive-events .post header,
  #taggedposts .post header,
  #taggedevents .post header,
  .archive .post section,
  .blog .post section,
  .post-type-archive-events .post section,
  #taggedposts .post section,
  #taggedevents .post section {
    width: 60%;
    float: left;
  }
  .archive .featured .post,
  .blog .featured .post,
  .post-type-archive-events .featured .post,
  #taggedposts .featured .post,
  #taggedevents .featured .post {
    width: 33%;
  }
  .archive .post-content,
  .blog .post-content,
  .post-type-archive-events .post-content,
  #taggedposts .post-content,
  #taggedevents .post-content {
    float: left;
    width: 60%;
  }
  .post-type-archive-publications .post header,
  .post-type-archive-publications .post section {
    width: 100%;
    float: none;
  }
  .one-third .post .thumbnail {
    margin-right: 4%;
  }
  .search .featured .post,
  .blog .featured .post,
  .archive .featured .post {
    position: absolute;
    top: 0px;
    padding: 1% 1% 0 1%;
    /* Dev - so we can see it */
  
    background: #941a1d;
    opacity: 0.8;
    filter: alpha(opacity=80);
    /* For IE8 and earlier */
  
    width: 33%;
    height: 97.5%;
    border-bottom: 0;
    margin: 0;
  }
  /* publications page */
  .page #main,
  .single #main {
    padding: 0 1%;
  }
  .pag #related,
  .single #related {
    width: 12%;
  }
  .post-type-archive-publications #main {
    padding: 0 0 0 1%;
    width: 51%;
  }
  .row:first-child article {
    padding-top: 0;
  }
  .row {
    border-bottom: 1px dotted #121212;
    overflow: hidden;
    padding-bottom: 20px;
  }
  .row article {
    padding-bottom: 32768px !important;
    margin-bottom: -32768px !important;
  }
  .row article h2 {
    font-weight: bold;
  }
  .post-type-archive-publications .post {
    border-bottom: 0;
    width: 21%;
    float: left;
    margin: 0;
    padding: 2.4%;
    clear: none;
  }
  .post-type-archive-publications .post * {
    margin: 0;
    padding: 0;
  }
  .post-type-archive-publications .post .thumbnail {
    float: none;
    height: auto;
    overflow: visible;
    width: auto;
    position: static;
  }
  .post-type-archive-publications .post .thumbnail span {
    display: none;
  }
  .post-type-archive-publications .post.pub-col-1 {
    padding-left: 0;
  }
  .post-type-archive-publications .post.pub-col-2,
  .post-type-archive-publications .post.pub-col-3,
  .post-type-archive-publications .post.pub-col-4 {
    border-left: 1px solid #941a1d;
  }
  .post-type-archive-publications .post.pub-col-4 {
    padding-right: 0;
  }
  /* kludge */
  .post-type-archive-publications .post h2 {
    margin-top: 1em;
  }
  .post-type-archive-publications .post .thumbnail {
    width: 100%;
    margin: 0;
  }
  .post-type-archive-publications .post .thumbnail img,
  .post-type-archive-publications .post .thumbnail a {
    margin: 0;
  }
  .breadcrumbs,
  #breadcrumbs {
    margin-bottom: 0;
    border-bottom: 1px solid #aaa;
    padding-bottom: 5px;
  }
  #breadcrumbs {
    margin-left: 16%;
    margin-bottom: 20px;
    padding-left: 0;
  }
  /**********************
              Sidebar
          **********************/
  #sidebar {
    border-left: 1px solid #9d9fa2;
  }
  #sidebar .toppane {
    display: none!important;
  }
  /**********************
            Left sidebar
           **********************/
  .fixed {
    font-weight: bold;
  }
  .slideContainer {
    position: fixed;
    bottom: 0;
    width: 13%;
    right: 21%;
  }
  #emailcollection {
    display: block;
  }
  .home #emailcollection {
    margin: 0;
    padding: 0;
    position: static;
    width: 100%;
    background: #941a1d;
    opacity: 0.8;
  }
  .home #emailcollection input[type="text"] {
    margin: 0;
  }
  .home #emailcollection p {
    clear: both;
    padding-top: 5px;
  }
  .home .postwrapper {
    margin-top: 70px;
  }
  .home .target {
    clear: both;
    margin: 0;
    padding: 0;
    padding: 3%;
    width: 92%;
  }
  .home h3.handle.widgettitle {
    display: block;
    background-color: #941a1d;
    color: #fff;
    font-size: 1em;
    line-height: 3;
    font-weight: bold;
    padding: 3% !important;
    text-transform: uppercase;
    border-top: none;
    cursor: pointer;
    margin-bottom: 0;
    height: 30px;
    float: none;
  }
  .home #emailsubmit {
    color: white;
  }
  .home #emailsubmit:hover {
    text-decoration: underline;
  }
  /* Global */
  #emailcollection {
    background: white;
    position: fixed;
    width: 13%;
    padding: 1%;
    bottom: 0;
  }
  #emailcollection .target {
    padding-top: 0px;
  }
  .handle {
    border-top: 1px solid #444;
    background: none;
    color: #red;
  }
  #emailcollection h3.widgettitle {
    display: block;
    padding: 5px;
    margin-bottom: 0;
  }
  #emailcollection input[type="text"] {
    padding: 5px;
    border: 1px solid #941a1d;
    margin: 5px 0;
    width: 94%;
  }
  input#emailsubmit {
    background: none;
    border: none;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 0;
    color: #941A1D;
  }
  /***********************
              Categoris and tags (secondary) nav
          ***********************/
  #sub-nav .fixed {
    position: fixed;
    border-right: 1px solid #941a1d;
    width: 14%;
    left: 4;
    height: 100%;
    padding-right: 1%;
    text-align: right;
  }
  #sub-nav .fixed li {
    list-style: none;
  }
  #sub-nav .fixed h3 {
    margin-top: 0;
    font-weight: bold;
  }
  #sub-nav .fixed h4 {
    margin: 10px 0 0 0;
  }
  #sub-nav .fixed .wp-tag-cloud {
    margin: 0;
  }
  /**********************
              Tertiary Column
          **********************/
  /**********************
           *  Slider controls
           **********************/
  .mq_684 #carouselwrapper,
  .home #carouselwrapper {
    width: 30%;
    height: 100%;
    background: #941A1D;
    opacity: 0.8;
    color: #fff;
    margin: 0 !important;
  }
  .mq_684 #content,
  .home #content {
    width: 100%;
  }
  .mq_684 #carousel,
  .home #carousel {
    width: 30%;
    height: 100%;
    background: #941A1D;
    border: none;
  }
  .mq_684 .featuredpost,
  .home .featuredpost {
    width: 78%;
    font-size: 1.3em;
  }
  .mq_684 .featuredpost h1,
  .home .featuredpost h1 {
    line-height: 1.1;
    margin-bottom: 1em;
  }
  .mq_684 #content,
  .home #content {
    height: 100%;
  }
  .mq_684 .bx-wrapper,
  .home .bx-wrapper {
    position: relative;
  }
  .mq_684 .bx-window,
  .home .bx-window {
    width: 100% !important;
  }
  .mq_684 #play-button,
  .home #play-button {
    margin-left: 300px;
  }
  .mq_684 #slideNavWrap,
  .home #slideNavWrap {
    margin-top: 0;
    position: fixed;
    bottom: 20px;
    overflow: hidden;
    width: 30%;
  }
  .bx-pager {
    position: absolute;
    bottom: 20px;
    padding-left: 25px;
  }
  .bx-pager a {
    float: left;
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 5px 0 0;
    background: url('../img/nav-dot.png') no-repeat 0 -24px;
    text-indent: -9999px;
  }
  .bx-pager a.pager-active {
    background: url('../img/nav-dot.png') no-repeat 0 0px;
  }
  .bx-prev,
  .bx-next {
    position: absolute;
    height: 12px;
    width: 9px;
    opacity: 0.6;
    bottom: 20px;
    text-indent: -9999px;
  }
  .bx-prev {
    left: 10px;
    background: url('../img/back.png');
  }
  .bx-next {
    right: 30px;
    background: url('../img/forward.png');
  }
  .readMore {
    font-weight: bold;
  }
  .author .readMore {
    padding-bottom: 10px;
  }
  /*
              * Author filter page
              */
  .authorMeta img {
    float: left;
  }
  .authorMeta p {
    float: left;
    margin-top: 0;
  }
  /*************************
  
  SOCIAL MEDIA AND SEARCH
  
  **************************/
  .post section {
    width: 100% !important;
  }
  #sidebar {
    clear: both;
    background: #ebdcd2;
    height: 100%;
  }
  #sidebar #widgets {
    overflow: hidden;
  }
  #sidebar .widget h3 {
    margin: 0;
    padding: 8px 0 3px 10px;
    border-bottom: 1px solid #e4c6c7;
    font-weight: bold;
  }
  #sidebar #msg_loading,
  #sidebar .tb_header,
  #sidebar .tb_footer {
    display: none !important;
  }
  #sidebar .tb_tweetlist {
    padding-right: 10px;
  }
  #sidebar span.tb_tweet-info {
    display: block;
    margin-top: 5px;
  }
  #sidebar .tb_author {
    font-weight: bold;
  }
  #sidebar .tb_tweet {
    padding: 10px 0 5px 10px;
  }
  #sidebar ul {
    padding: 0;
    margin: 0;
  }
  #sidebar ul li {
    font-size: 1em;
    padding: 5px 10px;
    border-bottom: 1px solid #e4c6c7;
  }
  #sidebar ul li span.sidebarevent {
    font-weight: bold;
  }
  #sidebar ul li time {
    font-weight: bold;
  }
  #recent-posts-2 a,
  .widget_rcp_recent_custom_posts a {
    font-weight: bold !important;
    color: #941a1d !important;
  }
  #widgets {
    display: block;
  }
  #widgets span.pane {
    display: block;
    height: 15px;
    background-image: url('../images/sidebar-pane.png');
    background-position: 0px 0px;
    background-repeat: repeat-x;
    background-color: transparent;
  }
  #widgets span.pane.toppane {
    background-color: white;
  }
  #widgets .widget{
    background: #ebdcd2;
  }
  #tweetblender-2 span.pane {
    height: 0px;
  }
}
/*/mediaquery*/
/******************************************************************
LARGE VIEWING SIZE 
This is for the larger monitors and possibly full screen viewers.
******************************************************************/
@media only screen and (min-width: 1240px) {
  /* styles in 1240up.less */
  /* DO NOT DELETE */
  body {
    background-color: #ffffff;
  }
  /**********************
          Grid
      **********************/
  .col {
    float: left;
    padding: 0 1%;
  }
  .col-80 {
    width: 80%;
  }
  .third {
    width: 30%;
  }
  .two-thirds {
    width: 61%;
    padding: 0;
  }
  .one-third {
    width: 35%;
    padding: 0 0 0 2%;
  }
  .one-third.right {
    float: right;
  }
  .half {
    width: 45%;
    padding-left: 2%;
  }
  #pagination {
    width: 100%;
  }
  .wpgmza_map {
    width: 100% !important;
  }
  #sub-nav {
    width: 14%;
    padding: 0 1% 0 0;
  }
  #main,
  #aside,
  #tags-main {
    padding: 0 1%;
  }
  #main {
    width: 33%;
    margin-left: 15%;
  }
  /* tag archive */
  #tags-main {
    margin-left: 15%;
    width: 64%;
  }
  #tags-main .main {
    width: 99%;
    padding-left: 0;
  }
  #tags-main .related {
    width: 17%;
  }
  #tags-main .related,
  #tags-main .main {
    margin-top: 20px;
  }
  #tags-main .main h2,
  .post-type-archive-publications .post h2 {
    font-size: 1.4em;
    line-height: 1.4;
  }
  #aside {
    width: 15%;
    border-left: 1px solid #941a1d;
    margin-left: 0 !important;
  }
  #related article,
  #tags-main .related article {
    margin: 0;
    width: 100%!important;
  }
  #related article img,
  #tags-main .related article img {
    width: 100%;
  }
  #related article li,
  #tags-main .related article li {
    list-style-type: none;
    margin-bottom: 10px;
  }
  #related article h1,
  #tags-main .related article h1 {
    margin-top: 0;
  }
  #related {
    width: 11%;
    margin-left: 0 !important;
  }
  .tag #publicationstab #related {
    width: 17%;
  }
  /* #main on archive pages contains two columns */
  .page-template-page-authors-php #main,
  .blog #main,
  .archive #main,
  .search #main {
    width: 50%;
  }
  #sidebar {
    width: 20%;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
  }
  #related,
  .related,
  .one-third.right {
    border-left: 1px solid #941a1d;
  }
  .col.half.first {
    border-right: 1px solid #941a1d;
    padding-left: 0;
  }
  #related article,
  .related article {
    margin-bottom: 12px;
  }
  /**********************
          Navigation and header
      **********************/
  header#document-header {
    width: 80%;
    margin-right: 20%;
    position: fixed;
    z-index: 100;
  }
  header#document-header h1 {
    margin-left: 10px;
    float: left;
    width: 261px;
    height: 100%;
    overflow: hidden;
    background-image: none;
  }
  header#document-header h1 a {
    margin: 6px 0 0 20px;
    display: block;
  }
  #menu-primary li {
    margin: 12px 0 3px 0;
  }
  #menu-secondary li.menu-item {
    border-right: 1px solid #666;
  }
  nav li {
    margin: 5px 0px;
    padding: 0px 10px 0px;
  }
  li#menu-join-the-fabians {
    float: right;
    background-color: #941a1d;
    margin: 0;
    padding: 3px 10px 5px 10px;
    min-width: 50px;
    text-align: center;
    background-image: url('../images/red-shadow.png');
    background-repeat: repeat-x;
    border-right: none!important;
    border-bottom: none;
    text-transform: uppercase;
    font-size: 1.3em;
  }
  #menu-secondary li.menu-item a {
    margin-top: 2px;
  }
  #menu-fabian-women {
    margin-left: 10px;
  }
  #menu-local-fabians {
    border-right: none!important;
  }
  #pagination {
    display: block;
  }
  /**********************
              Content
          **********************/
  #content {
    background-image: url('../images/banner-shadow.png');
    background-position: top left;
    background-repeat: repeat-x;
    padding-top: 91px;
  }
  .archive .bx-wrapper,
  .blog .bx-wrapper,
  .post-type-archive-events .bx-wrapper,
  #taggedposts .bx-wrapper,
  #taggedevents .bx-wrapper {
    margin-bottom: 20px;
  }
  .archive .post,
  .blog .post,
  .post-type-archive-events .post,
  #taggedposts .post,
  #taggedevents .post {
    float: left;
    width: 100%;
  }
  .archive .post .thumbnail,
  .blog .post .thumbnail,
  .post-type-archive-events .post .thumbnail,
  #taggedposts .post .thumbnail,
  #taggedevents .post .thumbnail {
    margin-right: 2%;
  }
  .archive .post header,
  .blog .post header,
  .post-type-archive-events .post header,
  #taggedposts .post header,
  #taggedevents .post header,
  .archive .post section,
  .blog .post section,
  .post-type-archive-events .post section,
  #taggedposts .post section,
  #taggedevents .post section {
    width: 60%;
    float: left;
  }
  .archive .featured .post,
  .blog .featured .post,
  .post-type-archive-events .featured .post,
  #taggedposts .featured .post,
  #taggedevents .featured .post {
    width: 33%;
  }
  .archive .post-content,
  .blog .post-content,
  .post-type-archive-events .post-content,
  #taggedposts .post-content,
  #taggedevents .post-content {
    float: left;
    width: 60%;
  }
  .post-type-archive-publications .post header,
  .post-type-archive-publications .post section {
    width: 100%;
    float: none;
  }
  .one-third .post .thumbnail {
    margin-right: 4%;
  }
  .search .featured .post,
  .blog .featured .post,
  .archive .featured .post {
    position: absolute;
    top: 0px;
    padding: 1% 1% 0 1%;
    /* Dev - so we can see it */
  
    background: #941a1d;
    opacity: 0.8;
    filter: alpha(opacity=80);
    /* For IE8 and earlier */
  
    width: 33%;
    height: 97.5%;
    border-bottom: 0;
    margin: 0;
  }
  /* publications page */
  .page #main,
  .single #main {
    padding: 0 1%;
  }
  .pag #related,
  .single #related {
    width: 12%;
  }
  .post-type-archive-publications #main {
    padding: 0 0 0 1%;
    width: 51%;
  }
  .row:first-child article {
    padding-top: 0;
  }
  .row {
    border-bottom: 1px dotted #121212;
    overflow: hidden;
    padding-bottom: 20px;
  }
  .row article {
    padding-bottom: 32768px !important;
    margin-bottom: -32768px !important;
  }
  .row article h2 {
    font-weight: bold;
  }
  .post-type-archive-publications .post {
    border-bottom: 0;
    width: 21%;
    float: left;
    margin: 0;
    padding: 2.4%;
    clear: none;
  }
  .post-type-archive-publications .post * {
    margin: 0;
    padding: 0;
  }
  .post-type-archive-publications .post .thumbnail {
    float: none;
    height: auto;
    overflow: visible;
    width: auto;
    position: static;
  }
  .post-type-archive-publications .post .thumbnail span {
    display: none;
  }
  .post-type-archive-publications .post.pub-col-1 {
    padding-left: 0;
  }
  .post-type-archive-publications .post.pub-col-2,
  .post-type-archive-publications .post.pub-col-3,
  .post-type-archive-publications .post.pub-col-4 {
    border-left: 1px solid #941a1d;
  }
  .post-type-archive-publications .post.pub-col-4 {
    padding-right: 0;
  }
  /* kludge */
  .post-type-archive-publications .post h2 {
    margin-top: 1em;
  }
  .post-type-archive-publications .post .thumbnail {
    width: 100%;
    margin: 0;
  }
  .post-type-archive-publications .post .thumbnail img,
  .post-type-archive-publications .post .thumbnail a {
    margin: 0;
  }
  .breadcrumbs,
  #breadcrumbs {
    margin-bottom: 0;
    border-bottom: 1px solid #aaa;
    padding-bottom: 5px;
  }
  #breadcrumbs {
    margin-left: 16%;
    margin-bottom: 20px;
    padding-left: 0;
  }
  /**********************
              Sidebar
          **********************/
  #sidebar {
    border-left: 1px solid #9d9fa2;
  }
  #sidebar .toppane {
    display: none!important;
  }
  /**********************
            Left sidebar
           **********************/
  .fixed {
    font-weight: bold;
  }
  .slideContainer {
    position: fixed;
    bottom: 0;
    width: 13%;
    right: 21%;
  }
  #emailcollection {
    display: block;
  }
  .home #emailcollection {
    margin: 0;
    padding: 0;
    position: static;
    width: 100%;
    background: #941a1d;
    opacity: 0.8;
  }
  .home #emailcollection input[type="text"] {
    margin: 0;
  }
  .home #emailcollection p {
    clear: both;
    padding-top: 5px;
  }
  .home .postwrapper {
    margin-top: 70px;
  }
  .home .target {
    clear: both;
    margin: 0;
    padding: 0;
    padding: 3%;
    width: 92%;
  }
  .home h3.handle.widgettitle {
    display: block;
    background-color: #941a1d;
    color: #fff;
    font-size: 1em;
    line-height: 3;
    font-weight: bold;
    padding: 3% !important;
    text-transform: uppercase;
    border-top: none;
    cursor: pointer;
    margin-bottom: 0;
    height: 30px;
    float: none;
  }
  .home #emailsubmit {
    color: white;
  }
  .home #emailsubmit:hover {
    text-decoration: underline;
  }
  /* Global */
  #emailcollection {
    background: white;
    position: fixed;
    width: 13%;
    padding: 1%;
    bottom: 0;
  }
  #emailcollection .target {
    padding-top: 0px;
  }
  .handle {
    border-top: 1px solid #444;
    background: none;
    color: #red;
  }
  #emailcollection h3.widgettitle {
    display: block;
    padding: 5px;
    margin-bottom: 0;
  }
  #emailcollection input[type="text"] {
    padding: 5px;
    border: 1px solid #941a1d;
    margin: 5px 0;
    width: 94%;
  }
  input#emailsubmit {
    background: none;
    border: none;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 0;
    color: #941A1D;
  }
  /***********************
              Categoris and tags (secondary) nav
          ***********************/
  #sub-nav .fixed {
    position: fixed;
    border-right: 1px solid #941a1d;
    width: 14%;
    left: 4;
    height: 100%;
    padding-right: 1%;
    text-align: right;
  }
  #sub-nav .fixed li {
    list-style: none;
  }
  #sub-nav .fixed h3 {
    margin-top: 0;
    font-weight: bold;
  }
  #sub-nav .fixed h4 {
    margin: 10px 0 0 0;
  }
  #sub-nav .fixed .wp-tag-cloud {
    margin: 0;
  }
  /**********************
              Tertiary Column
          **********************/
  /**********************
           *  Slider controls
           **********************/
  .mq_684 #carouselwrapper,
  .home #carouselwrapper {
    width: 30%;
    height: 100%;
    background: #941A1D;
    opacity: 0.8;
    color: #fff;
    margin: 0 !important;
  }
  .mq_684 #content,
  .home #content {
    width: 100%;
  }
  .mq_684 #carousel,
  .home #carousel {
    width: 30%;
    height: 100%;
    background: #941A1D;
    border: none;
  }
  .mq_684 .featuredpost,
  .home .featuredpost {
    width: 78%;
    font-size: 1.3em;
  }
  .mq_684 .featuredpost h1,
  .home .featuredpost h1 {
    line-height: 1.1;
    margin-bottom: 1em;
  }
  .mq_684 #content,
  .home #content {
    height: 100%;
  }
  .mq_684 .bx-wrapper,
  .home .bx-wrapper {
    position: relative;
  }
  .mq_684 .bx-window,
  .home .bx-window {
    width: 100% !important;
  }
  .mq_684 #play-button,
  .home #play-button {
    margin-left: 300px;
  }
  .mq_684 #slideNavWrap,
  .home #slideNavWrap {
    margin-top: 0;
    position: fixed;
    bottom: 20px;
    overflow: hidden;
    width: 30%;
  }
  .bx-pager {
    position: absolute;
    bottom: 20px;
    padding-left: 25px;
  }
  .bx-pager a {
    float: left;
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 5px 0 0;
    background: url('../img/nav-dot.png') no-repeat 0 -24px;
    text-indent: -9999px;
  }
  .bx-pager a.pager-active {
    background: url('../img/nav-dot.png') no-repeat 0 0px;
  }
  .bx-prev,
  .bx-next {
    position: absolute;
    height: 12px;
    width: 9px;
    opacity: 0.6;
    bottom: 20px;
    text-indent: -9999px;
  }
  .bx-prev {
    left: 10px;
    background: url('../img/back.png');
  }
  .bx-next {
    right: 30px;
    background: url('../img/forward.png');
  }
  .readMore {
    font-weight: bold;
  }
  .author .readMore {
    padding-bottom: 10px;
  }
  /*
              * Author filter page
              */
  .authorMeta img {
    float: left;
  }
  .authorMeta p {
    float: left;
    margin-top: 0;
  }
  /*************************
  
  SOCIAL MEDIA AND SEARCH
  
  **************************/
  /* Sliders on large layouts */.textwrapper {
    height: 70% !important;
  }
  /* Home page */
  #carousel {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 30%;
    padding: 1%;
    border: 1px solid black;
    min-height: 300px;
  }
  .home #sidebar {
    float: right;
  }
  .post section {
    width: 60% !important;
  }
  .single .post section {
    width: 100% !important;
  }
  /* img {width:100%;} */
  /* Have to be a bit more specific */
  .wp-caption {
    width: 100% !important;
    padding: 0 !important;
  }
  .wp-caption a img {
    width: 100% !important;
    height: 100% !important;
  }
  #related img,
  #aside img,
  .thumbnail img,
  .related img {
    width: 100% !important;
    /* Below line is what made safari stretch everything like a madman */
  
  }
}
/*/mediaquery*/
/******************************************************************
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
    /* show links on printed pages */
  
    /* show title too */
  
  }
  a:after,
  a:visited:after {
    content: " (" attr(href) ")";
  }
  a abbr[title]:after,
  a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  /* hide content people who print don't need to see */
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}