@charset "UTF-8"; /* CSS Document */
	
	/*******************************************
	COURSE STYLES
	
	Put your CSS classes neede for only specific uses here.
	For example: for a course homepage, a particular coded graphic
	or bootstrap CSS... */
		
	
	/* au-course theme v2.0; Last Updated March, 2014
	*******************************************/
	
@import '../fonts/draftee-beta/style.css';

.au-course .dropcap:first-letter {
	font-family: "draftee-betanormal", "Open Sans", sans-serif !important;
	font-size: 3em; 
	}

.au-course .dropcap::first-letter {
	font-family: "draftee-betanormal", "Open Sans", sans-serif !important;
	font-size: 3em; 
	}
	
.au-header {
	background-color: #999; border-bottom: 1px solid #ccc;
	}
	
.au-header .container {
	padding-left: 51px;
	}
	
.homepage-bg {
	background: rgba(220,220,220,0.5) url(../images/soci339-homepage.png) no-repeat 100% 0;
	background-size: contain;
	}
	
.homepage {
	font-size: 0.95em;
	background-color: rgba(255,255,255,0.5);
	width: 30%;
	min-width: 150px;
	max-width: 350px;
	margin-left: 0;
	}
	
.cm-hero {
	position: relative; margin-top:-3px;
	}
	
.cm-img {
	width: 100%; padding: 0; margin: 0; z-index: 0;
	}
	
.cm-title {
	width: 45%; position: absolute; top: 10%; left: 10%; z-index: 10;
	}
	
.cm-caption {
	z-index: 10; color: #999; position: absolute; bottom: 10px; left: 20px; font-size: 0.9em; opacity: 0.7;
	}
	
footer {
	background-color: #efefef; 
	border-top: 1px solid #ccc; 
	min-height: 60px; 
	color: #999; 
	margin-top: 60px; 
	font-size: 0.8em; 
	padding-top: 10px;
	}