@charset "UTF-8";

/* Layout Medium Screens */

header {
	height: 75px;
	background: url(../images/banner_medium.jpg) no-repeat 90% 0px;
	background-size: 800px 75px;
}

header a.logo {
	width: 115px; height: 70px;
	top: 20px; right: 20px;
	background-image: url(../images/logo_medium.png);
	background-size: 115px 70px;
}

nav { font-size: 11px; top: 75px; font}
nav a { margin: 10px 15px 8px; }

.promo_container { padding: 0px 20px 15px 20px; }
.promo_container .promo { background-position: 0px 0px; }
.promo_container .promo .content { padding: 70px 30px 0px 0px; }

/* for the about me and contact me page */
.disp_site { padding: 0px 0px 0px 0px; font-size: 12px;}
.disp_site .half { width: 50%; float: left; background-position: 0px 0px; }
.disp_site .half .halfbox { padding: 0px 30px 0px 10px; }

body { background-image: none; }


@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx)
{

	header a.logo { background-image: url(../images/logo_medium_2x.png); }
	header { background-image: url(../images/banner_medium_2x.jpg); }

}