/*
Theme Name: 	Town of Campbell
Description: 	Custom theme
Version: 		1.0
*/

/* ======================= global resets ======================= */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table 					{ border-collapse:collapse; border-spacing:0 }
fieldset, img 			{ border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
caption, th	 			{ text-align:left }
q:before, q:after 		{ content:''}
a img 					{ border:none } /* Gets rid of IE's blue borders */
input[type="submit"]	{ cursor:pointer; -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ }
input[type="submit"]::-moz-focus-inner { border:0; } /* helps with input and submit sizing */
/* html5 reset */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
audio,
canvas,
video 					{ display:inline-block; }
audio:not([controls]) 	{ display:none; }
@-ms-viewport			{ width:device-width; }
*,
*:before,
*:after 			{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body			{ height:100%; }
:link img 			{ border:none; }
a 					{ outline:none; }
.hidden 			{ display:none; }
br.clear 			{ clear:both; display:block; height:1px; margin:-1px 0 0 0 }
.clearfix:after 				{ visibility:hidden; display:block; font-size:0; content:" "; clear:both;  height:0; }
* html .clearfix             	{ zoom:1; } /* IE6 */
*:first-child+html .clearfix 	{ zoom:1; } /* IE7 */
/* responsive */
img, object, embed 	{ max-width:100%; height:auto; }
object, embed		{ height:100%; }
img				 	{ -ms-interpolation-mode: bicubic; }

/* ======================= Font replacements ======================= */
/*
	type:			sans-serif
	font-family: 	'Open Sans', sans-serif;
					400 (normal | italic)
					700 (normal | italic)
*/

/*
	- OVERVIEW:

 	- Architecture / Grid
	- Typography
	- Masthead
	- Post (general content area)
	- Sidebar
	- Archive
	- Footer
	- Page Templates
	- Theme Helpers
	- Presentational classes generated by WordPress
	- Plugin Styling
	- Theme custom short codes
	- Responsive
*/

/*======================= Architecture ======================= */
body {
	margin:0;
	padding:0;
	background:#eee;
	color:#555;
	font-family:'Open Sans', sans-serif;
	font-size:16px;
	font-weight:normal;
	text-align:left;
}
.pagewidth {
	width:1200px; /* also adjust responsive */
	margin:0 auto;
}
#content-wrap {
	margin:30px auto 0 auto;
	padding:40px 80px;
	background:#fff;
}
#primary {
	width:70%;
	float:left;
	margin:0 5% 0 0;
}
#secondary {
	width:25%;
	float:left;
}

#primary.no-sidebar {
   width:100%;
   float:none;
   margin:0 0 30px 0;
}

/*======================= Typography ======================= */
p {
	margin:0 0 15px 0;
	line-height:1.4;
}
/* lists */
ul {
	margin:0 0 15px 0;
	padding:0;
}
ul li {
 	margin:0 0 0 30px;
 	padding:0;
 	list-style:disc;
 	line-height:1.4;
}
ul li ul li	{
	list-style:circle;
}
ol {
	margin:0 0 15px 0;
	padding:0;
}
ol li {
	text-align:left;
	margin:0 0 0 30px;
	padding:0;
	list-style:decimal;
	line-height:1.4;
}
blockquote {
	margin:20px;
	padding:10px 20px;
	border-left:4px solid #ccc;
	font-size:22px;
}
blockquote p {
	font-style:italic;
	margin:0;
}
small {
	font-size:11px;
}
strong, b {
	font-weight:700;
}
em, i {
	font-style:italic;
}
/* tables */
table {
	border-collapse:collapse;
}
table tr td	{
	padding:5px;
}
/* headings */
h1,h2,h3,h4,h5,h6 {
	font-family:'Open Sans', sans-serif;
	text-align:left;
	font-weight:400;
	color:#222;
	line-height:1.2;
}
h1 {
	font-size:36px;
	font-weight:700;
	margin:0 0 20px 0;
}
h2 {
	font-size:32px;
	margin:0 0 10px 0;
}
h3 {
	font-size:26px;
	margin:0 0 10px 0;
}
h4 {
	font-size:22px;
	margin:0 0 10px 0;
}
h5 {
	font-size:18px;
	margin:0 0 10px 0;
}
h6 {
	font-size:16px;
	margin:0 0 10px 0;
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:1px;
}
/* default links & buttons */
a {
	color:#2a7ab0;
	text-decoration:none;
	-o-transition:		.3s;
	-ms-transition:		.3s;
	-moz-transition:	.3s;
	-webkit-transition:	.3s;
	transition:			.3s;
}
a:hover {
	color:#24648f;
	text-decoration:none;
}
a.button {
	background:#2a7ab0;
	display:inline-block;
	margin:0;
	padding:5px 15px;
	float:left;
	width:auto;
	color:#fff;
	font-size:12px;
}
/* Forms */

body.page .gform_wrapper.gf_browser_chrome .gfield_checkbox li input,
body.page .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox],
body.page .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
   margin-top: 0;
}

.toc-form-wrap label {
	display:block;
	margin:0 0 5px 0;
}
.toc-form-wrap input,
.toc-form-wrap textarea,
.toc-form-wrap option,
.toc-form-wrap select {
	font-family:'Open Sans', sans-serif;
	display:block;
	color:#555;
	margin:0 0 15px 0;
	padding:5px;
	border:1px solid #ccc;
	/* keep all boxes equal */
	box-sizing:content-box;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
}
.toc-form-wrap input[type="radio"],
.toc-form-wrap input[type="checkbox"] {
	display:inline-block !important;
   margin-bottom: 0;
}
.toc-form-wrap select {
	line-height:28px; /* this is needed to keep height on select elements in safari */
}
/* placeholder font color */
.toc-form-wrap ::-webkit-input-placeholder {
	color:#333;
}
.toc-form-wrap :-moz-placeholder {
	/* Firefox 18- */ color:#333;
}
.toc-form-wrap ::-moz-placeholder {
	/* Firefox 19+ */ color:#333;
}
.toc-form-wrap :-ms-input-placeholder {
	color:#333;
}

.primary {
	color:#2a7ab0;
}
.secondary {
	color:#2AB0A3;
}
.accent {
	color:#2AB060;
}
.primary-bg {
   background-color: #2a7ab0;
}

/* ======================= Masthead ====================== */
#masthead {
	position:relative;
	width:100%;
	height:133px;
	max-height:133px;
	margin:0;
	padding:0;
	z-index:1000;
	background:#2a7ab0;
	color:#fff;
}
#masthead .pagewidth {
	position:relative;
}
#masthead #logo {
	width:30%;
	float:left;
}
#masthead #logo img {
	position:absolute;
	display:block;
}
#masthead .header-right {
	width:70%;
	float:right;
}
#masthead .header-right .row-1 ul {
	margin:0;
	padding:0;
}
#masthead .header-right .row-1 ul li {
	list-style:none;
	display:inline-block;
	border-right:1px solid #eee;
	margin:0;
	padding:0 5px;
}
#masthead .header-right .row-1 ul li:last-child {
	padding-right:0;
	border-right:none;
}
#masthead .row-1 {
	text-align:right;
	color:#eee;
	font-size:14px;
	padding:15px 0 10px 0;
}
#masthead .row-2 .search {
	width:220px;
	float:right;
}
#masthead .row-2 .search label {
	display:none;
}
form#searchform	{
	position:relative;
	margin:0;
	padding:0;
}
input#s {
	width:96%;
	margin:0;
	padding:7px 2%;
	background:#fff url(images/bg/icon-search.png) no-repeat 96% 7px;
	border:none;
	outline:none;
	color:#555;
}
input#s:focus {
	border:none;
}
input#searchsubmit {
	position:absolute;
	right:0px;
	top:0px;
	width:23px;
	height:25px;
	background:none;
	border:none;
	outline:none;
	text-indent:-999px;
}
#masthead .row-2 .after-search-wrap       { float:right; }
#masthead .row-2 .after-search-wrap img   { display: block; margin-right: 10px; }

#masthead #nav-wrap	{
	margin:0;
	padding:10px 0 0 0;
}

/* navigation */
ul#nav {
	margin:0;
	padding:0;
	float:right;
}
ul#nav li {
	list-style:none;
	position:relative;
	float:left;
	padding:0;
	margin:0 2px 0 0;
}
ul#nav li:last-child {
	margin-right:0;
}
ul#nav li a {
	margin:0;
	padding:10px 15px;
	font-size:13px;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:1px;
	line-height:1;
	display:block;
	color:#fff;
	background:#2AB0A3;
	text-decoration:none;
	-o-transition:		.3s;
	-ms-transition:		.3s;
	-moz-transition:	.3s;
	-webkit-transition:	.3s;
	transition:			.3s;
}
ul#nav li a:hover {
	text-decoration:none;
	background:#289a8f;
}
ul#nav li ul {
	display:none;
	background:#2AB0A3;
	position:absolute;
	left:0;
	top:100%;
	margin:0;
	padding:0;
	z-index:100;
	border:none;
}
ul#nav li:hover > ul {
	display:block;
}
ul#nav li ul li {
	float:none;
	margin:5px 0;
}
ul#nav li ul li a {
	float:none;
	width:220px;
	display:block;
	padding:5px 10px;
	background:none;
}
ul#nav li ul li ul {
	left:100%;
	top:0;
}
/* dead links */
li.nolink > a {
	cursor:default;
	text-decoration:none;
}
li.nolink > a:hover {
	cursor:default;
	text-decoration:none;
}

/* ======================= .post ====================== */
.post {
	padding:0;
	margin:0;
	position:relative;
}
p.date {
	margin:0;
}
.post .featured-img	{
	margin:0 0 25px 0;
}

/* ======================= sidebar.php ====================== */
#secondary .widget {
	padding:0;
	margin:0 0 25px 0;
	position:relative;
}
#secondary h3.widget-title {

}
#secondary .widget p {
	line-height:1.3;
	font-size:14px;
	margin:0 0 10px 0;
}
#secondary .widget ul {
	margin:10px 0px 20px 0;
	padding:0;
}
#secondary .widget ul li {
	text-align:left;
	margin:5px 0 5px 20px;
	padding:0;
	list-style:disc;
	line-height:1.2;
}
#secondary .widget p.edit {
	position:absolute;
	top:0;
	right:0;
	font-size:11px;
}
/* WP widgets */
.widget_recent_entries {  }
.widget_recent_entries ul {  }
.widget_recent_entries ul li {
	margin:0 0 10px 0;
}
.widget_recent_entries span.post-date {
	display:block;
	font-size:13px;
	font-style:italic;
}
.widget_categories {
	margin:0 0 15px 0;
}

/* sidebar quick link menu */
#secondary ul#menu-quick-links {
	margin:0;
	padding:0;
}
#secondary ul#menu-quick-links li {
	margin:0 0 5px 0;
	padding:0;
	list-style:none;
}
#secondary ul#menu-quick-links li a {
	display:block;
	line-height:25px;
	padding:5px 0 0 28px;
	font-size:15px;
}
#secondary ul#menu-quick-links li.calendar a {
	background:url(images/bg/icon-calendar-blue.png) no-repeat 0 9px;
}
#secondary ul#menu-quick-links li.garbage a {
	background:url(images/bg/icon-recycle-blue.png) no-repeat 0 9px;
}
#secondary ul#menu-quick-links li.agendas a {
	background:url(images/bg/icon-agendas-blue.png) no-repeat 0 7px;
}
#secondary ul#menu-quick-links li.problems a {
	background:url(images/bg/icon-report-problem-blue.png) no-repeat 5px 9px;
}
#secondary ul#menu-quick-links li.zoning a {
	background:url(images/bg/icon-zoning-blue.png) no-repeat 0 8px;
}
#secondary ul#menu-quick-links li.ordinances a {
	background:url(images/bg/icon-ordinances-blue.png) no-repeat 0 6px;
}

/* ======================= archive.php / search.php ====================== */
.post.excerpt {
	padding:0 0 40px 0;
}

/* paging */
div.pagination {
	margin:20px 0 10px 0;
}

/* ======================= footer.php ======================= */
#footer {
	padding:30px 0;
	color:#fff;
	background:#2a7ab0;
}
#footer .left {
	width:25%;
	float:left;
}
#footer .left img.logo {
	width:180px;
	height:auto;
}
#footer .left p {
	color:#fff;
	font-size:14px;
}
#footer .right {
	width:75%;
	float:left;
}
#footer .widget_nav_menu {
	width:25%;
	padding-right:20px;
	float:left;
}
#footer .widget_nav_menu h3 {
	font-size:16px;
	font-weight:700;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#fff;
}
#footer .widget_nav_menu ul {
	margin:0;
	padding:0;
}
#footer .widget_nav_menu ul li {
	margin:0;
	padding:0;
	list-style:none;
}
#footer .widget_nav_menu ul li a {
	display:block;
	padding:5px 0;
	line-height:1.2;
	font-size:14px;
	color:#fff;
}
#footer .widget_nav_menu ul li a:hover {
	color:#e1e1e1;
}

/* ======================= Page Templates ====================== */
.home #content-wrap {
	padding:0;
	width:100%;
	margin:0;
}
#home-slider {
	height:700px;
	position:relative;
}
#home-slider ul.bxslider li {
	height:700px;
	overflow:hidden;
	/*background:url(images/fi_big.jpg) no-repeat center center;*/
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
#overview {
	width:1100px;
	height:300px;
	position:absolute;
	top:200px;
	left:50%;
	margin-left:-550px;
	z-index:500;
}
#overview .tabs {
	width:50%;
	float:left;
	padding-right:3px;
}
#overview .tabs ul.tab-row {
	display:inline-block;
	height:40px;
	margin:0;
	padding:0;
}
#overview .tabs ul.tab-row li {
	display:inline-block;
	line-height:40px;
	font-size:15px;
	margin:0;
	padding:0 17px;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:700;
	background:rgba(255,255,255,0.7);
	cursor:pointer;
}
#overview .tabs ul.tab-row li.current {
	background:rgba(255,255,255,0.9);
}
#overview .tabs .tab-panels .tab-content {
	display:none;
	min-height:276px;
	padding:20px 20px 0px 20px;
	background:rgba(255,255,255,0.9);
}
#overview .tabs .tab-panels .tab-content.current {
	display:block;
}
#overview .tabs .tab-panels p {
	font-size:14px;
}
#overview .tabs .tab-panels #tab-1 p {
	margin:0;
}
#overview .tabs .tab-panels .tab-content#tab-1 {
	padding-top:15px;
}
#overview .tabs .tab-panels .tab-content#tab-2 {
	padding-top:15px;
}
#overview ul.recent-posts {
	margin:0;
	padding:0;
}
#overview ul.recent-posts li {
	margin:0;
	padding:5px 0;
	border-bottom:1px solid #ccc;
	list-style:none;
}
#overview ul.recent-posts li:last-child {
	border-bottom:none;
	padding-bottom:0;
}
#overview ul.recent-posts li h3 {
	font-size:16px;
	font-weight:bold;
	margin:0 0 5px 0;
}
#overview ul.recent-posts li p.date {
	margin:0 0 3px 0;
	font-size:12px;
	font-weight:bold;
}
#overview ul.recent-posts li p.more {
	margin:0;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
}
/* quick link area */
#overview ul#menu-quick-links {
	width:50%;
	padding:40px 0 0 0;
	float:left;
}
#overview ul#menu-quick-links ul {
	margin:0;
	padding:0;
}
#overview ul#menu-quick-links li {
	display:block;
	margin:0;
	padding:0 3px 3px 0;
	list-style:none;
	width:50%;
	float:left;
}
#overview ul#menu-quick-links li a {
	display:block;
	width:100%;
	height:90px;
	padding:55px 0 0 0;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:700;
   hyphens: none;
	float:left;
	/*background-color:rgba(42,122,176,0.9);*/
	background:rgba(10,176,163,0.9);
	background-repeat:no-repeat;
	background-position: center 15px;
}
#overview ul#menu-quick-links li a:hover {
	background-color:rgba(13,158,145,0.9);
}
#overview ul#menu-quick-links li.calendar a {
	background-image:url(images/bg/icon-calendar.png);
}
#overview ul#menu-quick-links li.garbage a {
	background-position: center 20px;
	background-image:url(images/bg/icon-recycle.png);
}
#overview ul#menu-quick-links li.agendas a {
	background-image:url(images/bg/icon-agendas.png);
}
#overview ul#menu-quick-links li.problems a {
	background-position: center 20px;
	background-image:url(images/bg/icon-report-problem.png);
}
#overview ul#menu-quick-links li.voting a {
	background-image:url(images/bg/icon-voting-2.png);
}
#overview ul#menu-quick-links li.zoning a {
	background-image:url(images/bg/icon-zoning.png);
}
#overview ul#menu-quick-links li.ordinances a {
	background-image:url(images/bg/icon-ordinances.png);
}

/* ======================= Theme helpers ======================= */
.hide-text {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.example-row {
	margin:0 0 10px 0;
}
.example-row .inner {
	height:50px;
}
/* rounded corners */
.rounded {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-khtml-border-radius:5px;
}
/* arrows */
.arrow {
	display:inline-block;
	margin:0 0 0 5px;
	width:0;
	height:0;
}
.arrow.up {
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-bottom:5px solid #fff;
}
.arrow.down {
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-top:5px solid #fff;
}
.arrow.right {
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
	border-left:5px solid #fff;
}
.arrow.left {
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
	border-right:5px solid #fff;
}
/* multi-column lists */
ul.col-2 {
	width:100%;
	overflow:hidden;
}
ul.col-2 li	{
	width:40%;
	float:left;
	margin:5px 0 0px 30px;
}
ul.col-3 {
	width:100%;
	overflow:hidden;
}
ul.col-3 li	{
	width:33%;
	float:left;
	margin:5px 0 5px 30px;
}
/* responsive maps */
.mapwrap {
	position:relative;
	padding-bottom: 75%;
	height:0;
	overflow:hidden;
}
.mapwrap iframe {
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
}

/* ======================= Presentational classes generated by WordPress ======================= */
.aligncenter {
	display:block;
	margin:0 auto;
}
.alignleft {
	float:left;
}
.alignright {
	float:right;
}
img.alignright {
	margin:0 0 10px 20px;
}
img.alignleft {
	margin:0 20px 10px 0;
}
/* WP captions */
.wp-caption	{
	margin:0 0 20px 0;
}
.wp-caption.alignleft {
	margin-right:20px;
}
.wp-caption.alignright {
	margin-left:20px;
}
p.wp-caption-text {
	margin:5px 0 0 0;
	font-style:italic;
	font-size:14px;
}

/* ======================= Plugin Styling ======================= */
/* event calendar */
.home .ai1ec-calendar-toolbar,
.home .ai1ec-clearfix,
.home .ai1ec-subscribe-dropdown,
.home ul.ai1ec-dropdown-menu,
.home .ai1ec-pagination {
	display:none !important;
}
.home .ai1ec-agenda-view .ai1ec-event-description {
	display:none;
}

/* ======================= Theme custom short codes ======================= */
/* horizontal rule */
div.hr, hr {
	width:100%;
	height:1px;
	clear:both;
	margin:20px 0;
	background:#4C254C;
}
.fpo {
	background:#e6e6e6;
	margin:0 0 10px 0;
}
.fpo span {
	display:inline-block;
	width:100%;
	text-align:center;
	color:#bbb;
	font-size:150%;
}
/* show / hide content */
.sh-title {
	cursor:pointer;
	position:relative;
	padding-right:50px;
}
.sh-title span {
	display:inline-block;
	width:0;
	height:0;
	margin:0 0 0 10px;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
}
.sh-title.inactive span {
	border-top:9px solid #fe0329;
}
.sh-title.active span {
	border-bottom:9px solid #fe0329;
}


/* ======================= Responsive ======================= */
#dimensions {
	position:fixed;
	width:50px;
	top:45px;
	left:5px;
	z-index:10000;
	font-size:10px;
	background:rgba(255,255,255,0.7);
	color:#222;
}

@media only screen and (min-width: 1201px) {
	ul#nav {
		display:block !important;
	}

}

@media only screen and (max-width: 1215px) {
	/* enforce hyphens on mobile */
	body {
		-webkit-hyphens:auto !important;
	    -moz-hyphens:auto !important;
	    -ms-hyphens:auto !important;
	    hyphens:auto !important;
	}
	.hide-mobile {
		display:none;
	}
	#masthead {
		z-index:0;
	}
	#masthead #logo {
		width:50%;
		float:left;
	}
	#masthead .header-right {
		width:50%;
		float:right;
	}
	#masthead .row-1 {
		padding: 3px 0;
	}
	#masthead .header-right .row-1 ul li {
		display:block;
		border-right:none;
		margin:0 0 3px 0;
		padding:0;
	}
	.pagewidth {
		width:100%; /* also adjust responsive */
		margin:0;
		padding:0 2%;
	}
	#content-wrap {
		padding:40px 2%;
	}
	#nav-wrap {
		display:none;
	}
	#resp-nav {
		display:block;
	}

   #wprmenu_menu_ul li {
      list-style: none;
   }

   #wprmenu_menu_ul > li {
      margin-left: 0;
   }

   #overview {
      width: 960px;
      margin-left:-480px;
   }
   #overview .tabs {
      width:60%;
   }
   #overview ul#menu-quick-links {
      width:40%;
   }
   #overview .tabs .tab-panels .tab-content {
      min-height: 335px;
   }
   #overview ul#menu-quick-links li a {
      height:110px;
   }
}

@media only screen and (max-width: 1000px) {
	#home-slider {
		height:auto;
		padding:50px 2%;
		background:url(images/fi_big.jpg) no-repeat center center;
		background-repeat:no-repeat;
		background-position:center center;
		-webkit-background-size: cover;
	  	-moz-background-size: cover;
	  	-o-background-size: cover;
	  	background-size: cover;
	}
	#slider {
		display:none;
	}
	#home-slider ul.bxslider li {
		height:auto;
	}

   #overview {
      width:100%;
      height:auto;
      position:static;
      top:0px;
      left:0;
      margin-left:0;
   }
   #overview .tabs {
      width:100%;
      float:none;
      padding-right:0;
   }
   #overview .tabs .tab-panels .tab-content {
      min-height: 276px;
   }
   #overview ul#menu-quick-links {
      width:100%;
      padding:40px 0 0 0;
      float:none;
   }
   #overview ul#menu-quick-links li a {
      height:90px;
   }
}

@media only screen and (max-width: 850px) {
	#footer .widget_nav_menu {
		width:50%;
		padding-right:20px;
		padding-left:20px;
		margin-bottom:30px;
		float:left;
	}
}

@media only screen and (max-width: 767px) {
	#masthead {
		max-height:none;
		height:auto;
	}
	#masthead #logo {
		background:#fff;
	}
	#masthead #logo img {
		position:static;
	}
	#content-wrap {
		margin-top:15px;
	}
	#primary {
		width:100%;
		float:none;
		margin:0 0 30px 0;
	}
	#secondary {
		width:100%;
		float:none;
	}
	.alignleft {
		float:none;
		margin:0;
	}
	.alignright {
		float:none;
		margin:0;
	}
	.wp-caption	{
		max-width:100%;
	}
	.wp-caption.alignleft {
		margin:15px 0;
	}
	.wp-caption.alignright {
		margin:15px 0;
	}
	img.alignright {
		margin:0 0 15px 0;
	}
	img.alignleft {
		margin:0 0 15px 0;
	}
	/* multi-column lists */
	ul.col-2,
	ul.col-3 {
		width:100%;
		margin:0 0 20px 0;
		padding:0 0 0 30px;
	}
	ul.col-2 li,
	ul.col-3 li	{
		width:100%;
		float:none;
		margin:0;
	}
}

@media only screen and (max-width: 650px) {
   #masthead .row-2 {
      display: none;
   }
}

@media only screen and (max-width: 550px) {
   #overview .tabs ul.tab-row li {
      font-size:14px;
      padding:0 10px;
   }
}

@media only screen and (max-width: 500px) {
	#masthead {
		background:#333;
	}
	#masthead #logo {
		width:100%;
		margin:0 auto;
		float:none;
	}
	#masthead .header-right {
		display:none;
	}
	#footer .left {
		width:100%;
		float:none;
		margin:0 0 30px 0;
	}
	#footer .right {
		width:100%;
		float:none;
	}
	#footer .widget_nav_menu {
		width:100%;
		padding-right:0px;
		padding-left:0px;
		margin-bottom:30px;
		float:none;
	}

	#overview .tabs .tab-panels .tab-content {
		padding-bottom:20px;
	}
	#overview ul#menu-quick-links li {
		margin:0;
		padding:0;
		width:100%;
		float:none;
		display:block;
	}
	#overview ul#menu-quick-links li a {
		border-bottom:1px solid #2fc0b2;
	}
	#overview ul#menu-quick-links li:first-child a {
		border-top:1px solid #2fc0b2;
	}
}

@media only screen and (max-width: 460px) {
   #overview .tabs ul.tab-row li {
      font-size:11px;
      padding:0 5px;
   }
}

@media screen and (max-device-width: 480px) {
	/* this prevents iphone from making fonts larger */
  	body {
    	-webkit-text-size-adjust: none;
  	}
}

/* for the home page slider to avoid using js to determine top offset of quick link panel */
@media only screen and (max-height: 800px) {
	#overview {
		top:150px;
	}
}