/*
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: #f7f7f7;
}


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

h1 {
	color: #dfa100; 
	font-family:"museo-slab",serif;
	font-weight:bold;
	font-size:1.8em;
}

h2, h3 { color: #232323 }

h4, h5, h6 { font-family: "museo-slab",serif; font-weight:bold; }

h4 {
	font-size: 1.15em;
	color: #7b7b7b;
	text-transform:uppercase; 
}

h5 {
	font-size: 1em;
	color: #212121;
  	text-transform: uppercase; 
}

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

a, a:visited { color: #343f95; text-decoration: underline;}
a:hover { color: #263fff; }

/* 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
-------------------------------------------------- */

/***tables being used as formatting, and so should be invisible***
.wide table { border: none; }
.wide table td { border:none; }
.wide table tr.even { background-color:transparent; }*/

th  {
	background-color: #343F95; 
	border: none;
}
th a, th a:hover, th a:visited { color:#fff; }
td { border-bottom: 1px dotted #343F95; }



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

button {
    background-color: #e4b631;
    font-family: "museo-slab",serif;
    font-weight:bold;
	width:80px;
	padding: 0;
	text-align:center;
	text-shadow:none;
}


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


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

#header { background: #34313e url(../img/header-bg.png) 50% 0 no-repeat; height: 165px;}

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

a.brand { 
	width: 424px;
	height: 90px;
	text-indent: -9999px;
	background: url(../img/logo-dhsp.png) 0 0 no-repeat;
	margin-left: 15px; 
}


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

/* MAIN NAV */

nav[role=navigation]  {
	background-color: #d6d9e8;
	font-family: "museo-slab",serif;
	font-weight:bold;
	top: -40px;
}

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

nav[role=navigation] a {
	padding: 10px 12px;
	color: #101a68;
	text-shadow: 0 1px 0 #fff;
    max-width: 500px;
	text-decoration: none;
}
nav[role=navigation] a:hover, nav[role=navigation] a.active {
	color: #5064fd;
	text-decoration: none;
	background-color: #FAFAFA;
}

/* TOP UTILITY NAV */

.global-nav a {
	color: #fff;
	text-decoration: none;
	font-size: 1em;
}


/* LEFT NAV */

.subnav  {
	border: 1px solid #dcdcdb;
	background-color: #faf9f6;
	-webkit-box-shadow: 0px 0px 10px #ddd;
	-moz-box-shadow: 0px 0px 10px #ddd;
	box-shadow: 0px 0px 10px #ddd;
}

.subnav h2  {
	border-bottom: 1px solid #dcdcdb;
	font-family: "museo-slab",serif;
	font-weight:bold;
	color: #DFA100;
}
.subnav h2 a  {
	font-family: "museo-slab",serif;
	font-weight:bold;
	color: #DFA100;
		
}
.subnav .active > a { background-color: #CBC9C9; }
.subnav li.active-ancestor, .subnav li.active { background-color: #E8E6E2; }
.subnav .nav ul li a { text-decoration: none;}
.subnav a:hover {
	background-color: #CBC9C9;
	text-decoration:none;
}
.subnav h2 a:hover { background-color: transparent; color:#263fff;	}

/* FAT FOOTER NAV */
.meta dt {
	font-family: "museo-slab",serif;
	font-weight:bold;
	font-size: 1em;
    text-transform: uppercase;
}
dd {
	margin-bottom: .5em;
}


/* SITE UTILITY
-------------------------------------------------- */
.site-utility {
	top: -155px;
	right: 15px;
}

/* TEXT SIZE */

.text-size a:hover { background-color: #828bcd; color:#fff; }
.text-size .active { background-color: #828bcd; color:#fff; }

/* SEARCH FORM */

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


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

/* MESSAGE BOX (ALERT)*/

#alert, .message-box { background-image: url(../img/icon-alert.png); }
#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 {
	position: relative;
	margin-bottom: 20px;
	width: 960px;
	height: 301px;
}

.home #carousel img {
	z-index: 1;
	width: 960px;
	height: 301px;
}

.home #carousel .carousel-content {
	position: absolute;
	top: 0;
	left: 7px;
	padding: 26px 27px 0 27px;
	width: 354px;
	height: 301px;
	z-index: 10;
	background: url(../img/home-slider-bg.png) 0 0 no-repeat;
}

.home #carousel h1 {
	font-size: 35px; /*static*/
	line-height: 35px;
}

.home #carousel p, .home #carousel ul {
	margin-bottom: 10px;
	font-size: 18px; /*static*/
	color: #414141;
}

.home #carousel .carousel-content a { color: #cf8d00; }
.home #carousel .carousel-content a:hover { color:#c75900; }

.home #carousel .controls {
	position: absolute;
	z-index: 20;
	bottom: 0;
	left:28px;
	width: 315px;
	height: 54px;
}


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

/* HOME PAGE */

.home .wide {
	margin-bottom: 13px;
	padding: 18px 20px 20px 20px;
	width: 422px;
	border: 1px solid #dcdcdb;
	background-color: #faf9f6;
	-webkit-box-shadow: 0px 0px 10px #ddd;
	-moz-box-shadow: 0px 0px 10px #ddd;
	box-shadow: 0px 0px 10px #ddd;
}

.home .primary h2 {
	margin-bottom: 12px;
	font-size: 1.35em;
	color: #dfa100;
	font-family: "museo-slab",serif;
	font-weight:bold;
}

.home .primary h4 { margin:0; font-size: 1.15em;}

.home #primary .wide ul.event-list li, .home #primary .narrow li {
	list-style:none;
	margin-left:0em;
}

/* home - event list */

.event-list { margin: 16px 0 22px 0; }

.event-list li { 
	margin-bottom: 1em; 
	float:left;
}
  
#top-event .date {
	padding: 5px 0 0 0;
	width: 60px;
	height: 80px;
	background: url(../img/top-event-date-bg.png) 0 0 no-repeat;
}

#top-event .month {
	display: block;
	font-size: 1.335em;
	line-height:1em;
}

#top-event .day {
	display: block;
	font-size: 2.2em;
	line-height: 1em;
}

#top-event .excerpt { min-height: 70px; }

.event-list .date {
	float: left;
	clear:left;
	vertical-align:middle;
	width: 60px;
	line-height: 29px;
	font-family: "museo-slab",serif;
	font-weight:bold;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0px 1px 1px #9f7d1b;
	background: url(../img/event-date-bg.png) 0 0 no-repeat;
}

.event-list .excerpt {
	float: left;
	width: 290px;
	clear:right;
	margin-left: 17px;
	padding-bottom: 13px;
	border-bottom: 1px dotted #d5d5d5;
}

.event-list h3 {
	margin-bottom: 2px;
	margin-top:0;
	font-size: 1.2em;
}

.event-list p { margin: 0; }

/* home - column narrow */

.narrow {
	float: left;
	padding: 18px 0 0 16px;
	width: 254px;
}

/* home - resources */
.resources li { width: 20%; }

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


/* LANDING CAROUSEL */

.landing #carousel {
	-webkit-box-shadow: 0px 0px 10px #ddd;
	-moz-box-shadow: 0px 0px 10px #ddd;
	box-shadow: 0px 0px 10px #ddd;
}

.landing #carousel .controls { background-image: url(../img/landing-slider-controls.png); }
.landing #carousel .back { background-image: url(../img/landing-slider-back.png); }
.landing #carousel .forward { background-image: url(../img/landing-slider-forward.png); }

/* FEATURED CONTENT (Landing Pages) */

.featured a { background-image: url(../img/link-arrow-blue.png); }
.featured a:hover { background-image: url(../img/link-arrow-blue-hover.png); }


/* 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:23px;
	margin: 0em 0em 1em 0em;
}

#primary #looking-for .search[value="Search"] { background-image: none; background-color: #E4B631; }
/* CALENDAR ONLY */

/*page content*/
ul.tabs-calendar li a.current {
	border: 1px solid #ccc;
	color: #263fff;
}
/* mini calendar control */
#calendar-title { color:#fff; }
.block-calendar h4 { margin-bottom: 0; }
.block-calendar #calendar-title a { color:#fff; }
.block-calendar #calendar-title { background-color: #33375b; margin-bottom:0; }
.block-calendar table.calendar { font-size:.9em; border: none; }
.block-calendar th { background-color: transparent; border: none; padding-bottom: 2px;}
.block-calendar td {
	color:#666;
	background-color:#FFF8D5;
	border: 1px solid #ccc;
}
.block-calendar td.on { background-color: #F7E6A3; }
.block-calendar td.off-month { background-color:#eee; }

/* 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"); }

/* SITE MAP */

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


/* SECONDARY
-------------------------------------------------- */

/* INFO ASIDE */

.secondary .info h2 {
	font-family:"museo-slab",serif;
	font-weight:bold;
	font-size: 1.15em;
	padding: .5em 0;
	margin-top:0;
	text-transform:uppercase;
	color: #fff;
    background-color: rgb(75,75,75);
    background-image: linear-gradient(bottom, rgb(74,74,74) 9%, rgb(185,185,185) 90%);
    background-image: -o-linear-gradient(bottom, rgb(74,74,74) 9%, rgb(185,185,185) 90%);
    background-image: -moz-linear-gradient(bottom, rgb(74,74,74) 9%, rgb(185,185,185) 90%);
    background-image: -webkit-linear-gradient(bottom, rgb(74,74,74) 9%, rgb(185,185,185) 90%);
    background-image: -ms-linear-gradient(bottom, rgb(74,74,74) 9%, rgb(185,185,185) 90%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.09, rgb(74,74,74)), color-stop(0.9, rgb(185,185,185)));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B9B9B9', endColorstr='#4A4A4A',GradientType=0 );
}

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