html {
	font-size: 12px;
	}

body {
	font-family: 'angie-sans';
	background-color: white;
	color: #111;
	background-image: url('../images/lightpaperfibers.png') top left;
    padding: 0 1rem 1rem 1rem;
    }

#left, #right {
    background: #EAEAEA;
    position: fixed;
    top: 0; bottom: 0;
    width: 8%;
    }

#left { left: 0; }
#right { right: 0; }


.label {font-variant: small-caps; font-weight:normal; letter-spacing: 1px; margin-right: 0.75rem; margin-bottom: 0.5rem; }

a.brand-logo {
	font-weight: bold;
	font-size: 1.5rem;
	padding-left: 1.5rem;
	}
	
a.brand-logo:link { color: #111; outline:0; }
a.brand-logo:active { color: #111; outline:0; }
a.brand-logo:visited { color: #111; outline:0; }
a.brand-logo:hover { color: #ee5858; outline:0; }

a:link { color: #111; outline:0; }
a:active { color: #111; outline:0; }
a:visited { color: #111; outline:0; }
a:hover { color: #ee5858; outline:0; }

a.redlink:link { color: #ee5858; outline:0; }
a.redlink:active { color: #ee5858; outline:0; }
a.redlink:visited { color: #ee5858; outline:0; }
a.redlink:hover { color: #111; outline:0; text-decoration: underline; }

a.resources:link { font-size: 1.5rem; color: #ee5858; outline:0; }
a.resources:active { color: #ee5858; outline:0; }
a.resources:visited { color: #ee5858; outline:0; }
a.resources:hover { color: #111; outline:0; }

a.resources::before {
    content: "\25B8";
    color: #ee5858;
    font-size: inherit;
    position: relative;
    margin-right: 1rem;
}


.side-nav li {
    line-height: 2;
    padding-left: 2rem;
    }

.side-nav h4 { 
    margin: 2rem 0 2rem 1rem;
    font-size: 4rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.2rem;
    
    }

.side-nav a { font-size: 1.5rem; }



ul {
	font-size: 1.25rem;
	margin-bottom: 2rem;
	margin-top: 1rem;
	}

ul li { 
    line-height: 1.2;
    margin-bottom: 0.75rem;
    }

.bullets { 
    position: relative;
    margin: 0 0 1rem 2rem;
    }

.bullets li {
    list-style-type: disc;
    
}

ol {
	font-size: 1.25rem;
	margin-top: 1rem;
	}

ol > li { margin-bottom: 2rem; }

.dropdown-content li > a, .dropdown-content li > span {
	color: #111; outline:0;	
	}
	
.selected { color: #EE5858; }

.container {
	padding-bottom: 0;
	}

.announcebar {
    margin-bottom: 3rem;
}
	
#slide-out { padding-top: 1rem; }

.navmain { 
    border-top: 1px solid black;
    padding-top: 3rem;
}
/*
main { 
	margin-top: 1rem;
	}
*/
	
h1 {
	font-size: 4rem;
	font-weight: bold;
	line-height: 1;
	margin: 0 0 0 -3px;
	padding:0px;
    letter-spacing: -0.125rem;
	}

h2 {
	line-height: 1;
	margin-top: 0px;
	margin-bottom: 0;
	}
	
h3 {
	font-size: 3rem;
	}
	
h4 {
	font-size: 2.5rem;
    margin-top: 3rem;
	}
	
h5 { margin-top: 3rem; }

p { 
	font-size: 1.5rem;
/*    margin: 0 0 2rem 0;*/
	}


iframe { margin-bottom: 2rem; }

audio {display:block; margin-bottom: 1rem; width: inherit; color: #eaeaea;}

/*
.section {
    margin-bottom: 4rem;
    margin-top: 4rem;
}

.section { padding-bottom: 2rem; }
*/

.bordered {
	padding: 1rem;
	border: 1px solid #CCC;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}

a.bordered:hover { background-color: #f8f8f8; }

.caption { font-size: 1rem; margin-top:0;}
.dropdown-content { width: 180px; }
.smallcaps { font-variant: small-caps; }

strong { 
    font-weight: bold;
}

.footer { margin-top: 9rem; }


.big-link {
	font-size:1.85em;
	color:blue;
	margin:20px;
}







/* RESPONSIVENESS CUSTOMIZATIONS */

@media only screen and (max-width: 600px) {
	.brand-logo { float:left;}
    #left, #right { width: 5px; }
    h1 { font-size: 3rem; }
    .caption { font-size: 0.75rem;}
	}
	
@media only screen and (min-width: 601px) {
    #left, #right { width: 4%; }
	}

@media only screen and (min-width: 993px) {
    #left, #right { width: 7%; }
    }

@media only screen and (min-width: 1280px) {
	}