/*
Theme Name: Forsyth Tech
Author: BEM Interactive
Author URI: http://beminteractive.com
Version: 1.0.10

*/

/* --------------------------------------------------
   Table of Contents
-----------------------------------------------------
*/
/* ---------------------------------------------------
   General Stuff
--------------------------------------------------- */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
sup, sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
abbr, acronym, dfn {
	cursor: help;
	border-bottom: 1px dotted #e6e6e6;
}
.alignleft{
	float: left;
	margin: 5px 15px 5px 0;
}
.alignright {
	float: right;
	margin: 5px 0 5px 15px;
}
.aligncenter {
	text-align: center;
}
.entry-meta,
.page-link {
	clear: both;
}

.nav-single {
	clear: both;
	line-height: 2;
	overflow: hidden;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	width: 50%;
	text-align: right;
}
div.attachment { text-align: center; }

.format-image .entry-meta h6,
.format-link .entry-meta h6,
.format-quote .entry-meta h6,
.format-status .entry-meta h6,
.sticky .entry-meta h6 { display: inline-block; }
.entry-meta .label { float: right; text-transform: uppercase; margin: 15px 0; font-style: italic; }

.format-status .entry-header img { float: left; margin: 5px 15px 0 0; }

.format-link .entry-content a {
	font-size: 22px;
	line-height: 1;
}

/* ---------------------------------------------------
   Summer Enrichment Program tables
--------------------------------------------------- */
.summer{
  border-collapse: collapse;
  border: 1px solid black;
}
.summerhead{
	background-color: #716658;
    color: #fff;
}
.summeryounger{
	background-color: #ecf2c3;
}
.summerolder{
	background-color: #cde3a6;
}


/* ---------------------------------------------------
   Make foundation work with WordPress
--------------------------------------------------- */

.post-box .row > .columns.left {
	margin-left: 0;
	margin-right: 0;
}
.row .entry-content > .columns.left {
	margin-left: 0;
	margin-right: 4.4%;
}
.row .entry-content > .columns.right {
	float: right;
	margin-left: 4.4%;
	margin-right: 0;
}
.row .entry-content > .columns br {
	font-size: 1%;
	line-height: 0;
}
#supplementary {
	padding-top: 20px;
}
#footer {
	padding-top: 20px;
}
footer > div.row:last-child {
	margin-top: 80px;
	border-top: solid 1px #E6E6E6;
	padding-top: 20px;
}
footer > div.row:first-child {
	margin-bottom: -80px;
	padding-top: 20px;
}
.forsyth-header #searchform {
	float: right;
	margin-top: 14px;
}
.forsyth-header input {
	float: left;
}
.forsyth-header .header-img {
	display: block;
	margin: 30px 0;
	padding-bottom: 30px;
	border-bottom: 1px solid #E6E6E6;
}
.entry-meta {
	font-size: 14px;
}
article footer.entry-meta {
	margin: 30px 0;
	padding-bottom: 30px;
	border-bottom: 1px solid #E6E6E6;
}
article:last-child footer.entry-meta {
	border-bottom: none;
}
table {
	width: 100%;
}
ol.commentlist { margin-left: 0; }
.commentlist li { list-style: none; }
article.comment { margin: 30px 0; }
.comment-meta img { float: left; margin: 5px 10px 5px 0; }
#comment { min-height: 120px; }

.entry-content ul,
aside ul { margin-left: 17px; }

/* Make pagination work */
ul.page-numbers { display: block; height: 24px; margin-left: -5px; }
ul.page-numbers li {float: left; display: block; height: 24px; color: #999; font-size: 14px; margin-left: 5px; }
ul.page-numbers li a { display: block; padding: 1px 7px 1px; color: #555; }
ul.page-numbers li:hover a, ul.page-numbers li a:focus { background: #e6e6e6; }
ul.page-numbers li.unavailable a { cursor: default; color: #999; }
ul.page-numbers li.unavailable:hover a,ul.page-numbers li.unavailable a:focus { background: transparent; }
ul.page-numbers li span.current { background: #2ba6cb; color: #fff; font-weight: bold; cursor: default; display: block; padding: 1px 7px 1px; }

/* Off canvas layout stuff */
.off-canvas [role="main"]:before {
	background: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.js .off-canvas [role="main"] {
	background: transparent;
}
@media all and (min-width: 768px) {
	.js .off-canvas [role="complementary"] { width: 20%; margin-top: 14px; }
  	.js .off-canvas [role="main"] { width: 80%; }
}

@media handheld, only screen and (max-width: 767px) {
	.sidebar-menu { border-bottom: 1px solid #ddd; position: relative; }
	.off-canvas .menu-action { float: left; position: relative; top: 1px; margin-top: 0; padding-left: 15px; }
	.off-canvas .menu-action .button.small { padding: 8px; }
	.off-canvas .menu-action .button.small svg { opacity: 0.5; }
	.js .off-canvas [role="complementary"] { margin-top: 0; }
}

h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; font-weight: 300; font-weight: bold;}

#site-title { font-weight: 600; }

.forsyth-header .inline-list {
	margin-top: 14px;
}

.crimestat th {
	font-size: x-small;
	font-weight: bold;
}

.crimestat td {
	font-size: x-small;
	font-weight: normal;
}
#legend-left {
	float: left;
	margin: 0 -20px 0 -15px;
	width: 350px;
}
#legend-left ul li {
	
}
#legend-center {
	float: left;
	padding: 0 0 0 0;
        margin: 0 -10px 0 -10px;
}
#legend-right {
	float: left;
	padding: 0 0 0 0;
        margin: 0 0 0 0;
	width: 350px;
}
.nav-headers:hover { 
    	background-color: #004990;
	width: 100%;
	padding: 3px 3px 4px 3px;
	list-style-type: none;
	clear: both;
}
.nav-headers {
	padding: 3px 3px 4px 3px;
}
#rc-imageselect {
    margin-top: 300px;
}