/*
   Styles for Admissions 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#admissions { background-color: #ba9e66; }
#main-menu li#admissions a { color: white; }
#main-menu li#admissions 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 .entrydate { font-weight: 800; color: #990000; }
#content .topic { padding: 2px; border: 1px solid #cccccc; margin-right: 5px; }
#content .pronouns { display: block; font-weight: 200; font-size: 60%; margin-top: -0.3em; }


/* FAQ. */

#content .hidden, #content .hide { display: none; }
#content .faq { text-decoration: none; color: black; border: none; }


/* 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: 100%; }

.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; }
.chanform #Your_URL { display: none; }

#scholarshipform .shaded { background-color: #eeeeee; padding: 0.5em; }


/* Student/admissions blogger styles. */

#content .blogger { margin-bottom: 2em; }
#content .bloggername { font-size: 160%; font-weight: 500; line-height: 140%; color: black; margin-bottom: 0.25em; }
#content .bloggerdescription { font-size: 120%; font-weight: 500; line-height: 140%;
                               color: #909090; margin: 0.25em 0 1.5em 0; }


/* Styles for quiz questions. */

#whatkindofot .quizquestion table { margin-left: 2em; margin-bottom: 2em; }
#whatkindofot .quizquestion td { text-align: left; vertical-align: top; padding-bottom: 0.5em; padding-left: 5px; }
#whatkindofot .quizquestion label { font-size: 125%; }


/* Blog post styles. */

#content div.blogpost { margin-bottom: 1em; }
#content .blogpost .blogpostinfo { font-size: 85%; font-weight: 800; color: #909090; }
#content .blogpost img { max-width: 100%; height: auto; }

#content .blogpost #social-media { margin: 1em 0 0 0; }
#content .blogpost #social-media a { background-color: white; padding: 0; margin: 0; }
#content .blogpost #social-media img { height: 30px; width: 30px; padding: 0; opacity: 0.25; filter: alpha(opacity=25); }
#content .blogpost #social-media img:hover { opacity: 1.0; filter: alpha(opacity=100); }

#content div.blogcomment { padding: 0.25em 0.5em; background-color: #f0f0f0; margin-bottom: 1em; }
#content .blogcommentpreview { margin-top: 1em; margin-bottom: 1em; }
#content .blogcommentpreview div { padding: 0.25em 0.5em; background-color: #f0f0f0; }
#content .blogcomment p, div.blogcommentpreview p { padding-left: 10px; padding-right: 10px; }


/* Styles for volunteer and scholarship opportunities. */

#content .volunteer, #content .scholarship { margin: 0 0 2.5em 0; }
#content .volunteer h4, #content .volunteer h3, #content .scholarship h4, #content .scholarship h3 { margin: 0 0 0.4em 0; }
#content .volunteer p, #content .scholarship p { margin: 0; }