/*
Theme Name: Cambridge Inspectional 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:#141414; background: #f7f7f7; }

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

h1, h4	{ color: #570405; font-weight:bold; }

h2 { color: #570405; } 

h3 { color: #aa191e; }

h5 { text-transform: uppercase; }

h6 { text-transform:uppercase; font-weight:bold; }


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

a { color: #aa191e; text-decoration: underline;}
a:hover { color: #570405; }
a:visited { color:#aa191e; }

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


/* TABLES
-------------------------------------------------- */
td { border: 1px solid #B3B2B2; }
th { background-color: #c7b3ae; }
tr.even { background-color: #f0eae8; }


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

button {
    background-color: #aa191e;
	border-radius: 3px; 	
	padding: .3em .75em;
	margin:1em;
}

#content #primary button {
	min-width: 80px;
	height:39px;
	background: url("../img/search-form-btn.png") no-repeat 1px 2px;
	
}
#content #primary button[value=Search] {
	background-image:none;
	background-color: #aa191e;
}

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


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

#header {
	background: url("../img/header_bg_2.png") repeat-x center;
	height: 178px;
	border-bottom: 43px solid #330b03;
}

header[role=banner] {background: url("../img/HeaderBackground.png") no-repeat center;}

a.brand {
    display: block;
    height: 177px;
    background: url(../img/CFDLogo.png) 0 -3px no-repeat;
    left: -20px;
    overflow: hidden;
    text-indent: -999em;
}

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

/* MAIN NAV */

nav[role=navigation] { 
	color:#fff;
    background: url(../img/CFDNavBackground.png) 0 0 no-repeat;
    margin-top: 17px;
}
.home nav[role=navigation] { top: -430px; }

nav[role=navigation] li { margin: 0 3px 0 0; max-width: 170px; }

nav[role=navigation] a {
	text-transform:uppercase;
	padding: 3px 30px;
    height: 37px;
    vertical-align: middle;
	text-decoration: none;
}
nav[role=navigation] a:hover {
	background-color: #aa191e;
	text-decoration: none;
}
nav[role=navigation] a.active { background-color: #aa191e; }

/* TOP UTILITY NAV */

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


/* LEFT NAV */

.subnav { border: 1px solid #ccc; }

.subnav h2 {
	text-transform: uppercase;
    font-weight: bold;
}
.subnav h2 a, .subnav h2 a:visited { color: #570405; }
.subnav h2 a:hover { background-color: transparent; text-decoration:underline;}
.subnav ul li { border-bottom:none; border-top: 1px dotted #d2d1ce; } 
.subnav li:last-child { border-top: 1px dotted #d2d1c3; }
.subnav a { text-decoration: none;}
.subnav a:visited { color:#aa191e; }
.subnav .active > a {
	background-color: #e8e6e2;	
	color:#570405;
}
.subnav li.active-ancestor, .subnav li.active { background-color: #efeeed; }
.subnav a:hover {
	color: #570405;
	background-color: #e8e6e2;
}
.tertiary .callout {
    display: block;
    background-color: #fff;
    padding: 15px;
    border: 1px solid #d9d9d9;
}

/* FAT FOOTER NAV */
.meta {
    margin: 0 auto;
    padding: 1px 15px 50px 15px;
    width: 960px;
}
.meta dt { font-weight:bold; }
.meta dd a, .meta dd a:visited { color: #fff;}

/* SITE UTILITY
-------------------------------------------------- */
.site-utility { top: -215px; }
.home .site-utility { top: -585px; }

/* TEXT SIZE */
.text-size .heading, .text-size a, .text-size a:visited { color: #fff }
.text-size a:hover, .text-size .active { background-color: #b7b7b7; color:#000}
.text-size a.active:visited {color:#000;}

/* SEARCH FORM */

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

#search-text {
	border: 1px solid #b2b2b2;
	border-bottom: 1px solid #E0E0E0;
	border-radius: 2px;
	box-shadow: inset 0px 1px 3px 0 #e8e8e8;
}


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

/* MESSAGE BOX (ALERT)*/

.message-box { 
	background-image: url(../img/icon-alert.png);
	border-radius: 3px; 
	border: 2px solid #e9e696;
	background-color:#ffffcc;
}
.message-box .message a { background-image: url(../img/link-arrow-red.png); color: #900028; float: right;}
.message-box .message a:hover, .message-box .message a:visited { background-image: url(../img/link-arrow-red.png); color: #900028;}

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

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

.home #carousel-inner {
    margin: 0 auto;
    padding: 10px 0px 50px 0px;
    width: 960px;
}
.home #carousel {
	position: relative;
	background-color: #e4e1de;
	height: 370px;
    border-top: 1px solid #fff;
}

.home #carousel .ui-tabs-panel img {
	width: 950px;
	height: 300px;
	float:right;
	padding: 5px;
}

.home #carousel .carousel-content {
	padding: 26px 27px 10px 24px;
    margin: 15px;
	width: 339px;
	z-index: 10;
	display:inline-block;
	overflow:hidden;
    background: #000;
    opacity: .85;
    position: absolute;
}

.home #carousel h1 {
	font-size:28px;
	line-height: 1em;
	margin-top:0;
}

.home #carousel p, .home #carousel ul {
	margin-bottom: 10px;
    color: #fff;
}

.home #carousel .controls {
	position: absolute;
	z-index: 20;
	bottom: 10px;
	width: 920px;
    padding-left:18px;
}
.home #carousel #selectionmenu {
    width: 820px;
    margin: auto;
}
.home #carousel #selectionmenu img { 
	box-shadow:none;
	height:70px;
	width:auto;
	padding:0px;
	margin-left: -80px;
}
.home #carousel #selectionmenu li {
    max-width: 115px;
    margin-left: 30px;
    padding: 0;
	border: 4px solid #fff;
}
.home #carousel #selectionmenu li:hover, .home #carousel #selectionmenu li.ui-tabs-selected { 
	padding:0; 
	border: 4px solid #aa191e;
}
.home #carousel #selectionmenu a { width: 115px; height: 70px; overflow:hidden; display:block; }


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

/* HOME PAGE */

.home h1 { color: #fff; }
.home .primary h2 { margin-bottom: 12px;}
.home .primary h2:first-child { margin-top:0; }
.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 */

.news-list { 
    margin: 16px 0 22px 0;
    list-style: none;
}

.news-list li { 
    margin-bottom: 1em;
    margin-left: 0px;
    font-size: 0.95em;
}
.news-list .date {
	float: left;
	clear:left;
	vertical-align:middle;
	width: 65px;
	line-height: 29px;
	font-weight:bold;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0px 1px 1px #9f7d1b;
	background: url(../img/event-date-bg.png) 5px 0 no-repeat;
}

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

.news-list p { margin: 0; }

/* home - column wide */
.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 - column narrow */

.narrow {
	float: left;
	padding: 0px 0 0 16px;
	width: 254px;
}
.primary .narrow h2:first-child { margin-top: .5em; font-weight: bold; }

/* home - resources */
.resources li a img { height: 100px; }


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

.col-3 .wide p img{ max-width: 480px; }

/* LANDING CAROUSEL */
.landing #carousel { background-color: #fff; }
.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-red.png); }
.featured a:hover { background-image: url(../img/link-arrow-red.png); }

/* SEARCH RESULTS */
.search-results .url { color: #570405; }

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

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

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

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

/* INFO ASIDE */
.home .secondary {padding-top: 18px; }
.secondary h2 { color: #141414; }

.info.form h2{
	font-weight:bold;
	padding:0px;
	margin-top:0;
    color: #570405;
    text-align:left;
}
.info.form li label {font-size: 1.1em; }

.secondary .contact h2 {
    margin-bottom: 0px;
    font-size: 1.1em;
}

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

footer[role="contentinfo"] { background-color: #790809; padding-bottom: 0; }

/* COPYRIGHT */
ul.info-links .copyright { display: block; border: none; margin-bottom: .5em;}

/* INFO LINKS */
ul.info-links {
    margin: 0 auto;
    padding: 1px 15px 50px 15px;
    width: 960px;
}
ul.info-links { clear: both; }
ul.info-links a, ul.info-links a:visited { color:#fff; }

.errorList {
    color: red;
}

.errorList div {
    margin: .3em 0 0 2em
}

.errorList div::before {
    content: " - ";
}

/* jQuery UI Overrides*/
.ui-timepicker-table th.periods {
    background-color: #e9e9e9;
}