/* Clear layout */
body, code, div, ul, ol, h1, h2, h3, h4, h5, hr, p, table, th, td, tr, blockquote, img {
    margin: 0;
    padding: 0;
    border: 0;
}

/* Set a top-level font style and size for proper layout and scaling */
body {
    font-family: arial, sans-serif;
    font-size: 13pt;
    background-color: white;
}

/* Table header and table data fields have a padding set for spacing */
td, th {
    padding-right: .75em;
}

/*
 * Styling
 */

/* Set page theme */
a { }
a:link { color: black; }
a:visited { color: black; }
a:hover { color: darkorange; }
a:visited:hover { color: darkorange; }

/* Type-setting */
h1 { font-size: 18pt; }
h2 { font-size: 17pt; }
h3 { font-size: 16pt; }
h4 { font-size: 15pt; }
h5 { font-size: 13pt; }

/* Paragraph spacing */
p { padding-bottom: 1.2em; }

/* Inline code set to a mono-spce font */
code { font-size: 12pt; font-family: monospace; }

/* Nested object should have increased page left and right page margins */
blockquote, ul, ol { margin-left: 1.5em; margin-right: 1.5em; }
li { padding-top: 0.5em; }

.indent { margin-left: 1.25em; }   /* large indent for a sub section */
.push-down { padding-top: 1.2em; } /* h-tags, tables, lists, etc. do not provide bottom padding,
                                    * next tag should include this class for offsetting its content */
.centered { text-align: center; }  /* centers text if needed */
.note { font-size: 10pt; }         /* used for less significant information */
.important { color: red; }         /* sets type to specified color for important content */
.strike { text-decoration: line-through; } /* strike through text */

/* Each sub-section should be wrapped in a div tag for proper section spacing */
div { padding: 1.0em; }

/* hr is used at the start of a each section for a stylish horizontal line */
hr {
    height: 0.25em;
    background-color: darkorange;
    border: none;
    margin-top: 0.15em;
    margin-bottom: 1em;
}

.thin_hr {
    height: 0.15em;
    background-color: darkorange;
    border: none;
    margin-top: 0.15em;
    margin-bottom: .2em;
}

.reset {
    margin: 0px;
    padding: 0px;
}

.small_indent {
    padding-left: 1.0em;
}

/* Header/footer settings */
#article_header { background-color: darkblue; color: aliceblue; }
#article_footer { background-color: darkblue; color: aliceblue; }

/* Menu settings */
#article_menu { background-color: aliceblue; }
#article_menu ul, #article_menu ul li { margin-left: 0; padding-left: 0; list-style: none; }
#article_menu li { padding-top: .15em; }
#article_menu a { text-decoration: none; }

/* Two-column Layout */
#sub_heading { background-color: aliceblue; }
#left_column { display: inline-block; float: left; }
#right_column { display: inline-block; }

.clear { margin: 0; padding: 0; clear: both; }
.collapse { margin-bottom: 0px; padding-bottom: 0px; }

.home {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 10pt;
}
/* Lecture Schedule */


/*  SECTIONS  */
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}

/*  COLUMN SETUP  */
.col {
    padding: 0px;
    margin: 0px;
    display: block;
    float:left;
    margin: 1% 0 1% 1.6%;
    background-color: aliceblue;
}

.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF THREE  */
.span_3_of_3 {
    width: 100%;
}
.span_2_of_3 {
    width: 66.1%;
}
.span_1_of_3 {
    width: 32.2%;
}

.span_2_of_2 {
    width: 100%;
}

.span_1_of_2 {
    width: 49%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 680px) {
    .col {
        margin: 1% 0 1% 0%;
    }
}

@media only screen and (max-width: 680px) {
    .span_3_of_3 {
        width: 100%;
    }
    .span_2_of_3 {
        width: 100%;
    }
    .span_1_of_3 {
        width: 100%;
    }

    .span_2_of_2 {
        width: 100%;
    }
    .span_1_of_2 {
        width: 100%
    }
}

.lecture_day {
    margin: 0px;
    padding: 0px;
    font-size: 12pt; color: darkblue; font-weight: bold;
}

.lecture_item_container { }

.lecture_item_container ul {
    margin: 0.3em 0 0 0;
    padding: 0px;
}

.lecture_item_container li {
    margin: 0.1em 0 0.1em 0;
    padding: 0px;
    list-style: none;
    font-size: 10.5pt;
}

.slides {
    margin: 0px;
    padding: 0px;
}
.slides ul {
    margin: 0.3em 0 0 0;
    padding: 0px;
}

.slides li {
    margin: 0 0.3em 0 0;
    padding: 0px;
    display: inline;
    font-size: 10.5pt;
}

.slides .lecture_item_label {
    font-size: 11pt;
    color: darkblue;
}


.important_event { background-color: darkorange; }