/* =Copyright
-----------------------------------------------------------------
    (c) 2010-2012 Yale Sociology Department. All rights reserved. 
    You may not re-use this code without express permission. 
    Contact site administrator with comments or questions: 
    sociology (dot) webmaster (at) yale (dot) edu.

/* =Typography (1em = 10px)
----------------------------------------------------------------- */
body { font-family: Verdana, Helvetica, Arial, sans-serif; }
caption { font-size: 1em; }
h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; font-weight: normal; }
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.8em; font-style: italic; font-weight: normal; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; font-weight: normal; letter-spacing: .125em; text-transform: uppercase; }
h5 { font-size: 1.2em; font-weight: normal; }
p, pre, ol, ul { font-size: 1.2em; line-height: 1.75; }
table { font-size: 1.1em; }
ul ul { font-size: 1em; }
#searchForm form .sfield { font-size: 1.1em; }
#finding { font-size: 1em; }
#university { font-family: "Times New Roman", Times, serif; font-size: 2em; font-weight: normal; }
#footer { font-size: 1.1em; text-align: center; }
.hcourse { font-size: 1.2em; line-height: 1.75; }
.hcourse h3 { font-size: 1em; font-weight: normal; }
.hcourse h3 a { font-weight: normal; white-space: nowrap; }
.hcourse h3 .code { font-weight: bold; }
.hcourse p { font-size: 1em; }
.hcourse .code, .hcourse .name { font-weight: bold; }
.notOffered .time { font-style: italic; }
.hjob .position-location { font-size: 1.2em; }
.hjob .posting-date { font-size: 1.2em; line-height: 1.75; }
.hjournal { font-size: 1.2em; line-height: 1.75; }
.hjournal h3 { font-size: 1em; font-weight: bold; }
.hjournal h4 { font-size: .9em; }
.hjournal p, .hjournal ul { font-size: 1em; }
.hjournal .paper-author { font-style: italic; }
.hjournal ul li.subheading { font-size: .9em; letter-spacing: .05em; text-transform: uppercase; }
.indexWrapper h3 { font-size: 1em; font-weight: normal; letter-spacing: .125em; text-transform: uppercase; }
.panel { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; font-style: italic; }
.person .vcard { font-size: 1em; text-align: left; }
.person .vclink ul { font-size: 1em; }
.staff h4 {font-size: 1.2em; font-weight: normal; letter-spacing: 0; line-height: 1.75; text-transform: capitalize; }
.staff h4 span {font-size: .9em; font-weight: normal; letter-spacing: .125em; text-transform: uppercase; }
.contactPage .vcard h4 {font-size: .9em; font-weight: normal; letter-spacing: .125em; text-transform: uppercase; }
.contactPage .vcard { font-size: 1.2em; line-height: 1.75; }
.contactPage .vcard h3 { font-size: .9em; }
.vevent { font-size: 1.2em; line-height: 1.75; }
.vevent h3 { font-size: 1em; line-height: 1.75; }


/* =Layout
----------------------------------------------------------------- */
* { margin: 0; padding: 0; }
body { font-size: 62.5%; }
h1 { position: absolute; top: 38px; left: 274px; background: url(../images/sociology.gif) no-repeat; height: 65px; margin: 0; width: 590px; }
h1 a { position: absolute; top: -8px; left: -2px; height: 64px; width: 590px; }
h2 { margin-top: 2.25em; margin-bottom: 1.25em; margin-left: 1.4em; }
h2.first { margin-top: .25em; margin-bottom: .75em; }
h3 { margin-top: 2.5em; margin-bottom: .75em; margin-left: 2em; }
h4 { margin-top: 2em; margin-bottom: 1em; margin-left: 2.4em; }
h5 { margin: 1.75em 0 .75em 2em; }
p, ol, ul { margin-bottom: 1em; padding: 0 2em; }
ul ul { margin-bottom: 0; }
#banner { position: relative; height: 95px; max-height: 95px; max-width: 100%; width: 100%; }
#topper { border-bottom: 1px solid; height: 28px; max-height: 28px; }
#searchForm { position: absolute; top: 0; left: 670px; height: 28px; padding: 0; }
#searchForm form { position: relative; width: 180px; }
#searchForm form .sfield { position: absolute; top: 4px; left: 12px; margin: 0; padding: 1px 2px; width: 150px; }
#searchForm form .gobutton { position: absolute; top: 0; left: 170px; margin: 0; }
#wrapper { position: relative; margin: 30px; text-align: left; width: 840px; }
#university { position: absolute; top: 0; left: 30px; background: url(../images/yalesig.gif) no-repeat; height: 28px; width: 150px; }
#university a { position: absolute; top: 0; left: 0; height: 28px; width: 150px; }
#nav { position: absolute; top: 1em; left: 0; max-width: 22%;  padding: 0; width: 18.5em; }
#content { position: absolute; top: 1em; left: 220px; max-width: 78%; width: 62em; overflow: hidden; /* ::KLUDGE IE/Win 6:: */ }
#footer { border-top: 1px solid; clear: both; margin: 3.25em .5em 2em 2em; padding-top: 2em; }
#siteMeta { border-top: 1px solid; margin-top: 2em; padding-top: 2.5em; }
#copyright { margin-bottom: .25em; }
#welcome { position: relative; margin-top: .5em; margin-bottom: 1.5em; }
#welcome img { border: 1px solid #CCC; margin-bottom: 3.5em; margin-left: 2.4em; padding: 5px; text-align: right; width: 94%; }
#welcome img { position: relative; } /* ::KLUDGE IE6/WIN:: | Andy Budd's collapsing margin fix http://www.andybudd.com/archives/2003/11/no_margin_for_error */
#welcome h2 { margin-top: 0; margin-bottom: 0; }
.contactPage .staff h4 { margin: 1em 0 .75em 2em; padding: 0; }
.contactPage .staff h4 span { display: block; padding-bottom: .5em; }
.contactPage .vcard h4 { margin: 2em 0 .75em 0; padding: 0; }
.metaLink a { margin-right: .5em; }
.separator { border-bottom: 1px dotted; margin: 1em 2.4em; padding-bottom: 1.5em; }
.separator h3 { margin-top: 2.5em; margin-left: 0; padding: 0; }
.separator p { padding: 0; }
.vcard abbr { border: 0; }

/* List Headings */
.indexWrapper h3 { margin-top: 3.5em; margin-bottom: 1em; margin-left: 2.4em; }
.indexWrapper h4 { margin-top: 3.5em; margin-bottom: 1em; margin-left: .6em; }

/* People */
.person h3 { line-height: 1.5; }
.person .bio { padding-top: 1em; padding-bottom: 0; /* ::: DECIDE WHETHER TO ADD PADDING HERE ::: */ }
.person .headshot { position: relative; border: 1px solid; float: right; margin-left: 2.5em; margin-bottom: 1.25em; padding: 10px; padding-bottom: 15px; }
.person .vcard { border-top: 0; clear: none; line-height: 1.75; margin: 0; padding: 0; padding-top: 1em; width: 157px; }
.person .vclink img { position: absolute; bottom: 0; right: 0; border-top: 1px solid; border-left: 1px solid; padding: 3px; margin: 0; }

/* Courses */
.hcourse { margin-bottom: 2em; margin-left: 2em; }
.hcourse h3 { margin-bottom: 0; margin-left: 0; }
.hcourse p { padding: 0; }
.hcourse .time { display: block; }

/* Events */
.events .headshot { border: 1px solid; float: right; margin: 0 -2em 2em 2em; padding: 10px; }
.vevent { margin-bottom: 2em; margin-left: 2em; }
.vevent h3 { margin-bottom: 0; margin-left: 0; }
.vevent p { padding: 0; }
.veventIcon { float: left; margin-top: .5em; margin-right: 1.5em; }
.calNote { float: left; margin: 1.25em 1.5em 1em 0; }

/* Jobs */
.hjob { margin-bottom: 4em; margin-left: 2.4em; padding: 0; }
.hjob h3 { margin-bottom: .5em; margin-left: 0; padding: 0; }
.hjob h4 { margin: 1.25em -.1em .75em; }
.hjob p { margin-top: 1em; margin-left: -2em; }
.hjob .position-location { margin: 1em 0 .25em; }
.hjob .posting-date { display: block; }

/* Journal */
.hjournal { margin-bottom: 4em; margin-left: 2em; padding: 0; }
.hjournal h3 { margin-bottom: .5em; margin-left: 0; padding: 0; }
.hjournal h3 .special { display: block; margin-top: .5em; margin-bottom: 1em; }
.hjournal h4 { margin-top: 1.5em; margin-bottom: 1em; margin-left: 0; }
.hjournal p { margin-top: 1em; margin-left: -2em; }
.hjournal .content { margin-top: 1em; margin-left: 0; }

/* Contact Page */
.contactPage .vcard { margin-left: 2em; }
.contactPage .vcard h3 { margin-left: 0; }
.contactPage .vcard .post-office-box, .contactPage .vcard .street-address { display: block; }
.contactPage .vcard .postal-code, .contactPage .vcard .region { margin-left: .3em; }
.contactPage .vcard .digits, .contactPage .vcard .vclink { display: inline; margin-right: 2em; }
.contactPage .vcard .vcimg { margin-bottom: -5px; }


/* =Navigation
----------------------------------------------------------------- */
#nav { font-weight: normal; }
#nav ul { font-size: 1.3em; line-height: 2.5; padding: 0; }
#nav li { list-style-type: none; }
#nav .offsite { font-weight: normal; }


/* =Icons
----------------------------------------------------------------- */
a.html { background: url(../images/html.jpg) no-repeat top left; padding: 2px 0; padding-left: 22px; }
a.note { background: url(../images/note.jpg) no-repeat top left; padding: 2px 0; padding-left: 22px; }
a.pdf { background: url(../images/pdf.jpg) no-repeat top right; padding: 2px 0; padding-right: 22px; }
.resource li.html { background: url(../images/html.jpg) no-repeat 0 4px; }
.resource li.pdf { background: url(../images/pdf.jpg) no-repeat 0 4px; }


/* =Lists
----------------------------------------------------------------- */
#content ol { list-style-type: decimal; }
#content ol li { margin-left: 1.7em; padding-left: .25em; }
#content ul { list-style-type: square; }
#content ul li { margin-left: -.2em; padding-left: .2em; }
#content #finding { float: right; list-style: none; margin: 0; margin-top: -5.25em; padding: 0; }
#content #finding li { display: inline; float: left; margin: 0 0 0 1.25em; padding: 0; }
#content .peopleIndex { list-style-type: disc; }
#content .peopleIndex li { display: inline; margin-right: 1em; margin-left: 0; padding-left: 0; }
#content .peopleIndex li a { white-space: nowrap; }
#content .peopleIndex .fullLine { display: list-item; list-style-type: none; }
#content .affils { line-height: 2; list-style-type: square; padding: 0; }
#content .affils li { margin-left: 1.75em; padding-left: .25em; padding-bottom: 1em; }
#content .affils ul { list-style-type: none; padding-top: 1em; padding-left: 0; }
#content .affils ul li { margin-left: 0; padding-left: 0; }
#content .course { line-height: 2; list-style: none; padding: 0; }
#content .course li { margin-left: 0; padding-left: 2em; padding-bottom: 1em; }
#content .editor { line-height: 2; list-style: none; padding: 0; }
#content .editor li { margin-left: 0; padding-left: 2em; padding-bottom: 1em; }
#content .resource { line-height: 2; list-style: none; padding: 0; }
#content .resource li { margin-left: 0; padding-left: 2em; padding-bottom: 1em; }
#content.facultyPage .resource { padding: 0; }
#content .student, #content .visitor { margin-bottom: 4.5em; }
#content .student .details, #content .visitor .details { margin-left: 2em; margin-bottom: 6.5em; padding-left: 0; }
#content .student .details li, #content .visitor .details li { display: inline; float: left; list-style-type: none; margin-right: 2em; padding-left: 0; }
#content .staff { margin-bottom: 4.5em; }
#content .staff .details { margin-left: 2em; margin-bottom: 5.5em; padding-left: 0; }
#content .staff .details li { display: inline; float: left; list-style-type: none; margin-right: 2em; padding-left: 0; }
#content .vclink .resource { line-height: 1.75; list-style: none; margin-bottom: 0; margin-left: 0; padding: 0; }
#content .vclink .resource li { display: inline; margin: 0; padding: 0; }
#content .hjob ol { margin-left: -2em; }
#content .hjournal ul { margin: 0; padding: 0; }
#content .hjournal ul li { list-style-type: none; margin-left: 0; padding-left: 0; padding-bottom: .75em; }
#content .hjournal ul li .paper-author { display: block; text-indent: 1.4em; }
#content .separator ul { margin-left: -2em; }
#content .prizeList { list-style-type: none; }
#content .prizeList span { margin-right: 1.25em; }


/* =Tables
----------------------------------------------------------------- */
.events .tablewrap { margin: 2em .6em 1em 2.5em; width: 77%; }
.graduate .tablewrap { margin: 2em .6em 1em 2.5em; width: 70%; }
.undergrad .tablewrap { margin: 2em .6em 2.5em 2.5em; width: 75%; border: 1px solid; padding: 1.5em 0; }
.eventProg { border-collapse: collapse; border: 1px solid; margin: 0 1px 2em; width: 100%; } /* 1px left|right to squeeze table around caption */
.eventProg caption { border: 1px solid; border-bottom: 0; margin: 0; padding: .75em 1.5em; width: 40%; text-align: left; }
.eventProg thead { border-bottom: 1px solid; }
.eventProg th { font-weight: normal; }
.eventProg th.time, .eventProg td.time { padding: .75em 1.5em; text-align: left; width: 20%; }
.eventProg th.topic, .eventProg td.topic { padding: .75em 1.5em; text-align: left; width: 80%; }
.gradProgram { border-collapse: collapse; border: 1px solid; margin: 0 1px 2em; width: 100%; } /* 1px left|right to squeeze table around caption */
.gradProgram caption { border: 1px solid; border-bottom: 0; margin: 0; padding: .5em 1.5em; width: 33%; text-align: left; }
.gradProgram thead { border-bottom: 1px solid; }
.gradProgram th { font-weight: normal; }
.gradProgram th, .gradProgram td { padding: .75em 1.5em; text-align: left; width: 50%; }
.ugProgram { border-collapse: collapse; margin: 0 1px; width: 100%; } /* 1px left|right to squeeze table around caption */
.ugProgram caption { border: 1px solid; border-bottom: 0; margin: 0; padding: .5em 1.25em .75em; width: 33%; text-align: left; }
.ugProgram thead { border-bottom: 1px solid; }
.ugProgram th { font-weight: normal; }
.ugProgram th, .ugProgram td { padding: 1em; text-align: left; }
.ugProgram td { line-height: 1.75; }
.ugProgram td.field { text-align: right; vertical-align: top; width: 8em; }
.ugProgram tr { padding-top: 1em; }
.tableNote { margin: -1.5em 2em 2em; text-indent: -.65em; }


/* =Other
----------------------------------------------------------------- */
acronym { cursor: help; border-bottom: 1px dotted; padding-bottom: 1px; }
hr { clear: both; height: 0; }
img { border: 0; }
sup { font-size: smaller; vertical-align: baseline; position: relative; bottom: .5em; }
.alert { color: #CC0000; }
.clear { clear: both; }
.hide { position: absolute; left: -50000px; width: 500px; font-size: 1px; line-height: 1; } /* Bob Easton-Jon Hicks method */
.highlight {background-color:#DEF; margin-left:-3px; padding:2px 3px;}
.listSpacer { margin-top: 1em; }
.posting-date { display: block; margin: .5em 0; margin-right: 1em; }
.strike { text-decoration: line-through; }


/* =Colours, Links
----------------------------------------------------------------- */
body { background-color: #FFF; color: #333; }
a:link, a:visited, a:active { color: #0E4C92; }
a:hover { color: #FF6600; }
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active { color: #FFF; text-decoration: none; }
h1 a:hover { color: #FFAA00; }
h1 span { color: #4777AD; }
table.eventProg, table.eventProg caption, table.eventProg thead { border-color: #CCC; }
table.gradProgram, table.gradProgram caption, table.gradProgram thead { border-color: #CCC; }
table.ugProgram, table.ugProgram caption, table.ugProgram thead { border-color: #CCC; }
.undergrad .tablewrap { border-color: #CCC; }
#banner { background-color: #0E4C92; }
#topper { background-color:#4475AC; border-color: #FFF; }
#searchForm form .sfield { border-color: #C9C9C9; color: #797979; }
#university a:link, #university a:visited, #university a:hover, #university a:active { color: #FFF; text-decoration: none; }
#nav a { text-decoration: none; }
#nav #siteMeta a { text-decoration: underline; }
#nav a:hover { text-decoration: underline; }
#nav a#current { color: #FF6600; }
#nav .offsite { color: #888; }
#nav a:hover.offsite { color: #FF8800; }
#siteMeta { border-color: #CCC; color: #888; }
#footer { border-color: #CCC; color: #888; }
.box, .separator { border-color: #CCC; }
.events .headshot { border-color: #CCC; }
.hjournal h3 { border-color: #999; }
.notOffered { color: #AAA; }
.person .headshot { border-color: #CCC; }
.person .vcard { color: #444; }
.person .vclink img { background-color: #FFF; border-color: #CCC; }
.tableNote { color: #999; }
.vcard { border-color: #CCC; color: #888; }
.contactPage .vcard { color: #333; }


/* =Key
-----------------------------------------------------------------
    #FF8800   orange (lighter: menu and button highlights)
    #FF6600   orange (darker: link highlights)
    #FF00FF   pink
    #3399FF   light blue
    #0033CC   mid blue (links)
    #0E4C92   yale (deeper) blue
    #006600   dark green
    #45586B   slate blue (menu, headings and bars)
    #FFFFCC   pale yellow

*/