/*
* 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) {
    #block-search-form .form-text {
        width: 179px;
    }

    .main-menu .menu-889 {
        width: 106px; /* +67px */
    }

    .main-menu .menu-890 {
        width: 115px; /* +67px */
    }

    .main-menu .menu-891 {
        width: 193px; /* +67px */
    }

    .main-menu .menu-902 {
        width: 106px; /* +67px */
    }

    .main-menu .menu-901 {
        width: 118px; /* +67px */
    }

    .main-menu .menu-903 {
        width: 110px; /* +66px */
    }

    .panel-panel {
        width: 236px;
    }

    .social-links .social-links-2 {
        margin: 0;
    }

    .social-links a {
        width: 113px;
    }

    .newsletter .form-text {
        width: 214px;
    }

    .js .teasers.view-display-id-page .views-row,
    .js .teasers.view-display-id-page .views-row {
        width: 236px;
    }

    .slideshow .views-row {
        width: 492px;
    }

    .ac-search-custom-page-search-form .form-text {
        width: 161px;
    }
  }

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
    #block-search-form .form-text {
        width: 363px;
    }

    .main-menu {
        text-align: left;
        margin: 0 0 20px 0;
    }

    .main-menu li {
        float: none;
    }

    .main-menu .menu-889,
    .main-menu .menu-890,
    .main-menu .menu-891,
    .main-menu .menu-902,
    .main-menu .menu-901,
    .main-menu .menu-903 {
        width: auto;
    }

    .main-menu a {
        padding: 0 10px;
    }

    .panel-panel {
        float: none;
        margin: 0;
        width: auto;
    }

    .social-links a {
        width: 97px;
    }

    .newsletter .form-text {
        width: 398px;
    }

    .js .teasers.view-display-id-page .views-row,
    .js .teasers.view-display-id-page .views-row {
        width: auto;
    }

    .slideshow .views-row {
        width: 420px;
    }


	/*search styles*/

	#block-search-form {

margin-left: 0;
	}


#search-block-form {
	margin-bottom: 1em;
	margin-left: 0;
}

.ac-search-custom-page-search-form {

   }

.custom-search-form .four.columns.alpha {
max-width: 70%;
}
.custom-search-form .one.column.omega {
	max-width: 10%;
}

		img {
			max-width: 100%;
			height: auto;
		}
/* for headings and other reordering for mobile views */
		.mobile-only {
			clear: both;
			display:block;
		}

		h1.project-title {
			display: none;
		}
  }

	/* 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) {
    #block-search-form .form-text {
        width: 243px;
    }

    .social-links a {
        width: 67px;
    }

    .newsletter .form-text {
        width: 278px;
    }

    .slideshow .views-row {
        width: 300px;
    }

    .ac-search-custom-page-search-form .form-text {
        width: 225px;
    }


		.ac-search-custom-page-search-form

  }


/* #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; }
*/
