/*
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:#343434;
	background-color: #fff;
}

#wrapper { margin-top:-480px; }


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

h1 {
	color: #00b3a1;
	font-family: 'Sentinel SSm A', 'Sentinel SSm B','Times New Roman', Times, serif;
	font-weight: 700; 
	font-style: normal; 
	font-size:1.8em;
}

h2, h3 { 
	color: #000;  
	font-family: 'Knockout 30 A', 'Knockout 30 B', Arial, san-serif;
}

h2, h3, h4, h5, h6 { margin: .25em 0; }

h2 { text-transform: uppercase; }
h3 { font-size: 1.6em; }

h4, h5, h6 { 
	font-family: 'Sentinel SSm A', 'Sentinel SSm B','Times New Roman', Times, serif;
	font-weight: 700; 
	font-style: normal; 
}

h4 {
	font-size: 1.1em;
	color: #212121;
	text-transform:uppercase; 
}

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

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

a, a:visited { color: #c3552a; text-decoration: underline}
a:hover { color: #b85e4b; }

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


/* TABLES
-------------------------------------------------- */
th  {
	background-color: #e1e1e1; 
	border: 1px solid #d0d0d0;
}
th a, th a:hover { color:#000; }
td { border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; border-top: none; border-bottom:none; }



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

button {
    background-color: #c3552a;
	text-shadow:none;
	width:80px;
	padding: 0;
	text-align:center;
}

DIV.scfForm DIV.name\.State INPUT {
	width:10%;
}
DIV.scfForm DIV.name\.Zip INPUT {
	width:30%;
}


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


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

#header { background-color: #0f1e27; height: 650px;}

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

a.brand {
	font-family: 'Sentinel SSm A', 'Sentinel SSm B','Times New Roman', Times, serif;
	color: #fff;
	font-size: 30px;
	text-transform: uppercase;
	line-height: 100px;
	vertical-align: middle;
	text-decoration: none;
}

a.brand span {
	padding-left:7px;
	color: #a54399;
	border-left: 1px solid #a54399;
}


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

/* MAIN NAV */

nav[role=navigation]  {
	font-family: 'Knockout 30 A', 'Knockout 30 B', Arial, san-serif; 
	top: -42px;
}

/*nav[role=navigation] li { margin-left: 25px; }*/
nav[role=navigation] li { margin-left: 45px; }
    nav[role=navigation] li:first-child { margin-left: 25px; }

	nav[role=navigation] a {
		font-weight: normal;
		font-style: normal;
		/*font-size:21px;*/
		font-size: 24px;
		padding: 10px 10px 12px 10px;
		color: #fff;
		max-width: 500px;
		text-shadow: none;
		text-decoration: none;
	}
	nav[role=navigation] a:hover, nav[role=navigation] a.active {
		text-decoration: none;
		background-color: #de5433;
	}

/* TOP UTILITY NAV */

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


/* LEFT NAV */

.subnav h2, .subnav h2 a  {
	font-family: 'Sentinel SSm A', 'Sentinel SSm B','Times New Roman', Times, serif;
	text-transform:none;
	color: #00b3a1;
}

.subnav h2 a:visited { color: #00b3a1; } 
.subnav h2 a:hover { background-color: transparent; color:#0a8a81;	}
.subnav ul li { border:none; }
.subnav .nav ul li a {text-decoration: none;}
.subnav .active > a { background-color: #e6e5e2; }
.subnav li.active-ancestor, .subnav li.active { background-color: #eeede9; border: 1px solid #d9d9d9; }
.subnav li.active-ancestor .active{ border: none; }
.subnav a:hover {
	background-color: #e6e5e2;
	text-decoration: none;
	color: #c3552a;
}

/* FAT FOOTER NAV */
.meta dt {
	font-family: 'Knockout 30 A', 'Knockout 30 B', Arial, san-serif;
	font-size: 1.25em;
    text-transform: uppercase;
	color: #00b3a1;
}


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

/* TEXT SIZE */

.text-size a:hover { background-color: #fff; color:#0f1e27; }
.text-size .active, .text-size .active:visited { background-color: #fff; color:#0f1e27; }

/* SEARCH FORM */

#search button { background-image: url(../img/search-btn.png); }
#search-text { background-color: #ddd; }


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

#content { background-color: #fff; border-top: 3px solid #de5433;  }

/* MESSAGE BOX (ALERT)*/

.message-box { background-image: url(../img/icon-alert.png); background-color: #fff; }
.message-box .time { display: inline-block; }
.message-box .message, .message-box .message p { color: #343434; }
.message-box .message a { background-image: url(../img/link-arrow.png); }
.message-box .message a:hover { background-image: url(../img/link-arrow-hover.png);}

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

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

.home #carousel {
	position: relative;
	margin-bottom: 20px;
	width: 960px;
	height: 455px;
}

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

.home #carousel .carousel-content {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px 40px;
	width: 310px;
	height: 320px;
	z-index: 10;
	background-color:#de5433;
	color:#0f1e27;
	overflow:hidden;
}

.home #carousel h1 {
	font-size: 30px; /*static*/
	line-height: 30px;
	color:#fff;
	padding:0;
	margin: 0 0 15px 0;
}

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

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

.home #carousel .controls {
	position: absolute;
	z-index: 20;
	bottom: 0;
	width: 960px;
	height: 120px;
}

.home #carousel #selectionmenu { width:960px; }
.home #carousel #selectionmenu li { max-width: 192px; padding:0; }
.home #carousel #selectionmenu img { height:auto; width:auto; margin-right: -80px; margin-top: -30px; }
.home #carousel #selectionmenu a { width: 192px; height: 120px; overflow:hidden; display:block; }
.home #carousel #selectionmenu li:hover, .home #carousel #selectionmenu li.ui-tabs-selected { border:none; padding:0; }
.home #carousel #selectionmenu li img:hover, .home #carousel #selectionmenu li.ui-tabs-selected img:hover, .home #carousel #selectionmenu li.ui-tabs-selected img { opacity: 0.4; }

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

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


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

/* HOME PAGE */

.home #content { background-color: transparent; border-top: none; } 

.home .wide {
	margin-bottom: 13px;
	padding: 0px 20px 20px 20px;
	width: 422px;
}

.home .primary h2, .secondary .info h2 {
	margin-bottom: 12px;
	font-size: 1.35em;
	color: #00b3a1;
	font-family: 'Sentinel SSm A', 'Sentinel SSm B','Times New Roman', Times, serif;
	text-transform: none;
}

.home .primary h3 { 
	margin:0; 
	font-size: 1.25em;
	font-family: 'Knockout 30 A', 'Knockout 30 B', Arial, san-serif;
	font-weight:normal;
	text-transform:uppercase; 
}

/* home - lists */
.home #primary .wide .event-list li, .home #primary .narrow .news-list li {
	list-style:none;
	margin-left:0em;
	margin-bottom: 1.3em;
}

.home .get-more { 
	background: #c3552a; 
	color: #fff;
	padding: 7px;
}

/* home - event list */

.event-list { margin: 16px 0 22px 0; }
.event-list li { float:left; }
  
.event-list .date {
	float: left;
	clear:left;
	vertical-align:middle;
	width: 60px;
	line-height: 29px;
	color: #000;
	text-align: center;
}

.event-list .month {
	font-size: 1.3em;
	font-family: 'Knockout 30 A', 'Knockout 30 B', Arial, san-serif;
	display: block;
	margin-top: -3px;	
}

.event-list .day { font-size: 2em; font-family: 'Sentinel SSm A', 'Sentinel SSm B','Times New Roman', Times, serif; }

.event-list .excerpt {
	float: left;
	width: 290px;
	clear:right;
	margin-left: 17px;
	padding-bottom: 1em;
}

.event-list h3 {
	margin-bottom: 2px;
	margin-top:0;
}

.event-list p { margin: 0; }

/* home - column narrow */

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

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

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


/* LANDING CAROUSEL */

.landing #carousel { border: 1px solid #dededd; background-color:#f4f4f4; }
.landing #carousel h2 { margin-top: 0; }
.landing #carousel .controls { left: 0; width:440px; }
.landing #carousel #selectionmenu { max-width: 440px; width:440px; margin:0 0 0 20px; }
.landing #carousel .back, .landing #carousel .forward { display:none; }
.landing #carousel #selectionmenu li { margin: 0; }
.landing #carousel .carousel-content { max-height: 100%; }

/* FEATURED CONTENT (Landing Pages) */

.featured img { border:none; padding:0; }
.featured a { background-image: url(../img/link-arrow.png); }
.featured a:hover { background-image: url(../img/link-arrow-hover.png); }

/* SEARCH RESULTS */

.search-results .url { color: #008578; }

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

#looking-for { padding-bottom: 1em; }

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

/* CALENDAR ONLY */

/*page content*/
ul.tabs-calendar li a.current { border: 1px solid #eee; }

/* mini calendar control */
#calendar-title { color:#343434; }
.block-calendar h4 { margin-bottom: 0; }
.block-calendar #calendar-title { 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 {
	background-color:#eee;
	border: 1px solid #ccc;
}
.block-calendar td.on { background-color: #f6e5e1; }
.block-calendar td.off-month { background-color:#d7dee3; }

/* 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"); }
#photos { max-height: 425px; height:auto; }

/* SITE MAP */

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


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

/* INFO ASIDE */
.secondary h2 { text-transform: none; }
.secondary .info h2 { padding:0; text-align:left;}
.secondary .info label { font-family: 'Knockout 30 A', 'Knockout 30 B', Arial, san-serif; text-transform:uppercase; }
.secondary .info select { border: 1px solid #dd5d40; background-color:#f6e5e1; }

/* CALLOUT BOX */
.callout { background-color:#76ccc6; padding: 5px 10px;}
.callout img { margin: -5px -10px; }
.callout a { padding:0; }
	.callout a:hover {
		text-decoration: underline;
	}
.callout img { border: none; padding:0; max-width:225px; }
.callout h3 { font-family: "myriad-pro",Arial,Helvetica,sans-serif; color:#fff; margin: 0 0 .25em 0; font-size: 1.5em; } 


/* CONTACT */
.secondary .contact h2 { font-size: 1.15em; }

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

footer[role="contentinfo"] { 
	clear: both; 
	width: 100%;
	background-color: #0f1e27;
	padding:0;
}
footer a, footer a:hover, footer a:visited { color:#fff; }

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


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

/* SOCIAL MEDIA */
.social a {
	display: inline;
	text-indent: 0;
	text-decoration: none;
}
	.social a:hover {
		border-bottom: none;
		
	}

    .social a.facebook, .social a.twitter, .social a.instagram, .social a.youtube {
        background-image: none;

    }

    .social a img {
        width: 30px;
        height: 30px;
    }