@media (max-width:1280px) {

		#carousel { width:100%;}
		#headerInner { width:100%;}

	}

	@media (max-width:1024px) {
	
		#carousel {
			width:100%;
			margin:0;
		}
		.carouselTitle {
			bottom:-12px;
			left:10px;	
		}
		#carousel ul li img {
			width:100%;
			max-width:1024px;
			height:auto;
		}
		#nextBtn a {
			top:23%;
			margin-left:463px;
		}
		#prevBtn a {
			margin-right:463px;
			top:23%;
		}

	}
	@media (max-width:1024px) {

		#wrapper { width:90%;}

	}

	@media (max-width:768px) {
		
		#header {
			background-position:bottom center;
			width:100%;
		}
		#headerInner {
			width:100%;

		}
		a.showmenu {
			background-color:#605c57;
			padding:2% 3%;
			color:#ffffff;
			width:94%;
			display:block;
			text-align:right;
			border-bottom:solid 1px #000000; 
		}
		a.hidemenu {
			background-color:#605c57;
			padding:1% 3%;
			color:#ffffff;
			width:94%;
			display:block;
			text-align:right;
		}
		#mainMenu {display:none;}
		#mobnav {
			background-color:#999;
		}
		#mobnav ul {
			padding:0;
			margin:0;
		}
		#mobnav ul li {
			}
		#mobnav ul li a {
			color:#ffffff;
			display:block;
			padding: .5em 1em .5em 2em;
		}

		#mobnav li:nth-child(odd) a { background-color:#5f5b57; }
		#mobnav  li:nth-child(even) a { background-color:#857d77; }
		#carousel {
			margin:0;
		}
		.carouselTitle {
			bottom:-6px;
			left:10px;	
		}
		#carousel ul li img {
			width:100%;
			height:auto;
		}
		#nextBtn a {
			top:13%;
			margin-left:337px;
		}
		#prevBtn a {
			margin-right:337px;
			top:13%;
		}
		.homeCol1, .homeCol2, .homeCol3 {
			width:100%;
			margin-right: 0;
			max-width:100%;
		}
		.homeBlock img, .homeBlock a img {
			border:0;
			width:100%;
			height:auto;
		}


		.dogsTitle {
			position:absolute;
			top:-60px;
			left:0px;
			width:768px;
		}
		.dogsTitle img {
			width:95%;
			height:auto;
		}
		.dogspage {min-height:3em;}

		#socialBtns a img {
			margin-right:1.1em;
			margin-top:5px;
		}

		#footerInner h3 {
			padding:1.3em .4em 1em .4em ;
			font-size:1.1em;
		}
		.footCol a img, .footCol img {
			max-width:100%;
			height:auto;
		}
	}
	

	@media (max-width:600px) {

		h1.chris-packham {text-align:center;}
		#headerInner ul#mainNav {display:none;}

		#nextBtn a {
			top:23%;
			margin-left:270px;
			width:30px;
			height:60px;
		}
		#prevBtn a {
			top:23%;
			margin-right:270px;
			width:30px;
			height:60px;
		}
		.homeBlock h2 {
			background-color:#303030;
			color:#ffffff;
			font: 1.4em 'QuicksandLight', Arial, sans-serif;
			padding:.3em 0 0 .3em;
			margin:0 0 .2em 0;
			text-align:left;
		}
		.dogspage {min-height:.8em;}
		/**************dog banner*********************/
		.dogsTitle {
			position:absolute;
			top:-60px;
			left:0px;
			width:600px;
		}
		.dogsTitle img {
			width:90%;
			height:auto;
		}
		/**************************************************
		**************SIDEBAR ***************************/
		#sidebar {
			float:none;
			width:98%;
			margin:1%;
		}
		.sidebarWidget img {
			width:100%;
			height:auto;
		}
		.sidetweet img {
			width:auto;
			height:auto;
		}
		/**************************************************
		**************CONTENT ***************************/
		#content  {
			float:none;
			width:87%;
			margin:1%;
			border:solid 1px #303030;
			margin-top:1em;
			padding:3% 5%;
			background-color:#ffffff;
			
		}
		#catContent  {
			float:none;
			width:98%;
			margin:1%;
			margin-top:1em;
		}
		
		.footCol {
			width:100%;
			margin:1% 0;
		}
		#footerInner h3 {
			padding:1.7em .4em 1em .4em ;
			font-size:.9em;
		}
		.footCol a img, .footCol img {
			max-width:100%;
			height:auto;
		}
	}
	

	@media (max-width:480px) {

		/**************************************************
		**************HEADER ****************************/
		#header {
			width:100%;
		}
		#headerInner {
			width:100%;

		}
		h1.chris-packham {font-size:3.6em; padding-bottom:3px;}
			
		/**************************************************
		*************CAROUSEL ****************************/

		.carouselTitle {
			display:none;
		}


		#nextBtn a {
			display:none;
		}
		#prevBtn a {
			display:none;
		}


		/**************************************************
		**************HOME COLUMNS***************************/
		.homeCol1, .homeCol2, .homeCol3 {
			width:98%;
			max-width:480px;
			
		}
		.homeCol1 {
			margin-right:0;
			float:none;
		}
		.homeCol2 {
			float:none;
		}
		.homeCol3 {
			float:none;
		}


		/**************************************************
		**************PAGE BANNER***************************/

		#bannerInner img {
			float:left;
			border-bottom:solid 1px #000000;
		}
		/**************dog banner*********************/
		.dogsTitle {
			position:absolute;
			bottom:0;
			left:0px;
			width:480px;
		}
		.dogsTitle img {
			width:90%;
			height:auto;
		}
		.dogspage {min-height:0em;}
		/**************************************************
		**************FOOTER***************************/
		#footer {
			background-image:none;
		}
			
		#footerInner {
			max-width:480px;
		}
		#footerContainer {
			background-image:none;

		}
		#footerInner h3 {
			background-color:#3a3835;
		}

		.footCol a img, .footCol img  {
			margin:auto;
			float:none;
		}

	}

	@media (max-width:320px) {
	

/**************************************************
*************CAROUSEL ****************************/


#nextBtn a {
	top:13%;
	margin-left:130px;
	width:30px;
	height:60px;
}
#prevBtn a {
	top:13%;
	margin-right:130px;
	width:30px;
	height:60px;
}
/**************************************************
**************HOME COLUMNS***************************/


.homeBlock h2 {
	font-size: .8em;
	font-family:Arial, Helvetica, sans-serif;
	padding:.3em 0 0 .3em;
	margin:0 0 .2em 0;
	text-align:left;
}


/**************dog banner*********************/
.dogsTitle {
	position:absolute;
	top:-60px;
	left:0px;
	width:320px;
}
.dogsTitle img {
	width:90%;
	height:auto;
}
/**************************************************
**************TWITTER***************************/

#tweetBubbleInner #twitter_update_list {
	padding:.4em;
	font-size:1em;
}
.homeBlock.tweetBlock {
	background-position:20% 100%;
}
#tweetBubbleInner #twitter_update_list ul, #tweetBubbleInner #twitter_update_list ul li {
	padding:.2em;
}
/**************************************************
**************FOOTER***************************/
#footer {
	width:320px;
	min-width:320px;
}
	
#footerInner {
	max-width:320px;
}


	}