/* forms */
form
{
	display: block;
}

form legend, form #token
{
	display: none;
}
  
form input, form label, form select, form textarea
{
	display: block;
	width: 100%;
	margin: 0 0 0.125em 0;
	border: 1px solid #483D22;
	padding: 0.2em;
	background-color: #FFFFFF;
	font-size: 1em;
}

form textarea
{
	height: 10em;
}

form label
{
	background-color: transparent;
	padding: 0.125em 0;
}

form label, form input[type="submit"]
{
	border: 0;
}

form input[type="submit"], #search
{
	color: #FFFFFF;
}

form input[type="submit"]
{
	margin: 1em 0 0 0;
	color: #FFFFFF;
	text-align: center;
	background-color: #483D22;
}

form br
{
	display: none;
	clear: both;
	height: 0;
	width: 0;
}

/* search */
#search
{
	width: 80%;
	float: right;
}

#search input
{
	float: left;
	width: 82%;
	border: 0;
	margin: 0;
}

#search input[type="submit"]
{
	float: right;
	width: 2em;
	text-indent: -9999%; 
	background: transparent url('../images/search.png') center right no-repeat; 
	cursor: pointer;
}

/* high definition for retina displays */
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5)
{
  /* search */
	#search input[type="submit"]
	{
		background-image: url('../images/hi/search.png');
		background-size: 22px 22px;
	}
}


@media only screen and (min-width: 768px)
{
	form input, form label, form select, form textarea
	{
		float: left;
		width: 75%;
	}

	form label
	{
		width: 25%;
	}

	form input[type="submit"]
	{
		float: right;
		width: 10em;
	}
	
	form br
	{
		display: inline;
	}
	
	/* search */
	#search
	{
		width: 30%;
	}
	
	#search input
	{
		width: 75%;
	}
}

@media only screen and (min-width: 1024px)
{	
	/* aside */	
	#search
	{
		width: 20%;
	}
}