/* day css */

#dummy-element { width: 2px; }

#loading {
   background: rgba(255,255,255,.8);
 }

#loading img.load-img { display: none; }
#loading img.load-img-light { 
	/*background: #fff;
	border-radius: 50%;*/
	display: block; 
	/*padding: 10px;*/
}

.top {
  display: none;
}

.top.show {
	display: block;
}

body {
    background: #282d2f;
    color: #666;
}

.shell {
	background: #fff;
}

hr { background: #ccc; }

header h1 {
	background: url(/images/fbclogo-light.png) no-repeat;
	background-size: 100% auto;
}

#switcher #night:after {
	color: rgba(0,0,0,.35);
}

section.main h1,
section.main h2 {
	border-bottom: 1px solid #ccc;
	color: #333;
}

section.main h1 a,
section.main h2 a {
	color: #666;
}

section.main h1 a:active,
section.main h2 a:active,
section.main h1 a:focus,
section.main h2 a:focus,
section.main h1 a:hover,
section.main h2 a:hover {
	color: #000;
}

.header-bg {
	background: rgba(255, 255, 255, 0.85);
	border-bottom: 1px solid #ccc;
}

#content .legend ul li {
	color: #333;
	color: rgba(0,0,0,.8);
}

.legend ul li a {
	color: rgba(0, 0, 0, 0.5);
}

.legend ul li a:hover {
	color: #333;
}

.legend ul li:before {
	color: #999;
}

.ma-infinitypush-wrapper .ma-infinitypush-button::after {
	color: #298dc6;
}

.ma-infinitypush-wrapper .ma-infinitypush-button {
  background: none;
  border-bottom: 12px double #999;
  border-top: 4px solid #999;
}

.category-nav ul li::after {
	color: #999;
}

.category-nav ul li a {
	color: #298dc6;
}

.category-nav ul li.selected a,
.category-nav ul li a:hover {
	color: #333;
}

.top {
	border: 1px solid rgba(0, 0, 0, 0.3);
	color: #666;
}

.top:active,
.top:focus,
.top:hover {
	border: 1px solid #000;
	color: #333;
}

#switcher #day a {
    color: #999;
}

#switcher #night a {
    color: #298dc6;
}

#switcher #day a:hover,
#switcher #night a:hover {
    color: #333;
}

.publications h3 {
	/*border-bottom: 1px solid rgba(0,0,0,.25);*/
  color: #298dc6;
}

.publications div {
	border-bottom: 1px solid rgba(0,0,0,.25);
  color: rgba(0,0,0,.75);
  padding-bottom: 10px;
}

section.main .terms h3 {
	border-bottom: 1px solid #ccc;
	color: #000;
}

.fieldset label {
	color: #298dc6;
}

.fieldset input[type="text"],
.fieldset input[type="email"],
.fieldset input[type="file"],
.fieldset input[type="password"],
.fieldset select,
.fieldset textarea {
	background: #eee;
	box-shadow: 1px 1px 2px #666 inset;
	color: #333;
}

.fieldset input[type="text"]:active,
.fieldset input[type="text"]:focus,
.fieldset input[type="email"]:active,
.fieldset input[type="email"]:focus,
.fieldset input[type="file"]:active,
.fieldset input[type="file"]:focus,
.fieldset input[type="password"]:active,
.fieldset input[type="password"]:focus,
.fieldset select:active,
.fieldset select:focus,
.fieldset textarea:active,
.fieldset textarea:focus {
  background: #f4f4f4;
  color: #000;
}

.button {
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.5);
}

ul.panoramas li p {
    color: rgba(0, 0, 0, 0.5);
}

.zoom-overlay {
	background: #fff;
}

.zoom-overlay .image-title {
	color: #298dc6;
}

.close-pan {
	color: #666;
}

.close-pan:hover {
	color: #000;
}

.grid li p {
	background: #fff;
	background: rgba(255,255,255,.6);
	color: #000;
}

footer .top {
	border: 1px solid rgba(255, 255, 255, 0.3);
  color: #666;
}

footer .top:hover { 
	border: 1px solid #fff;
  color: #fff;
}

/* **************************************** MEDIA QUERIES ************************************************** */


/* 768px */
@media only screen and (min-width: 768px) {
	#switcher {
		color: #646464;
	}

	header #switcher #day a {
		color: #999;
	}

	header #switcher #night a {
		color: #298dc6;
	}

	header #switcher #day a:active,
	header #switcher #day a:focus,
	header #switcher #day a:hover,
	header #switcher #night a:active,
	header #switcher #night a:focus,
	header #switcher #night a:hover {
		color: #333;
	}

	section.main {
		background: #e5e5e5 url(../images/bgwhite.jpg) no-repeat center 92px;
		background-attachment: fixed;
	}

	.fieldset input[type="text"],
	.fieldset input[type="email"],
	.fieldset input[type="file"],
	.fieldset input[type="password"],
	.fieldset select,
	.fieldset textarea {
		background: #f6f6f6;
		box-shadow: 1px 1px 2px #999 inset;
		color: #666;
	}

	.fieldset input[type="text"]:active,
	.fieldset input[type="text"]:focus,
	.fieldset input[type="email"]:active,
	.fieldset input[type="email"]:focus,
	.fieldset input[type="file"]:active,
	.fieldset input[type="file"]:focus,
	.fieldset input[type="password"]:active,
	.fieldset input[type="password"]:focus,
	.fieldset select:active,
	.fieldset select:focus,
	.fieldset textarea:active,
	.fieldset textarea:focus {
	  background: #fff;
	  color: #000;
	}

}

/* 1024px */
@media only screen and (min-width: 992px) {

}

/* Infinity Push */


.ma-infinitypush-wrapper {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from((#fff)), to(#ddd));
  background-image: -webkit-linear-gradient(left, #fff, #ddd);
  background-image: -moz-linear-gradient(left, #fff, #ddd);
  background-image: -o-linear-gradient(left, #fff, #ddd);
  background-image: linear-gradient(to right, #fff, #ddd);
  border-left: 1px solid #999;
}

.ma-infinitypush-open .ma-infinitypush-wrapper {
  box-shadow: 0 0 20px rgba(0,0,0,.5);
}

.ma-infinitypush-wrapper .ma-infinitypush-button {
  border-bottom: 12px double #ccc;
  border-top: 4px solid #ccc;
}

#primary-navigation h2 {
	color: #298dc6;
}

.primary-navigation-list {
	border-bottom: 1px solid #fff;
  border-top: 1px solid #ccc;
}

#primary-navigation .list-item {
	border-bottom: 1px solid #ccc;
  border-top: 1px solid #fff;
	color: rgba(0, 0, 0, 0.5);
	position: relative;
}

#primary-navigation .list-item.dd:before {
	color: #000;
	position: absolute;
	right: 5px;
	top: 10px;
}

#primary-navigation .subnav-open.list-item.dd a,
#primary-navigation .list-item.selected a  {
  color: #000;
}

#primary-navigation .list-item a {
	color: rgba(0, 0, 0, 0.5);
}

#primary-navigation .list-item:hover {
	background: rgba(0,0,0,.05);
}

#primary-navigation .list-item:hover a {
	color: #000;
}

#primary-navigation .sub-wrapper { 
	background: #e1e1e1;
}

#primary-navigation .sub-wrapper .sub-list-item {
	color: #333;
}

#primary-navigation .sub-wrapper .sub-list-item a:hover {
	color: #fff;
}

#primary-navigation .sub-wrapper .sub-list-item.dd:before {
	color: #000;
}

#primary-navigation .sub-wrapper .sub-list-item.subsubnav-open a {
	color: #000;
}

#primary-navigation .sub-sub-wrapper {
	background: #444;
}

#primary-navigation .sub-sub-wrapper div a {
    color: rgba(255, 255, 255, 0.6);
}

#primary-navigation .sub-sub-wrapper div.selected:before {
	border-left: 7px solid #ddd;
}


#primary-navigation .sub-wrapper .sub-list-item a:hover,
#primary-navigation .sub-wrapper .sub-list-item.selected > a {
	color: #000;
}

#primary-navigation .sub-wrapper .sub-list-item div a:hover,
#primary-navigation .sub-sub-wrapper div a:hover,
#primary-navigation .sub-wrapper .sub-sub-wrapper .sub-list-item a:hover,
#primary-navigation .sub-sub-wrapper div.selected a {
    color: #fff;
}

#lg-outer {
	background: rgba(255, 255, 255, 0.92);
}

.custom-html {
    background: rgba(255,255,255,.8);
    color: #298dc6;
}

#lg-close, 
#lg-close:active, 
#lg-close:focus, 
#lg-close:hover {
	color: #999;
}

#lg-action a, 
#lg-action a:active, 
#lg-action a:focus, 
#lg-action a:hover {
	color: #999;
}