/*
Theme Name: Cambridge Human Services Department
Description: global-global.css contains a reset, font normalization and base styles.
Designer: ISITE Design, Inc
Designer URL: http://www.isitedesign.com
Author: City of Cambridge
--------------------------------------------------------------------------------------

/************************************************* */
/* BASIC ELEMENT STYLES
************************************************** */


/* ROOT
-------------------------------------------------- */

body { color:#414141; background-color: #fff; }
#wrapper { margin-top: -365px; }

/* HEADINGS
-------------------------------------------------- */

h1,h2 { color: #2b4f68; }
h1, h2, h3, h4, h5, h6 { font-family:"myriad-pro-condensed",Arial,Helvetica,sans-serif; margin: .25em 0; }
h1 { font-weight:bold; font-size:2em; text-transform: uppercase; }
h2 { font-size: 1.9em; margin-top:1em; }
h3 { font-size: 1.5em; font-weight:bold; margin-top:0.5em; }
h4 { font-size: 1.5em; }
h5 {font-size: 1.4em; }
h6 { font-size: 1.25em; }
 


/* LINKS
-------------------------------------------------- */

a { color: #0077c0; }
a:visited { color: #2f6281; }
a:hover { color: #082f48; }

/* links with arrow */
.get-more { background-image: url(../img/link-arrow-blue.png); }
.get-more:hover { background-image: url(../img/link-arrow-blue-hover.png) }


/* TABLES
-------------------------------------------------- */
table { border: 1px solid #0e4a6f; } 
th  {
	background-color: #0e4a6f; 
	border: none;
	color:#fff;
	font-family:"myriad-pro-condensed",Arial,Helvetica,sans-serif;
	font-size: 1.4em;
	font-weight:normal;
}
th a, th a:hover, th a:visited { color:#fff; }
tr.even { background-color: #ecf5fb; }
td { border-bottom: 1px dotted #77adce; border-right: 1px solid #0e4a6f; border-left: 1px solid #0e4a6f; }



/* FORM ELEMENTS
-------------------------------------------------- */

button {
    background-color: #0076c0;
    font-family:"myriad-pro-condensed",Arial,Helvetica,sans-serif;
	font-size:1.55em;
	width:80px;
	padding: 0;
	text-align:center;
	text-shadow:none;
}


/************************************************* */
/* PAGE SECTIONS
************************************************** */


/* HEADER
-------------------------------------------------- */

#header { 
	background: url("../img/header-bg.gif") repeat-x scroll left bottom transparent;
	height: auto;
	border-bottom:365px solid #e0eef7;
}

[role="banner"] { padding: 20px 0 49px 0; }

a.brand { 
	height: 120px;
	width:370px;
	background: url(../img/logo-tpat.png) 0 0 no-repeat;
	padding: 25px 0 0 235px; 
	font-size:35px;
	font-family: "myriad-pro-condensed",​Arial,​Helvetica,​sans-serif;
	color:#2b4f68;
	z-index:10;
}

a.brand span {
	clear:both;
	display:block;
	font-size:30px;
	color:#0077c0;
}


/* NAVIGATION
-------------------------------------------------- */

/* MAIN NAV */

nav[role=navigation]  { background-color: transparent; top: -49px; }

nav[role=navigation] li { margin-left: 15px; }

nav[role=navigation] a {
	padding: 8px 12px 12px 12px;
	color: #fff;
    max-width: 500px;
	font-size: 23px; 
	font-weight: normal;
	font-family:"myriad-pro-condensed",Arial,Helvetica,sans-serif;
	text-shadow:none;
	line-height: 24px;
	border-top: 5px solid transparent;
}
nav[role=navigation] a:hover, nav[role=navigation] a.active {
	background-color: #0077c0;
	text-decoration: none;
	border-top: 5px solid #8fc63d;
}

/* LEFT NAV */

.subnav h2  {
	color: #fff;
	background-color:#0e4a6f;
	font-size: 1.5em;
	text-transform:none;
	padding: .25em .5em;
}
.subnav h2 a, .subnav h2 a:visited { color:#fff; }
.subnav a, .subnav a:visited { color: #2b4f68; }
.subnav .active > a { background-color: #0077c0; color:#fff; }
.subnav li.active-ancestor, .subnav li.active { background-color: #eee; }
.subnav li.active-ancestor:first-child { border: 1px solid #e4e1de; }
.subnav a:hover {
	background-color: #0077c0;
	color: #fff;
	text-decoration:none;
}
.subnav h2 a:hover { background-color: transparent; color:#fff;	}

/* FAT FOOTER NAV */
.meta dt {
	font-family:"myriad-pro-condensed",Arial,Helvetica,sans-serif;
	font-size:1.6em;
	font-weight:normal;
	text-transform:none;
	color:#d1e4fa;
    	height:2em;
}


/* SITE UTILITY
-------------------------------------------------- */
.site-utility { top: -210px; right: 15px; width:auto; }
.global-nav a, .global-nav a:visited, .text-size a, .text-size a:visited, .text-size .heading { color:#0077c0;}

/* TOP UTILITY NAV */
.global-nav a:hover { color: #2b4f68; }

/* TEXT SIZE */
.text-size a:hover, .text-size .active { background-color: #eaffcb; border-bottom: 2px solid #0077c0; }
.text-size li { overflow: visible; }

/* SEARCH FORM */

#search button { background-image: url(../img/search-btn.png); }
#search-text { border: 1px solid #b2b2b2; }


/* CONTENT
-------------------------------------------------- */

#content { background-color: #fff; padding-bottom:0; }
#content LI { line-height: 1.4em; }

/* MESSAGE BOX (ALERT)*/

#alert, .message-box { background-image: url(../img/icon-alert.png); border-width: 3px; }
#alert .date, .message-box .date { color: inherit; }
#alert .message a, .message-box .message a { background-image: url(../img/link-arrow-blue.png); }
#alert .message a:hover, .message-box .message a:hover { background-image: url(../img/link-arrow-blue-hover.png);}

/* CAROUSEL DEFAULTS AND HOMEPAGE CAROUSEL
-------------------------------------------------- */

/*.home #carousel-wrapper { clear:both; }*/

.home #carousel-wrapper {
	position: relative;
	width: 1000px;
	height: 365px;
	margin: -18px 0 20px -15px;
	background-color:#e0eef7;
}

.home #carousel {
	position: relative;
	left:15px;
	top: 18px;
	width: 960px;
	height: 325px;
	background-color:#0076c0;
}

.home #carousel img {
	z-index: 1;
	width: 540px;
	height: 325px;
	float:right;
}

.home #carousel .carousel-content {
	padding: 26px 27px 20px 27px;
	width: 420px;
	height: auto;
	max-height: 255px;
	overflow:hidden;
	float:left;
	z-index: 10;
	color:#fff;
}

.home #carousel h1 {
	font-size: 45px; /*static*/
	text-transform:none;
	font-weight:normal;
	line-height: 35px;
	margin:0 0 .25em 0;
	color:#fff;
}

.home #carousel p, .home #carousel ul { margin-bottom: 10px; font-size: 18px; /*static*/ }
.home #carousel .controls {
	position: absolute;
	bottom: 0;
	left:0;
	width: 420px;
}

.home #carousel #selectionmenu { width:100%; }
.home #carousel #selectionmenu li { width: 83px; max-width: none; }
.home #carousel #selectionmenu li, .home #carousel #selectionmenu li:hover, .home #carousel #selectionmenu li.ui-tabs-selected { margin: 0; padding:0; border: none; }
.home #carousel #selectionmenu li .carousel-selector { display: none; }
.home #carousel #selectionmenu li.ui-tabs-selected .carousel-selector, .home #carousel #selectionmenu li:hover .carousel-selector { 
	display:block;
	background: url("../img/home-carousel-selector.png") no-repeat 0 0 transparent;
	height:15px; 
	width:33px;
	margin-left: 26px; 
	position:absolute;
	z-index: 5;
}
.home #carousel #selectionmenu li:hover .carousel-selector { opacity: .6; }
.home #carousel #selectionmenu li.ui-tabs-selected:hover .carousel-selector { opacity:1; }
.home #carousel #selectionmenu img { height:50px; width:83px; }
.home #carousel #selectionmenu .ui-tabs-selected img, .home #carousel #selectionmenu .ui-tabs-selected img:hover { opacity: .6; }

#carousel .controls .back, #carousel .controls .forward {
	display:none;
	position: absolute;
	top:-140px;
	overflow:hidden;
	text-indent:-999em;
	height:43px;
	width:30px;
	background: transparent url(../img/home-carousel-arrows.png) no-repeat 0 0;
	z-index:10;
}

#carousel .controls .back.show, #carousel .controls .forward.show { display: block; }
#carousel .controls .back { left: -13px; }
#carousel .controls .forward { right: -553px; background-position: -30px 0; }

#carousel .carousel-content A { color: #cfe5ae; }

/* PRIMARY
-------------------------------------------------- */

.primary { padding-bottom: 30px; }

/* HOME PAGE */

.home .wide {
	padding: 0 20px 20px 20px;
	width: 372px;
}
.home .primary h2 {
	font-size:1.7em;
	color: #666;
	text-transform:none;
}
.home .primary h4 { margin:0; text-transform:none; }
.home #primary .wide li, .home #primary .narrow li {
	list-style:none;
	margin-left:0em;
}

/* home - column narrow */
.home .narrow { float: left; padding: 0; width: 304px; }
.home #primary .narrow li { margin-bottom: 20px; }
.home .narrow > ul li a { 
	display:block; background-color:#d8ebf9;
	border-radius:3px;
	line-height:60px;
	vertical-align: middle;
	font-size: 1.5em;
	color:#414141;
	font-family:"myriad-pro-condensed",Arial,Helvetica,sans-serif;
}
.home .narrow > ul li a:hover { text-decoration:none; }
.home .narrow > ul li img { 
	float:left;
	height: 60px;
	width:60px;
	padding: 0;
	margin: 0 10px 0 -5px;
}

/*home - home page content*/
#home-page-content { clear:both; border-top: 5px solid #cfe5ae; }

/*home - resources */
.resources { border-top: 5px solid #cfe5ae; padding:0; }
.resources LI { height:10em; width:20%; }

/* PRIMARY CONTENT ITEMS
-------------------------------------------------- */

.wide.column ul h2, #primary ul h2 { font-size:1.3em; font-weight:bold; }

/* LANDING CAROUSEL */
.landing #carousel { 
	background-color: #0076c0;
	border:none;
	padding:0;
}
.landing #carousel.static { padding: 0 0 20px 0; }
.landing #carousel h2 { color:#cfe5ae; text-transform:none; font-size:23px; margin: 0; } 
.landing #carousel .ui-tabs-panel {
	margin:0;
	padding:0;
	max-height:none;
}
.landing #carousel .ui-tabs-panel img {
	float:right;
	border:none;
	padding:20px;
	max-width:300px;
}
.landing #carousel .carousel-content {
	float:left;
	padding: 20px 0 0 20px;
	max-height:220px;
	color:#fff;
}
.landing #carousel .controls {
	right:0;
	left:auto;
	bottom:10px;
	width:300px;
}

.landing #carousel #selectionmenu { width: auto; padding:0 20px; }
.landing #carousel #selectionmenu li  { margin: 0 0 0 24px; }
.landing #carousel #selectionmenu li:hover, #carousel #selectionmenu li.ui-tabs-selected { background-color:#e0eef7; }

.landing #carousel .controls .back { left: -190px; top: -100px;}
.landing #carousel .controls .forward { right:-10px; top:-100px; }


/* FEATURED CONTENT (Landing Pages) */
.wide .featured { 
	float:left; 
	border:none;
	margin-top: 10px;
	padding:0;
	background-color:#e0eef7; 
}
.wide .featured .left, .featured .right { padding: 10px; }
.wide .featured .left { border-right: 4px solid #fff; }
.wide .featured .right { border-left: 4px solid #fff; margin-left: -4px; }
.featured img { border:none; padding:0; }
.featured li { margin-left: 0; list-style: none; }
.featured a { background-image: url(../img/link-arrow-blue.png); }
.featured a:hover { background-image: url(../img/link-arrow-blue-hover.png); }

/*TABULAR DATA PAGES*/

table.tablesorter td { border-bottom: 1px solid #A3C030; }

/*MAP PAGES*/

.primary .map-gallery-table IMG {
    width:150px;
}

/*DETAIL PAGE (DOCUMENTS, PERMITS)*/

.main-link a { background: url("../img/icon-online.png") no-repeat scroll 0 0 transparent; }

/* LIST PAGES W/ BULLETS(CALENDAR, NEWS, FAQ)*/

/*search button - old list page layouts*/
#primary #looking-for .search {
	background: url("../img/search-btn-form.png") no-repeat scroll top right transparent;
	height:30px;
	margin: 0em 0em 1em 0em;
}
#primary #looking-for .search[value="Search"] { background-image: none; background-color: #0076c0; }

/* NO CALENDAR */

/* FAQ ONLY */
.faq-list a.toggle { background-image: url("../img/buttons-plus-minus.png"); }

/*PHOTO GALLERY*/

.photo-navigation .prev, .photo-navigation .next { background-image:url("../img/icon-arrows-gallery.png"); }
.photo-caption h2 { font-size: 1.5em; font-weight:bold; }

/* SITE MAP */

.sitemap a.off, .sitemap a.on { background-image: url("../img/buttons-plus-minus.png"); }


/* SECONDARY
-------------------------------------------------- */
.secondary { padding-bottom: 30px; }
.secondary h2, .secondary h3 { margin-bottom: .1em; }
.secondary h3 { font-weight:bold; }

/* INFO ASIDE */
.secondary .info {
	background-color:#e0eef7;
	padding:10px;
}
.secondary .info h2 {
	margin:0 0 .8em 0;
	padding:0;
	text-align:left;
	font-size:1.7em;
	color: #666;
	text-transform:none;
}
.secondary .info label { color: #555; font-size:1.2em; font-family:"myriad-pro-condensed",Arial,Helvetica,sans-serif; font-weight:bold; }
.secondary .info select { border: 1px solid #0e4a6f; background-color:#0077c0; color:#fff; }

/* CALLOUT BOX */
.callout a { padding:0; }
.callout a:hover { text-decoration:underline; }

/*CONTACT*/
.secondary .contact h2:first-child { font-size: 1.4em; }
.secondary .contact h2 { font-size: 1.2em; }
.secondary .contact { border-bottom: 5px solid #cfe5ae; }

/*SOCIAL*/
.secondary .social { padding-top: 1em; }

/* FOOTER
-------------------------------------------------- */

footer[role="contentinfo"] { 
	clear: both; 
	width: 100%;
	background-color: #0e4a6f;
	border-top: 5px solid #cfe5ae;
	padding:0;
}
footer a, footer a:hover, footer a:visited { color:#fff; }

footer .footer-content {
	width: 934px;
	margin: 13px;
	margin: 0 auto;
	padding: 15px 0px;
}
footer .meta { margin-bottom: 1.5em; }

/* INFO LINKS */
.info-links li { border-right: 1px solid #7da7d9; }
.info-links .copyright { color: #d1e4fa; }