/*
Assuming that a user has turned on "Tablet Computer Adaptations" in the theme style settings, this file will be called by RapidWeaver.
*/

@media screen and (max-width: 769px) {

.spacer {
	height: 0px;
	display: none;
}

#siteTitle a {
	border-left: none;
}

#navOuter {
	display: none;
}

.raftNavWrapper {
	display: block;
}

#aside,
#sidebarContainer {
	float: none;
	width: 100%;
	clear: both;
	margin-bottom: 10px;
}

#sidebarContent {
	display: none;
	padding: 10px;
	margin: 0;
}

#sidebarTitle h3 {
	font-size: 18px;
	padding: 12px;
	margin: 0;
	line-height: 1.20em;
	font-weight: bold;
}

#sidebarWrapper #raftSidebarArrow.opened {
	position: absolute;
	top: 0px;
	right: 15px;
	width: 30px;
	height: 45px;
	display: block;
	z-index: 20;
	background: url(../../images/editable_images/raft-sidebar-open.png) no-repeat center center;
}

#sidebarWrapper #raftSidebarArrow.closed {
	position: absolute;
	top: 0px;
	right: 15px;
	width: 30px;
	height: 45px;
	display: block;
	z-index: 20;
	background: url(../../images/editable_images/raft-sidebar-closed.png) no-repeat center center;
}

#contentContainer #content {
	margin-left: 0px;
	margin-right: 0px;
}

#contentContainer #contentWrapper {
	column-count: 1;
    -moz-column-count: 1;  
    -webkit-column-count: 1;
    column-gap: 0px;   
    -moz-column-gap: 0px;  
    -webkit-column-gap: 0px; 
}

#contentContainer, 
#header,
#myExtraContent6,
#myExtraContent8 {
	padding: 10px;
}

} /* End @media block */