@media all and (max-width: 480px) {

	/*home page*/
	#wrap {
		background: white;
	}
	div.hamburger{
		color: #5b747d;
	}
	#header {
		background: #C9C0AF url('images/side_quote_mobile.png') no-repeat 100% 0;
		background-size: cover;
	}
	#header #title a{
		color: white;
		text-shadow: #423d27 0 0 3px;
	}
	#quote blockquote{
		text-shadow: #423d27 1px 1px 6px;
		font-size: 14px;
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
	blockquote .author {
		font-style: italic;
	}
	.sf-horizontal .sf-menu li a:hover, .sf-horizontal .sf-menu li a:active {
		color: white;
		background: #5b747d url(/images/layout-main/icons/chevron_right3.gif) no-repeat 96% 50%;
	}
	#sidebar #sidebar-login .text{
		border: 1px solid #cccccc;
	}
	#sidebar form .button {
		background-color: #5b747d;
		border: 1px solid #5b747d;
		color: white;
	}


	/*registration page*/
	form fieldset {
		padding: 20px 10px;
	}
	.content-sidebar form .text, .content-sidebar .select, .content-sidebar .textarea {
		width: 100%;
		border: 1px solid #cccccc;
		height: 42px;
		line-height: 42px;
		background-color: white;
	}
	#registration button.username {
		background-color: #5b747d;
		border: 1px solid #5b747d;
		color: white;
		padding: 12px;
		border-radius: 2px;
	}
	form .field .button {
		background-color: #5b747d;
		border: 1px solid #5b747d;
		color: white;
	}

}