/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/




/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/



@media all and (max-width:640px) {

/* Global and structure */

	html, body {overflow-x: hidden}
	
	.container, .libre-home-twitter,  .column, .header-container, .main-content, .libre-slider, .nivoSlider, .blogwrap,  .columns, div.blog-sidebar-recent:nth-child(2) {
		float: none;
		display: block;
		width: 100% !important;
	}


/* Header elements */

	.libre-header{
		display: none;
	}
		
	.libre-header-menu {
		position: fixed;
		top: 0px;
		background: #333;
		z-index: 1;
	}

	#mobile-logo {
		display: block !important;
		position: fixed;
		top: 3px;
		left: 45%;
		z-index: 9;
	}
		
	#mobile-logo img {
		height: 50px;
		width: 50px;
	}

	#mobile-menu-icon {
		display: block !important;
		font: bold 23pt arial, sans-serif;
		position: fixed;
		top: 0px;
		left: 0px;
		color: white;
		cursor: pointer;
		padding: 10px 20px 10px;
	}
		
	#mobile-menu {
		position: fixed !important;
		top: 60px !important;
		right: 0px;
		float: none;
		color: white;
		z-index: 99999;
		background: #555;
		width: 100%;
	}
		
	#mobile-menu a {
		display: block;
		color: white;
		padding: 10px 20px 10px;
		text-shadow: 1px 1px 1px #000
	}
		
	#mobile-menu a:hover {
		background: #666;
	}

	#social a {
		font-family: "Web Symbols" !important;
		display: inline-block;
		font-size: 1.5em;
	}

/* Main Content */
	.main-content {
		margin-top: 60px;
	}
		
/* Homepage elements */
	.libre-content.container .column.libre-featured {
        	max-width: 100%;
	}

	.libre-featured.feat-1 {
		background: url(http://thelibreinitiative.com/sites/all/themes/libre%20initiative%20theme/img/family-outside.jpg);
		margin-bottom: 50px;
	}

.libre-featured.feat-2 {
        	background: url(http://thelibreinitiative.com/sites/all/themes/libre%20initiative%20theme/img/volunteer-larger.jpg);
	}

	.libre-events-calendar {
	        display: none !important;
	}
		
/*About page stuff */
	.aboutus-sidebar-container, .aboutus-sidebar-div, .aboutus-sidebar-menu li a {
		width: 100%;
		text-align: center;
		padding-left: 0px;
	}
		
	ul.linksbtn {
		text-align: center;
	}
		
	ul.linksbtn li a {
		display: inline-block;
	}
		
	.eleven.columns.aboutus-div, .staffbio-div, .staffbio-container {
		width: auto !important;
		padding: 10px;
	}
		
	.aboutus-container {
		width: auto;
		padding-right: 10px;
	}
		
	.staffbio-sidebar-container { 
		width: 100%;
	}
		
	.a-justify {
		text-align: left;
	}
		
		
	.aboutus-sidebar-menu li a {
		float: none;
	}

	.contactus-head-container, .contactus-gmap {
		display: none !important;
	}
	
	.libre-content.container .contact-box {
		float: none;
	}
	
	.contactus-container {width: auto;}
		
		
/* Articles and Blog posts */
		
	.blogwrap h5 span {
		display: block;
		margin-top: 8px;
	}
		
	.blogwrap h5 span.gap {
		display: none;
	}
		
	.blogwrap p {
	  font-size: 14pt !important;
	  padding: 0px 10px;
	}
		
	.blogwrap h5 {clear: both}
		
	
	div.libre-blog-sidebar-container, .libre-blog-sidebar-container div, .imgwrap img{
		width: 100% !important;
	}

	.termsofusewrap {
		width: auto;
		font-size: 14pt !important;
		}

/* Promoted content elements */		
	.media-youtube object, #block-views-home_videos_view-block_1 .views-field-markup iframe, .libre-media-content .views-field-field-youtube-url-embed, .libre-media-content .views-field-field-youtube-url-embed iframe {
		width: 100%;
		height: 320px !important;
	}
		
	#block-views-video_list_view-block_1 .views-field-title, #block-views-video_list_view-block_1 .views-field-field-youtube-url-description {
		width: auto;
	}
		
	.view-recent-images-sidebar ul li img {
		width: 120%;
		height: auto;
	}
		
/*
		
	
/* Issues */
	
	.view-id-Issues .view-content .item-list ul li {
		width: 100% !important;
	}
	
	.view-id-Issues .view-content .item-list ul li img {
		width: 100% !important;
		height: auto;
	}
		
/* Blog */
	.view-id-archives_header, .wraplist-archive .view-content .item-list ul li .views-field-field-blog-thumbpic-fid, .wraplist-archive .view-content .item-list ul li .views-field-title, .wraplist-archive .view-content .item-list ul li .views-field-body {
		width: 100%;
	}

	.item-list ul li { margin-left: 0px;}

	.wraplist-archive .view-content .item-list ul li .views-field-body, .wraplist-archive .view-content .item-list ul li .views-field-title {
		margin: 0px 5px !important;
/*		width: 100%; */
		float: none;
	}

	.views-field-view-node span {
		margin-right: 30px;
	}

	.views-field-field-blog-thumbpic-fid  {
		width: 91% !important;
	}

	.views-field-phpcode {
		clear: both !important;
		width: 100% !important;
		float: none !important;
		margin: 0px !important;
	}



	section.libre-content .field-content p {
		text-align: left !important;
	}

	div.views-field-name label.views-label-name {
		margin-left: 5px;
	}




/* Footer */
	.footer {
		min-width: 0px;
	}
	
	.container .five.columns, .footer .container .eleven.columns  {display: none;}
	
	.libre-sitemap {
		padding-left: 3%;
	}
	
/* Slideshow elements */
		
		.nivoSlider, .libre-home-slider {
/*			display: none !important; */
		}

		.nivoSlider img {
			width: 100% !important;
			height: auto !important;
			display: none !important;
		}

		
/* Stuff to hide */
		#block-block-17, #google_translate_element{display:none}

		.libre-email-subs, .libre-social-share, #block-nice_menus-1 {display: none;}
		
		.container .libre-home-twitter {display: none;}

		ul.nice-menu li {display: none;}

		
		
/* "Recent headlines" */
		.views-processed ul li {
		  float: none;
		  clear: both;
		  width: 100% !important;
		}

		.view-id-latest_news2 ul li {
		  width: 91% !important;
		  float: none;
 		  border-top: dotted 2px #ddd;
		  margin-top: -10px;
		  margin-left: 20px;
		  padding: 30px 20px 0px 0px;
		}

		.view-id-latest_news2 ul li img {height: auto;}


/*	.views-field-title {overflow: visible !important;}		*/





}