/* default */
body section {
        font-family: "Old Standard TT";
		margin: 2em;
    }
    .content section {
		padding-top: 50px;
		margin-top:0;
	}
	
    

    .content {
		margin: auto;
		width: 70%;
		min-width: 768px;
	}
	
	.content p{
		line-height:150%;
	}
	
	.uid_5 table th {
		font-style: italic;
		text-align: left;
	}
	
	.uid_5 td {
		vertical-align: top;
		padding: 10px;
	}
    
    
    .uid_14 .practical {
        background: #eee;
    }
	
    .uid_14 .marking {
        color: #500;
        font-weight: bold;
    }
	
    .uid_14 .test {
        font-size: 120%;
        font-weight: bold;
        color: #800;
    }
    
	.uid_14 {
		width: 400px;
	}
	
	.toc ol{		
		padding-left:0;
		margin-left:1ex;
		list-style: none;
	}
	
	.toc li {
		padding: 0.5ex;
	}
	
	.story {
		list-style: none;
		margin:0;
		padding:0;
	}

h1 {
	border-bottom: thin solid rgb(217 86 74 / .87);
}
.schedule
{	padding: 0;
	list-style: none;}

.schedule p
{	margin: 0;}

.schedule li
{	display: flex;
	padding: 0 0 1ex;
	justify-content: flex-start;

	border-bottom: thin solid rgb(217 86 74 / .38);}

.schedule > li
{	padding-top: 1ex;}

.schedule time
{	width: 4em;
	margin-right: 1ex;

	color: rgb(0 0 0 / .38);}

.schedule ol
{	list-style: none;
	padding: 0;}

.schedule ol time
{	color: rgb(0 0 0 / .6);}

.schedule ol li
{	padding: 1ex 0;
	border-bottom: thin dashed rgb(217 86 74 / .38);}
.schedule ol li:first-child
{	padding-top: 0;}
.schedule ol li:last-child
{	border-bottom: none;}

	
	.story li {
		padding: 0;
	}
	
	hr {
		margin-top: 0px;
	}
	
	.above {
		margin-bottom: 0px;
	}
	
	.info-table td, th {
		padding-right: 2em;
	}
	
	.calendar-table td, th {
		padding: 1ex;
		vertical-align: top;
	}
	
	
	
	.calendar-row {
		border-bottom: thin dashed rgb(217 86 74 / .38);
	}
	
	.calendar-last-row {
		border-bottom: thin solid rgb(217 86 74 / .38);
	}
	
	.calendar-label {
		white-space: nowrap;
	}
	
	.calendar-table-future td, th {
		padding: 1ex;
		vertical-align: top;
		color: lightgrey; 		
	}
	#logo {
		float:left;
	}
	
	
    /* desktop */
    @media (min-width: 1200px) {
    }
    /* tablet */
    @media (min-width: 768px) and (max-width: 1199px) {
    }
    /* phone */
    @media (max-width: 767px) {
		.content { width:98%;}
	}

.due
{	background: rgb(217 86 74 / .87);
	margin-right: 8px;
	padding: 2px 4px;
	border-radius: 4px;
	color: rgb(255 255 255 / .87);}
	
.read
{	background: rgb(227 162 26 / .97);
	margin-right: 8px;
	padding: 2px 4px;
	border-radius: 4px;
	color: rgb(255 255 255 / .87);}	

.code
{	background: rgb(68 175 242 / .87);
	margin-right: 8px;
	color: rgb(255 255 255 / .87);
	padding: 2px 4px;
	border-radius: 4px;}
	
.future-due .future-code{
	color: lightgrey; 
	background: rgb(248, 249, 249);
	margin-right: 8px;	
	padding: 2px 4px;
	border-radius: 4px;
}