/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {
	
	.pagewrap{
		width:auto;
		padding:0 10px;
	}
	#footer-top .widget-area{
		float:left;
		width:29%;
		margin-left:4%;
	}

}

/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen and (max-width: 768px) {
	
	.pagewrap{
		padding:0 20px;
	}
	#content{
		width:auto;
	}
	.twitter{
		text-indent:-9999px;
		background:url(images/sprite-main.png) no-repeat 0 -148px;
		height:18px;
		margin:5px 10px 0 0;
		padding:0;
		width:22px;
		color:#89c9fb;
	}
	.yoggrt-wrapper-side-widget{
		top:auto;
		right:auto;
		position:relative;
	}
	.yoggrt-message-side-widget{
		display:none;
	}
	#footer-top .widget-area{
		overflow:hidden;
		float:none;
		width:auto;
		padding-bottom:20px;
		border-bottom:1px #3d3d3d solid;
	}

	/** About **/
	.footer-logo{
		width:70px;
		padding:0;		
	}
	
	/** Popular Tags **/
	#footer-top ul, .last p{
		margin:10px 0 0 0;
	}
	
	/** Newsletter **/
	.footer-newsletter{
		background:url(images/sprite-main.png) no-repeat 0 -284px;
		width:256px;
		height:33px;
	}
	#footer-top .last{
		border:none;
	}
	.last p{
		margin:20px 0 5px 0;
	}
	.last h3, .last p, .last .footer-newsletter{
		float:none;
	}
}

/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {
	
	/* header */
	.logo{
		font-size:14px;
	}
	.btn-search-link{
		display:inherit !important;
		float:right;
		display:block;
		background:url(images/sprite-main.png) no-repeat -605px -2px;
		text-indent:-9999px;
		width:30px;
		height:28px;
	}
	#search-mobile{
		float:left;
		overflow:hidden;
		padding:0 0 10px 10px;
	}
	#search-mobile .search{
		clear:both;
	}
	#search-desktop{
		display:none;
	}
	
	.search{
		float:left;
		background:url(images/sprite-main.png) no-repeat -303px -69px;
		width:299px;
		height:29px;
	}
	.search-textbox{
		float:left;
		border:0;
		background:none;
		padding:6px 12px;
		width:240px;
		outline: none;
		color:#eeeeee;
	}
	.twitter{
		margin:5px 15px 0 0;
	}
	.twitter-footer{
		padding-bottom:20px;
	}
	
	/* post */
	#home-content {
		width:214px;
		margin:20px auto 20px auto;
	}
	#content{
		margin:10px auto 20px auto;
	}
	.headline h1{
		padding:7px 0;
		font-size:18px;
	}
	#tag-result h1{
		text-align:center;
		margin:0 !important;
	}
	.post-image{
		margin:0 0 20px 0;
	}
	#post-detail{
		margin:0;
	}
	#post-download{
		float:left;
		margin:0;
	}
	
	/* Pagination */
	.wp-paginate {
		overflow:hidden;
		margin:0 auto;
		padding:3px 0;
		width:300px !important;
	}
	.wp-paginate a {
		padding:4px 6px !important; 
	}
	.wp-paginate a:hover, .wp-paginate a:active {
		padding:3px 6px !important;
	}
	.wp-paginate .current { 
		padding:3px 6px !important;
	}
	
	/* footer */
	#footer-bottom .pagewrap{
		padding:0 10px;
	}
	#footer-top{
		padding:30px 0 0 0;
	}
	#footer-counter{
		border:none;
		padding:0;
		text-align:left;
	}
	#footer-counter-bg{
		background:url(/wp-content/uploads/2013/05/counter-bg.png) no-repeat left;
		padding-left:5px;
	}
	
	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
	
	/* Yoggrt */
	.yoggrt-wrapper{
		float:left;
		width:214px;
		height:240px;
		margin:1px 0 15px 0;
		text-align:center;
	}
	#support-me{
		overflow:hidden;
		width:320px;
		margin:0 auto 0 auto;
	}
}