/*
   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: 100%; margin: auto; background-color: white; }


/* Section banner. */

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


/* Main menu. */

nav, #main-menu { display: none; }


/* Sidebar. */

#sidebar { display: none; }


/* Content. */

#content { font-family: National, helvetica, arial; font-size: 80%; margin: 20px 10px; }

#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 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 .entrydate { font-weight: 800; color: #990000; }
#content .topic { padding: 2px; border: 1px solid #cccccc; margin-left: 5px; }

#content a:link:after { content:" [" attr(href) "] "; }


/* FAQ. */

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


/* Forms. */

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

.chanform > table { width: 100%; font-size: 120%; line-height: 125%; }
.chanform td { vertical-align: top; }
.chanform td.label { width: 35%; text-align: right; padding: 5px; }
.chanform td.value { font-size: 90%; width: 65%; text-align: left; padding: 5px; }
#content .chanform .required { color: #990000; font-weight: bold; }
.chanform #Your_URL { display: none; }


/* Student/admissions blogger styles. */

#content .blogger { margin-bottom: 2em; }
#content .bloggername { font-size: 160%; font-weight: 800; line-height: 140%; color: black; margin-bottom: 0.25em; }
#content .bloggerdescription { font-size: 120%; font-weight: 800; line-height: 140%;
                               color: #666666; 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: 110%; font-weight: 800; color: #666666; margin: 0.25em 0; }
#content .blogpost img { max-width: 100%; height: auto; }
#content .blogpost #social-media { display: none; }

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

#content #comment_form { display: none; }