/*
	Project: Boston University Directory Search
	Author: Tim Wright
	Created: June 10, 2011
*/

/*
	Reset browser defaults
*/
body,div,dl,dt,dd,ul,ol,
li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,
blockquote,th,td            { margin:0;padding:0; }
body                        { line-height:1; }
h1,h2,h3,h4,h5,h6,p         { font-size:100%;font-weight:400; }
ol,ul                       { list-style:none; }
caption,cite,code,th        { font-style:normal;font-weight:400; }
fieldset,img                { border:0; }
caption,th                  { text-align:left; }
table                       { border-collapse:collapse;border-spacing:0; }
td,td img                   { vertical-align:top; }
:focus                      { outline:1px dotted #eee;}

/* fixing form weirdness */
label,button,
input[type="submit"],
input[type="checkbox"],
input[type="radio"]         { cursor:pointer; }
input[type="checkbox"]      { vertical-align:bottom;*vertical-align:baseline; }
input[type="radio"]         { vertical-align:text-bottom; }
button                      { width:auto;overflow:visible; }
select,input,textarea       { font:99% inherit;resize:none; }
input,select                { vertical-align:middle; }
button,input,select,
textarea                    { margin:0; }
button                      { width:auto;overflow:visible; }

::-moz-selection            { background:#0286b0;color:#fff;text-shadow:none; }
::selection                 { background:#0286b0;color:#fff;text-shadow:none; }
::-webkit-input-placeholder { color:#575757; }
:-moz-placeholder           { color:#575757; }

/*
	General elements
*/
html                        { text-align:center;-webkit-font-smoothing:antialiased;overflow-y:scroll;background:#f1f1f1; }
body                        { text-align:left;color:#505154;position:relative;font: 0.75em/1.5 Sans-serif; }
h1,h2,h3,h4,h5,h6           { margin-bottom:24px;font-weight:400; }
h1                          { font-size:1.5em;line-height:1em; }
h2                          { font-size:26px;line-height:1.0909em;color:#212121;margin:0 0 15px 15px;padding:15px 0 0; }
h3                          { font-size:17px;line-height:1.2em;margin:6px 0 18px 15px;color:#212121; }
h4                          { font-size:1.125em;line-height:1.333em; }
h5,h6                       { font-size:1em;line-height:1.5em; }
p,ul,ol,dl                  { font-size:1em;line-height:1.5;margin:0 0 15px; }
ol ol,
ul ul                       { margin:0 0 0 60px; }
blockquote                  { margin: 0 60px 0 45px;border-left: 5px solid #ccc;padding-left: 10px;text-indent: -0.4em; }
pre                         { white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word; }

dl                          { margin:0 0 0 17px;font-size:14px;overflow:hidden; }
dt                          { font-weight:700;width:160px;float:left;color:#b7b7b7;clear: left; }
dt:after                    { content:':'; }
dd                          { margin-bottom:10px;color:#000; float: left; width: 560px; }

/* Anchors */
a                           { color:#1e80a0;overflow:hidden;text-decoration:none;border-bottom:1px solid #ddd; }
a:hover                     { border-bottom-color:#bbb; }

/*
	CSS Objects
*/
.accessibility,
.hide                       { position:absolute;top:-9999px;left:-9999px; }
.feedback                   { color:#798589;font:15px Georgia,"Serif";margin:0 0 16px;font-style:italic; }
.back                       { margin:0;padding:0;font:700 12px Georgia,Serif;font-style:italic; }
.back a                     { border:0;background:#535353;display:block;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;
                              -webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;border-top-left-radius: 3px;
                              border-top-right-radius: 3px;color:#fff;padding:10px 15px;
                              -moz-transition: all linear .3s;-webkit-transition: all linear .3s;transition: all linear .3s; }
.back a:hover               { background:#333; }

.more                       { margin:10px 0 0;clear:both;font:700 12px Georgia,Serif;font-style:italic; }
.more a                     { border:0;-webkit-border-bottom-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomright: 3px;
                              -moz-border-radius-bottomleft: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;display:block;padding:10px 15px 10px 30px;background:#e6e6e6 url(../images/arrows_toggle.png) no-repeat 17px 15px;
                              -moz-transition: background-color linear .3s;-webkit-transition: all linear .3s;transition: all linear .3s; }
.more a:hover               { background-color:#d3d3d3; }
.more a span                { color:#212121; }
.more a.less                { background:#e6e6e6 url(../images/arrows_toggle.png) no-repeat 17px -54px; }


.errors                      { background:#fffedf;margin:0 auto 15px;border:1px solid #e5e6a4;border-radius:7px;position:relative;width:100%; }
.errors ul                   { margin:0;padding:10px;color:#777; }
.errors a                    { font: italic 700 13px/1.3 Georgia, Times, Serif;padding-left:1px; }

.ph-text                    { float:left;width:60%;line-height:1.2; }
.ph-text br                 { display:block;margin-bottom:10px; }

/*
	Layout
*/

#wrap                       { width:760px;margin:auto; }
body.home #wrap             { width:492px; }


/* Header */
#header                     { overflow:hidden;clear:both;padding:50px 0 0; }
#header h1                  { margin:0; }
#header h1 a                { border:0;float:left;display:block;height:35px;width:142px;text-indent:-9999px;background:url(../images/logo.png) no-repeat 0 0; }
body.home #header h1 a      { margin-bottom:50px; }

/* Search */
#header form                { float:right;width:492px; }
#header label               { position:absolute;top:-9999px;left:-9999px; }
#header input.search        { background:none;border:0;font-family:sans-serif;width:30%; box-sizing: border-box;font-size:12px;display:inline-block;margin:0; font-size: 120%;
                              -webkit-appearance:none; }
#header form span           { -moz-box-shadow:inset 0 3px 5px #eee;background:#fff;width:442px;
                              -webkit-box-shadow:inset 0 3px 5px #eee;box-shadow:inset 0 3px 5px #eee;
                              border:1px solid #cfd2d4;border-right:0;float:left;-moz-border-radius-topleft:7px;line-height:32px;
                              -moz-border-radius-bottomleft:7px;-webkit-border-top-left-radius:7px;padding-left:10px;
                              -webkit-border-bottom-left-radius:7px;border-top-left-radius: 7px;border-bottom-left-radius: 7px;font-family:sans-serif; }

#header input.search:focus  { -moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none; }
#header button              { display:block;height:35px;width:39px;background:url(../images/btn_search.png) no-repeat 0 0;text-indent:-9999px;
                              border:0; }

/* Content */
#more{ position:absolute;top:-9999px;left:-9999px; }
#more.show{ position:static; }

.details #content           { background:#fff;margin-top:57px;padding:2px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
                              -moz-box-shadow:0 0 3px #ccc;-webkit-box-shadow: 0 0 3px #ccc;box-shadow: 0 0 3px #ccc;margin-bottom:25px; }

.privacy #content-main p,
.privacy #content-main ul,
.privacy #content-main ol,
.privacy #content-main dl,
.change #content-main p,
.change #content-main ul,
.change #content-main ol,
.change #content-main dl    { margin:0 15px 15px 15px; }
.change #content-main ul 	{ margin: 0 15px 15px 25px; }
.change #content-main li	{ margin: 0 10px; list-style: disc outside none; }
.change #content-main form 	{ margin: 0 15px 15px 15px; }

#content                    { padding:25px 2px;clear:both;overflow:hidden;margin-bottom:20px; }

#menu-sort                  { position:relative; }
#menu-sort:before           { content:'results';display:block;position:absolute;top:-12px;left:14px;height:12px;width:26px;text-indent:-9999px;
                              background:url(../images/arrow_up.png) no-repeat 0 0; }
#menu-sort ul               { float:left;width:100%;font-size:10px;margin:0;background:#535353;overflow:hidden;
                              -moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px; 
                              -webkit-border-top-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px; }
#menu-sort li               { width:33.3333333%;float:left;text-transform:uppercase; }
#menu-sort a                { border:0;display:block;color:#fff;line-height:32px;padding:0 13px;font-weight:700;-moz-transition: all linear .2s;
                             -webkit-transition: all linear .2s;transition: all linear .2s; }
#menu-sort a.active         { color:#91dd00; }
#menu-sort a:hover          { background:#3f3f3f; }
#menu-sort a:active         { background:#333; }
#menu-sort a.sorting        { color:#91dd00; }

#menu-sort .affiliation a,
#menu-sort .name a          { border-right:1px solid #434343; }

.listing li                 { clear:both;background:#fff;float:left;width:100%; }
.listing li.even            { background:#f1f1f1; }
.listing li.even:last-child { border-bottom:1px solid #ddd; }
.listing dl                 { margin:0;color:#697377;line-height:1.3; }
.listing dt                 { position:absolute;top:-9999px;left:-9999px; }
.listing dd                 { margin:0;width:30.2%;float:left;padding:12px 1.5%;border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;color:#505154; }
.listing li dd.first,
.listing li dd.last         { border:0; }

/* Footer */
#footer                     { clear:both;background:#000; }
#footer ul                  { font-size:11px;overflow:hidden;margin:0 30px;padding:30px 0; }
#footer li                  { display:inline;font-weight:700; }
#footer li a                { padding:0 5px;color:#d8d8d8;display:block;float:left;border:0;border-left:1px solid #434343;line-height:1.8; }
#footer li:first-child a,
#footer li:last-child a     { border:0; }

/* Sticky footer */
html,
body                        { height:100%; }
#wrap                       { min-height:100%; }
#content                    { overflow:auto;padding-bottom:80px; }
#footer                     { position: relative;margin-top:-80px;height:80px;clear:both; }
#footer-overlap             { height:80px; }


/*
	Small screen rendering
*/
@media only screen and (min-width:320px) and (max-width:480px) {

	h2                           { clear:both;padding:20px 0 10px; }
	dt                           { float:none; }
	#header                      { padding:25px 0 0; }
	#header form                 { float:none;width:100%;clear:both;padding-top:20px;padding-bottom:20px; }
	#header form span            { width:80%; }
	#wrap,
	body.home #wrap              { width:90%; }
	#content                     { padding-top:0;overflow:auto;padding-bottom:0; }
	.back                        { margin:0; }
	body.home #header h1 a       { margin-bottom:0; }
	.details #content            { margin-top:0; }
	#menu-sort li                { float:none;width:auto; }
	.ph-text{ width:100%; }
	#menu-sort a                 { line-height:26px;padding-left:7px;border-left:0; }
	#menu-sort a:before          { content:"sort by "; }
	.listing li                  { clear:both;background:#fff;float:none;width:100%;padding:10px;overflow:hidden; }
	.listing li.even             { background:#f1f1f1; }
	.listing dl                  { margin:0;color:#697377;line-height:1.3; }
	.listing dd                  { margin:0;width:66%;padding:0;border-right:0;color:#505154;white-space:nowrap; }
	.listing li dd:last-child    { border:0; }
	#footer li                   { display:block; }
	#footer                      { position: relative;margin-top:0;height:auto;clear:both; }
	#footer-overlap              { height:0; }
	#footer li:last-child        { float:none; }
	html,
	body                         { height:auto; }
	#wrap                        { min-height:auto; }
	#footer                      { clear:both;background:#222; }
	#footer ul                   { margin:0;padding:0;font-size:14px; }
	#footer li a                 { float:none;display:block;font-weight:700;color:#f1f1f1;text-decoration:none;border:0;border-top:1px solid #434343;
	                               padding:11px 8px;background:#222 url(../images/arrow_white.png) no-repeat 96% center; }
}