/*
*************************************************

Harvard University
General Screen Styles

Created by the friendly folks at Happy Cog
http://www.happycog.com/

*************************************************
html{
filter: grayscale(100%);
filter: gray;
-moz-filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
*/

.black-ribbon {
  position: fixed;
  z-index: 9999;
  width: 70px;
}
@media only all and (min-width: 768px) {
  .black-ribbon {
    width: auto;
  }
}

.stick-left { left: 0; }
.stick-right { right: 0; }
.stick-top { top: 0; }
.stick-bottom { bottom: 0; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{text-decoration: none; color:inherit;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{text-decoration: none;}

.main h4 { color: #6c6c6c; }

.alpha { margin-bottom: 11px; color: #363636; font: bold 1.2em Helvetica, Arial, sans-serif; }


.move { position: absolute; left: -9999px; }
.hide { display: none; }
.hidden { visibility:hidden; }
.element-invisible { visibility:hidden; display: none;}
.compact { margin-bottom: 0px; }

.wrap { width: 1000px; margin: 0 auto; } /*change 978 - 1000*/

/*-------------------------------------------
    Carousel
-------------------------------------------
colors: 
comp-a: Ivy: 52854c
comp-b: Mortar: 8c8179
comp-c: Indigo: 293352
comp-d: Crimson: a51c30
*/

.carousel { height: 348px; overflow: hidden; background:#002945; }
	.carousel .wrap { position: relative; }
		.slide-caption { position: relative; z-index: 10; float:right; width: 260px; min-height: 318px; padding: 30px 40px 0 40px;
			background-image: url(../../a/screen/vignette.png);
			background-position: left top;
			background-repeat: no-repeat; }
			.bg-slide-a { background:url(../images/bg-comp-a.png) right no-repeat; }
			.bg-slide-b { background:url(../images/bg-comp-b.png) right no-repeat; }
			.bg-slide-c { background:url(../images/bg-comp-c.png) right no-repeat; }
			.slide-caption h2 { margin-bottom: 20px; color: #fff; font-size: 22px; line-height:30px;}
				.slide-caption h2 a { color: #0f2645; text-decoration: none; padding:10px 0 0 0;}
				.slide-caption h2 a:hover, .slide-caption h2 a:focus { color:#FF9900; text-decoration:none; }

			.slide-callout { width: 1000px; }
				/*.slide-callout p { float: left; max-width: 220px; min-height: 19px; margin-bottom: 5px; padding:0 20px 6px 14px;  text-transform: uppercase; color:#CCC; font-size: 14px; line-height: 22px; } */
				.slide-callout p { float: left; max-width: 220px; min-height: 19px; margin-bottom: 5px; padding:0 20px 6px 14px;  color:#CCC; font-size: 14px; line-height: 22px; }
					.slide-callout p:hover {  }
					.slide-callout p a { color:#0f2645; text-decoration: none; }
					.slide-callout p a:hover, .slide-callout p a:focus { color: #FF9900; text-decoration:none; }

				.slide-callout .more { padding: 0; }
				
					.slide-callout .more a { display: inline-block; min-height: 19px; padding: 8px 10px 7px 10px; background: none; color: #fff; text-transform: none; font-weight: normal; font: italic 1.15em Georgia, "Times New Roman", serif; }
					.slide-callout .more a:hover, .slide-callout .more a:focus { background: #000; text-decoration: none; color:#fff; }
		.carousel-image { position: absolute; right: 0; }
	.carousel-item { position: relative; }	
	.carousel-item-secondary { display: none; }



/* flat color for headshot variant */
#carousel_slide_headshot { background-image: none; }


/* Classes for pagination */
.pagings span.number { font-weight:bold; }
.pagings .number {margin-right:7px;}
.pagings .previous { margin-right:15px; }
.pagings .next { margin-left:15px;}
.pagings { margin:20px 0px; text-align:center; }
.pagings a { text-decoration:none; }
.pagings a:visited, .pagings a:hover { }
.pagings a:hover { text-decoration:underline; }