/*
 * Brown University
 * Master stylesheet for home page and directory pages
 *
 * 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 originally implemented by Basil Crow
 *   http://basilcrow.com/
 *
 */
 
/* 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;}
.home div.feature a:link, div.feature a:visited {position: relative;}

/**/


/* 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: #b30016; font-family: "Times New Roman", Times, serif;}
html, body, a:link, a:visited, a:hover {color: #bbb5b4;}
a:hover {text-decoration: underline;}

#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: #b30016; 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("http://www.brown.edu/web/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("http://www.brown.edu/web/images/logo.png") no-repeat top left; text-indent: -3000px; margin-left: 4px; margin-top: 6px;}
.directory div#header h1 a:hover {background: url("http://www.brown.edu/web/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; cursor: default; }
.home ul#listings li.selected, .home ul#listings li.hover, .home ul#listings li.hover { 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; }
.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; }
.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 .selected ul.filters li a:link, .home ul#listings .hover ul.filters li a:link {color: #fff;}
.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 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: inherit; 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.custom a:hover {text-decoration: none; color: #9b760d;}
.home div.custom h3.entry-title {color:inherit;}
p.entry-summary a:link, p.entry-summary a:visited { text-decoration:none !important; border-bottom:1px dotted #fff; }

/* OVERRIDES - JDP adaptation to jQuery's accordion */
.home ul#listings li {height: auto; position: relative;}
.home ul#listings li div.feature {height: 170px;}
.home ul#listings li div.story {height: 170px; margin: 0; padding: 0; clear: left; position: relative;}
.access { height: 0; float: left; display: block; text-indent: -999em; margin: 0; padding: 0; }
.home ul#listings ul.filters {text-align: right; line-height: 10px; padding: 5px 0 5px; margin: 0 0 150px; position: absolute; right: 12px}
.home ul#listings h2 { width: 100%;}

/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
/* 7.2 up */
	.home ul#listings .winhead { min-height: 24px; }
	head~body { /* 9 up */ }
	:root { /* 9.5 up */ }
}
/* End Opera */

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 */