/* CSS Document for site specific styles */
@import url("http://fhs.mcmaster.ca/lib/font-awesome-4.5.0/css/font-awesome.css");
@import url("http://fhs.mcmaster.ca/lib/SpryAssets/SpryTabbedPanels4.css");
@import url("http://fhs.mcmaster.ca/lib/SpryAssets/SpryCollapsiblePanel3.css");

@media screen and (max-device-width: 1024px) {
	#site_title {
		font-size:.9em;
	}
}
@media screen and (max-device-width: 640px) {
	#site_title {
		font-size:.9em;
	}
}
#search_form fieldset {
	margin-left:-10px;
}

.sf-menu li a.menutop {
	padding:.5em .9em;
}
.sf-menu li:first-child a.menutop {
}

@media screen and (max-device-width: 1024px) {
	.sf-menu li a.menutop {
		padding:.5em .8em;
	}
}

@media screen and (max-device-width: 640px) {
	.sf-menu li a.menutop {
		padding:.5em .8em;
		border-right:2px solid #FFF;
	}
	.sf-menu li:last-child a.menutop {
		border-right:none;
	}
}
@media screen and (max-device-width: 640px) and (orientation:portrait) {
	.sf-menu li a.menutop {
		padding:.5em .8em;
	}
}

.side_bar {
	float:right;
	clear:both;
	width:32%;
	color:#5b6770;
	border-top:5px solid #7a003c;
	border-left:1px solid #5b6770;
	border-right:1px solid #5b6770;
	border-bottom:1px solid #5b6770;
	padding:0;
	margin:0 0 1em 3%;
	font-size:.9em;
}

.side_bar h2 {
	color:#001a71;
	font-size:1.2em;
	margin:0;
	padding:.1em .5em .2em .5em;
	text-align:center;
	border-bottom:1px solid #7a003c;
	background-color:#e9e9e9;
}
.side_bar ul li {
	list-style-type:none;
	list-style-image:none;
	margin:0 !important;
	margin-left:-16px !important;
	padding:0 !important;	
}

.side_bar a {
	display:block;
	text-decoration:none;
	padding:.3em .5em .3em .8em;
	background-color:#FFF;
}
.side_bar a:hover {
	text-decoration:none;
	background-color:#5b6770;
	color:#FFF;
}

hr {
	clear:none;
}

br.half_line {
	line-height:.5em;
}

.citation {
	font-size:.9em;
	color:#5b6770;
	font-style:italic;
}

div#bottom_content ul.list_format1 {
	list-style-image:none;
	list-style:none;
	padding-left:0;
}
div#bottom_content ul.list_format1 li {
	clear:left;
	padding-bottom:.5em;
}
.author {
	clear:none;
	float:none;
}
.date {
	font-size: .9em;
	font-weight: normal;
	color: #5b6770;
}

#horizontal_bar {
}
#horizontal_bar ul {
	margin-left:0;
}
#horizontal_bar li {
	display:inline;
	list-style-type:none !important;
	list-style-image:none !important;
	margin:0;
	padding:0;
}
#horizontal_bar li a {
	display:inline-block;
	text-decoration:none;
	padding:.5em 1%;
	margin:0 .5% 1.5em 0;
	font-size:1.1em;
	letter-spacing:.1em;
	color:#7a003c;
	background-color:#FFF;
	border:1px solid #7a003c;
}
#horizontal_bar li a:hover {
	color:#FFF;
	background-color:#5b6770;
	border:1px solid #000;
}
#horizontal_bar i.fa {
	float:left;
	font-size:1.4em;
}

.side_box_right {
	float: right;
	clear: right;
	width: 32%;
	background-color: #FFF;
	background-image: none;
	padding: 0;
	margin: 0 0 1em 3%;;
	border-top:5px solid #7a003c;
	border-bottom: 1px solid #1e252b;
	border-left: 1px solid #1e252b;
	border-right: 1px solid #1e252b;
	color: #5b6770;
	font-size:.8em;
}
.side_box_right h2 {
	color: #FFF;
	background-color:#5b6770;
	font-size: 1.2em;
	padding:.3em 5%;
	margin-bottom:.6em;
}
.side_box_right img {
	float:right;
	margin:.2em 5% .8em 3%;
}
.side_box_right h3, .side_box_right p {
	padding:0 5%;
}
.side_box_right h3 a {
	font-size:.8em;
}
.side_box_right h3 a:hover {
}
.side_box_right ul li {
	list-style-image:none;
	list-style-type:none;
}