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

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

	/* search form */
	/*#searchform {
		position: absolute;
		top: 5px;
		right: 0;
		z-index: 100;
		height: 40px;
	}
	#searchform #s {
		width: 70px;
	}
	#searchform #s:focus {
		width: 150px;
	}*/

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

	/* site logo */
	/*#site-logo {
		margin: 15px 100px 5px 0;
		position: static;
	}*/

	/* site description */
	#site-description {
		margin: 0 0 15px;
		position: static;
	}

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

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

	/* embedded videos */
	/*.video embed,
	.video object,
	.video iframe {
		min-height: 250px;
	}*/

}

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

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
	
		.panel {
			height: 900px;
			padding-top: 0px;/*change the starting point of page here, from about*/
			margin-top: 35px;
			
		}
	#banner{
		position:absolute;
		left:-3000px;
	}
	
	
	
	
		
		#header h1 a {
		/*margin: 0 0 10px 0;/* Bottom margin on the header */
		position: relative;
		background: url(../images/damianstreet_shadow.png); text-indent: -9999px; /* Add the background image as part of the CSS Image Replacement and shift the text out of the way */
		clear:both;
	}
	
	
	#container {
	width: 320px; /* Width of the container minus the left padding below */
	margin: 0 auto; /* Aligns the container to the centre of the page */
	padding: 20px 0 0 40px;/* Add some top and left padding */
}

	.panel {
			height: auto;
			padding-top: 10px;/*change the starting point of page here, from about*/
			/*float: left;
			padding-left: 30px;
			padding-right: 1040px;
			
			/*background: #eee;*/
			margin-top: 35px;
			
		}

#lcol {
	
	width:auto;	
	float:none;
	padding: 10px; margin: 0 23px 23px 0;
	/*background-color:#339933;*/
}
	
#rcol {
	width:auto;
	float:none;	
	padding: 10px; margin: 0 23px 23px 0;
	/*background-color:#339933;*/
}

	/* main nav */
	/*#main-nav a {
		font-size: 90%;
		padding: 10px 8px;
	}*/
	
	#illustration h2 {
		width: 174px; height: 27px; margin: 0 0 10px 0;
		background: url(../images/illustration_txt.png); text-indent: -9999px;
		clear:both;
	}
	
#illustration ul li a {
	
	img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
	}
	
	
	

}