/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {

	/* pagewrap */
	#pagewrap {
		width: 95%;
	}

	/* content */
	#content {
		width: 60%;
		padding: 3% 4%;
	}

	/* sidebar */
	#sidebar {
		width: 30%;
	}
	#sidebar .widget {
		padding: 8% 7%;
		margin-bottom: 10px;
	}


}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

	/* header */
	#header {
		height: auto;
	}

	/* content */
	#content {
		width: auto;
		float: none;
		margin: 20px 0;
	}

	/* sidebar */
	#sidebar {
		width: 100%;
		margin: 0;
		float: none;
	}
	#sidebar .widget {
		padding: 3% 4%;
		margin-top: 20px;
	}
	

}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
	
	/* header */
	#header {
		height: auto;
	}

	/* main nav */
	#main-nav a {
		font-size: 90%;
		padding: 10px 8px;
	}


/* sidebar */
	#sidebar {
		width: 100%;
		margin: 0;
		float: none;
	}
	#sidebar .widget {
		padding: 3% 4%;
		margin-top: 20px;
	}
}






/************************************************************************************
responsive image header
*************************************************************************************/

/* fall-back styles for browsers without media query support (IE6-8) */

    #banner {

      background-image: url(../images/bannermed.jpg);

       height: 140px;

        width: 671px;

    }



    /* small image for mobile */

    @media (min-width: 0px) {

      #banner {

        background-image: url(../images/bannersml.jpg);

        height: 69px;

        width: 300px;

      }

    }



    /* medium image for retina displays */

    @media

    (min-width: 0px) and (-webkit-min-device-pixel-ratio: 1.5),

    (min-width: 0px) and (-o-min-device-pixel-ratio: 3/2),

    (min-width: 0px) and (min--moz-device-pixel-ratio: 1.5),

    (min-width: 0px) and (min-device-pixel-ratio: 1.5) {

      #banner {

        background-image: url(../images/bannersml.jpg);

        height: 69px;

        width: 300px;

      }

    }



    /* medium image for tablets */

    @media (min-width: 640px) {

      #banner {

        background-image: url(../images/bannermed.jpg);

       height: 140px;

        width: 671px;

      }

    }



    /* large image for desktop */

    @media (min-width: 1024px) {

      #banner {

        background-image: url(../images/bannerlge.jpg);

		height: 140px;

        width: 943px;


      }

    }