/* Import Font Awesome CSS */
@import url("font-awesome.css");

/* CSS Document */
body {
  padding-top:45px;
}
.brand > i {
  margin-top:5px;
  margin-right:5px;
}
.logo {
  margin:0;
  padding:0;
  float: left;
}
.logo-tagline {
  margin-left:5px;
  font-size:0.8em;
}
.image {
  margin:0;
}
.image > .brand {
  text-indent:-9999px;
  display:block;
  padding:0;
}
.navbar-fixed-top {
  z-index:9999;

}
#header {
  padding:20px 0;
  border-bottom:1px solid #ddd;
  background-color: #fbfbfb;
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
  background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: linear-gradient(top, #ffffff, #f5f5f5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
}
.subhead {

}

#cinema{
  padding:10px 0;
  min-height:90px;
 background: #29739d; /* Old browsers */
/*background: -moz-linear-gradient(top,  #10487a 0%, #0589bf 77%, #10487a 100%);  FF3.6+ // 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#10487a), color-stop(77%,#0589bf), color-stop(100%,#10487a)); // 
  Chrome,Safari4+ 
background: -webkit-linear-gradient(top,  #10487a 0%,#0589bf 77%,#10487a 100%); // Chrome10+,Safari5.1+ 
background: -o-linear-gradient(top,  #10487a 0%,#0589bf 77%,#10487a 100%); // Opera 11.10+ 
background: -ms-linear-gradient(top,  #10487a 0%,#0589bf 77%,#10487a 100%); // IE10+ 
background: linear-gradient(to bottom,  #10487a 0%,#0589bf 77%,#10487a 100%); // W3C 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10487a', endColorstr='#10487a',GradientType=0 ); // IE6-9 */


}
  /*border-bottom:5px solid #ddd;*/
}
#cinema h2 { /* added -sdw */
  font-size: 20px;
  line-height: 24px;
  font-weight: 300;
  color: #ffffff;
  margin: 0;
  padding: 20px 0px 0px 20px;
}
#cinema p {
  margin:0;
  padding-left: 110px;
  width: 75%;
}
#cinema h4 {
  font-size: 15px;
  line-height: 19px;
  font-weight: 300;
  padding:10px 0px 0px 20px;
  width: 55%;
  color: #fcfcfc;
  font-family: "Helvetica Neue", Tahoma, sans-serif;
}

#cinema img {
float: right;
  height: 100px; 
  padding: 0px;
  margin: 0;
}

/* Jumbotrons
-------------------------------------------------- */

/* Base class
------------------------- */
.jumbotron {
    background: #193867; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #193867 0%, #165990 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#193867), color-stop(100%,#165990)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg,  #193867 0%,#165990 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  #193867 0%,#165990 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  #193867 0%,#165990 100%); /* IE10+ */
    background: linear-gradient(45deg,  #193867 0%,#165990 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#193867', endColorstr='#165990',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#jumbotron {
    position: relative;
    padding: 50px 0px 8px 0px;
    color: #fff;
    /*margin-top: 8px;*/
    text-align: center;
    text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
      background: #193867; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #193867 0%, #165990 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#193867), color-stop(100%,#165990)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg,  #193867 0%,#165990 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  #193867 0%,#165990 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  #193867 0%,#165990 100%); /* IE10+ */
    background: linear-gradient(45deg,  #193867 0%,#165990 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#193867', endColorstr='#165990',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
#jumbotron h1 {
    font-size: 70px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1;
}
#jumbotron p {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.25;
    margin-bottom: 20px;
}

/* Link styles (used on .masthead-links as well) */
#jumbotron a {
    color: #fff;
    color: rgba(255,255,255,.5);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#jumbotron a:hover {
    color: #fff;
    text-shadow: 0 0 10px rgba(255,255,255,.25);
}

/* Pattern overlay
------------------------- */
#jumbotron .container {
    position: relative;
    z-index: 8888;
}
#jumbotron:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/bs-docs-masthead-pattern.png) repeat center center;
    opacity: .4;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1) {

    .jumbotron:after {
        background-size: 150px 150px;
    }

}




#above{
 padding:8px 0px 0px 0px;
  border-top:1px solid #ddd;
  background-color: #fff;
}
#top{

}
#content,
#sidebar,
#sidebar-2,
#sidebar-b
#mediaX {
  padding:30px 0;
}
#below {

}
.footer {
  z-index:1;  
}

/* Footer
-------------------------------------------------- */

.footer {
    text-align: center;
    padding: 30px 0;
    margin-top: 70px;
    border-top: 3px solid #193867;
    background-color: #fff;
}
.footer p {
    margin-bottom: 0;
    color: #333;
}
.footer-links {
    margin: 10px 0;
}
.footer-links li {
    display: inline;
    padding: 0 2px;
}
.footer-links li:first-child {
    padding-left: 0;
}


/* Module Spacing */
#content .moduletable,
#sidebar .moduletable,
#sidebar-2 .moduletable,
#sidebar-b .moduletable {
  margin-bottom:20px;
}


/* Enhanced typography */
dt {
  font-size: 105%;
  margin-bottom: .5em;
}
dd {
  margin-left: 2em;
  margin-bottom: 1em;
}
/* Template Demo */
body.item-524 .custom {
  background:#eee;
  padding:10px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
body.item-524 .navbar .custom {
  display:inline-block;
  padding:5px;
  margin:5px 0 0 10px;
}
body.item-524 .navbar .custom p {
  margin:0;
}
body.item-524 #header .custom {
  margin-bottom:10px;
}
body.item-524 #header .custom p {
  margin:0;
}
body.item-524 #breadcrumbs .custom ul {
  margin-bottom:0;
}
body.item-525 #below .custom {
  background:#eee;
  padding:10px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
/* Used for responsive page */
.resize {
  position: fixed;
  bottom: 0;
  right: 0;
  height: 80px;
  width: 80px;
  background: url(../images/resize.png); 
}
/* DMH Fixes */
@media (max-width: 980px) {
    .navbar .logo {
        height:44px;  
    }    
    .navbar .brand {
        height:40px;  
        width:220px; 
    }
    .navbar-fixed-top .navbar-inner {
        min-height:44px;
    }
    /* Push out the 3rd level sub menu out of the browser view */
    .nav .dropdown-menu li .flyout-menu {
        left: 200%;
    }
}
  
/*  testing parallax */
#sec1 { 
  background: url(/images/ralph_solo.png) 50% 0 no-repeat fixed; 
  height: 1000px;  
  margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
}
#sec2 { 
  background: url(/images/blacklight_crpd.jpg) 50% 0 no-repeat fixed; 
  height: 1000px;
  margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
}

#sec3 {
  background: url(/images/JimKasdorf.png) 50% 0 no-repeat fixed;
  height: 1000px;
  margin: 0 auto;
    width: 100%;
    max-width: 1920px;
    position: relative;
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
}

#sec4 {
  background: url(/images/25yrcrowd.png) 50% 0 no-repeat fixed;
  height: 1000px;
  margin: 0 auto;
    width: 100%;
    max-width: 1920px;
    position: relative;
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
}

#sec5 {
  background: url(http://docrel.psc.edu/images/cover_nature.jpg) 50% 0 no-repeat fixed;
  height: 1000px;
  margin: 0 auto;
    width: 100%;
    max-width: 1920px;
    position: relative;
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
}

div.squash #home {
  background: url(/images/ralph_solo.png) 50% 0 repeat fixed; min-height: 1000px;
  height: 1000px;
  margin: 0 auto;
  width: 100%;
  max-width: 1920px;
  position: relative;
}
 
div.squash #home article {
  height: 458px;
  position: absolute;
  text-align: center;
  top: 150px;
  width: 100%;
}
 
div.squash #about {
  background: url(/images/mike_solo.jpg) 50% 0 repeat fixed; min-height: 1000px;
  height: 1000px;
  margin: 0 auto;
  width: 100%;
  max-width: 1920px;
  position: relative;
  -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.8);
  box-shadow: 0 0 50px rgba(0,0,0,0.8);
}
 
div.squash #about article {
  height: 458px;
  position: absolute;
  text-align: center;
  top: 150px;
  width: 100%;
}

/*..*[id]:before { 
  display: block; 
  content: " "; 
  margin-top: -10px; 
  height: 75px; 
  visibility: hidden; 
}*/


/*  Fix the problem of jump links disappearing under the header  
D. Nigra  April 2014  */
/** Style :target with margin & transition. The 's' can be changed to whatever works (I used it here to represent 'sections') **/
#top:target, [id*="s"]:target { color:#5b9ede; -webkit-transition:.001s; transition:.001s; margin-top: 100px; }
:target, [id*="s"]:target { color:#5b9ede; -webkit-transition:.001s; transition:.001s; margin-top: 100px; }

/* Add 'Currently Reading' to targeted section (optional) */
/*[id*="s"]:target:before { content:'Currently Reading'; font-size:12px; background:#ccc; color:#fff; padding:0 5px; position:absolute; top:-20px; } */

/* Navigation arrows next to header (optional) */
h2.test { position:relative; }  
h2.test a { font-size:16px; margin:0 5px; padding:3px; } 
h2.test a:hover { color:#fff; background:#3085d6; } 
h2.test a.up { display:inline-block; vertical-align:middle; 
-ms-transform:rotate(90deg);   /* IE 9 */
-webkit-transform:rotate(90deg);   /* Safari and Chrome */ transform:rotate(90deg); } 
h2.test a.down { display:inline-block; vertical-align:bottom; margin-left:10px;
-ms-transform:rotate(-90deg); /* IE 9 */
-webkit-transform:rotate(-90deg);  /* Safari and Chrome */ transform:rotate(-90deg); } 

h3.test { position:relative; } 
h3.test a { font-size:16px; margin:0 5px; padding:3px; }
h3.test a:hover { color:#fff; background:#3085d6; }
h3.test a.up { display:inline-block; vertical-align:middle;
-ms-transform:rotate(90deg);   /* IE 9 */
-webkit-transform:rotate(90deg);   /* Safari and Chrome */ transform:rotate(90deg); }
h3.test a.down { display:inline-block; vertical-align:bottom; margin-left:10px;
-ms-transform:rotate(-90deg); /* IE 9 */
-webkit-transform:rotate(-90deg);  /* Safari and Chrome */ transform:rotate(-90deg); } 

/* Hover Selectors to list (optional) */
.list li { position:relative; }  
 .list li:hover:before { content:'›'; color:#5b9ede; position:absolute; left:-40px; }  

ol.softwareInstructions ol li {
        list-style-type: lower-alpha;
}
ol.softwareInstructions ol ol li {
        list-style-type: lower-roman;
}

ol.softwareInstructions ol ul li {
       list-style-type: none;

.jumbotron {
    background: #193867; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #193867 0%, #165990 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#193867), color-stop(100%,#165990)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg,  #193867 0%,#165990 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  #193867 0%,#165990 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  #193867 0%,#165990 100%); /* IE10+ */
    background: linear-gradient(45deg,  #193867 0%,#165990 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#193867', endColorstr='#165990',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


/*  floating sidebar  */
/* D. Nigra Nov. 2014  */
.affix-top,.affix{
  position: static;
}

@media (min-width: 979px) {
  #toc.affix-top {
    position: static;
    margin-top:100px;
    width:100px;
  }
  
  #toc.affix {
    position: fixed;
    top:100px;
    width:100px;
  }
}

// Copied from the MMBioS site for the buttons on the anton trajectory project pages
// D. Nigra  12/2014
.anton-button {
 border-top,  border-bottom: 1px solid #96d1f8;
  background: #ccffff;
   background: -webkit-gradient(linear, left top, left bottom, from(#ccffff), to(#65a9d7));
   background: -webkit-linear-gradient(top, #ccffff, #65a9d7);
   background: -moz-linear-gradient(top, #ccffff, #65a9d7);
   background: -ms-linear-gradient(top, #ccffff, #65a9d7);
   background: -o-linear-gradient(top, #ccffff, #65a9d7);
  */
  background: #ccffff;
   padding: 6px 12px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
  border-color: #000000;
  /* -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;  */
    /*text-shadow: rgba(0,0,0,.4) 0 1px 0; */
   color: #000000;
  font-weight: bold;
   text-decoration: none;
   vertical-align: middle;
   }
.anton-button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ffffff;
   }
.anton-button:active {
   border-top-color, border-bottom-color: #1b435e;
   background: #28597a;
  color: #ffffff;
   }
.anton-button a {
  text-decoration: none;
  font-weight:bold;
  color: #000000;
}

.anton-button a:hover, a:active {
  color: #ffffff;
}