/*
Theme Name: Autistic Self Advocacy Handheld
Theme URI:
Description: Custom accessible theme for the Autistic Self Advocacy network, based on <a href="http://accessible.sprungmarker.de/2011/04/accessible-five/">Accessible Five</> by <a href="http://accessible.sprungmarker.de/">Sylvia Egger</a> and Twenty Ten Five by <a href="http://richardshepherd.com">Richard Shepherd</a>.
Author: Sarah Schneider
Author URI: 
Template: asan
Version: 1.0
*/

@import url("/wp-content/themes/asan/css/style.css");

/* ***************************************************** */
/* ***************************************************** */
/* ***************************************************** */
/* MOBILE & HANDHELD STYLES FOR SMALL SCREENS*/
/* ***************************************************** */
/* ***************************************************** */
/* ***************************************************** */


/* WRAPPER & SITE STRUCTURE */

a:active {
background: #F06424 !important;
color: #ffffff !important;
text-decoration: underline !important;
}


#wrapper {
		float: none;
		position: relative;
		width: 320px !important;
		margin-right: auto;
		margin-left: auto;
		margin-top: 0px;
		padding: 0 0 !important;
		height: auto !important;
		-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
	}
	
/* HEADER */

.fullsitelink {
color: #ffffff !important;
background: #2e3192 !important;
width: 100%;
padding: 10px 0px;
}

a.dts-link.to-full-website {
background: #2e3192 !important;
text-align: center;}

.dts-link.to-full-website:active {
background: #f06426 !important;}

.mobilesitelink a,
.dts-link.back-to-mobile a,
.fullsitelink a,
.dts-link.to-full-website a{
display: block;
color: #ffffff !important;
background: #2e3192 !important;
padding: 5px;
}

footer .fullsitelink {
margin-bottom: 20px;
margin-top: 20px;
}

	#header {
		height: 75px!important;
		position: relative !important;
		margin: 0 0 !important;
		padding: 0 0 !important;
	}
	
	#masthead, #branding {
	height: 125px !important;
	min-height: 125px !important;
	width: 100% !important;
	margin-right: auto !important;
	margin-left: auto !important;
		padding: 0 0 !important;}
	
	#branding a img {
margin-top:10px;
margin-left: 20px;
margin-bottom: 10px;
}
	
	#header-widgets, 
	#randomquote,
	#site-title,
	#site-description,
	#access { display:none !important; }

	#header h1 {
		font-size: 140%;
	}

	#main {
		float: none !important;
		position: relative;
		width: 100% !important;
		margin: 10px 0 0 0!important;
		padding: 0 0 !important;
		height: auto !important;
		background: #ffffff !important;
	}
	
	#main #container {
		float: none !important;
		width: 98% !important;
		margin: 0 0 !important;
		padding: 0 0 !important;
		height: auto !important;
		clear: both !important;

	}
	
	#content {
		float: none !important;
		width: 98% !important;
		margin: 0 0 !important;
		padding: 0 5px !important;
		height: auto !important;

	}
	
/* 20160223 -- BKW -- Added per email from Sarah Schneider. */
	#main #content {
		max-width: 100%;
 	}

/* MAIN NAV MENU */

	#navigation {
		float:none !important;
		width: auto !important;
	}
	
	.mobileskiplinks {
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: 10px;
	padding-bottom: 5px;}
	
	#sidebarskiplink, #sitemapskiplink {
	display: inline !important;
	margin-bottom: 10px !important;
	margin-left: 10px !important;}
	
	#sitemapskiplink {
	padding-right: 10px !important;
	margin-left: 50px !important;
	border-right: 1px dotted !important;}
	
	#sidebarskiplink a, #sitemapskiplink a {
padding: 5px !important;
border-bottom: none !important;
text-decoration: underline !important;}
	
	#sidebarskiplink a:active, #sitemapskiplink a:active {
background: #F06424 !important;
color: #ffffff !important;
text-decoration: underline !important;}
	




/* LATEST NEWS */

.excerptthumb img {
display: none !important;
}


.single-column {
 float: none;
 position: relative;
 width: 100%;
 height: auto;
 padding-top: 5px;
}

.single-column div[id^="post-"] {
 margin-bottom: 1em !important;
 min-height: none;
}

.single-column hr {
margin: .7em 0 .3em 0 !important;
}


.last-post {
border-bottom: 1px dotted !important;
}

.single-column .excerpt {
margin-bottom: 3em !important; /* 16x3.4375=55px */
}

.single-column .excerpt p {
margin-bottom: 0px !important;
}

.single-column .posttitle a {
font-family: Ruda, "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
font-size: 18px !important;
line-height: 1em !important; 
}

.single-column .posttitle a:active {
margin-bottom: 3px !important;
border-bottom: 1px dotted #f06424;
color: #f06424;
}

.single-column p.readmore {
margin: 15px 15px 0 15px !important;
}

.section_header {
width: 100%
margin-left: -5px;}




/* SIDEBAR */

#primary
	{
	float: none !important;
	clear: both !important;
	width: 100% !important;
	position: static !important;
	padding-top: 10px !important;]
	}
	
		
#primary .widget-container
	{
	width: 100% !important;
	margin: 0 0 !important;
	border-bottom: 1px solid white !important;
}

.accessibility {
display: none;
}

.mobilesearch {
display: block !important;
background: #2e3192;
padding: 10px 10px 10px 15px;
height: auto;
}


.mobilesearch h3.widget-title {
color: #ffffff;
margin-bottom: 10px;
}

.mobilesearch form {
height: 30px;
position: relative;
}

.mobilesearch #s-mobile {
width: 215px;
height: 78%;
padding-left: 5px;
}

.mobilesearch input#searchsubmit-mobile {
position: absolute;
top: 0;
right: 7px;
background: #f06426;
text-indent: -9999px;
line-height: 999px; /* Set it higher than your image height */
overflow: hidden; /* Hide the text */
height: 1.6875em;
width: 60px;
box-sizing: border-box;
border: 1px solid #ffffff;
background-image: url(/wp-content/themes/asan/images/button-search_25.gif);
background-repeat: no-repeat;
background-position-x: 50%;
background-position-y: 40%;
}

.mobilesearch input#searchsubmit-mobile:active {
-moz-box-shadow: 0 0 1px 1px #ffffff;
-webkit-box-shadow: 0 0 1px 1px #ffffff;
box-shadow: 0 0 1px 1px #ffffff;

}

#email {
	height: 100% !important;
	width: 100% !important;
}

#zip {
width: 48% !important;}

#emailsubmit {
right: 7px !important;
width: 48% !important;
background-position-x: 90% !important;
}

.publications ul li {
	margin-bottom: 1em;
}

.stayconnected img,
.stayconnected img:hover,
.stayconnected img:active {
height: 2.5em !important;
width: auto !important;
margin-right: 8px !important;

}



/* FOOTER */

footer,
#colophon,
#site-info {
background: #2e3192 !important;
width: 320px !important;
height: auto !important;
margin-left: auto !important;
margin-right: auto !important;
}

footer {
width: 100% !important;}

#colophon {
padding: 0 0 !important;
}


#first.widget-area {
width: 320px !important;
height: auto !important;
}

#nav_menu-3 ul {
height: auto !important;
width: 100%;
}

#colophon #nav_menu-3 ul li{
width: 100%;
border-left: none !important;
display: block !important;
float: none !important;
clear: both !important;
padding: 0px !important;
border-bottom: 1px dotted #ffffff !important;
}

#menu-footer-nav {
}

#nav_menu-3 ul li a {
width: 100% !important;
display: block !important;
margin-left: 0px !important;
line-height: 1.5em !important;
min-height: 1.5em !important;
height: 1.5em !important;
padding: 5px !important;
text-decoration: none !important;
text-transform: uppercase;
text-align: center;
}

#nav_menu-3 ul li:first-child {
padding: 0 1em !important;
font-weight: bold !important;
margin-left: 0px !important;
}

#colophon #nav_menu-3 ul li a:active {
background: #F06424 !important;
color: #ffffff !important;
text-decoration: underline !important;
}

#site-info {
background-image: none !important;
padding-top: 10px !important;
background: #2e3192 !important;
}

#site-info p {
margin: 3px 0px 7px 15px !important;
line-height: 1.5em !important;
text-align: center !important;

}

#colophpon #site-info a, #site-info p a {
padding: 5px 0px !important;
border-bottom: 0px !important;
text-decoration: none !important;

}

#site-info a:active, #site-info p a:active {
background: #ffffff !important;
color: #F06424 !important;
text-decoration: underline;}

/* =Posts and pages
-------------------------------------------------------------- */

#content ul li {
margin: 10px 0px !important;
}

#content ul li a {
margin: 15px 0px !important;
padding: 0px 10px !important;
}



/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */


pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
	-webkit-text-size-adjust: 120%;
}
#site-description {
	-webkit-text-size-adjust: none;
}