@media only screen and (max-device-width: 480px) {

html {-webkit-text-size-adjust:none}

.imageStyle {height: auto;}

#topEC, #pageWrapper, #footer, #contentContainer {width: auto;}

#shadowWrapper {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}

#sidebarContainer, #subMenu, #sub2Menu, #topECWrapper, #extraContainer3, #extraContainer4, #extraContainer5, #extraContainer6, #extraContainer7 {display: none;}

#pageWrapper {padding-top: 15px;min-height: 0;}
#logoTitle {margin-bottom: 10px;padding-top: 10px;}
.titleSlogan {padding: 0 5px;}

#mobileTabWrapper {display: block;position: absolute;top: 0;right: 0;}
#mobileMenuTab, #mobileSidebarTab {float: right;margin-right: 5px;padding: 5px 7px;-webkit-border-bottom-left-radius: 3px;-webkit-border-bottom-right-radius: 3px;-webkit-box-shadow: 0 0 5px black;font-size: 1.1em;}

#contentContainer, #sidebarContainer {float: none;}

/* Reset menu styles from desktop version */
#menuContainer {display: none;height: auto;background-image: url(images/menuShadow.png);}

#menu {height: auto;padding: 5px;}

#menu ul {margin: 0;padding: 0;}

#menu ul li {float: none;background-image: none;line-height: 30px;}
#menu ul li:hover {background-image: none;}

#menu ul li a {line-height: 30px;}
#menu ul li a:hover {}

#menu ul ul {display: block;margin-left: 15px;}

#menu .current, #menu .currentAncestor {background-image: none;border-bottom: 1px solid black;line-height: 30px;-webkit-border-radius: 5px;}
#menu .current:hover, #menu .currentAncestor:hover {background-image: none;border: none;}

#contentWrapper {padding: 10px;}

#contentContainer {margin-top: 0;}

#sidebarContainer {float: none;position: absolute;width: 94%;top: 10%;left: 3%;z-index: 100;-webkit-box-shadow: 0 0 10px black;-webkit-border-radius: 5px;}

/* Possible Fix for iPhone - This will prevent content overflow 
 * when there are a large number of categories assigned to a single blog post,
 * but doesn't look as nice as the default behavior.
 *.blog-entry-date {clear: both;overflow: auto;}
 *.blog-entry-category {float: right;}
 */

}