Adding logo, searchbox, facebook button on header of twentyeleven

Okay I played around css of searchform changed to these values:
Everything seems ok for now. Need to check on different monitor resolution (other than 1024×768).

#branding #searchform {
	position: absolute;
	top: 10em; /* <--this value */
	right: 7.6%;
	text-align: right;
}

#branding #searchform div {
	margin: 0;
}
#branding #s {
	float: right;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 200px; /* <--this value */
}
#branding #s:focus {
	background-color: #f9f9f9;
	width: 200px; /* <--this value */
}

solution for other problems still trying to figure out