/* $Id: style.css 2447 2011-11-14 14:20:21Z jpennypa $ */

/**************************************************************************************************
* Brown University Department Template Screen Styles 2010 Design
* Ursa Minor drupal theme based on Garland
*
*
* em calculations based on default font size of 16px; and a 21px baseline
* paragraph copy is .875em (14px) and leading is 1.5em (21px).
* 
* ****      NB:  DO NOT STYLE #body-content                   ****
* ****      IT'S A PAGE ANCHOR AT THE TOP OF THE CONTENT      ****
* ****      AND IT LOOKS DIFFERENT ON EVERY PAGE              ****
* 
* @author John Pennypacker <John_Pennypacker@brown.edu>
*
**************************************************************************************************/

@import "masthead.css";
@import "footer.css";

/* START WITH RESET, THEN GENERAL STYLES */
body, ul, ol, dl, li, p, div, header, footer, section, h1, h2, h3, h4, h5, h6, dialog, nav, section {
	margin: 0; padding: 0;
}
body {
	background-color: #3a1e1a;
}
a img { border: 0; }

.headlines-nav a, #more-news-button a {
	outline: none;
}

body {	
	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
	background: #fff;
}

article, section, dialog {
	display: block;
}

.access {
	display: block;
	position: absolute;
	top: -999px;
}

.clear {
}


/* Firefox will not render an address area properly, so style the contents, not the <address> */
.vcard {
	font-style: normal;
	font-size: .9125em;
	margin-bottom: 2em;
}

.vcard .type {
	font-weight: normal;
}

.vcard span, .no-wrap {
	white-space: nowrap; /* helps keep United States on one line */
}




/*
input {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
  font-: 12px/100% Verdana, sans-serif;
  color: #494949;
}

textarea, select {
  font: 12px/160% Verdana, sans-serif;
  color: #494949;
}
*/

/* ### HEADLINES ### */
h1, h2, h3, h4, h5, h6 {
	color: #2f2a20;
}
h1 {	
	font: bold 1.25em/1.5em Georgia, serif; /* 20px */
	margin-bottom: .6em; /* 20*1.5=30; 42px-30px=12px; 12px/20px = .6em */
}
h2 {	
	font: bold 1.125em/1.5em Georgia, serif; /* 18px */
	margin-bottom: .833333em; /* 18*1.5=27; 42px-27px=15px; 15px/18px = .833333em */
}
h3 {	
	font: bold 1.125em/1.3125em "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif; /* 16px */
	margin-bottom: 1em;
}
h4 {	
	font: bold 1.125em/1.3125em "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif; /* 16px */
	margin-bottom: 0; /* 16*1.5=24; 42px-24px=18px; 18px/16px = 1.125em */
}
h5 {	
	font: bold 1em/1.3125em "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif; /* 16px */
	margin-bottom: 0; /* 16*1.3125=21; 21px-21px=0; 0/16px = 0 */
	}
h6 {	
	font: bold .9375em/1.4em "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif; /* 13px */
	margin-bottom: 0; /* 15*1.466666em=21; 42px-21px=21px; 21px/15px = 1.4em */
}

/* this is a style that matches the column heading in the styleguide */
.column-header {
	font: normal .875em/1.4em "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif; /* 12px */
	background-color: #eeece6;
	border-bottom: .1em solid #aba698;
	line-height: 1.5em;
	padding: .5em;
	text-transform: uppercase;
}

h2.sIFR-replaced {
	margin-bottom: 0;
}

.content, #first-time, .help, article .links li a, .submitted {
	color: #2f2a20;
	font-size: .75em; /* 12px */
}
.main-article {
	font-family: Georgia, Times, serif;
	font-size: .875em; /* 14px */
}
article .content {
	font-family: Georgia, Times, serif;
	font-size: 1em; /* 14px */
}
.content, p, div.p, ul, ol, dl {
	line-height: 1.5em; /* 21px (our baseline) */
	margin-bottom: 1.5em;
}
.fieldset-wrapper p, fieldset p {
	font-size: .75em; /* 12px */
}
.main-column .view-content .views-row {
	font-size: .75em; /* 12px */
}
.main-column .feed-icon, .node-type-list  {
	font-size: .75em;
}

.main-column .view-content .views-row h4 {
	/* Because views-row is small, we need to re-enalrge headlines within it.  
	   I'd call this a bug */
	font-size: 1.333333em; /* 16px */
}
.main-column .view-content .views-row h5 {
	/* Because views-row is small, we need to re-enalrge headlines within it.  
	   I'd call this a bug */
	font-size: 1.33333em; /* 16px */
}
.main-column .view-content .views-row h6 {
	/* Because views-row is small, we need to re-enalrge headlines within it.  
	   I'd call this a bug */
	font-size: 1.25em; /* 15px */
}


.mb {
	color: #2f2a20;
	line-height: 1.5em; /* 21px (our baseline) */
	margin-bottom: 1.3125em;
}

li ul, li ol, li dl, li p, li h1, li h2, li h3, li h4, li h5, li h6,
p ol, p ul, p dl, 
dl dl {
	font-size: inherit; 
	line-height: 1.5em;
}

li {
	margin-left: 1.5em;
}
dt { font-style: italic; }
dd { 
	line-height: 1.125em;
	margin-left: 1.75em;
}
.node-type-list dd {
	margin-bottom: .5em;
}
.tabs li {
	font-size: .75em;
	margin-left: 0;
	top: 2px;
	position: relative;
}
.tabs li a {
	border-top-left-radius: .25em;
	border-top-right-radius: .25em;
}



/* LIST COLUMNS */

.list-columns {
	overflow: auto;
}
.list-columns ol, .list-columns ul{
	width: 33%;
	float: left;
	list-style: none;
	margin: 0; padding: 0;
}
.list-columns ol li {
	margin-left: 0;
}




table { 
	margin-bottom: 1.5em;
	color: #2f2a20;
	width: 100%;
	border: .1em solid #d7d5d3;
	border-width: .1em 0 0 .1em;
	border-collapse: collapse;
}
table ul, table ol, table dl, table p, table h1, table h2, table h3, table h4, table h5, table h6 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
	font-size: 1em; 
	line-height: 1.5em;
}

/* browser support for this is limited */
tr:nth-child(even), tr.even, tr.even {
	background-color: #efece4;
}
tr:nth-child(odd), tr.odd, tr.odd {
	background-color: #fff;
}
th, td { 
	font-size: .75em; /* 12px */
	line-height: 1.3125em; /* 21px (our baseline) */
	padding: 0 1em;
	line-height: 1.428571em;
	border-bottom: .1em solid #aba698;
	border-right: .1em solid #aba698;
}
td .description, td label {
	font-size: inherit;
}
th, td, table caption {
	font: normal .875em "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
	border: .1em solid #d7d5d3;
	border-width: 0 .1em .1em 0;
	vertical-align: top;
}
th, td, table caption {
	font-size: .75em;
}
thead th { 
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	background-color: #aba698;
	padding: 1.25em; /* 15px padding / 12px font-size = 1.25; */
}
td, tbody th {
	padding: .875em;
}
tbody th, tbody th  {
	font-weight: bold;
}

th, thead th, tbody th {
	border-color: #d7d5d3
}
.numeric { text-align: right; }

/* nested tables */
td td, td th {
	font-size: 1em;
}
td thead th {
	padding: .875em;
}



blockquote {
	padding-left: 2.25em;
	font-style: italic;
	line-height: 1.25em;
	margin: 0;
}

blockquote p {
	font-size: 1em;  /* same size as .note */
	line-height: 1.75em;
	margin-bottom: 1em;
}

blockquote cite {
	display: block;
	text-align: right;
}
blockquote cite:before {
	content: "\2014 ";
}
cite {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
	font-size: .75em; /* 10px */
	font-style: normal;
	text-transform: uppercase;
}

.pullquote {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
	font-size: 1.25em; /* 18px  ish */
	font-style: italic;
	line-height: 1.5em; /* 22px */
	float: left;
	width: 45%;
	color: #aba698;
	padding-left: 0;
	padding-right: 1em;
}
blockquote.pullquote p {
	line-height: 1.5em;
	color: #aba698;
}

.pullquote cite {
	display: inline;
	color: #2f2a20;
	font-size: .625em; /* 10px */
	font-weight: bold;
}
.pullquote cite:before {
	content: "";
}


sub, sup {
	font-size: .75em;
	line-height: 0;
}

dfn, abbr, acronym {
	font-style: italic;
	text-decoration: none;
	border-bottom: 1px dotted #333; 
}

samp, kbd, code {
	font: normal inherit Monaco, Courier, monospace;
	white-space: pre;
}
samp, kbd {
	color: #000;
}

code {
	color: #006;
}

var, .vars {
	color: #060;
}

abbr { 
	font-style: inherit;
}

label, legend {
	font-size: .75em;
	line-height: 1.75em;
	font-weight: normal;
}




/*
hr {
  margin: 0;
  padding: 0;
  border: none;
  height: 1px;
  background: #5294c1;
}
*/
/*
tr.info {
  background-color: #edf5fa;
}
tr.drag {
  background-color: #fffff0;
}

tr.drag-previous {
  background-color: #ffd;
}

tr.odd td.active {
  background-color: #ddecf5;
}

tr.even td.active {
  background-color: #e6f1f7;
}

td.region, td.module, td.container, td.category {
  border-top: 1.5em solid #fff;
  border-bottom: 1px solid #b4d7f0;
  background-color: #d4e7f3;
  color: #455067;
  font-weight: bold;
}

tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category {
  border-top-width: 0;
}
*/



span.form-required {
  color: #c00404;
}

span.submitted, .description {
  font-size: 0.75em;
  line-height: 1.75em;
  margin-bottom: 0.75em;
  color: #2f2a20;
}
.form-item .description {
	font-size: .625em;
	color: #666;
}

.field-prefix {
  font-size: 0.75em;
  line-height: 1.75em;
}

.messages, .preview {
  margin: .75em 0 .75em;
  padding: .5em 1em;
}

.messages ul {
  margin: 0;
}

div.draft-message {
	background-color: #f2d7d7;
	border: .1em solid #c00404;
	text-align: center;
}

.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
  margin: 0.25em 0;
}

.content ol {
	list-style-type: decimal;
}
.content ul {
	list-style-type: disc;
}
.content ol ol {
	list-style-type: lower-alpha;
}
.content ol ol ol  {
	list-style-type: lower-roman;
}


li.roman-upper { list-style-type: upper-roman; }
li.roman-lower { list-style-type: lower-roman; }
li.alpha-upper { list-style-type: upper-alpha; }
li.alpha-lower { list-style-type: lower-alpha; }
li.greek-lower { list-style-type: lower-greek; }


p.no-space {
	margin-bottom: 0;
}

.content ul ul,
.content ol ol {
	margin-bottom: 0;
	margin-left: 1em;
}

p.bio-name {
	font: bold 1.125em/1.5em Georgia,serif;
	margin-bottom: 0;
	color: #2f2a20;
}

p.bio-title {
	font: bold 1.0625em/1.5em Georgia,serif;
	margin-bottom: 0;
	color: #2f2a20;
}

p.bio-intro {
	clear: left;
}    

.no-bullet        { background: none; list-style: none; list-style-image: none; }
.small           { font-size: .8em; line-height: 1.875em; }
.large           { font-size: 1.2em; line-height: 1.25em; }
.highlight       { background: #ffc; }


/** COMMON BROWN-SPECIFIC ELEMENTS **/

#banner {
	overflow: hidden;
	position: relative;
}

.robust-banner {
	margin-top: -2.5em !important;
}
.sub-banner {
	margin-top: -4.125em !important;
}

.banner-text {
	position: absolute;
	left: 1em;
	top: 4.625em;
}

.banner-text h1 {
	font-size: 1em;
	margin-bottom: .125em;
	padding: .5em 0 0;
}
.robust-banner .banner-text h1 {
	margin-bottom: 1em;
}
.banner-text h1.sIFR-replaced {
	margin-bottom: 0;
}
.banner-text h1 a {
	font-size: 3em;
	margin-bottom: .125em;
}
.banner-text h1 a img {
	margin-right: .25em;
}
.robust-banner .banner-subtext {
	font-size: .875em;
}
.banner-subtext {
	font-size: .75em;
}
.banner-text h1 a:link, .banner-text h1 a:visited, .banner-text .banner-subtext {
	color: #fff;
}
.banner-text h1 a:link, .banner-text h1 a:visited, .banner-text .mission {
	width: 40%;
}
.banner-text .bare-banner-link {
	text-indent: -999em;
	display: block;
	float: none;
	width: 940px;
	margin: 0 -1em;
}

.reminder {
	background-color: #eeece6;
	color: #2f2a20;
	margin: 1em 1em 1em 0;
}
.reminder h2 {
	font-weight: normal;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
	margin-bottom: .25em;
}

.help {
	background-color: #eeece6;
	color: #2f2a20;
	padding: 1em;
}

.page-tools a {
	font-family: Georgia, Times, serif;
	font-size: .6875em;
	font-weight: bold;
	text-transform: uppercase;
}
.page-tools span {
	display: block;
	margin-top: .5em;
}
.page-tools a:link {
	color: #3a1e1a;
}
.print-this-page, .share-this-page {
	padding-left: 1.375em;
	position: relative;
}
.print-this-page {
	background: transparent url("../img/icon-print.png") 0 50% no-repeat;
}
.share-this-page {
	background: transparent url("../img/icon-share-this.png") 0 50% no-repeat;
}

.page-tools .sIFR-replaced {
	background-position: 0 10%;
}


.page-tools .sIFR-replaced {
	background-position: 0 10%;
}

#print-share:after {
	content: ".";
	display: block;
	height: 0;
	clear: left;
	visibility: hidden;
}

.page-tools-png a {
	position: relative;
	font-family: Georgia, Times, serif;
	font-size: .6875em;
	font-weight: bold;
	text-transform: uppercase;
	background-image: url("../img/page-tools-sprite.png");
	background-repeat: no-repeat;
	text-indent: -999em;
	display: block;
	width: 140px;
	height: 28px;
}
.print-this-page {
	background-position: 0 0;
}
.share-this-page {
	background-position: 0 -27px;
}
.print-this-page:hover {
	background-position: -160px 0;
}
.share-this-page:hover {
	background-position: -160px -27px;
}



.shaded {
	margin: 0 0 1em;
	padding: 1em;
	background-color: #eeece6;
}
.alert, .error, .reminder {
	padding: .5em .875em .125em;
	margin-bottom: .875em;
}
.alert, .error {
	background-color: #ffc;
	color: #900;
	border-color: #900;
	font-weight: bold;
}
.error {
	background-color: #fed;
}



.note { /* same size as blockquote p */
	font-size: .75em; 
	line-height: 1.75;
}

a:link { color: #c00404; text-decoration: none; }
a:visited { color: #b78080; text-decoration: none; color: #966; }
a:hover { color: #300; text-decoration: underline; }
a:active { color: #e00; text-decoration: underline; }

article .links li a {
	color: #c00404;
}
/* ### DOCUMENT ICONS ### */
a[href$=".xls"], a[href$=".doc"], a[href$=".pdf"], a[href$=".txt"], a[href$=".phps"], 
a[href$=".jpg"], a[href$=".gif"], a[href$=".png"], a[href$=".tif"]  {
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 1.5em;
}
a[href$=".xls"]		{ background-image: url("/img/icons/page_white_excel.png"); }
a[href$=".doc"]		{ background-image: url("/img/icons/page_white_word.png"); }
a[href$=".pdf"]		{ background-image: url("/img/icons/page_white_acrobat.png"); }
a[href$=".txt"]		{ background-image: url("/img/icons/page_white_text.png"); }
a[href$=".phps"]	{ background-image: url("/img/icons/page_white_php.png"); }
/*
a[href$=".jpg"], a[href$=".gif"], a[href$=".png"], a[href$=".tif"] 
					{ background-image: url("/img/icons/page_white_camera.png"); }
*/

article .group-related-files legend, article .group-related-media legend, article .group-related-links legend {
	font: bold 1em "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif; /* 16px */
}
/*
article .group-related-files, article .group-related-media, article .group-related-links {
	font: normal .875em "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif; 
}
*/

.group-related-files a {
	padding-right: 0;
	background-image: none;
}



.marginator {
	width: 58.75em; /* 940px / 16px = 58.75em */
	margin: 0 auto;
}


#footer .block-edit, .block-menu .block-edit {
	font-size: .75em;
}
.block-edit {
	display: block;
	float: left;
	text-indent: -999em;
	margin: 0 .5em .25em 0;
	background: transparent url("../img/icon-edit-block.png") 50% 50% no-repeat;
	width: 20px; height: 20px;
	border: 1px solid #fff;
}
.menu-edit {
	background-image: url("../img/icon-edit-menu.png");
}
.block-edit:link, .block-edit:visited {
}
.block-edit:hover {
	border-color: #aba698;
}



/**
 * Layout
 */

/* BEGIN MORE SPECIFIC STYLES */

#header-region {
	display: block !important;
	border-top: 0;
	position: relative;
	z-index: 999;
}

.wrapper {
	position: relative;
}
#home-wrapper {
}




/** THREE COLUMN LAYOUT STYLES **/
/** we use ems since percentages result in decimals that round oddly depending on browser */

/** 
 * the center and left columns are wrapped in a parent wrapper; the right column comes later.
 * if a page has a right column, the column wrapper is called .main-columns
 * if a page has no right column, then the column wrapper is called .no-right-column
 *
 */

.main-columns { /* has a right column */
	width: 44.375em;
	margin-right: .625em;
	float: left;
}
.main-columns .first-column {
	/* 17% */
	width: 10em;
	float: right;
}
.main-columns .second-column {
	/* 60% */
	width: 31.875em;
	float: right;
	margin: .25em 1.25em 0;
}
.third-column {
	width: 13.75em;
	float: left;
	padding-top: 1.75em;
}


.no-right-column { /* has no right column, but might have a left column; replaces .main-columns */
	width: 58.75em;
}
.no-right-column .first-column {
	width: 10em;
	float: right;
}
.no-right-column .second-column {
	width: 47.5em;
	float: right;
	margin: 0 0 0 1.25em;
}
.columns .no-left-column {
	float: none;
	width: 100%;
	margin: 0;
}


#content-bottom {
	clear: both;
	display: block;
}



.third-column .block-calwidget {
	background-color: #aba698;
	padding: 0 .75em 1em .625em;
	margin-top: -3.5em !important;
	margin-top: -1.75em !important; /* per PAUR 2011-02-08 */
	position: relative;
	display: block;
	z-index: 3;
}


/**
 * calwidget css
 */
.events-list * {
	color: #fff;
}
.events-list a:link, .events-list a:visited {
	color: #fff;
}

#sidebar-right > #calendar {
	margin-top: -3.5em;
}

.block-calwidget h2.sIFR-replaced object {
	max-width: 218px;
}

.block-calwidget .content {
	padding: .75em .75em 1em .625em;
	border-top: 1px solid #cdcac1;
}

.events-list .date {
	clear: left;
	margin-bottom: 1em;
	border-bottom: 1px dotted #fff;
	height:100%;
}
.events-list .date:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 0;
	clear: both;
}

.events-list .date h5 {
	float: left;
/*	clear: left;  */
	text-align: left;
	padding-bottom: 1em;
}
.events-list .month {
	display: block;
	text-transform: uppercase;
	font-size: .75em;
	font-weight: bold;
}
.events-list .day {
	display: block;
	font-size: 1.5em;
	font-weight: 100;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
	width: 38px;  /* this leaves room for the sIFR text  */
	text-align: center;
	padding: 0;
	margin: 0;
}

.events-list .date ul {
	margin-left: 2.25em;
	list-style-image: url("../img/bullet-calendar-block.png");
}

.events-list .more-events {
	background: transparent url("../img/bullet-orange.png") 0 2px no-repeat;
	padding-left: 1.25em;
	text-align: right;
	display: block;
	float: right;
}
.events-list .more-events span {
	font-family: Georgia, Times, serif;
	font-size: .6875em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: right;
}

.events-list .no-events {
	font-size: .75em;
	margin-bottom: 1em;
	border: 0;
}

.third-column .block-calwidget .block-edit {
	border: 1px solid #aba698;
}
.third-column .block-calwidget .block-edit:hover {
	border-color: #fff;
}

/** cal widget header fix to accomodate multiple lines **/

.sIFR-active .sidebar h2 {
visibility: hidden;
font-size: 0px;
}
.sIFR-active .block-calwidget h2 {
visibility: hidden;
}
.block-calwidget h2 {
	text-align: center;
	margin: 0 !important;
	padding: .25em 0  !important;
	text-transform: uppercase;
	letter-spacing: -.125em; /* because "Academic Calendar" wraps! */
	font-size: .75em;
	color: #ffffff;
	padding-top: .6em;
}
.block-calwidget h2.sIFR-replaced {

	padding: 8px 0 0px 0 !important;
}


/** LOCAL NAV COLUMN STYLES **/


/* override drupal's menu class names */
.fake-leaf {
	font-size: inherit;
}
#sidebar-left .leaf, #sidebar-left .collapsed, #sidebar-left .expanded {
	padding: 0;
	list-style: none;
	list-style-position: outside;
}
.menu {
	list-style-position: outside;
}



#sidebar-left {
	border-top: 5px solid #c00404;
}
#sidebar-left .menu {
	list-style: none;
	font-size: 1em;
	margin-bottom: .5em;
	padding: 0;
}
#sidebar-left .menu li {
	border-bottom: 1px dotted #aba698;
	margin-left: 0;
}
#sidebar-left .menu li ul {
	margin: 0;
	list-style: none;
}
#sidebar-left .menu li li {
	margin-left: 1em;
	border-bottom: 0;
}
#sidebar-left .menu li a {
	display: block;
	padding: .625em 0;
	line-height: 1.5em;
}

#sidebar-left .menu li a:hover {
	background-color: #eeece6;
}
#sidebar-left .menu li a.active:link {
	color: #2f2a20;
}

#sidebar-left .collapsed {
	list-style-image: url("../img/menu-collapsed.png") !important;
	list-style-type: disc;
}
#sidebar-left .expanded {
	list-style-image: url("../img/menu-expanded.png") !important;
	list-style-type: disc;
}


h1.article-title {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
	font-size: 1.75em; /* px */
	font-weight: normal !important;
	line-height: 1.2em;
	border-bottom: 1px solid #c00404;
	margin: 1.75em .675em 0 0;
	padding-bottom: .2865em; /* 10px */
}
h1.article-title .eyebrow {
	display: block;
	font-size: .3333em; /* 36px / 3 = 12 */
	color: #363636;
	margin-bottom: -.75em;
}
.article-list {
	display: block;
	padding: 0;
}
.article-list article {
	display: block;
	clear: left;
	border-top: 1px dotted #000;
	padding: .625em 0 1em;
}
.article-list h2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
	font-weight: normal;
	margin-bottom: .125em;
}


h5.eyebrow {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
	font-weight: bold;
	font-size: .875em;
	text-transform: uppercase;
}
.distributed-date {
	text-transform: uppercase;	
	font-size: .875em;
}

/** NEWS **/

.teaser-title {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
	font-size: 1.3333em;
	font-weight: normal;
	margin-bottom: 0.5em;
	display: block;
	clear: left;
}
article .details {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
}

/***	 NEWS-VEIWS 	**/

/***	 NEWS-ARTICLES 	**/

/** ARTICLE STYLES **/
article.main-article {
	padding-bottom: 4.5em;
}
.item-list article.main-article {
	padding-bottom: 0;
}

article.main-article .intro {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
	font-weight: normal;
	font-size: 1.25em;
	line-height: 1.3125em; /* same 21px baseline */
	margin-bottom: 1.3125em; /* same 21px baseline */
}


/** THUMBNAIL STYLES **/


.thumbnail-wrapper, .photo-wrapper {
	background-color: #efece4;
	padding-bottom: .5em;
	margin-bottom: 1em;
}
.thumbnail-wrapper .thumbnail {
	float: none;
	margin: 0;
}
.thumbnail-wrapper .caption, .photo-wrapper .caption {
	margin: 0;
	padding: .625em .5em .5em;
	font-size: .75em;
	line-height: 1.5em;
	display: block;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
}
.caption .credit {
	font-style: italic;
}
.image-title {
	display: block;
}

.thumbnail {
	float: left;
	border: 1px solid #d7d6d2;
	margin: 0 .625em .5em 0;
}
.thumbnail img {
	display: block;
	float: left;
	margin: 0; padding: 0;
}

span.inline {
	padding: 0;
	display: block;
}
.inline-left {
	float: left;
	margin: 0 .75em .75em 0;
}
.inline-right {
	float: right;
	margin: 0 0 .75em .75em;
}
.inline-center {
	float: none;
	display: block;
	margin: 0 auto .75em;
}

.inline img {
	margin: 1px;
	border: 3px solid #fff;
	display: block;
}





#content {
	display: block;
	background-color: #fff;
	clear: both;
}




.sidebar .block {
  margin-bottom: 1.5em;
}


#search-theme-form {
	position: absolute;
	right: 0;
	top: 1.25em;
	width: 14em;
}

#search-theme-form fieldset {
	border: 0; margin: 0; padding: 0;
	background-color: transparent;
	float: right;
}

#search-theme-form label span {
	display: none;
}

#search-theme-form .search-field, .main-column .search-field {
	font-size: .75em;
	width: 14.625em;
	padding: 0 .5em !important;
	height: 1.75em;
	line-height: 1.25em;
	display: block;
	float: left;
	border: 0;
	border-right: 1px solid #8d8572;
	-moz-border-radius-topleft: .25em;
	-webkit-border-top-left-radius: .25em;
	-moz-border-radius-bottomleft: .25em;
	-webkit-border-bottom-left-radius: .25em;
}
#search-theme-form .search-submit, .main-column .search-submit {
	display: block;
	float: left;
}
.main-column #edit-query-wrapper {
	float: left;
	padding: 0;
	margin-top: 10px;
}
.main-column #edit-query {
	height: 1.5em;
	margin: 0;
}
.main-column .search-submit {
	display: block;
	float: left;
	margin-top: 10px;
}

.search-results .title {
	font-style: normal;
}
.search-results dd, .search-results dd p {
	font-size: inherit;
}

#join-list {
	text-align: right;
	position: absolute;
	right: 0;
	top: 2.5em;
}

.pager li {
	font-size: .75em;
	border-width: 0 !important;
}



.admin-only {
	background-color: #efece4;
	padding: .5em;
	border: 1px solid #948e7e;
}
.admin-only h6 {
	font-size: .75em;
}
.terms {
  float: right; /* LTR */
}
.admin-only .submitted {
	float: none;
	clear: both;
	margin-bottom: 0;
}

.meta {
	clear: both;
}



/** GALLERY **/

.gallery-page .reminder {
	margin: 0 0 1em;
	background-color: #ccc6b7;
	position: relative;
}
.gallery-page h1.article-title {
	margin: 1.75em 0 0 0;
}

.gallery-page .reminder h6 {
	font-style: normal;
	font-weight: bold;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
	font-size: 1em;
	float: left;
	margin: 0 .5em 0 0;
}
.gallery-page .reminder .content {
	margin-bottom: 0;
	padding: .75em 0;
}
#more-top-tags {
	display: block;
	position: absolute;
	top: 1.375em;
	right: 1em;
}
#more-top-tags a { 
	display: block;
	padding-right: 15px;
	background: transparent url("../img/bullet-red.png") 100% 50% no-repeat;
}
#more-top-tags a:hover { 
	background-image: url("../img/bullet-orange.png");
}

.view-gallery ul {
	padding: 1em 0;
	margin: 0;
}
.view-gallery .image-gallery-nodes ul.images li { /* more specific than images.css */
	font-size: 1em;
	width: 13.75em;
	height: auto;
	padding: 0;
	margin: 0 1.25em 1em 0;
	text-align: left;
	display: block;
	float: left;
}

.view-gallery .image-gallery-nodes ul.images li.views-row-4,
.view-gallery .image-gallery-nodes ul.images li.views-row-8 { 
	margin-right: 0;
}

/* in case we ever want to enforce line breaks after 4 items... */
.view-gallery .image-gallery-nodes ul.images li.views-row-5 { 
	clear: left;
}

.view-gallery .image-gallery-nodes ul.images li .field-content {
	font-size: .75em;
}

.view-gallery .image-gallery-nodes ul.images li .views-field-field-eyebrow-value {
	font-weight: bold;
}
.view-gallery .image-gallery-nodes ul.images li .views-field-tid,
.view-gallery .image-gallery-nodes ul.images li .views-field-field-eyebrow-value,
.view-gallery .image-gallery-nodes ul.images li .views-field-type,
.view-gallery .image-gallery-nodes ul.images li .separator {
	font-size: .825em;
	text-transform: uppercase;
}


.view-gallery .views-admin-links {
	float: left;
	width: 50%;
}






/**
 * Nodes & comments
 */
.node {
  margin: 0 0 1.5em;
  padding: 1.5em 0;
}
article.node { padding: 0; }

ul.links li, ul.inline li {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0; /* LTR */
  padding-right: 1em; /* LTR */
  background-image: none;
}

.node .links, .comment .links {
  text-align: left; /* LTR */
}

.node .links ul.links li, .comment .links ul.links li {}
.terms ul.links li {
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  padding-left: 1em;
}

.picture, .comment {
  float: right; /* LTR */
  clear: right; /* LTR */
  padding-left: 1em; /* LTR */
}

.new {
  color: #ffae00;
  font-size: 0.92em;
  font-weight: bold;
  float: right; /* LTR */
}

.preview .node, .preview .comment, .sticky {
  margin: 0;
  padding: 0.5em 0;
  border: 0;
  background: 0;
}

.sticky {
  padding: 1em;
  background-color: #fff;
  border: 1px solid #e0e5fb;
  margin-bottom: 2em;
}

#comments {
  position: relative;
  top: -1px;
  border-bottom: 1px solid #e9eff3;
  margin: -1.5em -25px 0;
  padding: 0 25px;
}

#comments h2.comments {
  margin: 0 -25px;
  padding: .5em 25px;
}

.comment {
  margin: 0 -25px;
  padding: 1.5em 25px 1.5em;
  border-top: 1px solid #e9eff3;
}

.indented {
  margin-left: 25px; /* LTR */
}

.comment h3 a.active {
  color: #494949;
}

.node .content, .comment .content {
  margin: 0.6em 0;
}

/**
 * Aggregator.module
 */
#aggregator {
  margin-top: 1em;
}
#aggregator .feed-item-title {
	/**
		same as common H3; 
		duplicated here because aggregator module overrides it otherwise 
	**/
	font: bold 1.0625em/1.5em Georgia, serif; /* 17px */
	margin-bottom: .9705em; /* 17*1.5=25.5; 42px-25.5px=16.5px; 16.5px/17px = .970588em */
}
#aggregator .feed-item-body {
	font-size: .75em;
}
#aggregator .feed-item-date {
	font-size: .625em;
}
#aggregator .feed-item-body img {
	float: left;
	clear: left;
	margin-right: 1em;
	margin-bottom: 1em;
}
#aggregator .feed-item-categories {
}
#aggregator .feed-item-meta {
}

/**
 * Color.module
 */
#palette .form-item {
  border: 1px solid #fff;
}
#palette .item-selected {
  border: 1px solid #d9eaf5;
}

/**
 * Menu.module
 */
tr.menu-disabled {
  opacity: 0.5;
}
tr.odd td.menu-disabled {
  background-color: #edf5fa;
}
tr.even td.menu-disabled {
  background-color: #fff;
}

/**
 * Poll.module
 */

.poll .text, .poll .total, .advpoll .text, .advpoll .total {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
	font-weight: bold;
}
.poll .choice-header {
	display: none;
}
.poll .bar {
  background: #fff url("../img/bg-bar-trans.png") repeat-x 0 0;
  border: solid #efece4;
  border-width: 0 1px 1px;
  height: 1.5em;
}

.poll .bar .foreground {
  background: #c00404 url("../img/bg-bar-stripes.png") repeat-x 0 0;
  height: 100%;
}

.poll .percent {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
  font-size: .75em;
}
.poll .vote-form .choices, .poll .vote-choices {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
	margin: 0;
}
.poll .vote-form .choices .option, .poll .vote-choices .option {
  font-size: 1em;
	font-weight: bold !important;
}
/**
 * Autocomplete.
 */
#autocomplete li {
  cursor: default;
  padding: 2px;
  margin: 0;
}

/**
 * Collapsible fieldsets
 */
fieldset {
  margin: 1em 0;
  padding: 1em;
  border: 1px solid #847d6a;
  background: #f9f8f3;
}
fieldset.vertical-tabs-pane {
  background: #fff;
}
.body-field-wrapper {
}


/* Targets IE 7. Fixes background image in field sets. */
*:first-child+html fieldset {
  padding: 0 1em 1em;
  background-position: 0 .75em;
  background-color: transparent;
}

*:first-child+html fieldset > .description, *:first-child+html fieldset .fieldset-wrapper .description {
  padding-top: 1em;
}

fieldset legend {
  /* Fix disappearing legend in FFox */
  display: block;
}

*:first-child+html fieldset legend, *:first-child+html fieldset.collapsed legend {
  display: inline;
}

html.js fieldset.collapsed {
  background: transparent;
  padding-top: 0;
  padding-bottom: .6em;
}

html.js fieldset.collapsible legend a {
  padding-left: 1em; /* LTR */
  background: url("../img/menu-expanded.png") 0 50% no-repeat; /* LTR */
}

html.js fieldset.collapsed legend a {
  background: url("../img/menu-collapsed.png") 0 50% no-repeat; /* LTR */
}

/**
 * Syndication icons and block
 */
#block-node-0 h2 {
  float: left; /* LTR */
  padding-right: 20px; /* LTR */
}

#block-node-0 img, .feed-icon {
  float: right; /* LTR */
  padding-top: 4px;
}

#block-node-0 .content {
  clear: right; /* LTR */
}

/**
 * Login Block
 */
#user-login-form {
  text-align: center;
}
#user-login-form ul {
  text-align: left; /* LTR */
}

/**
 * User profiles.
 */
.profile {
  margin-top: 1.5em;
}
.profile h3 {
  border-bottom: 0;
  margin-bottom: 1em;
}
.profile dl {
  margin: 0;
}
.profile dt {
  font-weight: normal;
  color: #898989;
  font-size: 0.92em;
  line-height: 1.3em;
  margin-top: 1.4em;
  margin-bottom: 0.45em;
}
.profile dd {
  margin-bottom: 1.6em;
}


/** DASHBOARD STYLES **/

.control-panel-group {
	width: 45%;
	float: left;
}
.content-control-group, .editor-control-group {
	clear: left;
	margin-right: 8%;
}

.control-panel-group li {
	font-size: .75em;
	list-style: none;
	margin-left: 0;
}

.control-panel-group li a:link, .control-panel-group li a:visited {
	color: #fff;
	background-color: #aba698;
	padding: .25em 1em;
	margin: 0 1em .5em 0;
	display: block;
	-moz-border-radius: .25em;
	-webkit-border-radius: .25em;
	border-radius: .25em;
}
.contributor-control-group li a:link, .contributor-control-group li a:visited {
	background-color: #645e50;
}
.editor-control-group li a:link, .editor-control-group li a:visited {
	background-color: #0f4683;
}
.admin-control-group li a:link, .admin-control-group li a:visited {
	background-color: #0f833d;
}
.control-panel-group li a:hover, .control-panel-group li a:active {
	color: #fff;
	background-color: #c00404;
	text-decoration: none;
}



/**
 * Admin Styles
 */
div#admin-toolbar {
	z-index: 9999;
}
div.admin-panel,
div.admin-panel .description,
div.admin-panel .body,
div.admin,
div.admin .left,
div.admin .right,
div.admin .expert-link,
div.item-list,
.menu {
  margin: 0;
  padding: 0;
}

.admin-se .main-column {
	padding-top: .75em;
}

div.admin .left {
  float: left; /* LTR */
  width: 48%;
}
div.admin .right {
  float: right; /* LTR */
  width: 48%;
}

div.admin-panel {
}
div.admin-panel .description {
  margin-bottom: 1.5em;
}
div.admin-panel dl {
  margin: 0;
}
div.admin-panel dd {
  margin-top: -.2em;
  margin-bottom: .65em;
}

table.system-status-report th {
  border-color: #aba698;
}

#autocomplete li {
	font-size: .75em;
	color: #2f2a20;
}
#autocomplete li.selected, tr.selected td, tr.selected td.active {
  background: #c00404;
  color: #fff;
}

tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {
  color: #d3e7f4;
}

tr.taxonomy-term-preview {
  opacity: 0.5;
}

tr.taxonomy-term-divider-top {
  border-bottom: none;
}

tr.taxonomy-term-divider-bottom {
  border-top: 1px dotted #CCC;
}


dl.admin-list {
	font-size: .75em;
}
dl.admin-list dd {
	margin-bottom: 1.5em;
}

/**
 * Rules form
 */
#rules-admin-form-edit-rule .event, #rules-admin-form-edit-rule .conditions, #rules-admin-form-edit-rule .condition, #rules-admin-form-edit-rule .logical-op-and, #rules-admin-form-edit-rule .logical-op-or, #rules-admin-form-edit-rule .actions, #rules-admin-form-edit-rule .action {
	font-size: .75em;
}

/**
 * Remove force workflow status field
 */
form#views-bulk-operations-form--1 div#edit-force-wrapper{
        display: none;
}


/**
 * CSS support
 */

/*******************************************************************
 * Color Module: Don't touch                                       *
 *******************************************************************/

/**
 * Generic elements.
 */
.messages {
  background-color: #fff;
  border: 1px solid #b8d3e5;
  font-size: .75em;
  padding: 1em !important;
}

.preview {
  background-color: #fff;
  border: 1px solid #e5e58f;
}

div.status {
  color: #33a333;
  border-color: #c7f2c8;
}

div.error, tr.error {
  color: #a30000;
  background-color: #FFCCCC;
}

.form-item input.error, .form-item textarea.error {
  border: 1px solid #c52020;
  color: #363636;
}

/**
 * dblog.module
 */
tr.dblog-user {
  background-color: #fcf9e5;
}

tr.dblog-user td.active {
  background-color: #fbf5cf;
}

tr.dblog-content {
  background-color: #fefefe;
}

tr.dblog-content td.active {
  background-color: #f5f5f5;
}

tr.dblog-warning {
  background-color: #fdf5e6;
}

tr.dblog-warning td.active {
  background-color: #fdf2de;
}

tr.dblog-error {
  background-color: #fbe4e4;
}

tr.dblog-error td.active {
  background-color: #fbdbdb;
}
tr.dblog-page-not-found, tr.dblog-access-denied {
  background-color: #d7ffd7;
}
tr.dblog-page-not-found td.active, tr.dblog-access-denied td.active {
  background-color: #c7eec7;
}

/**
 * Status report colors.
 */
table.system-status-report tr.error, table.system-status-report tr.error th {
  background-color: #fcc;
  border-color: #ebb;
  color: #200;
}
table.system-status-report tr.warning, table.system-status-report tr.warning th {
  background-color: #ffd;
  border-color: #eeb;
}
table.system-status-report tr.ok, table.system-status-report tr.ok th {
  background-color: #dfd;
  border-color: #beb;
}

#-relatedcontent-form div, #-relatedcontent-form-view div {
	font-size: .75em; 
}
#-relatedcontent-form div table, #-relatedcontent-form-view div table {
	font-size: 1.25em; 
}
/** 
 * Color Module override (hide preview since it doesn't work well with Brown's design)
 */
#color_scheme_form h2, #color_scheme_form #preview, #edit-palette-base-wrapper, #edit-palette-link-wrapper .lock {
	display: none;
}

/** here's a pretty grody hack to change the hard-coded color names **/
#edit-palette-bottom-wrapper label {
	text-indent: -999em
}
#edit-palette-bottom-wrapper label:before {
	content: "Tint color: ";
	display: block;
	text-indent: 0;
}
/** 
 * Vertical Tabs Styles
 */
.vertical-tab-button {
	font-size: .75em;
}
.vertical-tabs-list strong {
	text-transform: capitalize;
}
/** 
 * Views overrides
 */
table.view-enabled td.view-name, table.view-enabled td.view-ops { 
	background-color: #eeece6;
}
.views-admin-links {
	display: block;
	width: 70%;
}
div.view div.views-admin-links {
	font-size: .625em;
}
div.view:hover div.views-hide {
	margin-top: 0;
}

.MsoNormal {
	background-color: pink;
}
.apple-style-span {
	background-color: yellow;
}

/**
 * tinyMCE overrides
 */
.wysiwyg-toggle-wrapper a {
	padding-left: 1.5em;
	font-size: .75em; 
	background: transparent url("http://brown.edu/img/icons/style_edit.png") 0 0 no-repeat;
}

body#tinymce, #tinymce td, #tinymce pre { font-size:inherit;}
body#tinymce {
	background: #fff;
	padding: .375em;
}
body.mceForceColors {background: #fff; color: #000;}
#tinymce p, #tinymce li {
	font-size: .875em;
	font-family: Georgia, Times, serif;
}
#tinymce li li {font-size: 1em}
#tinymce h3 {	
	font: bold 1.125em/1.3125em "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif; /* 16px */
	margin-bottom: 1em;
}
#tinymce h4 {	
	font: bold 1.125em/1.3125em "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif; /* 16px */
	margin-bottom: 0; /* 16*1.5=24; 42px-24px=18px; 18px/16px = 1.125em */
}
#tinymce h5 {	
	font: bold 1em/1.3125em "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif; /* 16px */
	margin-bottom: 0; /* 16*1.3125=21; 21px-21px=0; 0/16px = 0 */
	}
#tinymce h6 {	
	font: bold .9375em/1.4em "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif; /* 13px */
	margin-bottom: 0; /* 15*1.466666em=21; 42px-21px=21px; 21px/15px = 1.4em */
}



#tinymce table { 
	margin-bottom: 1.5em;
	color: #2f2a20;
	width: 100%;
	border: .1em solid #d7d5d3;
	border-width: .1em 0 0 .1em;
	border-collapse: collapse;
}
#tinymce table ul, #tinymce table ol, #tinymce table dl, #tinymce table p, #tinymce table h1, #tinymce table h2, #tinymce table h3, #tinymce table h4, #tinymce table h5, #tinymce table h6 {
	font-size: 1em; 
	line-height: 1.5em;
}

/* browser support for this is limited */
#tinymce tr:nth-child(even), #tinymce tr.even, tr.even {
	background-color: #efece4;
}
#tinymce th, #tinymce td, #tinymce caption { 
	font: normal .75em "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
	line-height: 1.3125em; /* 21px (our baseline) */
	padding: .875em;
	line-height: 1.428571em;
	border: .1em solid #d7d5d3;
	border-width: 0 .1em .1em 0;
	vertical-align: top;
}
#tinymce td .description, #tinymce td label {
	font-size: inherit;
}

#tinymce thead th { 
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	background-color: #aba698;
	padding: 1.25em; /* 15px padding / 12px font-size = 1.25; */
}
#tinymce tbody th  {
	font-weight: bold;
}

#tinymce th, #tinymce thead th, #tinymce tbody th {
	border-color: #d7d5d3
}
#tinymce .numeric { text-align: right; }



#admin-menu img.admin-menu-icon {
	display: none;
}
#admin-menu ul li.admin-menu-icon:first-child {
	background-color: pink;
	height: 22px;
	width: 22px;
	background: transparent url("../img/icon-tiny-brown-shield.png") 50% 50% no-repeat;
}
#admin-menu {
	font-size: 11px;
}
body.admin-menu {
	margin-top: 23px !important;
}

/* WebForm Styles */
.webform-client-form {
	font-size: 1.25em;
}
.webform-client-form p,
.webform-client-form legend {
	font-size: 1.2em;
}

.content span.inline-none img {
margin: 0px;
border: 0px solid #fff;
display: inline;
}