.tablet, .handheld { display: none; }
.desktop { display: block; }

#mmrLogo a:first-child { border-right: 1px solid #000; padding: 12px 0; margin-right: 8px; }

/*styles for desktop*/
@media screen and (min-width: 800px) {
}

/*styles for tablets*/
@media screen and (max-width: 768px), screen and (max-width: 1024px) {
	.desktop, .handheld, #content .desktop, #content .handheld { display: none; }
	.tablet, #content .tablet { display: block; }

	.mmr1k { width: 700px; }
	#uwwTools { float: none; width: 100%; padding-top: 5px; }
	#uwwSearch { float: right; }
	#mmrHeader { }
	#mmrResources { float: none; text-align: right; margin-bottom: 5px; margin-top: 10px; }
	#mmrLogo img { margin-right: 0; }
	#mmrPage { padding: 5px; overflow: visible; }
	#mmrPage.mmrArchive, #mmrPage.mmrDetail, #mmrPage.mmrNews, #mmrPage.mmrVideo, #mmrPage.mmrGallery { padding-top: 0; }

	#uwwAudienceNav { font-size: 12px; bottom: 0; }
	#uwwAudienceNav li { padding: 0; border: none; font-weight: bold; }

	#mmrTopShadow, #mmrBottomShadow { background: none; }

	#sectionNavigation ul.level1 li { padding-left: 0; }
	#sectionNavigation ul.level1 li.hassub { padding-left: 0; background: none; }
	#sectionNavigation ul { text-align: center; }
	#sectionNavigation, #sectionNavigation ul.level1 a { font-size: 13px; }

	#uwwSplash { width: 48%; float: left; height: auto; overflow: visible; }
	.mmrHome #uwwSplash { width: 100%; float: none; }
	#uwwFeaturedContent { width: 100%; height: auto; float: none; overflow: visible; }
	#uwwFeaturedItems, #uwwFeaturedVideo { width: 100%; height: 330px; overflow: visible; background: #fff; }
	#uwwFeaturedItems a img { width: 100%; height: auto; }
	#mmrFeaturedItemThumbs { width: 100%; float: none; height: auto; margin-bottom: 15px; }
	.mmrHome #mmrFeaturedItemThumbs { width: 100%; padding: 0; }
	#mmrFeaturedItemIndicator { display: none; }
	#uwwPlaylist { display: none; }
	#uwwFeaturedContent { display: none; }
	.mmrHome #uwwFeaturedContent { display: block; }
	#mmrFeaturedItemThumbs li { height: auto; min-height: 85px; overflow: visible; }
	#mmrFeaturedItemThumbs li#mmrFeaturedThumbsHead { margin-bottom: 0; min-height: 0; }
	#mmrFeaturedItemThumbs li#mmrFeaturedThumbsFoot { padding-right: 25px; min-height: 20px; }
	#mmrFeaturedItemThumbs li#mmrFeaturedThumbsFoot img { float: none; }

	#mmrTabs { display: none; }

	#sidebarHeader { padding-top: 10px; }
	#sidebarHeader img { }
	#sectionSidebar h2 { }

	#content { width: 100%; float: none; }
	.mmrArchive #content, .mmrDetail #content, .mmrNews #content, .mmrVideo #content, .mmrGallery #content    { width: 98%; padding: 1%; padding-top: 0; float: none; background-image: none; background-color: #fff; }
	#archive { width: 96%; padding: 2%; }
	#mmrSocialBar { padding: 0 0 15px 0; }
	#content.Right { margin-right: 5px; }
	#contentCenter { width: 96%; padding: 2%; }
	#content #contentLeft .mmrNewsBlock { width: 96%; padding: 2%; }
	#content .youtube-vertical .video-item { float: left; margin-bottom: 15px; }
	.mmrHome #contentLeft { display: none; }
	#contentLeft { float: none; width: 96% !important; padding: 0 2% !important; margin-right: 0; }
	#contentRight { float: none; width: 96% !important; padding: 0 2% !important; overflow: visible; }
	#mediaContact { margin-bottom: 10px; padding: 5px 0 0 0; }

	.subNavAd { width: 50%; text-align: center; margin-bottom: 10px; float: left; }

	#uwwBottomShadow { display: none; }

	/*
	#footercol3 { display: none; }
	#footercol1 { width: 30%; float: left; margin-right: 22px; }
	#footercol2 { width: 36%; float: left; margin-right: 22px; }
	#footercol4 { width: 27%; margin-right: 0; }
	*/

    #mmrFooter > .mmr1k > div { width: 96%; float: none; padding: 5px 2%; margin-right: 0; }
    /* #mmrFooter > .mmr1k > div:nth-child(odd) { text-align: right; } */
}


/*styles for smart phones*/
@media screen and (max-width: 320px), screen and (max-width: 569px) {
	.desktop, .tablet { display: none; }
	.handheld { display: block; }

	.M-clear { float: none !important; width: 100% !important; }

	#uwwLandingNav { display: none; }
	#mobileLandingNav { float: left; margin-top: 4px; }
	#mobileLandingNav li { display: inline; font-size: 11px; padding: 0 6px; }
	#mobileLandingNav a { color: #fff; text-decoration: none; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; }
	#uwwShortcuts { background: url("../uww/img/bg_optionmob.gif") no-repeat scroll 0 0 transparent; width: 55px; }
	#uwwShortcuts select { width: 53px; }
	#uwwTools { float: none; width: 100%; position: relative; padding-top: 5px; }
	#uwwSearch.desktop { display: none; }
	#uwwMobileSearch { float: right; margin-right: 5px; z-index: 60000; }
	#uwwMobileSearch label { display: none; }
	#uwwMobileSearch #triggersearch { border: 0; background: transparent url('../uww/img/btn_search.gif') no-repeat; cursor: pointer; width: 22px; height: 22px; }
	#uwwMobileSearch #searchbox { position: absolute; left: 31%; top: 0; padding: 15px; background-color: #333; box-shadow: 0 0 4px #ccc; width: 50%; display: none; }
	#uwwSearchQuery { border: 0; width: 100%; }
	#uwwSearchSubmit { display: none; }
	#uwwHeader { padding-top: 0; }
	#uwwResources { display: none; }
	#uwwAudienceNav { display: none; }

	.applogo { display: none; }
	#mmrLogo { text-align: center; z-index: 10; }
	#mmrLogo a { display: block; }
	#mmrLogo a:first-child img { margin-bottom: 10px; }
	#mmrLogo a:first-child { border: none; padding: 0; }
	#mmrHeader { padding-top: 10px; padding-bottom: 0; }

	#wrapper, #uwwPage, #appcontent, .uww1k { padding: 0; margin: 0; border: none; }
	.mmr1k { width: 320px; margin: 0 auto; padding: 0; }

	#mmrTopShadow { margin-bottom: 1px; background-color: #5D7F91; height: auto; margin: 0; padding-bottom: 0; }
	#mmrTopShadow ul { padding: 5px 0; width: 100%; }
	#mmrTopShadow ul li { display: block; float: none; padding: 0 5px; text-align: left; }
	#mmrBottomShadow { display: none; }
	#mmrSubnav a, #mmrSubnav a:visited, #mmrSubnav a:hover { font-size:13px; display: block; padding: 10px 10px; border: 1px solid #5D7F91; color: #C0D6E0; border-bottom-color: #688FA0; background: url("../uww/img/icon_dropdown_right.png") center right no-repeat; text-decoration: underline; }

	#mmrPage { margin: 0; padding: 0; }

	h1.handheld { font-size: 40px; color: #fff; letter-spacing: -1px; text-transform: none; text-shadow: 1px 1px 3px #222222; padding: 5%; background-color: #241042; margin-bottom: 0; width: 90%; }
	h1.image { overflow: hidden; background-position: -200px 0 !important; width: 100% !important; height: 100px !important; margin-bottom: 1px; }
	h1.image span { padding-left: 15px; }

	#uwwTicker { display: none; }

	#breadcrumbs { margin-bottom: 10px; }

	#uwwSplash { width: 100%; float: none; }

	#uwwFeaturedItems, #uwwFeaturedVideo { width: 100%; height: 145px; overflow: visible; background: #fff; }
	#mmrFeaturedItemThumbs { padding: 0; width: 100%; margin: 1px 0 1px 0; }
	#mmrFeaturedThumbsHead h6 span { font-weight: normal; }

	.Fat, .Slim { width: 100% !important; }
	#content.Right { float: none; margin-right: 0; }
	#content { width: 100%; padding: 0; margin-right: 0; float: none; }
	#content .spotlight, #content .video, #content .contentBlock { float: none; clear: both; padding: 0; }
	#content .contentBlock h2 { font-size: 14px; }
	#content .contentBlock p, #content .contentBlock ul { padding: 0 5px; }
	#content iframe { width: 100% !important; }
	#content h1 { padding-top: 0; }
	#content h2 { margin-left: 0; }
	#content h5 { padding-bottom: 15px; }
	#contentLeft { float: none !important; width: 96% !important; padding: 2% !important; margin-right: 0; padding-top: 0; border-top: 0 !important; }
	#contentRight { float: none; width: 96% !important; padding: 2% !important; overflow: visible; }
	#contentCenter { float: none; width: 96%; padding: 2%; }
	#content form { padding: 5px; }
	#content input[type='text'], #content textarea, #content select { width: 70%; }
	.mmrArchive #content, .mmrDetail #content, .mmrNews #content, .mmrVideo #content, .mmrGallery #content    { width: 98%; padding: 1%; padding-top: 0; float: none; background-image: none; background-color: #fff; }
	#content #contentLeft .mmrNewsBlock { width: 96%; padding: 2%; }
	.mmrArchive #contentLeft, .mmrDetail #contentLeft, .mmrNews #contentLeft, .mmrVideo #contentLeft, .mmrGallery #contentLeft { padding: 0; }
	.mmrArchive #contentRight, .mmrDetail #contentRight, .mmrNews #contentRight, .mmrVideo #contentRight, .mmrGallery #contentRight { padding: 0; }
	.mmrNews #contentLeft p img { width: 90%; height: auto; display: block; float: none !important; margin-right: none; }
	#mediaContact { margin-bottom: 10px; padding: 5px 0 0 0; }

	.subNavAd { float: none; width: 100%; margin: 0; }
	.subNavAd img { width: 100%; height: auto; }

	#content #relatedStories li { padding-bottom: 5px; }
	#content #relatedStories h5, #content ul#relatedStories, #content #relatedStories p.dateline { padding: 0; }

	#content .youtube-vertical { padding: 0 0 10px 0; width: 100%; max-width: 100%; }
	#content .youtube-vertical #youtube { width: 100%; }
	#content .youtube-vertical .video-item { text-align: center; width: 100%; margin-right: 0; }
	#content .youtube-vertical .video-thumb { width: 100%; text-align: center; }
	#content .youtube-vertical img { float: none; width: 100%; max-width: 100%; }
	#content .youtube-vertical h3 { width: 90%; }

	#archive { width: 96%; padding: 2%; }
	#archive ul { padding: 0; width: 100%; margin-top: 15px; height: auto; float: none; }
	#archive li { display: block; padding: 0; }
	#archive li a { padding: 5px 15px; margin: 8px; }

	#gallery { width: 100%; height: auto; }
	.galleria-container { width: 310px !important; height: 310px !important; }

	#uwwFooter .uww1k { background-image: none; padding: 0; }
	/*
	#footercol1, #footercol2, #footercol3 { display: none; }
	#footercol4 { width: 96%; float: none; padding: 5px 2%; margin-right: 0; }
	*/
	#mmrFooter > .mmr1k > div { width: 96%; float: none; padding: 5px 2%; margin-right: 0; text-align: left; }
    #mmrFooter > .mmr1k > div:nth-child(odd) { text-align: left; }
}
