/* NON-Responsive */
#responsive_nav {
	display: none;
}


/* Responsiveness ----------- */
@media only screen
and (max-width : 480px) {
	
	/* Bigger font-size, for readability */
	html,
	body,
	table,
	tbody {
		font-size: 		inherit;
		line-height:	normal;
	}
		
	/* Responsive container */
	#inner,
	.main {
		position:	relative !important;
		width:		96% !important;
		margin:		0 auto !important;
		float:		none !important;
	}
	
	.bnr_display {
		height:		auto !important;
		overflow:	hidden;
	}
	
	#image_rotate img {
		width:		100% !important;
	}
	
	.#image_rotate {
		display:	none;
	}
	
	/* Responsive tables */
	table {
		position:	relative;
		display:	block;
		overflow:	hidden;
	}
	
	tbody,
	thead {
		position:	relative;
		width:		100% !important;
		display:	block !important;
	}
	
	tr,
	td	{
		position:	relative;
		display:	block !important;
		width:		100% !important;
		float:		left;
	}
	
	/* Responsive navigation */
	#responsive_nav	{
		position:	relative;
		width:		100%;
		height:		32px;
		font-size:	16px;
		display:	block;
	}
	
	/* Logo */
	.logo {
		height:		auto !important;
	}
	
	.logo img {
		width:		60%;
	}
	
	/* Main nav */
	#main_nav {
		display:	none !important;
	}
	
	/* Galleries */
	.gallery_sliding_left,
	.gallery_sliding_right,
	.gallery_sliding_up,
	.gallery_sliding_down,
	.gallery_fade {
		width: 100% !important;
	}
	
	.gallery_fade ul {
		left: -4px;
	}
	
	
	/* blog-feed */
	div.blog-feed .blogitem							{ margin-bottom: 20px; }
	div.blog-feed .blogitem .blogitem-avatar		{ width: 17%; overflow: hidden; }
	div.blog-feed .blogitem .blogitem-message		{ width: 60%; }
	
	/* Blog article */
	.blog_bottom_devider .fb-like		{ clear: both; padding: 0; margin: 0; top: 0; padding-top: 10px; border: none; }
	.blog_archivebox div.blog-return	{ width: 100%; }
	.blog_archivebox div.blog-return ul	{ width: 100%; }
	.blog_archivebox div.blog-return li	{ width: 99%; }
	
	/* Blog in general */
	span.blog-prev	{ width: 99%; padding: 3px 0; margin-bottom: 2px; }
	span.blog-next	{ width: 99%; padding: 3px 0; }
	.archive-col	{ overflow: hidden; }
	
	/* Inputs */
	input	{ -webkit-appearance: none; }
	
	/* Paragraphs */
}
