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

	/* pagewrap */
	#pagewrap {
		width: 96%;
	}
	
	/* header */
	#header {
		height: auto;
	}
	
	/* main nav */
	#main-nav {
		position: static;
	}

	/* site description */
	#site-description {
		margin: 1px 0px 0px 0px;
		position: static;
		line-height: 60%;
	}

	/* site logo */
	#site-logo {
		margin: 0px 0px -2px;
		position: static;
	}


	/* content */
	#content {
		width: 98%;
		padding: 2% 2%;
	}

	/* sidebar */
	#sidebar {
		width: 98%;
	}
	#sidebar .widget {
		padding: 2% 2%;
		margin-bottom: 2px;
	}

	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		width: 100%;
		height: auto;
		min-height: 300px;
	}
	
	
	
}

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

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

	/* main nav */
	#main-nav {
		position: static;
	}

	/* site description */
	#site-description {
		margin: 1px 0px 0px 0px;
		position: static;
		line-height: 60%;
	}

	/* site logo */
	#site-logo {
		margin: 0px 0px -2px;
		position: static;
	}

	/* content */
	#content {
		width: auto;
		float: none;
		margin: 2px 0;
		line-height:130%;
	}
	
    .post-title {
	margin: 0 0 px;
	padding-left: 2%;
	font-size: 25px;
    line-height: 100%;
	}
	
	/* sidebar */
	#sidebar {
		width: 100%;
		margin: 0;
		float: none;
	}
	#sidebar .widget {
		padding: 2% 2%;
		margin: 0 0 10px;
	}

	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		min-height: 250px;
	}
	h2 {
	font-size: 1.5em;
	margin: 20px 0px;
	color: #ffbf21;
	line-height: 120%;
}

}

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

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

	/* main nav */
	#main-nav a {
		font-size: 90%;
		padding: 1px 1px;
	}
	
	body {
	   background-image:url(../images/bg.png);
	}
	
	h2 {
	font-size: 1.3em;
	margin: 20px 0px;
	color: #ffbf21;
	line-height: 120%;
}
	

}