/* 
Theme Name: Arcadia
Theme URI: 
Description: A municipal theme for the City of Salida. A child theme of the Hybrid framework by Justin Tadlock.
Author: Trey Beck
Author URI: 
Version: 0.1
Tags: Framework
Template: hybrid
*/

@import url('./css/reset.css');
@import url('./css/widgets.css');


/* `Basic
------------------------------------------------- */

body { 
	font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	color: #46443A;
	font-size: 80%;
	line-height:1.7;
	background: #EEE url("http://cityofsalida.com/_site/wp-content/themes/arcadia/images/bg-body-tile.png") left top repeat-x;
}

a:focus {
	outline: 1px dotted;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

blockquote {
	border-left: 5px solid #46443A;
	padding: 0 15px 0 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}


/* `Text
------------------------------------------------- */

/*
h1{font-size:1.625em;}
h2{font-size:1.375em;}
h3{font-size:1.125em;}
h4{font-size:.875em;}
h5{font-size:.75em;}
h6{font-size:.625em;}
*/
/*h1,h2 { 
	letter-spacing:-1px; 
}*/

h1 {
	font-size: 25px; 
	line-height: 1.1;
	/*
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold !important;
	line-height: 1.1;
	letter-spacing: -1px;
	*/
}

h2 {
	font-size: 23px;
	font-weight: normal;
	line-height: 1.2;
}

h3 {
	font-size: 21px;
	font-weight: normal;
}

h4 {
	font-size: 19px;
	font-weight: normal;
}

h5 {
	font-size: 17px;
	font-weight: normal;
}

h6 {
	font-size: 1em;
	font-weight: bold;
}

.post-title a, .entry-title a {
	color: #46443A !important;
	font-weight: normal;
}

.post-title a:hover, .entry-title a:hover {
	color: #46443A !important;
	text-decoration: underline;
}


/* `Spacing
------------------------------------------------- */

ol {
	list-style: decimal;
}

ul {
	list-style: disc;
}

li {
	margin-left: 20px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 16px;
}

/* typekit */
h1, h2 {
/*  font-family: "league-gothic-1","league-gothic-2"; */
}

p, ul, ol, dl {
	line-height: 1.7;
}


.widget-inside {
	 line-height: 1.4;
}

/* `Links
------------------------------------------------- */

a:link { 
	color: #0050F0; color: #0078C8;
	text-decoration: none; 
}

a:visited { 
	color: #0050F0; color: #0078C8;
	text-decoration: none; 
}

a:hover { 
	color: #0050F0; color: #0078C8;
	text-decoration: underline; 
}

a:active { 
	color: #0050F0; color: #0078C8;
	text-decoration: underline; 
}


/* `Structure
------------------------------------------------- */

/* give containers correct positioning */
#header-container, #topmenu, #container, #pseudopod, #footer, #colophon {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
}

.content, #primary, .col4 { 
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* effectively, .container_16 .grid_10 in 960-speak */
.content {
	width: 580px; 
}

.no-widgets .content {
	width: 940px;
}
#primary {
	width: 340px;
}

.breadcrumbs {
	width: 960px;
	margin: 0 auto;
	background-color: #8AAC2F; background-color: #9CC235;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #ACA592; 
	border-right: 1px solid #ACA592; 
	font-size: .9em;	
}

#container { 
	border-left: 1px solid #ACA592; 
	border-right: 1px solid #ACA592; 
	background: #C4BFAF url("images/bg-content-tile.jpg") left top repeat-x;
	/*background-color: #C4BFAF;*/
	padding-top: 20px;
	padding-bottom: 20px; 
	}

#pseudopod {
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: #ACA592; 
	background-color: #C4BFAF;
	height: 1em;
}

#footer {
	margin-top: 20px;
	margin-bottom: 20px;
}

#colophon {
	margin-top: 10px;
	margin-bottom: 10px;
}

#footer .col4 {
	width: 220px;
}


/* z-index fixes for navigation */

#navigation {
	z-index: 20;
	position: relative;
}

.breadcrumbs {
	z-index: 15;
	position: relative; 
}

#container {
	z-index: 10;
	position: relative;
}


/* `Header
------------------------------------------------- */

#site-title a { 
	display: block;
	padding: 20px 0 15px; 
	height: 78px; 
	width: 192px; 
	background: url('images/logo.png') 0 20px no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}

h1#site-title { margin: 0; padding: 0; }

#site-description {
	display: none;
}



/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0 !important;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/* arcadia tweaks */
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu li a {
	padding: .75em 1em;
	padding: 10px 15px;
	text-decoration:none; 
}
.sf-menu li li a {
	padding: .5em 1em;
}

.sf-menu li li {
	border-left: 1px solid #ACA592;
	border-right: 1px solid #ACA592;
	border-top: 1px solid #ACA592;
}
.sf-menu li li a.last {
	border-bottom: 1px solid #ACA592;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #e47b24; /* was #ff7800; */
}
.sf-menu li {
	background-color: transparent;
}
.sf-menu li li {
	background:		#FFF;
}
.sf-menu li li li {
	background:		#FFF;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
	color: #F90;
}

.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	background:		#EEE;
	outline:		0;
	color: #F90;
}

/* salida customization --- */

#topmenu {
	border: 1px solid #ACA592;
	background: #FFFFFF url('images/bgr-box-trans.png') repeat-x top;
	height: 2.5em;
}

/* home icon */
.sf-menu li a#home { 
	text-indent: -5000px; 
	overflow:hidden;
	background: url("images/icon-home.png") 10px 50% no-repeat; 
}

/* `Content
------------------------------------------------- */

.breadcrumb-trail {
	padding: .5em 1em;
	color: #FFF;
}

.breadcrumb-trail a {
	color: #FFF !important;
}
.breadcrumb-title {
	display: none;
}

.hentry { 
	border: 1px solid #ADA693; 
	background-color: #FFF; 
	padding: 25px 20px; 
	margin-bottom: 15px;
}
			
.with-tearsheet .hentry {
	margin-bottom: 0;
}			

/* Author and date byline */
.byline, .post-meta-data { 
	color: #999; 
	font-size: .9em;
}


.singular-page .byline {
	display: none;
}

a.more-link {
	float: right;
}

a.more {
	float: right;
	margin-bottom: 2em;
}

.headroom { }

#tearsheet {
	background-color: #E9E9E9;
	/*background-color: #E6DECE;*/
	padding: 25px 20px; 
	margin-bottom: 15px;
	border: 1px solid #BBB;
	border-top: 0;
}

#tearsheet .date {
	color: gray;
}

/* `Comments
------------------------------------------------- */

#comments-template {
	 display: none;
}

.navigation-links {
	display: none;
}


/* `Widgets
------------------------------------------------- */

#primary h3 {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;
	font-weight: bold;
	color: #4D4A41; 
	font-size: 21px;
	padding: 0;
	margin: 0 0 10px;
	/*text-shadow:#FFF 0px 1px 0, #000 0 -1px 0;*/ /*inset*/
	text-shadow: 1px 1px 0 #FFFFFF;
}


/* `Page Navigation
------------------------------------------------- */
.wp-pagenavi a, .wp-pagenavi span.current {
	padding: .25em .5em;
	margin-left: .5em;
	background-color: #E9E9E9;
	border: 1px solid #ADA693;
}

/* `Footer
------------------------------------------------- */

#footer-container {
	padding: 0;
	background-color: #78756B;
}

#footer h6 {
	color: #FFF;
	border-bottom: 1px solid #FFF;
	font-weight: bold;
}

#footer-container a:link, #footer-container a:visited, #footer-container a:hover, #footer-container a:active {
	color: #FFF;
}

#footer ul li {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 2px 0;
}

#colophon-container {
	background: #000;
	padding: 1em 0;
	font-size: .9em;
}


/* `Lists
------------------------------------------------- */

.nobullet, .iconlist, .checklist {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}

.nobullet li, .iconlist li, .checklist li {
	padding: 3px 0;
	margin: 0;
}

.iconlist dt { font-weight: normal; }

.page-tools { 
	background: transparent url("images/bg-ribbon.png") 0 0 no-repeat;
	display: block;
	width: 76px;
	height: 48px;
	position: absolute;
	top: -8px;
	right: 30px;
	padding-top: 10px;
}

.page-tools ul, .page-tools li {
	list-style: none; 
	margin: 0;
	padding: 0;
}

.iconlist li a, .checklist li a {
	 padding-left: 20px;
}

.checklist li a {
	background: transparent url("images/icon-accept.png") 0 50% no-repeat;
}

.iconlist li.pdf a {
	background: transparent url("images/icon-pdf.png") 0 50% no-repeat;
}

.iconlist li.doc a {
	background: transparent url("images/icon-white-word.png") 0 50% no-repeat;
}

.iconlist li.txt a {
	background: transparent url("images/icon-white-text.png") 0 50% no-repeat;
}

.iconlist li.xls a {
	background: transparent url("images/icon-white-excel.png") 0 50% no-repeat;
}

ul.horiz li { 
	display: inline; 
	padding-right: 20px; 
	margin-left: 0;
	list-style: none;
}

dt {
	font-weight: bold;
}

dd {
	padding: 0.5em 1em;
}

/* library lists */
.page-190 dd {
	padding: 0.5em 20px;
}

.page-190 dt {
	font-weight: normal !important;
}

#atoz ul { list-style-type: none; margin-bottom: 0; }
#atoz ul li { margin-left: 0; }
#atoz ul ul { list-style-type: disc; margin-bottom: 5px; }
#atoz ul ul li { margin-left: 30px;}

dl.a2z dt {
	font-weight: normal;
	padding: 0; margin: 0;
}

dd.empty {
	 display: none;
}
.bigletter { font-size: 1.6em; line-height:2;}

a.top { float: right; }

.subtle {
	color: #BBB;
}



/* `Utility
------------------------------------------------- */

.floatright {
	float: right;
}


.floatleft {
	float: left;
}

.alignright {
	float: right;
	margin: .5em 0 .5em 1em;
}


.alignleft {
	float: left;
	margin: .5em 1em .5em 0;
}

.noborder {
	border: 0 !important;
}

/* `Clear Floated Elements
------------------------------------------------- */

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

* html .clearfix {
	height: 1%;
}

#utility { 
	/*background: transparent url("images/bg-search-tab3.png") 0 -19px no-repeat;*/
	width: 350px; 
	/*height: 35px;*/
	float: right;
	/* margin-top: -1px;*/
}

#utility div.hours { 
	color: #666 !important; 
	padding: 20px 0 0 12px; 
}

#sitetools { 
	float: right;
	padding: 5px 10px 0 0;
	color: #CCC;
	}
#sitetools a { 
    /*	color: #FFF !important; */
	line-height: 40px; 
	/*padding-left: 15px; */
	}
#sitetools li { 
	margin: 0; 
	padding: 0; 
	}

.filesize {
	color: #CCC;
	font-size: 0.9em;
}

#searchform { 
	margin: 0; 
	/*padding: 3px 0 0 12px; */
	width: 300px;
	background: url("images/bg-search-tab3.png") 0% 100% no-repeat;
}

#searchform #search { padding: 2px 0 10px 35px; }

#searchform input.gadget { 
	color: #999; 
	border: 0; 
	height: 18px;
	width: 200px;  
	padding: 4px 0 0 4px; 
	/*position: relative; top: -6px;*/
	margin: 0 !important;
}

#searchform input.btn { 
	margin: 0 !important; 
	padding: 0 !important;
	height: 22px;
	position: relative;
	top: 7px;
}

/*ie 6*/
* html #searchform input.btn {
	top: 4px;
}

/* ie7 */
*+html #searchform input.btn {
	top: 4px;
}

/* ie8 */
#searchform input.btn {
	top: 5px\0/; 
}

/*
#search { 
	position: relative;  
}
*/

#tooltip {
	display: none; 
    background: transparent url("images/tooltip/black_arrow.png"); 
    font-size: 11px; 
    height: 70px; 
    width: 160px; 
    padding: 2em; 
    color: #fff;   
    z-index: 30;
}

/* Homepage ------------------------ */
/*
.scrollable { width: 545px; } 415 for 3 images, 680px for 5 
*/

#banner { 
	/*background: #9CC235 url(./images/hi-there.png) 20px 50% no-repeat;*/
	/*background: url(./images/banner-pool-980.jpg) 0 0 no-repeat;*/ 
	position: relative; 
	width: 960px; 
	margin: 0 auto;
	border-left: 1px solid #ACA592; 
	border-right: 1px solid #ACA592; 
	padding: 0;
	height: 160px;
	}

/*	
#slideshow { padding: 15px 20px 0 265px; position: relative; z-index: 16;}	
*/
	
/* Library ----------------------------- */	
#filterprefs, .highlight { 
	padding: 1em; 
	border: 1px solid #CCC; 
	background-color: #EEE; 
	margin-bottom: 2em; 
	}
#filterprefs select { margin-right: 1em; }

.small {
	font-size: .9em;
	color: #666;
}

/* wp pagenavi -------------------------- */

.wp-pagenavi {
	 font-family: Verdana, Helvetica, Sans-serif;
	 font-size:  .8em;
}

/* city council bios */
.bio { margin-left: 160px; }



/* using css to show/hide widgets... a dangerous game we play, here. */
#text-10, #text-6, #text-8 { display: none; } /* hide */
.home #text-10, .home #text-6, .home #text-8 { display: block; } /* show on homepage */

.entry-content img, img.thumbnail { 
	border: 1px solid #999; 
	}

.wp-caption-text {
	font-size: 10px;
	color: gray;
	line-height: 1.2;
	padding: 5px 0;
	margin: 0 0 5px 0;
}


/* directory page */
.page-template-no-widgets th { text-align: left; }
.page-template-no-widgets td { padding: .2em 2em .2em 0; }

.hentry .thumbnail { float: right; margin: 0 0 .5em 1em; }

/* facilities and hours */
a.gmap { 
	width: 48px;
	height: 20px;
	background: transparent url("./images/btn-map.png") 0% 100% no-repeat;
	float: right;
	}
a.gmap span { display: none; }

.page-144 h5 { 
	width: 400px; 
	border-bottom: 1px dotted #999;
	}
	
/* content links ... icons should be 14x14*/
a.pdf {
	background: url("./images/icon-pdf.gif") no-repeat 0 50%;
	padding-left: 18px;
}

a.doc {
	background: url("./images/icon-white-word.png") no-repeat 0 50%;
	padding-left: 20px;
}

a.xls {
	background: url("./images/icon-white-excel.png") no-repeat left center;
	padding-left: 20px;
	line-height: 16px; /* To center the text vertically with the icon */
}

a.txt {
	background: url("./images/icon-white-txt.png") no-repeat left center;
	padding-left: 20px;
	line-height: 16px;
}
 
a.zip {
	background: url("./images/icon-white-zip.png") no-repeat left center;
	padding-left: 20px;
	line-height: 16px;
}
 
a.email {
	background: url("./images/icon-email.png") no-repeat left center;
	padding-left: 20px;
	line-height: 16px;
}
 
a.external {
	background: url("./images/icon-ext-link.png") no-repeat left center;
	padding-left: 20px;
	line-height: 16px;
}
/*
#header { background: transparent url("./images/tenderfoot.gif") 50% 100% no-repeat;}
*/

/* don't show snippets for pages... */
.singular-post .widget-snippet { display: none; }

/* prevent the heading from overlapping page tools... */
.singular-post h1.post-title { width: 450px; }

/* hide upcoming for library pages */
/*.page-1179 #text-11, 
.page-190 #text-11, 
.page-1706 #text-11, 
.page-1699 #text-11, 
.page-1666 #text-11 { display: none; }
*/
/* hide upcoming for all pages, then show on home page */
#text-11 { display: none; }
.home #text-11 { display: block; }

/* hide resources */
.page-1179 .widget-resources, 
.page-190 .widget-resources, 
.page-1706 .widget-resources, 
.page-1669 .widget-resources, 
.page-1666 .widget-resources { display: none; }

.page-190 td { padding-right: 10px !important; }

/* hide filter widget */

/* TESTING ... 
.widget-library { display: none; }

.page-190 .widget-library,
.page-1179 .widget-library,
.page-1706 .widget-library,
.page-1669 .widget-library,
.page-1666 .widget-library { display: block; }

*/

/* hide related on search page */
.search .widget-related { display: none; }

.alert {
	background-color: #fff6bf;
	text-align: left;
	padding: 10px;
	border: 1px solid #ffd324;
	margin: 10px 0;
	}
	
#contact-stripe {
	
}
#contact-panel-wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
#contact-panel {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: absolute;
	z-index: 25;
	top: 0;
}
#contact-panel-content {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
	z-index: 10;
	overflow: hidden;
	height: 300px;
	top: 0;
}
#contact-panel-content div {
	display: inline;
	float: left;
	position: relative;
	margin-left: 0;
	margin-right: 10px;
	width: 320px;
}
a.email { 
	background: url("http://cityofsalida.com/_site/wp-content/themes/arcadia/images/internet-mail.png") center center no-repeat; 
	height: 16px;
	width: 16px;
	}
hr.topline {
	background: url("http://cityofsalida.com/_site/wp-content/themes/arcadia/images/bg-body-tile.png") left top repeat-x; 
	height: 10px;
	border: 0;
	margin: 0;
	padding: 0;
}

a.slide { padding-right: 20px; background: url("http://cityofsalida.com/_site/wp-content/themes/arcadia/images/equalizer2.png") 100% 50% no-repeat; }
a.ext { padding-right: 20px; background: url("http://cityofsalida.com/_site/wp-content/themes/arcadia/images/external2.png") 100% 50% no-repeat; }


/* mailchimp form */
#mc_signup_form label {
	width: 100px;
}

#mc_signup_form input {
	margin-left: 0;
	color: #999;
}


/* home page "filed under" */

.home p.entry-meta { display: none; }

/*
.feed {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url("./images/feed-icon-14x14.png") no-repeat 0 50%;
}
*/
/* @ref http://www.feedicons.com/code/
*/

.feed-list {
  margin: 0 0 15px 15px;
  padding: 0;
  list-style-type: none;
}

.feed-list li {
  margin: 0 0 5px 0;
  padding: 0;
  list-style-type: none;
}

.feed-list li a {
  padding: 0 0 0 19px;
  background: url("./images/feed-icon-14x14.png") no-repeat 0 50%;
  list-style-type: none;
}

div.faq-content ul.nobullet { line-height: 1.3; }