/*
   Styles for Academics section

          Dark: #82591f
         Light: #ba9e66
   20% lighter: #edd199
*/

/* General styles. */

body { font-family: helvetica, arial, sans-serif; margin: 0; background-color: #eeeeee; }
img, table, tr, td, div, a, form { border: 0; padding: 0; margin: 0; }
a { text-decoration: none; color: black; }


/* Main page container. */

#container { max-width: 1024px; margin: auto; background-color: white; }
@media (min-width: 768px) { #container { border-left: 10px solid white; border-right: 10px solid white; } }


/* Section banner. */

#colour-banner { display: none; }
#section-banner-mobile { display: block; margin-top: 10px; }
#section-banner-mobile img { display: block; max-width: 100%; height: auto; }
#section-banner-desktop { display: none; }

@media (min-width: 768px) {
   #colour-banner { display: block; height: 10px; background-color: #ba9e66; }
   #section-banner-desktop { display: block; }
   #section-banner-desktop img { display: block; max-width: 100%; height: auto; }
   #section-banner-mobile { display: none; }
}


/* Main menu. */

#main-menu li#academics { background-color: #ba9e66; }
#main-menu li#academics a { color: white; }
#main-menu li#academics li a.current { background-color: black; }


/* Navigation breadcrumbs. */

#crumbs { background-color: rgb(186, 158, 102, 0.1); }


/* Sidebar. */

#sidebar { display: none; }

@media (min-width: 768px) {
   #sidebar { display: block; font-size: 90%; float: left; width: 220px; margin-bottom: 50px; }
   #sidebar .active { background-color: #eeeeee; }
}
@media (min-width: 944px) { #sidebar { font-size: 100%; width: 250px; } }

#sidebar .side-menu a.current,
#sidebar .side-menu .side-submenu.expanded a.current,
#sidebar .side-menu .side-submenu.expanded .side-submenu.expanded a.current { background-color: #ba9e66; color: white; border-right: 5px solid #82591f; }
#sidebar .side-menu a.current:hover,
#sidebar .side-menu .side-submenu.expanded a.current:hover,
#sidebar .side-menu .side-submenu.expanded .side-submenu.expanded a.current:hover { background-color: #ba9e66; }


/* Content. */

#content { font-family: National, helvetica, arial; margin: 20px 10px; }
@media (min-width: 768px) { #content { margin-left: 234px; max-width: 600px; margin-right: 30px; margin-bottom: 50px; } }
@media (min-width: 944px) { #content { margin-left: 274px; max-width: 600px; margin-right: 50px; margin-bottom: 50px; } }

#content h1 { font-size: 225%; font-weight: 800; margin-top: 0.75em; margin-bottom: 0.75em; line-height: 120%; color: #990000; }
#content h2 { font-size: 200%; font-weight: 800; margin-top: 1.5em; margin-bottom: 0.75em; line-height: 120%; color: black; }
#content h3 { font-size: 160%; font-weight: 800; margin-top: 1.5em; margin-bottom: 0.75em; line-height: 120%; color: black; }
#content h4 { font-size: 120%; font-weight: 800; margin-top: 1.5em; margin-bottom: 0.75em; line-height: 150%; color: black; }

#content p, #content li, #content blockquote { font-weight: 200; line-height: 150%; color: #333333; }
#content p, #content li { font-size: 120%; }
#content li p, #content li li, #content li li li, #content blockquote { font-size: 100%; }
#content a { text-decoration: none; font-weight: 500; color: #82591f; background-color: #eeeeee; padding: 2px 4px; border-radius: 3px; }
#content a:hover { background-color: #edd199; }
#content h1 a, #content h2 a, #content h3 a, #content h4 a { font-weight: 800; color: black; background-color: white; padding: 0; border-radius: 0; }
#content h1 a:hover, #content h2 a:hover, #content h3 a:hover, #content h4 a:hover { background-color: white; border-bottom: 1px solid black; }

#content a.register { text-decoration: none; font-weight: 500; font-size: 100%; color: white; background-color: green;
                      padding: 4px 6px; border-radius: 5px; opacity: 0.5; filter: alpha(opacity=50); }
#content a.register:hover { opacity: 1.0; filter: alpha(opacity=100); }
#content a.biglink { font-size: 175%; line-height: 100%; font-weight: 500; padding: 10px; display: inline-block; }

#content .hidden, #content .hide { display: none; }
#content .redhighlight { color: #990000; font-weight: bold; }

#content .datehighlight { color: #990000; font-weight: bold; }
#content .inpersonhighlight { background-color: #e6e6ff; padding: 2px 4px; border-radius: 3px; }
#content .onlinehighlight { background-color: #e6ffe6; padding: 2px 4px; border-radius: 3px; }
#content .topic { padding: 2px; border: 1px solid #cccccc; margin-left: 5px; }


/* Forms. */

.chanform input[type="text"], textarea { font-family: National; font-size: 100%; font-weight: 200; width: 95%;
                                         border: 1px solid #cccccc; padding: 3px; -webkit-appearance: none;}
.chanform input[type="text"].additional { width: auto; }

.chanform > table, .chanform > div > table { width: 100%; font-size: 120%; line-height: 125%; }
.chanform td { vertical-align: top; }
.chanform td.label { width: 35%; text-align: right; padding: 5px; }
#content .chanform td.label p { margin: 0; font-weight: 200; font-size: 90%; line-height: 120%; }
.chanform td.value { font-size: 90%; font-weight: 200; width: 65%; text-align: left; padding: 5px; }
#content .chanform .required { color: #990000; font-weight: bold; }
.chanform #Your_URL { display: none; }
.chanform .list-of-checkboxes { margin-left: 2em; }
.chanform .list-of-checkboxes p { margin: 0.25em 0; }

#content .formcontrol a { border: 0; }
.formcontrol { font-size: 125%; font-weight: bold; margin-top: 0.5em; }
.formcontrol a#next { color: white; font-weight: bold; background-color: #009900; padding: 5px; -moz-border-radius: 3px; border-radius: 3px; }
.formcontrol a#next:hover { color: white; background-color: #00cc00; }
.formcontrol a#previous { color: white; font-weight: bold; background-color: #990000; padding: 5px; -moz-border-radius: 3px; border-radius: 3px; }
.formcontrol a#previous:hover { color: white; background-color: #cc0000; }


/* Styles for Faculty summaries. */

.facultysummary { margin-top: 1em; margin-bottom: 0.75em; font-size: 90%; overflow: auto; }
.facultysummary .facultyinfo { margin-left: 30%; padding-bottom: 10px; }
.facultysummary p { margin: 0; }
#content .facultysummary h3 { margin: 0 0 0.25em 0; }
@media (min-width: 768px) { .facultysummary { font-size: 100%; }
                            .facultysummary .facultyinfo { padding-bottom: 20px; }}


/* Styles for fieldwork site data. */

#content #fieldworksearchcontrols { text-align: right; font-size: 120%; }
@media (min-width: 768px) { #content #fieldworksearchcontrols { float: right; } }

table.fieldworkdata { width: 100%; font-size: 120%; line-height: 125%; table-layout: fixed;
                      margin-top: 1em; margin-bottom: 1em; border-bottom: 1px solid #cccccc; padding-bottom: 1em; }
table.fieldworkdata td { vertical-align: top; }
table.fieldworkdata td.label { width: 35%; text-align: right; padding: 5px; color: #999999; }
table.fieldworkdata td.value { width: 65%; text-align: left; padding: 5px; }
div#evaluations, div#documents { font-size: 150%; }
span.faint { color: #999999; }


/* Styles for APA/publication list. */

#content p.apa { padding-left: 0.25in; text-indent: -0.25in; }
@media (min-width: 768px) { #content p.apa { padding-left: 0.5in; text-indent: -0.5in; } }


/* Styles for student profiles. */

#content .profilesummary { display: inline-block; width: 47%; vertical-align: middle; text-align: left; padding: 0 0.25em 2em 0.25em; }
#content .profilesummary .profilesummaryheadshot a, #content .profilesummary .profilesummaryheadshot a:hover, 
#content .profilesummary .profilesummarytitle a, #content .profilesummary .profilesummarytitle a:hover, 
#content .profileinfo a, #content .profileinfo a:hover
   { border: 0; padding: 0; margin: 0; color: black; background-color: white; border-radius: 0; }
#content .profilesummary img { display: block; max-width: 100%; }
#content .profilesummary a img:hover { opacity: 0.75; filter: alpha(opacity=75); }
#content .profilesummary .profilesummaryheadshot { margin: 0; }
#content .profilesummary .profilesummarytitle { font-size: 100%; font-weight: 800; color: black; margin: 0.5em 0 0.3em 0; line-height: 110%; }
#content .profilesummary .profilesummaryinfo { font-size: 90%; font-weight: 200; color: #666666; margin: 0; line-height: 125%; }
#content .profilesummary .profilesummarytitle a:hover, #content .profileinfo a:hover { border-bottom: 1px solid black; }
#content .profileinfo { font-size: 140%; color: #666666; margin: 0; line-height: 125%; }
@media (min-width: 768px) { #content .profilesummary { width: 45%; padding: 0 0.75em 2em 0.75em; }
                            #content .profilesummary .profilesummarytitle { font-size: 130%; }
                            #content .profilesummary .profilesummaryinfo { font-size: 110%; } }


/* Styles for help pages. */

#content .helpitem { margin-bottom: 1em; }
#content .helpitem p, #content .helpitem ul, #content .helpitem li { margin: 0; }
#content .helpitem li { font-size: 110%; margin-bottom: 0.4em; }