/* @override http://mediastudy.buffalo.edu/wp-content/themes/dms/style.css */

/* @override http://mediastudy.buffalo.edu/wp-content/themes/dms/style.css */

/* @override http://mediastudy.buffalo.edu/wp-content/themes/dms/style.css */

/*
Theme Name: DMS
Theme URI: http://mediastudy.buffalo.edu/
Description: Department of Media Study.
Author: Studio Mercury
Version: 1.0
Tags: dms, buffalo, department of media study, studio mercury, 
*/



/* normalize monospace sizing 
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
 
pre, code, kbd, samp { font-family: monospace, sans-serif; }
 


/* 
 * minimal base styles 
 */


/* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
body, select, input, textarea { color: #333}

/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */ 
 
/* www.aestheticallyloyal.com/public/optimize-legibility/ */ 
h1,h2,h3,h4,h5,h6 { text-rendering: optimizeLegibility; }

/* maxvoltar.com/archive/-webkit-font-smoothing */
html { -webkit-font-smoothing: antialiased; }

 
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

a, a:active, a:visited { }
a:hover { }


ul { margin:0px; padding: 0px; list-style: none; }
ol { margin:0px; padding: 0px; list-style: none; }
li { margin:0px; padding: 0px; list-style: none; }

small { font-size:85%; }
strong, th { font-weight: bold; }

td, td img { vertical-align:top; } 

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre { 
  padding: 15px; 
  
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }


/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
::-moz-selection{ background:rgba(0,0,0,.40); text-shadow: none;  }
::selection { background:rgba(0,0,0,.40); text-shadow: none; } 

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; } 


/* always force a scrollbar in non-IE 
html { overflow-y: scroll; }
*/

/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
 
/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }



/* 
 * Non-semantic helper classes 
 */

/* for image replacement */
.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display:none; visibility:hidden; } 

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/ 
   Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
.visuallyhidden { position:absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX << */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }




/* 
   Primary Styles
   Author: Studio Mercury
		   for DMS
*/

.clickable { cursor:  hand; cursor: pointer;}


/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }

  a, a:visited { !important; text-decoration: none; }

  a:after { content: " (" attr(href) ")"; } 

  abbr:after { content: " (" attr(title) ")"; }
  
  .ir a:after { content: ""; }  /* Don't show links for images */
  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  
  img { page-break-inside: avoid; }

  @page { margin: 0.5cm; }

  p, h2, h3 { orphans: 3; widows: 3; }

  h2, h3{ page-break-after: avoid; }
}



/*
 * Media queries for responsive design
 */

@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  
  /* Prevent iOS, WinMobile from adjusting font size */
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 
  
}





/* 
   WORDPRESS TEMPLATE STYLES
   Author: Studio Mercury
		   for DMS
*/



body { font-size: 12px; font-family: 'EauSansBook'; text-align: left; background-color: black; color: #515151; }
strong { font-family: 'EauSansBold';}
i { font-family: 'EauSansBookOblique'; }

h1 { font-size: 16px; line-height: 18px; }
h2 { font-size: 14px; line-height: 16px;  }
h3 { font-size: 14px; line-height: 16px; text-transform: uppercase; font-family: 'EauSansBold'; margin-bottom: 3px; }

a { color: inherit; }
a:hover { color: #c74400; }

p a { color: #c74400; text-decoration: underline; }

/* Carl added 10-2-2012 */
li a { color: #c74400; }

img { margin: 0px; padding: 0px; }

.alignleft { float: left; }
.alignright { float: right; }

hr { margin: 5px; padding: 0; height: 0px; border: none; border-bottom: 1px dotted #919191; }


header {
	background-color: #000;
	padding-top:10px;
	height: 35px;
	width: 100%;
	position: fixed;
	top:0;
	left:0;
	z-index:1000000;
}

.header-content{
	margin-left:auto;
	margin-right:auto;
	width:960px;
	font-family: 'EauSansBook';
}

#container {
	width: 960px;
	z-index: 1000;
	margin-left: auto;
	margin-right: auto;
	margin-top: 75px;
	position: relative;
}

#content {
	width: 435px;
	float: left;
	margin-left: 175px;
	padding: 25px 25px 25px 75px;
	background-color: #fff;
}

#content ol {
	margin-left: 20px;
}

#content ol li {
	margin-bottom: 20px;
	list-style-position: outside;
	list-style-type: decimal;
}

#content ul {
	margin-bottom: 20px;
}

#content ul li {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 20px;
}
#content-gallery {
	width: 660px;
	float: left;
	padding: 25px 25px 25px 25px;
	background-color: #fff;
}

#content-news {
	width: 635px;
	float: left;
	padding: 25px 25px 25px 50px;
	background-color: #fff;
}	

#content-news ol {
	margin-left: 20px;
}

#content-news ol li {
	margin-bottom: 20px;
	list-style-position: outside;
	list-style-type: decimal;
}

#content-news ul {
	margin-bottom: 20px;
}

#content-news ul li {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 20px;
}

#content-no-margin {
	width: 650px;
	float: left;
	padding: 25px 25px 50px 75px;
	background-color: #fff;
}

#content p {
	clear: both;
}





#person-content {
	width: 510px;
	float: left;
	margin-left: 150px;
	padding: 25px 25px 25px 25px;
	background-color: #fff;
}

.person-content-left {
	float: left;
	width: 160px;
	font-size: 10px;
}

.person-content-right {
	float: right;
	width: 325px;
}

.single-person-image {
	float: right;
}

.person-info-holder {
	width: 320px;
	position: absolute;
	margin-top: 200px;
	margin-left: -160px;
}

#person-info {
	width: 300px;
	padding: 10px;
	color: #fffeff;
	background-color: #000;
	left: 0;
	font-size: 10px;
	line-height: 16px;
	margin-top: 25px;
}

.person-title-tax {
	font-size: 12px;
	color: #000;
	padding-bottom: 5px;
	font-family: 'EauSansBold';
}

.person-contact-info {
	font-family: 'EauSansBold';
	color: #c74400;
}

.current_page_item {
	color: #c74400;
}

#person-title {
	width: 520px;
	margin-left: 150px;
	padding: 15px 20px 10px;
	font-size: 28px;
	color: #000;
	background: #fff url(images/bkg-person-title.jpg) repeat;
	float: left;
}

#title {
	width: 495px;
	float: left;
	margin-left: 175px;
	padding: 20px;
	font-size: 18px;
	background-color: #969696;
	color: #fffeff;
}

#title-news {
	width: 670px;
	float: left;
	padding: 20px;
	font-size: 18px;
	background-color: #969696;
	color: #fffeff;
}

#page-image {
	width: 535px;
	float: left;
	margin-left: 175px;	
	overflow: hidden;
	background-color: white;
}


#backgroundImage{
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: -9999;
}

.edit-link {
	position: fixed;
	padding: 6px;
	background-color: #af390e;
	z-index: 9999;
	font-size: 12px;
	top: 45px;
	width: 948px;
	color: #fffeff;
	font-family: 'EauSansBold';
	text-transform: uppercase;
}
.edit-link a:hover {
	color: #fdf774;
}

/* @group Navigation */

#navigation-container{
	background-image: url('images/naviback.png');
	padding-top: 10px;
	padding-bottom: 10px;
	position:fixed;
	width: 960px;
	top: -550px;
	opacity: 0;
	z-index: 99999;
	overflow: visible;
}

#navigation{
	width: 100%;
	height: 100%;
	float:left;
}

.nav-link {
	
	color: #c74400;
	font: 20px 'EauSansBlack';
}


.menu{
	padding: 5px;
}

.menu > li {
	float: left;
}

.menu > li > a {
	color: #969696;
	float: left !important;
	font-size: 45px;
	font-family: 'EauSansBlack';
	text-transform: uppercase;
}

.menu > li > a: hover {
	color: white;
}

.menu, .menu .sub-menu{
	list-style: none;
}

.menu .sub-menu{
	z-index: 200000000;
}

.menu .sub-menu li:hover{
	background-color: #af390e;
}

.menu .sub-menu li{
	line-height: 25px;
	width:  100%;
}

.menu .sub-menu li > a{
	width: 100%;
	display: block;
	padding: 0 !important;
	margin: 0 !important;
	text-indent: 5px;
	font-family: 'EauSansBold';
	text-transform: uppercase;
}

.menu .sub-menu li > .sub-menu li a{
	font-family: 'EauSansBook';
	text-indent: 15px !important;
	text-transform: none !important;
}

.menu .sub-menu li > .sub-menu li > .sub-menu li a{
	font-family: 'EauSansBook';
	text-indent: 25px !important;
	text-transform: none !important;
}

.menu .sub-menu li > .sub-menu li > .sub-menu li:hover{
	background-color: #551703;

}

.menu .sub-menu li > .sub-menu li:hover{
	background-color: #8f2d09;
}


/* @end */











/* @group FRONT */

#frontMenu-container{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	opacity: 0;
	height: 335px;
}

.front-menu > li {
	float: left;
	margin-bottom: 10px;
}

.front-menu > li > a {
	color: white;
	float: left !important;
	font-size: 45px;
	font-family: 'EauSansBlack';
	text-transform: uppercase;
}

.front-menu > li > a: hover {
	color: white;
}

.front-menu, .front-menu .sub-menu{
	list-style: none;
}

.front-menu .sub-menu{
	z-index: 200000000;
}

.front-menu .sub-menu li:hover{
	background-color: #af390e;
}

.front-menu .sub-menu li{
	line-height: 25px;
	width:  100%;
}

.front-menu .sub-menu li > a{
	width: 100%;
	display: block;
	padding: 0 !important;
	margin: 0 !important;
	text-indent: 5px;
	font-family: 'EauSansBold';
	text-transform: uppercase;
}

.front-menu .sub-menu li > .sub-menu li a{
	font-family: 'EauSansBook';
	text-indent: 15px !important;
	text-transform: none !important;
}

.front-menu .sub-menu li > .sub-menu li > .sub-menu li a{
	font-family: 'EauSansBook';
	text-indent: 25px !important;
	text-transform: none !important;
}

.front-menu .sub-menu li > .sub-menu li > .sub-menu li a:hover{
	background-color: #551703;

}

.front-menu .sub-menu li > .sub-menu li:hover{
	background-color: #8f2d09;
}

.front-news-date {
	text-transform: uppercase;
	font: 10px/20px 'EauSansBold';
}

.front-news-title {
	text-transform: uppercase;
	font: 20px 'EauSansBold';
}


.front-news-excerpt {
	line-height: 12px;
	padding-top: 4px;
	font-size: 10px;
}

.front-news-background{
	position: absolute;
	z-index: -1;
	padding-left: 30px;
	padding-bottom: 30px;
	margin-top: -15px;
	margin-left: -15px;
}

.news-list {
	width: 100%;
	float: left;
}

ul.news-list{
	width: 100%;
	list-style: none !important;
	margin: 0;
	padding: 0;
}

ul.news-list li {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	padding-bottom: 25px !important;
	margin-bottom: 25px !important;
	border-bottom: 1px dotted #636464;
}

h3.news-post-title { font-size: 20px; line-height: 20px; text-transform: uppercase; font-family: 'EauSansBold'; margin-bottom: 3px; }


.home-news-list {
	width: 100%;
	float: left;
	color: #fffeff;
}

.home-news-list ul{
	width: 100%;
	float: left;
}

.home-news-list ul li {
	width: 210px;
	float: left;
	padding: 15px;
	min-height: 125px;
}

.home-news-list ul li:hover {
	background-color: #fffeff;
	color: #c74400; 
}

/* @end */




#button-container {
	width: 200px;
	display: block;
	float: right;
	margin-right: 50px;
}

#button-container #button {
	font-size: 11px;
	color: #feffff;
	text-align: center;
	padding: 3px 10px;
	border: 1px solid #feffff;
	float: right;
	margin-right: 15px;	
}

#logo-container {
	float: left;
	cursor: hand;
	cursor: pointer;
}

#logo {
	height: 25px;
	width: 255px;
	float: left;
	background: url(images/logo.png) no-repeat 0px;
}

#dropdown{
	background: url(images/dropdown.png) no-repeat right 0px;
	cursor: pointer;
	float: left;
	border: 1px solid #feffff;
	color:  white;
	font-size: 11px;
	padding: 3px 25px 3px 10px;
}


ul.dotted-line {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

ul.dotted-line li {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: 1px dotted #c5c5c5;
	margin-bottom: 20px !important;
}





/* @group News */

.date {
	font-size: 11px;
	text-transform: uppercase;
	color: #919191;
	padding-bottom: 5px;
}

.news-date {
	text-transform: uppercase;
	color: #cacaca;
}

.news-title {
	text-transform: uppercase;
	font: 11px 'EauSansBold';
}

.news-excerpt {
	color: #cacaca;
	line-height: 14px;
	padding-top: 4px;
}

.news-tag-cloud {
	margin-top: 25px;
	padding: 10px;
	float: left;
	background-color: #fff;
}
.news-tag-cloud a {
	line-height: 10px;
}

.news-tag-title {
	color: #000;
	font: 14px 'EauSansBold';
	padding-bottom: 10px;
}

.news-search {
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #fff;
	width: 98%;
	margin-top: 25px;
	padding-right: 2%;
}

.news-search div {
}

/* @end */





/* @group Search */

input#searchsubmit {
	font-size: 10px;
	color: #feffff;
	text-align: center;
	border: 1px solid #feffff;
	background: #000 url(images/searchSubmit.png) no-repeat;
	width: 24px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: right;
}

#searchform {
	float: right;
}

input#s {
	height: 16px;
	font: italic 10px 'EauSansBookOblique';
	width: 175px;
	margin: 0 10px 0 0;
	padding: 3px;
	float: left;
}

.searchDivision{
	background-color: black;
	color:  white;
	font-weight: bold;
	padding-left: 10px;
}

.searchDivision span{
	float: right;
	margin-right: 10px;
}

.searchTitle{
	margin-top: 10px;
	color: black;
	margin-left: 10px;
	font-weight: bold;
}

.searchExerpt{
	margin-left: 10px;
	margin-bottom: 20px;
}

/* @end */







































































/* @group Sidebar Navigation */

#sidebar .children a:hover{
	color: #c74400 !important;
	background-color: #f4f4f4;
}

ul.parent .pagetitle{
	font-size: 18px;
	text-indent: 15px;
}

ul.parent .pagetitle a{
	float:  left;
	width: 100%;
	padding: 0 !important;
	margin:  0 !important;
	padding: 10px;
	height: 100%;
	background-color: #515151;
}

#sidebar .parent a:hover{
	color: #black;
}

#sidebar {
	width: 225px;
	font-family: 'EauSansBook';
	float: right;
	position: relative;
}

#sidebar ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}



.pagetitle a {
	color: #fff;
}

ul.parent {
	background-color: #666;
	color: #fff;
	font-size: 14px;
	line-height: 30px;
}

ul.parent li {
	text-transform: uppercase;
	text-indent: 15px;
	
}

ul.parent li > a{
	width:  100%;
	float: left;
	background-color: #666;
	cursor:  hand;
	cursor: pointer;
}

ul.children {
	background-color: #fff;
	color: #000 !important;
	font-size: 12px;
	font-family: 'EauSansBold';
	float: left !important;
	padding: 5px !important;
	width: 215px;
}

ul.children li {
	width: 100%;
	float: left;
	text-indent: 10px;
	text-transform: uppercase;
}

ul.children li a {
	float: left;
	width: 100%;
	border-bottom: 1px dotted #cacaca;
	color: #000;
	background-color: white;
}

ul.children li ul.children {
	font-size: 10px;
	line-height: 18px;
	font-family: 'EauSansBook';
	padding: 0 !important;
	width: 100%;
}

ul.children li ul.children li {
	text-transform: none;	
	text-indent: 20px !important;
	cursor:  hand;
	cursor: pointer;
}

ul.children li ul.children li a {
	border: none;
}

ul.children li ul.children li ul.children li{
	text-transform: none;	
	text-indent: 35px !important;
	font-family: 'EauSansBookOblique';
	font-style: italic;
	cursor:  hand;
	cursor: pointer;
}



#accordion .parent li > .children{
	display:none;
}

ul.parent li.pagenav ul li.page_item {
}

#accordion .parent li > .children{
	display:none;
}

#sidebar .current_page_item > a { color: #d15815 !important; }

/* @end */

/* @group Footer */

footer {
	width: 960px;
	float: left;
	clear: both;
	padding-top: 20px;	
	padding-bottom: 50px;
	margin-top: 50px;
}

.footer-bar {
	background-color: #424242;
	height: 10px;
	padding: 5px;
}

.footer-image-credit{
	float: left;
	width: 400px;
	font-size: 9px;
	color: #fffefe;	
}

.footer-more-info {
	float: right;
	width: 400px;
	font-size: 9px;
	color: #fffefe;
}

.footer-more-info li ul li {
	float: right;
	padding-right: 5px;
}


/* @end */





/* @group More Info */

.more-info-holder {
	width: 220px;
	position: absolute;
	margin-top: 250px;
}

.more-title {
	font-family: 'EauSansBold';
	text-transform: uppercase;
	margin-bottom: 5px;
}

#more-info {
	width: 200px;
	padding: 10px;
	color: #fffeff;
	background-color: #000;
	left: 0;
	font-size: 10px;
	line-height: 16px;
	margin-top: 25px;
}

#more-info ul.children {
	color: #fffeff !important;
	font-style: normal;
	font-size: 9px;
	font-style: normal !important;
	text-transform: none;
	background-color: #000;
	border-bottom-style: none;
}

#more-info ul.children li a {
	border-bottom: 1px none #cacaca;
	color: #fffeff !important;
	text-transform: none;
	font-weight: normal;
	font-style: normal !important;
}

#more-info ul.children li a:hover {
	color: #c74400 !important;
}

#more-info a:hover {
	color: #c74400 !important;
}

/* @end */





/* @group Gallery */

#gallery-header {
	width: 670px;
	padding: 20px;
	background-color: #feffff;
	float: left;
	
}

.gallery-image {
	float: left;
	margin-bottom: 25px;
}

.gallery-info {
	width: 375px;
	float: left;
}

.gallery-filter {
	width: 200px;
	float: right;
	padding-left: 20px;
	padding-top: 20px;
	border-left: 1px dotted #919191;
}

.gallery-filter ul li {
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-bottom: 10px;
	font-family: 'EauSansBold';
	cursor: pointer;
}

.gallery-filter ul li:hover {
	color: #c74400 !important;
}

.gallery-module {
	width: 200px;
	float: left;
	background-color: #fff;
	margin: 15px 15px 0 0;
	padding: 13px;
}

.gallery-module:hover {
	background-color: #f0f0f0;
}

.gallery-module-thumb {
	margin-right: 10px;
	float: left;
	width: 200px;
}

.gallery-module-info {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.gallery-module-title {
	font-size: 12px;
	color: #000;
}

.gallery-module-artist {
	font-size: 9px;
	font-style: italic;
}

#gallery-content {
	width: 735px;
	float: left;
	
}


.gallery-title {
	font-size: 22px;
}

.gallery-credit {
	font-size: 10px;
}

.gallery-nav {
	float: right;
	width: 250px;
}


/* @end */





/* @group People */

#people-header {
	width: 670px;
	padding: 20px;
	background-color: #feffff;
	float: left;
}

.people-info {
	width: 425px;
}

.people-filter {
	width: 200px;
	height: 100px;
	float: right;
	padding-left: 20px;
	padding-top: 20px;
	border-left: 1px dotted #919191;
}

.people-filter ul li {
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-bottom: 10px;
	font-family: 'EauSansBold';
	cursor: pointer;
}

.people-module {
	width: 227px;
	float: left;
	background-color: #fff;
	margin: 15px 15px 0 0;
}

.people-module:hover {
	background-color: #f0f0f0;
}

.people-module-thumb {
	margin-right: 10px;
	float: left;
	height: 65px;
	width: 65px;
}

.people-module-info {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.people-module-title {
	font-size: 12px;
}

.people-module-position {
	font-size: 9px;
	font-style: italic;
}

#people-content {
	width: 735px;
	float: left;
	
}




/* @end */



/* @group Research */

.research-module-title{
	float: left;
	margin-left: 25px;
	color: black;
	text-transform: uppercase;
	font-family: 'EauSansBold';
}

.research-module-description{
	float: left;
	width: 350px;
	margin-left: 25px;
}

.research-module-thumb{
	float: left;
	margin-top: 3px;
}

.research-module{
	float: left;
	margin-bottom: 10px;
	margin-left: -45px;
}

/* @end */




/* @group Typography */

@font-face {
	font-family: 'EauSansBookOblique';
	src: url('webfonts/eau_sans_book_obl-webfont.eot');
	src: local('☺'), url('webfonts/eau_sans_book_obl-webfont.woff') format('woff'), url('webfonts/eau_sans_book_obl-webfont.ttf') format('truetype'), url('webfonts/eau_sans_book_obl-webfont.svgz#webfontYGKgonFX') format('svg'), url('webfonts/eau_sans_book_obl-webfont.svg#webfontYGKgonFX') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'EauSansBook';
	src: url('webfonts/eau_sans_book-webfont.eot');
	src: local('☺'), url('webfonts/eau_sans_book-webfont.woff') format('woff'), url('webfonts/eau_sans_book-webfont.ttf') format('truetype'), url('webfonts/eau_sans_book-webfont.svgz#webfont4ZYK7BDF') format('svg'), url('webfonts/eau_sans_book-webfont.svg#webfont4ZYK7BDF') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'EauEauSansBookOsF';
	src: url('webfonts/eau_sans_book_osf-webfont.eot');
	src: local('☺'), url('webfonts/eau_sans_book_osf-webfont.woff') format('woff'), url('webfonts/eau_sans_book_osf-webfont.ttf') format('truetype'), url('webfonts/eau_sans_book_osf-webfont.svgz#webfontfxdKCFJ7') format('svg'), url('webfonts/eau_sans_book_osf-webfont.svg#webfontfxdKCFJ7') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'EauSansBookLining';
	src: url('webfonts/eau_sans_book_lng-webfont.eot');
	src: local('☺'), url('webfonts/eau_sans_book_lng-webfont.woff') format('woff'), url('webfonts/eau_sans_book_lng-webfont.ttf') format('truetype'), url('webfonts/eau_sans_book_lng-webfont.svgz#webfontgWdtlTo1') format('svg'), url('webfonts/eau_sans_book_lng-webfont.svg#webfontgWdtlTo1') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'EauSansBookLiningOblique';
	src: url('webfonts/eau_sans_book_lin_obl-webfont.eot');
	src: local('☺'), url('webfonts/eau_sans_book_lin_obl-webfont.woff') format('woff'), url('webfonts/eau_sans_book_lin_obl-webfont.ttf') format('truetype'), url('webfonts/eau_sans_book_lin_obl-webfont.svgz#webfontPG5NcMiA') format('svg'), url('webfonts/eau_sans_book_lin_obl-webfont.svg#webfontPG5NcMiA') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'EauSansBold';
	src: url('webfonts/eau_sans_bold-webfont.eot');
	src: local('☺'), url('webfonts/eau_sans_bold-webfont.woff') format('woff'), url('webfonts/eau_sans_bold-webfont.ttf') format('truetype'), url('webfonts/eau_sans_bold-webfont.svgz#webfontya8NtBh0') format('svg'), url('webfonts/eau_sans_bold-webfont.svg#webfontya8NtBh0') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'EauSansBoldOsF';
	src: url('webfonts/eau_sans_bold_osf-webfont.eot');
	src: local('☺'), url('webfonts/eau_sans_bold_osf-webfont.woff') format('woff'), url('webfonts/eau_sans_bold_osf-webfont.ttf') format('truetype'), url('webfonts/eau_sans_bold_osf-webfont.svgz#webfontn5ZiBli8') format('svg'), url('webfonts/eau_sans_bold_osf-webfont.svg#webfontn5ZiBli8') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'EauSansBoldOblique';
	src: url('webfonts/eau_sans_bold_obl-webfont.eot');
	src: local('☺'), url('webfonts/eau_sans_bold_obl-webfont.woff') format('woff'), url('webfonts/eau_sans_bold_obl-webfont.ttf') format('truetype'), url('webfonts/eau_sans_bold_obl-webfont.svgz#webfontKBbqPGuz') format('svg'), url('webfonts/eau_sans_bold_obl-webfont.svg#webfontKBbqPGuz') format('svg');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'EauSansBoldOsFOblique';
	src: url('webfonts/eau_sans_bold_osf_obl-webfont.eot');
	src: local('☺'), url('webfonts/eau_sans_bold_osf_obl-webfont.woff') format('woff'), url('webfonts/eau_sans_bold_osf_obl-webfont.ttf') format('truetype'), url('webfonts/eau_sans_bold_osf_obl-webfont.svgz#webfontdR1M6Dv0') format('svg'), url('webfonts/eau_sans_bold_osf_obl-webfont.svg#webfontdR1M6Dv0') format('svg');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'EauSansBoldLining';
	src: url('webfonts/eau_sans_bold_lng-webfont.eot');
	src: local('☺'), url('webfonts/eau_sans_bold_lng-webfont.woff') format('woff'), url('webfonts/eau_sans_bold_lng-webfont.ttf') format('truetype'), url('webfonts/eau_sans_bold_lng-webfont.svgz#webfontsnrKBPDF') format('svg'), url('webfonts/eau_sans_bold_lng-webfont.svg#webfontsnrKBPDF') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'EauSansBoldLiningOblique';
	src: url('webfonts/eau_sans_bold_lng_obl-webfont.eot');
	src: local('☺'), url('webfonts/eau_sans_bold_lng_obl-webfont.woff') format('woff'), url('webfonts/eau_sans_bold_lng_obl-webfont.ttf') format('truetype'), url('webfonts/eau_sans_bold_lng_obl-webfont.svgz#webfontwW9sGO1J') format('svg'), url('webfonts/eau_sans_bold_lng_obl-webfont.svg#webfontwW9sGO1J') format('svg');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'EauSansBlack';
	src: url('webfonts/eau_sans_black-webfont.eot');
	src: local('☺'), url('webfonts/eau_sans_black-webfont.woff') format('woff'), url('webfonts/eau_sans_black-webfont.ttf') format('truetype'), url('webfonts/eau_sans_black-webfont.svgz#webfontXHhkhwN5') format('svg'), url('webfonts/eau_sans_black-webfont.svg#webfontXHhkhwN5') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'EauSansBlackOsF';
	src: url('webfonts/eau_sans_black_osf-webfont.eot');
	src: local('☺'), url('webfonts/eau_sans_black_osf-webfont.woff') format('woff'), url('webfonts/eau_sans_black_osf-webfont.ttf') format('truetype'), url('webfonts/eau_sans_black_osf-webfont.svgz#webfontzs1ak3LP') format('svg'), url('webfonts/eau_sans_black_osf-webfont.svg#webfontzs1ak3LP') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'EauEauSansBlackOsFOblique';
	src: url('webfonts/eau_sans_black_osf_obl-webfont.eot');
	src: local('☺'), url('webfonts/eau_sans_black_osf_obl-webfont.woff') format('woff'), url('webfonts/eau_sans_black_osf_obl-webfont.ttf') format('truetype'), url('webfonts/eau_sans_black_osf_obl-webfont.svgz#webfontgcwJw4cC') format('svg'), url('webfonts/eau_sans_black_osf_obl-webfont.svg#webfontgcwJw4cC') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'EauSansBlackOblique';
	src: url('webfonts/eau_sans_black_obl-webfont.eot');
	src: local('☺'), url('webfonts/eau_sans_black_obl-webfont.woff') format('woff'), url('webfonts/eau_sans_black_obl-webfont.ttf') format('truetype'), url('webfonts/eau_sans_black_obl-webfont.svgz#webfontf7WRuMnW') format('svg'), url('webfonts/eau_sans_black_obl-webfont.svg#webfontf7WRuMnW') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'EauSansBlackLining';
	src: url('webfonts/eau_sans_black_lng-webfont.eot');
	src: local('☺'), url('webfonts/eau_sans_black_lng-webfont.woff') format('woff'), url('webfonts/eau_sans_black_lng-webfont.ttf') format('truetype'), url('webfonts/eau_sans_black_lng-webfont.svgz#webfontgJ0Z9AWO') format('svg'), url('webfonts/eau_sans_black_lng-webfont.svg#webfontgJ0Z9AWO') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'EauSansBookOsFOblique';
	src: url('webfonts/eau_sans_book_osf_obl-webfont.eot');
	src: local('☺'), url('webfonts/eau_sans_book_osf_obl-webfont.woff') format('woff'), url('webfonts/eau_sans_book_osf_obl-webfont.ttf') format('truetype'), url('webfonts/eau_sans_book_osf_obl-webfont.svgz#webfontR6pPIQk3') format('svg'), url('webfonts/eau_sans_book_osf_obl-webfont.svg#webfontR6pPIQk3') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'EauSansBlackLiningOblique';
	src: url('webfonts/eau_sans_black_lng_obl-webfont.eot');
	src: local('☺'), url('webfonts/eau_sans_black_lng_obl-webfont.woff') format('woff'), url('webfonts/eau_sans_black_lng_obl-webfont.ttf') format('truetype'), url('webfonts/eau_sans_black_lng_obl-webfont.svgz#webfontEeJn9BuP') format('svg'), url('webfonts/eau_sans_black_lng_obl-webfont.svg#webfontEeJn9BuP') format('svg');
	font-weight: normal;
	font-style: italic;
}

/* @end */