/*
 * http://www.mobify.com/
 * http://mobile.smashingmagazine.com/2012/05/24/creating-mobile-optimized-websites-using-wordpress/
 * http://mobile.tutsplus.com/tutorials/mobile-web-apps/mobile-wordpress-theming-day-3/
 * http://www.smashingmagazine.com/guidelines-for-mobile-web-development/
 * http://www.alistapart.com/articles/dive-into-responsive-prototyping-with-foundation
 * http://wp.tutsplus.com/tutorials/theme-development/converting-wordpress-to-be-mobile-friendly/
 *
 * http://cheeaun.com/blog/2012/03/how-i-built-hacker-news-mobile-web-app
 * http://googlewebmastercentral.blogspot.com/2012/04/responsive-design-harnessing-power-of.html
 *
 */

@media screen and (max-width: 480px) {
	body {
		float: none;
		min-width: 0;
		width: 100%;
	}
	img, object, embed, iframe, input, textarea {
		max-width: 100% !important;
	}
	body img {
		height: auto;
	}
	#body_wrapper {
		margin: 0 auto;
		max-width: none;
		min-width: 0;
/*		width: 96%; */
		width: auto;
		padding: 0 8px;
	}

	#header {
		height: auto;
		margin: 0 -8px;
	    padding: 0 8px;
	}
	#header .container {
		height: auto;
		width: auto;
	}
	#logo {
		height: auto;
		margin: 0;
		padding: 0;
		position: static;
		width: 100%;
	}
	#logo a span, #logo a {
		margin: 0;
		padding: 0;
		position: static;
	}
	#header #mobile_nav {
		display: block;
		margin: 16px 0 0;
		height: 30px;
	}
	#header #mobile_nav ul {
		margin: 0;
	}
	#header #mobile_nav li {
		background: #333 url('css/mobile_nav.png') no-repeat center center;
		border-right: 1px solid #555;
		display: block;
		float: left;
		height: 30px;
		margin: 0;
		padding: 0;
		width: 33%;
	}
	#header #mobile_nav li.home_btn {
		background-position: center -2px;
	}
	#header #mobile_nav li.menu_btn {
		background-position: center center;
	}
	#header #mobile_nav li.search_btn {
		background-position: center -75px;
	}
	#header #mobile_nav li a {
		display: block;
		height: 100%;
		width: 100%;
	}
	#header #mobile_nav li.menu_btn a:hover ~ #main_nav{
		display: block;
	}
	#header #mobile_nav li.search_btn a:hover #header .search {
		display: block;
	}
	#header .search {
		display: none;
		margin: 0 0 6px;
		padding: 3px 0;
		position: static;
		width: 100%;
	}
	#header .search input.search_inp {
		color: #333;
		width: 80%;
	}
	#header #searchsubmit {
		float: right;
		margin-right: 4px;
	}

	#main_nav {
		display: none;
		height: auto;
		float: none;
		margin: 0 0 6px;
		padding: 0;
		position: static;
		width: 100%;
	}
	#main_nav li {
		border-bottom: 1px solid #333;
		clear: both;
		display: block;
		float: none;
		height: 28px;
		margin: 0;
		padding: 0;
		text-align: left;
	}
	#main_nav li a {
		font-size: 15px;
		line-height: 28px;
		float: none;
		height: 28px;
		padding: 0 10px;
		width: auto;
	}
	#main_nav ul.sub-menu {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		border: 0;
		border-top: 1px solid #333;
		padding: 0;
		position: relative;
		top: 0;
		width: 100%;
		z-index: 0;
	}
	#main_nav ul.sub-menu li {
		height: 28px;
		padding: 0;
	}
	#main_nav ul.sub-menu li a, 
	#main_nav ul.sub-menu li a:hover {
		line-height: 28px;
		height: 28px;
		padding: 0 25px;
		width: auto;
	}

	#content_container {
		margin: 15px 0 10px;
		padding: 0;
		width: 100%;
	}
	.gallery_container {
		float: none;
		height: auto;
		margin: 0;
		padding: 0;
	}
	.slideshow_container {
		float: none;
	}
	#slideshow {
		width: 100%;
	}
	#slideshow > div {
		width: 100% !important;
	}
	#slideshow img {
		height: auto !important;
	}

	#content_container_inner {
		margin: 0;
		padding: 0;
		width: 100%;
	}
	#content,
	#sidebar {
		float: none;
		margin: 0;
		padding: 0 10px;
		width: auto !important;
	}
	.post, div.page {
		padding: 32px 0 20px 5px;
	}
	.ngg-slideshow {
		width: auto !important;
	}
	.ngg-slideshow img {
		height: auto !important;
	}
	.sermon_playlist {
		width: auto !important;
	}
	.mejs-container {
		width: 100% !important;
	}
	.sermon_playlist li {
		height: 30px;
	}
	.sermon_playlist li span.date {
		display:none;
	}
	.sermon_playlist li span.title {
		width: 53%; /* max without messing up on small devices.*/
	}
	.sermon_playlist li span.preacher {
		display: none;
	}
	.sermon_playlist .navigation .page-numbers {
		padding: 0px 5px 0px 5px;
	}
	
	.sermon_playlist .btn_clip {
		width: 91px !important;
	}
	.sermon_playlist .btn_container {
		width:30px !important;
	}
	.sermon_playlist .btn_clip a {
		text-indent: -9999px;
		display:block;
		width: 30px !important;
	} /* and specific icons: */
	.sermon_playlist .btn_clip .download_btn {
		background: url(plugins/sermons/Download.png) no-repeat 7px 5px;
	}
	.sermon_playlist .btn_clip .video_btn {
		background: url(plugins/sermons/projector.png) no-repeat 1px 6px;
	}
	.sermon_playlist .btn_clip .notes_btn {
		background: url(plugins/sermons/notepad.png) no-repeat 9px 5px;
	}

	#footer {
		margin: 0 -8px;
	    padding: 0 8px;
	}
	#footer .container {
		margin: 0;
		padding: 8px 0 0;
		width: 100%;
	}
	#footer .fl_r {
		display: none;
	}

}