@media screen and (min-width: 801px) {
	.menu-toggle { display: none; }
	.main-navigation ul { display: block;	}
}

@media only screen and (max-width: 980px) {
	#content-wrapper { width:100%; padding:0 3%; }
	
	.site-branding { width: 35%; }
	.site-title { width:60%;}
	.bg-site-title { left: 30%;}
	
	.site-info { width:100%; }
	#logosPAD { width:100%; }	
	#logosPAD .padWrap { width:90%; }
	#logosPAD ul {width:45%;}	
	#logosPAD .padWrap p { width:50%;}

	#slider { width:100%; height:auto;}
	#slider img { max-width:auto; width:100%;}	

	#sidebar { width:30%;}	
	#content { width:65%;}
	
	.entry-meta { text-align:left; }
}

@media only screen and (max-width: 800px) {
	.bg-site-title { display:none;}
	#content-wrapper { margin:0; }
	
	.site-branding { margin:20px 0 0 0; width:75%; top:auto;}
	#logo { max-width:30%; margin-right:10px;}
	.site-title { width:80%; }
	.site-description { text-align: left; }

	#search-wrapper { position:static; padding-top:20px;}
	#font-wrapper { top:15px; }
	#fonts > p { position:static; margin-bottom:5px; }
	
	#slider h2 { font-size:1.5em;}
	
	.menu-toggle { margin:0; height:43px; padding-top:10px; }	
	
	.entry-thumbnail { width:200px; height:125px; }
	
	#sidebar { margin-top:20px; }
	#sidebar ul ul { width:100%; }
	
	h2.entry-title, h2.page-title { margin:20px 0; }
	
	.widget_search .search-form input[type="search"] { width:90%; }
	
}

@media only screen and (max-width: 640px) {
	#skip-links { position:fixed; z-index:1000; width:95%; height:50px; margin:0; text-align:center; background:#000;}
	#skip-links li { display: inline-block; float:left; border-right:1px solid #444;}
	#skip-links a { display: inline-block; height:50px; padding: 12px 15px 6px; position: static; width: auto; color:#e6e6e6;}	
	#skip-links a:hover, 
	#skip-links a:focus, 
	#skip-links a:active {background:#444; color:#fff; border:none; position:static; }
	
	.goto-top { display:block; margin:0; }
	.goto-top a { display:inline-block; position:fixed; top:0; right:0; background:url('../images/btnGotoTop.png') no-repeat center center #000; text-indent:-10000px; width:50px; height:50px; z-index:10000;}
	
	.menu-toggle {  background:url('../images/btnToggle.png') no-repeat center center #000; text-indent:-10000px; width:50px; height:50px; z-index:10000; float:none; border-radius:0; margin:0; }

	.site-branding { width:100%; min-height:auto; }
	
	.search-form { width:70%; }
	.search-form label { width:90%; }
	.search-form input[type="search"] { width: 98%; }
	
	#font-wrapper { top: 28px; right:-0.5%;}
	.font-list { display:none; }
	
	#slider { }
	#slider .slider-text { width:100% }
	#slider h2 { }
	
	#content-wrapper { margin:50px 0 0; }	

	.main-navigation.toggled ul { text-align:left}	
	.main-navigation li { display:block;}	
	.main-navigation a { margin:0; border-bottom:1px solid #333; padding:10px 20px; } 
	.main-navigation ul ul { float:none; position:static; display:none !important; width:100% !important; padding-bottom:0;}	
	.main-navigation ul ul li { width:100%;	}	
	.main-navigation ul ul a {  padding-left:40px !important;  border-bottom:1px solid #000 !important; }
	.main-navigation ul ul a:focus,
	.main-navigation ul ul a:hover { }	
	.main-navigation ul ul ul a { padding-left:70px !important; }
	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul,
	.main-navigation ul li.hover > ul { display:block !important;}

	#crumbpath { display:none; }
	
	#sidebar { width:100%; float:none; clear:both; }	
	#content { width:100%; float:none; padding:0; clear:both; }
	.content-area { margin-top:0;}
	
	h3.entry-title { left:0; }

	a.more-link { float:none;}
	.entry-meta .posted-on { border-right: 1px solid #eadcd9; display: inline-block; margin: 0 14px 0 0; padding: 0 15px 0 0;}
		
	.nav-links li { padding:0 0 5px 0; }
	
	#sidebar ul li { background:none; border-bottom:1px solid #333; padding:0;}	

	#sidebar ul ul { position:static; display:none;  width:100%; }
	#sidebar ul ul a { padding-left:40px; }
	#sidebar ul ul ul a { padding-left:70px; }
	#sidebar ul ul li a:hover,
	#sidebar ul ul li a:focus { }
	#sidebar ul li:hover > ul,
	#sidebar ul li.hover > ul { display:block;}
	#sidebar ul ul li:hover > ul,
	#sidebar ul ul li.hover > ul { display:block; }
	
	.widget_calendar table { width: 100%; }
	
	#logosPAD .padWrap { width:100%; }	
}

@media only screen and (max-width: 480px) {
	#slider h2 { font-size:1.23em;}	
	#slider p { font-size: 0.8em; margin:5px 0; }
	
	h1 { font-size: 1.75em;}
	
	.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: none; width: 100%; margin:0 0 10px 0; }	
	.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {float: none; width: 100%; text-align:left; }
	.nav-previous a { display:block; }
	.nav-next a { display:block; text-align:right; padding-right:60px; }

	.entry-thumbnail { height:auto; width:100%; float:none; margin:0 0 20px 0;}
	.entry-thumbnail a span { width:100%; height:100%; }
	
	.entry-meta { margin:10px 0 20px; }
}

@media only screen and (max-width: 460px) {
	#skip-links { width:90%; }
	#skip-links li { width:31%; text align:center; font-size:0.85em; }
	#skip-links a { padding: 5px 12px; }

	.site-title { width: 70%;}	
	
	.search-form { width:60%; }
	.search-form label { width:80%; }
}

@media only screen and (max-width: 320px) {
	ul, ol { margin: 1em 0;}
	
	#slider h2 { font-size:1.09em;}	
	
}
