/*
 * Brown University
 * Master stylesheet for home page and directory pages
 *
 * Last edited Basil Crow, 23rd August 2006
 * ken zirkel, 9-23-06 made directory listings grey on mouseover
 *
 * Office of Web Communications, Public Affairs and University Relations, Brown University
 *   http://www.brown.edu/Administration/PAUR/web/
 *
 * Graphic design and user interface by Pentagram
 *   http://www.pentagram.com/
 * CSS and JavaScript implementation by Basil Crow
 *   http://basilcrow.com/
 *
 * You need more than luck in Shanghai.
 */
 
/* Why do people at Brown still use IE/Mac? */
/*\*//*/
.home ul#listings li {overflow: visible !important;}
div#footer {margin-bottom: 0 !important;}
div#footer form, div#footer div.vcard {clear: none! important;}
/**/


/* Undo some of the default styling of common (X)HTML browsers */
/* Based on code from Yahoo! Inc.'s reset.css (BSD) and Tantek Celik's undohtml.css (Creative Commons Attribution 2.0) */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin: 0; padding: 0;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset, img {border: 0;}
address, abbr, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal;}
ol, ul {list-style: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-style: normal; font-weight: normal;}
q:before, q:after {content: '';}
:link, :visited {text-decoration: none;}

/* Generics */
html, body {background-color: #3a1e1a; font-family: "Times New Roman", Times, serif;}
html, body, a:link, a:visited, a:hover {color: #bbb5b4;}
a:hover {text-decoration: underline;}
/* Why did Pentagram design this at such a small width? */
#wrapper {width: 765px; margin-left: auto; margin-right: auto;}
.hide {position: absolute; left: -999px; width: 990px;}
form input.inputfield {font-size: 10px; background-color: #999; color: #2b140f; border: 0; padding: 2px 3px 3px 3px;}
form input.button {background-color: #e6e6e6; color: #3a1e1a; border: 1px solid #604f4b; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 10px; letter-spacing: 1px; margin-left: 3px;}
em, cite {font-style: italic;}
div.entry-info {display: none;}

/* Header */
div#top_nav {font-size: 10px; font-family: Arial, Helvetica, sans-serif; padding: 7px 0 7px 6px; border-bottom: 1px solid #604f4b; line-height: 10px;}
div#top_nav li {display: inline; margin-left: 12px;}
div#top_nav li.first {margin-left: 0;}
div#top_nav a:link, .directory div#top_nav a:visited, .directory div#top_nav a:hover {text-decoration: none;}
div#top_nav a:link, .directory div#top_nav a:visited {color: #bbb5b4;}
.directory div#top_nav a:hover {color: #fbcd00;}

div#header h1, div#header h1 a {color: #fff; width: 279px; height: 51px; display: block;}
.home div#header h1 {background: url(../images/logo.png) no-repeat top left; text-indent: -3000px; margin-left: 4px; margin-top: 32px;}
.home div#header #shield {float: right; margin-top: -51px; margin-right: 11px;}
.home div#header {margin-bottom: 8px;}
.directory div#header h1 {background: url(../images/logo.png) no-repeat top left; text-indent: -3000px; margin-left: 4px; margin-top: 6px;}
.directory div#header h1 a:hover {background: url(../images/logo.png) no-repeat top right;}
.directory div#header #shield {float: right; margin-top: -51px; margin-right: 11px;}
.directory div#header {padding-bottom: 12px; border-bottom: 1px solid #604f4b; margin-bottom: 1px;}

/* Home page listings */
.home ul#listings li {border-top: 1px solid #604f4b; height: 194px; overflow: hidden;}
.home ul#listings li.active {background-color: #333;}
.home ul#listings li div.feature {clear: both; height: 170px;}
.home ul#listings h2 {float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #e6e6e6; line-height: 16px; margin-left: 6px; margin-top: 4px; margin-bottom: 4px;
    /* IE doubled float-margin bug */ display: inline;}
.home ul#listings ul.filters {text-align: right; line-height: 10px; margin-top: 5px; margin-right: 12px;}
.home ul#listings ul.filters li {border: 0; color: #bbb5b4; display: inline; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 10px; margin-left: 8px; letter-spacing: 0.2px;
    /* IE 5.5 needs some help */ height: auto;}
.home ul#listings li.active ul.filters li {color: #bbb5b4;}
.home ul#listings ul.filters li a:link, ul#listings ul.filters li a:visited {color: #bbb5b4;}
.home ul#listings ul.filters li a:hover {text-decoration: underline; color: #fbcd00;}
.home ul#listings li.active ul.filters li a:link, ul#listings li.active ul.filters li a:visited {color: #e6e6e6;}
.home ul#listings li.active ul.filters li a:hover {color: #fbcd00;}
.home div.feature {color: #e6e6e6;}
.home div.feature div {margin-top: -170px;}
.home div.feature h3 {padding-top: 16px; font-size: 24px; margin-bottom: 14px;}
.home div.feature p {line-height: 20px; font-size: 17px;}
.home div.feature a:link, div.feature a:visited {color: #e6e6e6; text-decoration: underline;}
.home div.feature a:hover {text-decoration: none; color: #FBCD00;}
.home div.feature p.creditLeft {font-family: Arial, Helvetica, sans-serif; text-align: left; margin-top: 7px; font-size: 11px;}
.home div.feature p.creditRight {font-family: Arial, Helvetica, sans-serif; text-align: right; margin-top: 10px; font-size: 11px;}
.home div.invert p, div.invert a:link, div.invert a:visited {color: #000 !important;}
.home div.invert a:hover {text-decoration: none; color: #9b760d !important;}
.home div.invert h3.entry-title {color:#000 !important;}

/* Directory pages */
/* The stuff that's display:inline here is to work around the IE doubled float-margin bug. */

.directory h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; padding-left: 5px; padding-top: 2px; padding-bottom: 5px; border-bottom: 1px solid #604f4b; color: #fff;}
.directory div#links {border-bottom: 1px solid #604f4b; font-size: 10px; line-height: 10px; margin-bottom: -2px;}
.directory .description {font-family: Georgia, "Times New Roman", Times, serif; font-size: small; font-style: italic; font-weight: normal; color: #e6e6e6; margin: 0; padding: 5px 0px 2px 0px;}
.directory .scrolling {height: 370px; overflow: auto;}
.directory div#spacer {clear: both; margin: 0; padding: 0; height: 0px; font-size: 0px; line-height: 0px;}

.directory div#dlistings {font-family: arial, helvetica, sans-serif; color: #e6e6e6; font-size: 10px; font-weight: bold; margin-left: 5px;}
.directory div#dlistings .col1, .directory div#dlistings .col2 {margin-right: 9px;}
.directory div#dlistings .col1, .directory div#dlistings .col2, .directory div#dlistings .col3 {width: 245px; float: left; margin-top: 1px;}
.directory div#dlistings a:link, .directory div#dlistings a:visited {color: #bbb5b4; text-decoration: none;}
.directory div#dlistings a:hover {color: #FBCD00; text-decoration: none;}
.directory div#dlistings li {text-transform: uppercase; padding-top: 3px; padding-bottom: 5px;}
.directory div#dlistings li.active {background-color: #333;}

.directory div#results, .directory div#complete, .directory div#search {float: left; width: 243px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; line-height: 20px;}

.directory div#results {margin-left: 258px; display: inline;}
.directory div#results a:hover {text-decoration: underline; color: #e6e6e6;}
.directory div#results a:link, .directory div#results a:visited {color: #e6e6e6;}
.directory div#results li {background-color: #333;}
.directory div#results li, .directory div#complete li {border-top: 1px solid #666666; margin-top: 0px; padding-left: 5px; padding-top: 1px; padding-bottom: 2px;}

.directory div#complete {color: #bbb5b4; margin-left: -496px; display: inline;}
.directory div#complete a:hover {text-decoration: underline; color: #bbb5b4;}
.directory div#complete a:link, .directory div#complete a:visited {color: #bbb5b4;}

.directory div#search {margin-left: 11px; display: inline;}
.directory div#alphabet a:link, .directory div#alphabet a:visited {color: #bbb5b4; text-decoration: none;}
.directory div#alphabet a:hover {color: #FBCD00; text-decoration: none;}
.directory div#alphabet li.active {background-color: #333; color: #bbb5b4;}
.directory div#alphabet ul li a {display: block;}
.directory div#alphabet ul li a, .directory div#alphabet li.active {width: 1em; margin: 0 1px; padding-left: 3px; padding-right: 3px;}
.directory div#alphabet ul li {display: block; float: left;}
.directory div#alphabet ul {margin-top: 4px; margin-bottom: 12px; clear: both;}
.directory div#alphabet {font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; letter-spacing: 0.5px;}
.directory div#alphabet {margin-top: -15px;}

/* added by kzirkel 9-23-06  */
/* these make the whole box hot, and gold  */
.directory	.scrolling ul li a:link,  .scrolling ul li a:visited  {margin-bottom:-2px;padding-bottom:2px;margin-top:-1px;padding-top:1px;display:block;}
.directory	.scrolling ul li a:hover {background:#333;margin-left:-5px;padding-left:5px;margin-bottom:-2px;padding-bottom:2px;margin-top:-1px;padding-top:1px;}
.directory  #complete .scrolling ul li a:hover,  .directory  #results .scrolling ul li a:hover	{color:#FBCD00;}
/* end of kzirkel's adds   */

.directory div#footer {clear: both;}
div#footer form, div#footer form div, div#footer form label, div#footer form input {line-height: 10px;}

/* Footer */
div#footer {font-family: arial,helvetica,clean,sans-serif; font-size: 10px; color: #bbb5b4; margin-bottom: 4em;}
div#footer form, div#footer div.vcard {border-top: 1px solid #604f4b; clear: both;}
div#footer a:link, div#footer a:visited {color: #bbb5b4;}
div#footer a:hover {color: #FBCD00; text-decoration: underline;}
div#footer #atoz {text-transform: uppercase;}
div#footer #atoz {margin-top: 6px; line-height: 10px; height: 18px;}
div#footer form div {margin-top: 4px;}
div#footer div.vcard address, div#footer #about {margin-top: 4px;}
div#footer form div, div#footer div.vcard address {float: left; margin-left: 6px;
    /* IE doubled float-margin bug */ display: inline;}
div#footer label {color: #bbb5b4; margin-left: 3px;}
div#footer #atoz, div#footer #about {text-align: right; margin-right: 12px;}
div#footer input#sg, div#footer input#sd {margin-left: 8px;}

/* end */