@charset "utf-8";

/* Mobile Portrait */
@media only screen and (min-width: 0px) and (max-width: 320px) {
	#mainBorder { width:100%; }
	#bodyArea { width:100%; }
	#navCont { height:50px; }
	.tagline { float:none; margin:8px auto auto auto; font-size:0.5em; text-align:center; }
	#navHolster { width:320px; margin:0 auto; display:table; }
	#mainNav { margin:0 auto; list-style:none; text-align:center; }
	#mainNav li { float:none; padding:0.1em 1.0em 0.1em 1.0em; margin-top:8px; display:inline; }
	#mainNav li a { font-size:0.7em; }
	.banner, .bannercontainer { width:320px; height:112px;}
	.thumbContainer { width:228px; margin:0 auto; text-align:center; padding-top:20px; }
	.portfolioItemCont { width:226px; margin:0px auto 28px auto; text-align:center; }
	.portfolioItemCont img { }
	.sectionHeader_websites { width:245px; height:42px; margin-top:7px; background-image:url(../img/websiteInteractive_hdr_mb.png); }
	.sectionHeader_interactiveDesign {  width:245px; height:42px; margin-top:7px; background-image:url(../img/interactiveDesign_hdr_mb.png); }
	.sectionHeader_webDev { width:245px; height:42px; margin-top:7px; background-image:url(../img/websiteDevelopment_hdr_mb.png); }
	.useColorbox { display:none; }
	.noColorbox { display:block; margin:0 auto; }
	.vertSpacer { display:none; }
	.bodyCont { width:300px; padding-top:8px; }
	.guitarGeekImage { display:none; }
	.skillsetLeft { width:296px; }
	.skillsetMiddle { width:296px; height:62px; margin-left:0px; margin-top:8px; }
	.skillsetRight { width:296px; margin-left:0px; }
	.mobileFriendly { display:none; }
}

/* Mobile Landscape */
@media only screen and (min-width: 321px) and (max-width: 768px) {
	#mainBorder { width:100%; }
	#bodyArea { width:100%; }
	#navCont { height:52px; }
	.tagline { float:none; margin:8px auto auto auto; font-size:0.7em; text-align:center; }
	#navHolster { width:340px; margin:0 auto; display:table; }
	#mainNav { margin:0 auto; list-style:none; text-align:center; }
	#mainNav li { float:none; padding:0.1em 1.0em 0.1em 1.0em; margin-top:8px; display:inline; }
	#mainNav li a { font-size:0.6em; }
	.banner, .bannercontainer { width:480px; height:168px;}
	.thumbContainer { width:320px; margin:0 auto; text-align:center; padding-top:20px; }
	.portfolioItemCont { width:322px; margin:0px auto 28px auto; text-align:center; }
	.portfolioItemCont img { }
	.sectionHeaders_websites { width:245px; height:42px; margin-top:7px; background-image:url(../img/websiteInteractive_hdr_mb.png); }
	.sectionHeader_interactiveDesign {  width:245px; height:42px; margin-top:7px; background-image:url(../img/interactiveDesign_hdr_mb.png); }
	.sectionHeader_webDev { width:245px; height:42px; margin-top:7px; background-image:url(../img/websiteDevelopment_hdr_mb.png); }
	.useColorbox { display:none; }
	.noColorbox { display:block; margin:0 auto; }
	.vertSpacer { display:none; }
	.bodyCont { width:460px; padding-top:8px; }
	.guitarGeekImage { display:none; }
	.aboutMeText { font-size:0.6em; }
	.skillsetLeft { width:400px; font-size:1.7em; line-height:1.7em; }
	.skillsetMiddle { width:400px; height:62px; margin-left:0px; margin-top:8px; font-size:1.7em; line-height:1.7em; }
	.skillsetRight { width:400px; margin-left:0px; margin-top:8px; font-size:1.7em; line-height:1.7em; }
	.mobileFriendly { display:none; }
}

/* Retina Optimization */
@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) { 

    #bodyArea { background-image:url(../img/greenGradientBackground@2x.png); background-size:240px 36px; }

}