#topnav li > ul {
	z-index: 999;
}
#staticMessageBar { display: none; }

/* Laptop/Tablet (1024px) */
@media only screen and (max-width: 960px) {
	.ninesixty {
		width: 100%;
		width: auto;
		display: block;
		margin: 0 auto;
	}

	#topnav ul li {
		padding-right: 15px;
	}

	#topnav .dropdown-arrow {
		display: inline-block;
		position: absolute;
		right: 0;
		bottom: 0;
		padding-right: 10px;
		top: 0;
		padding-bottom: 8px;
		padding-left: 10px;
		padding-top: 12px;
	}

	#mainslideshow { width: 70%; }
	#main { width: 100%; }

	#sidebar { width: 100%; }

	.sidewide {
		width: 100%;
	}
	.mainwide {
		width: 100%;
	}

	.header-logo{
		width: 100%;
	}

	#slideshow {
		width: 100%;
	}

	.slide { width: 100% !important; }
	.slide img { width: 100%; height: auto }

	#featureside { float: right; display: inline-block; width: 29%; height: auto; text-align: center; }
	.sidenav { display: block; width: auto; }
	.sidenav span { font-size: 0.75em; }
	#featurestrip { width: auto; height: auto; text-align: center; display: block; float: none; padding: 5px; }
	.stripnav { display: inline-block; background-repeat: no-repeat; margin: 0; margin-top: 10px !important; margin-right: 5px !important; }

	#eventbar { position: relative; float: left; width: 100%; }


	#eventbar1 { width: 30%; }
	#eventbar2 { width: 69%; }

	p a { word-wrap: break-word; }



	.postheader { width: auto; display: block; float: none; margin-left: 50px; }
	.posttitle { width: 100%; }
	.postcontent { margin-left: 10px; float: none; }
	.postcontent h2 { font-size: 1.4em; }
	.postauthor { display: block; float: left; width: 100%; }
	.postcontent a { word-wrap: break-word !important; }

	#dateslider { width: 100%; }
	.dateslide { width: 100%; }
	.eventdate { width: 30% !important; }
	.eventdate span { font-size: 0.9em; line-height: 0.9em; font-weight: bold; }
	.eventdesc { width: 67% !important; margin-left: 2% !important; font-size: 0.9em; }
	#staticMessageBar span { display: block; }

	.postcontent img, .postcontent object, .postcontent iframe, .entry img, .entry object, .entry iframe { max-width: 98% !important; height: auto !important; padding: 10px !important; }

	.postcontent blockquote, .entry blockquote { max-width: 100% !important; height: auto; padding: 10px !important; margin: 0 !important; }
}

/* Laptop/Tablet (768px) */
@media only screen and (max-width: 768px) {
	.header-logo {
		background-position: left top;
		width: 83px;
		overflow: hidden;
        top: 5px;
        margin-left: 50%;

	}
	.eventdate span { font-size: 0.8em; line-height: 0.8em; font-weight: bold; }
	.eventdesc { padding-left: 40px; font-size: 0.75em; }

	.stripcap { margin-top: 10px; max-width: 184px; margin-right: 1% !important; margin-left: 1% !important; }

	#footercontent > div > .menu > li > a { margin-left: 5px; }
	#footercontent ul li { margin-left: 5px; }

	#sidebar { text-align: center; }

    .footer-left-col {
        width: 100% !important;
        float: right  !important;
    }

    .footer-right-col {
        width: 100% !important;
        float: left !important;
        margin-left: 0;
    }

}

/* Laptop/Tablet (768px) */
@media only screen and (max-width: 667px) {
	#mainslideshow { width: 100% !important; }

	.slide { width: 100% !important; }
	.slide img { width: 100%; height: auto }
	.stripnav { display: inline-block; width: 48%; max-width: 220px; }
	.sidenav { width: 48%; display: inline-block; }

	.eventdate .upcoming { display: none; }
	.eventdate span { vertical-align: top !important; height: auto !important; margin-top: -10px !important; }

	#featureside { float: none; display: block; width: auto; height: auto; text-align: center; }
	.sidenav { display: inline-block; }
	.sidenav span { font-size: 0.75em; }

	.commentlist .fb_iframe_widget {
		width: auto !important;
		max-width: 100% !important;
		display: block !important;
	}

	.postmeta { margin-left: 5px; }

	.commentlist .fb_iframe_widget {
		margin-left: 5px;
	}
}

@media only screen and (max-width: 480px) {
	#topnav ul li {
		width: 100%;
		padding-right: 0;
	}

	#topnav li > ul {
		width: 280px;
		left: 0;
		right: 0;
	}

    .footer-right-col .menu > .menu-item {
        width: 49% !important;
    }
}

/* Laptop/Tablet (1024px) */
@media only screen and (min-width: 481px) and (max-width: 960px) and (orientation: landscape) {


}

/* Tablet Portrait (768px) */
@media only screen and (min-width: 321px) and (max-width: 960px) and (orientation: portrait) {


}

/* Phone Landscape (480px) */
@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {
	.header-logo {
		background-position: left top;
		width: 93px;
		overflow: hidden;
	}
	.sidenav span { font-size: 0.7em; }
	.stripnav { display: inline-block; background-repeat: no-repeat; margin: 0; margin-top: 10px !important; margin-right: 5px !important; line-height: normal; }
}	

/* Phone Portrait (320px) */
@media only screen and (max-width: 320px) {
	.header-logo {
		background-position: left top;
		width: 83px;
		overflow: hidden;
	}
	.sidenav span { font-size: 0.7em; }

}

