body {/* min-height: 2000px; Note that min-height style will need to be adjusted if scrollspy is implemented */ min-height: 100%;
padding-top: 84px;
font-family: 'Roboto', sans-serif;
font-size: 15px;
background-color: #f9f9f9;
margin-bottom: 134px; /* for footer */
}

/* Sticky footer styles */
html {
position: relative; min-height: 100%;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 134px;
  background: #333; color: #ffdd55; font-size:12pt; font-weight: 300; padding-top:10px; padding-bottom:10px;
}

.navbar-default {box-shadow: 0px 3px 13px 0px rgba(2, 3, 3, 0.16);}
.container {max-width: 1000px;}
.slidecontainer {max-width: 900px;}
.textcontainer {padding-top: 10px; padding-bottom: 10px; max-width: 970px;}
.navbar-brand.wordmark {background: url('http://hcc.humanities.uci.edu/humcore/Student/Images/CoreWordmarkM.png') no-repeat scroll 0% 0%; height: 48px; width: 362px; margin-left: 0px; margin-top: 20px;}
@media(max-width:767px){.navbar-brand.wordmark {background: url('http://hcc.humanities.uci.edu/humcore/Student/Images/CoreWordmarkSm.png') no-repeat scroll 0% 0%; height: 26px; width:271px; margin-left: 0px; margin-top: 40px; padding-bottom:0px;}}
@media(max-width:378px){.navbar-brand.wordmark {background: url('http://hcc.humanities.uci.edu/humcore/Student/Images/CoreWordmarkXsm.png') no-repeat scroll 0% 0%; height: 18px; width:188px; margin-left: 0px; margin-top: 40px; padding-bottom:0px;}}
@media(min-width:992px){.calloutheight {height: 353px;}}
.navbar-right {padding-right: 15px;}
.nav>li.spacer {/*font-size: 10pt; */position:relative;display:block; line-height: 20px; padding: 10px 0px; margin-left:-2px; margin-right:-2px;}
@media(min-width:768px){.navbar-nav>li.spacer{padding-top:40px;padding-bottom:20px;}}
h4 {font-weight: 300; line-height: 1.42857}
th {font-weight: 400;}
p.hang {text-indent: -3em; margin-left: 3em; }
.seriffont {font-family: Baskerville, “Baskerville Old Face”, Garamond, “Times New Roman”, serif;}
.leftborder {border-left: 1px solid #ddd;}
.rightborder {border-right: 1px solid #ddd;}
.scarlet {color: #800000;}
a.scarlet:link {color: #800000 !important}
a.scarlet:visited {color: #800000 !important}
a.lemonyellow:link {color: #ffdd55 !important}
a.lemonyellow:visited {color: #ffdd55 !important}
a.lemonyellow:hover {color:#ffdd55 !important}
a.lemonyellow:active {color:#ffdd55 !important}
.palegraybkg {background-color:#f9f9f9;}
.lightgraybkg {background-color:#f2f2f2;}
.footer a:link {color: #ffdd55 !important}
.footer a:visited {color: #ffdd55 !important}
.infopanel {border-color: #ddd;}
.infopanel>.panel-heading {color: #ffdd55; background-color:#333; border-color: #333;}
.infopanel>.panel-heading+.panel-collapse>.panel-body{border-top-color:#333}
.infopanel>.panel-heading.badge{color: #333; background-color:#fff}
.infopanel>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#333}
.overlap {z-index: 5; position: absolute; margin-left: 65%; padding-top: 40px; padding-right: 30px;}
@media(max-width:378px){.overlap{visibility:hidden;}}
.floatleft {float: left;}
.floatright {float:right;}
.centervertical {vertical-align: middle;}
.img-margin {margin: 4px;}
/* Preempt any problems with responsive tables in firefox */
@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

.thumbnail.thumbnail-borderless {border: none; margin: 0px -15px; padding: 0px; background: transparent; }

.img-fade-in {
        opacity:0;
        -webkit-animation:fadein ease-in 1;
        -moz-animation:fadein ease-in 1;
        -o-animation:fadein ease-in 1;
        animation:fadein ease-in 1;
        -webkit-animation-fill-mode:forwards;
        -moz-animation-fill-mode:forwards;
        -o-animation-fill-mode:forwards;
        animation-fill-mode:forwards;
}
.img-fade-in-5s {
        -webkit-animation-duration:5s;
        -moz-animation-duration:5s;
        -o-animation-duration:5s;
        animation-duration:5s;
}

/* Key frames */
@-webkit-keyframes fadein { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadein { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadein { from { opacity:0; } to { opacity:1; } }
@keyframes fadein { from { opacity:0; } to { opacity:1; } }

/* Bootstrap callouts */
.bs-callout {margin: 20px 0; padding: 15px 30px 15px 15px; border-left: 2px solid #ddd;}
.bs-callout h4 {margin-top: 0;}
.bs-callout p:last-child {margin-bottom: 0;}
.bs-callout code,.bs-callout .highlight {background-color: #fff;}
.bs-callout-default {background-color: #fff; border-color: #ddd;}
.bs-callout-danger {background-color: #fcf2f2;border-color: #dFb5b4;}
.bs-callout-warning {background-color: #fefbed;border-color: #f1e7bc;}
.bs-callout-info {background-color: #f0f7fd;border-color: #d0e3f0;}
.bs-callout-success {background-color: #dff0d8;border-color: #d6e9c6;}
.bs-callout-graygreen {background-color: #ddd; border-color: #4f773e;}
.bs-callout-changebkg {margin: 20px 0; padding: 15px 30px 15px 15px; border-left: 2px solid #ddd;}
@media (max-width:767px) {.bs-callout-changebkg {background-color: #efebe5/*#e2edf7*/}}

.btn-transparent {
  color: #333;
  background-color: transparent;
  border-color: transparent;
}
.btn-transparent:hover,
.btn-transparent:focus,
.btn-transparent:active, 
.open > .dropdown-toggle.btn-transparent {
  color: #ffffff;
  background-color: #333;
  border-color: #333;
}
.btn-transparent:active,
.btn-transparent.active,
.open > .dropdown-toggle.btn-transparent {
  background-image: none;
}

.btn-graygreen {
  color: #ffffff;
  background-color: #4f773e;
  border-color: #4f773e;
}
.btn-graygreen:hover,
.btn-graygreen:focus,
.btn-graygreen:active, 
.open > .dropdown-toggle.btn-graygreen {
  color: #ffffff;
  background-color: #37532B;
  border-color: #37532B;
}
.btn-graygreen:active,
.btn-graygreen.active,
.open > .dropdown-toggle.btn-graygreen {
  background-image: none;
}

.modal.fade .modal-dialog 
{
    -moz-transition: none !important;
    -o-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;

    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
}

.modal-header {border-bottom: none;}
.modal-footer {border-top: none;}
.modal-content {color: #fff; background-color: #333;}
.close {color: #fff;}