@charset "utf-8";

body {
  padding-top: 50px;
  font-size: 16px;
}

p {
  font-family: serif;
  color: #666;
  font-size: 1.13em;
}

.page-header > .brand {
  margin-right: 1em;
}

hr {
  border-top: 1px dashed #303;
}

.btn.btn-default.dropdown-toggle  {
  border-color: #303;
}

.btn.btn-default.dropdown-toggle:hover {
  background-color: #f90;
}

.dropdown-menu   {
  background-color: #404;
  border-color: #000;
}

.dropdown-menu li a {
  color: #fff;
}

.dropdown-menu li a:hover {
  color: #f90;
  background-color: #404;
}
.navbar-inverse .navbar-brand {
	color: #CFB6DF;
}
.navbar-inverse .navbar-brand:hover {
  color: #f90;
}
.navbar-inverse {
  background-color: rgba(51, 0, 51, .8);
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
	color: #fff;
	background-color: #303;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
	color: #fff;
	background-color: #404;
}
.navbar-nav > li.open > .dropdown-menu {
	margin-top: 0;
  border: none;
	border-top-left-radius: 1em;
	border-top-right-radius: 0;
}
.navbar-inverse .navbar-nav > li > a {
	color: #e6e6e6;
}
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
	color: #f90;
	background-color: transparent;
}
.navbar-inverse .navbar-toggle {
	border-color: #CFB6DF;
}
/*.navbar  {
  background-color: #303;
  opacity: .8;
}

.nav.navbar-nav.navbar-right li a {
  color: #fff;
}

.nav.navbar-nav.navbar-right li a:hover {
  color: #f90;
}

.nav.navbar-nav.navbar-right li a:active {
    color: #fff;
}

.nav.navbar-nav.navbar-right li a:focus {
  color: #f90;
  outline: none;
}

.navbar-inverse .navbar-brand  {
  color: #f90;
}
*/

.section {
  padding-top: 3%;
}

h1 {
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 3.67em;
  color: #303;
  margin-bottom: 3%;
}

h1 small {
  font-size: .5em;
}

h2 {
  padding-top: 1%;
  padding-bottom: 1%;
  text-align: center;
}

.parallax-window {
  min-height: 400px;
  background: transparent;
  width: 100%;
  border-bottom: thin solid #303;
  border-top: thin solid #303;
}

#medium .panel-footer, #subjects .panel-footer {
  background-color: #fff;
  text-align: center;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 1.4em;
  border: none;
}

.copyright {
  font-size: 0.875em;
  color: #303;
  padding: 1.4285714286em;
  text-align: center;
  margin-bottom: 0.7142857143em;
}

footer {
  margin-top: 1.5em;
}

form {
  margin: 0 5%;
}

span.line {
  display: inline-block;
}

@media only screen and (min-width: 768px) {
  .navbar-inverse .navbar-nav > .open > a,
  .navbar-inverse .navbar-nav > .open > a:focus,
  .navbar-inverse .navbar-nav > .open > a:hover,
  .navbar-inverse .navbar-toggle:focus,
  .navbar-inverse .navbar-toggle:hover {
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
  }
  .messages {
    margin: 25px 10% 20px;
  }
}

@media only screen and (max-width: 992px) {
  .parallax-window {
    min-height: 300px;
  }
  .nav > li > a {
    padding-left: 12px;
    padding-right: 11px;
  }
}
@media only screen and (max-width: 768px) {
  .parallax-window {
    min-height: 250px;
  }
  h1 {
    font-size: 2.6em;
  }
}

@media only screen and (max-width: 480px) {
  .parallax-window {
    min-height: 200px;
  }
  h1 {
    font-size: 2.2em;
  }
  table.info {
    font-size: .9em;
  }
}
@media only screen and (max-width: 400px) {
  h1 {
    font-size: 1.7em;
  }
  h3 {
    font-size: 1.3em;
  }
  form {
    margin: 0 0 5%;
  }
}
@media only screen and (max-width: 320px) {
  h1 {
    font-size: 1.5em;
  }
  h1 small {
    font-size: .55em;
  }
  h3 {
    font-size: 1.2em;
  }
}
caption {
  text-align: center;
  font-size: 1.2em;
}
table.info {
  max-width: 26.5em;
  margin-left: auto;
  margin-right: auto;
}
@media print {
  form,
  .btn {
    display: none;
  }
}
.thumbnail {
  border: none;
  display: inline-block;
  min-width: 200px;
  text-align: center;
  position: relative;
}
.img-thumbnail:hover {
  border-color: #66c;
}
.artwork-detail {
  margin-top: 1.5em;
}
.gallery-index a {
  display: inline-block;
}
.gallery-index .caption {
  font-size: .9em;
  padding: 3px;
}
.flagged-pieces .row {
  margin-top: 2em;
}
.flag {
  text-decoration: none;
  font-size: 1.3em;
  position: absolute;
  bottom: .4em;
  right: .3em;
  cursor: pointer;
  color: #ddd;
}
.flag>span:hover {
  color: #f66;
}
.flagged {
  color: #f66;
}
#eec-id {
  position: relative;
}
#eec-id > .flag {
  bottom: .2em;
}
.errorlist {
  color: #c00;
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: .9em;
}
.navbar-inverse .navbar-toggle.starred-menu-button {
  border-color: #f90;
}
.navbar-inverse .navbar-toggle.starred-menu-button > span {
  background-color: #f90;
}
#artworks-list {
  list-style: none;
}
span.sold, span.on-hold {
  display: inline-block;
  font-weight: bold;
  border-radius: 10%;
  color: white;
  background-color: red;
  padding: .3em;
  line-height: 1em;
}
span.on-hold {
  background-color: blue;
}