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

#wrapper { background-color:#fff; }


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

h1	{
	color: #d3611d;
	font-family: "kepler-std",Georgia,serif;
}

h2, h3, h4, h5 { color: #232323; }

h5	{ text-transform: uppercase; }

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


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

/* 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
-------------------------------------------------- */
td { border-bottom: dotted 1px #a3c030; }


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

button {
    background: url("../img/search-btn-form.png") no-repeat scroll top right transparent;
    line-height: 25px;
	vertical-align:top;
	width:10em;
	padding: 0em 1em 1em 0em;
    max-width: 148px;
	margin-top:1.5em;
}
#content #primary button {
	height:39px;
	background: url("../img/search-btn-form-txt.png") no-repeat 0 0;	
}
#content #primary button[value=Search] { background-image:url("../img/search-btn-form.png"); }


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


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

#header { background-color:#17564c; }

a.brand { 
	width: 469px;
	height: 120px;
	text-indent: -9999px;
	background: url(../img/logo-isd.png) 0 0 no-repeat; 
}


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

/* MAIN NAV */

nav[role=navigation] { background-color: #069bab; }
nav[role=navigation] a { min-height:40px; }
nav[role=navigation] a:hover {
	color: #ffe098;
	text-decoration: none;
}
nav[role=navigation] a.active {
	color: #404040;
	background-color: #fff;
	text-shadow:none;
}

/* TOP UTILITY NAV */

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


/* LEFT NAV */

.subnav { border: 1px solid #8da237; }
.subnav h2 {
	color:#fff;
	background-color: #a3c030;
	font-family:"kepler-std",Georgia,serif;
	background-image: -moz-linear-gradient(bottom, rgb(139,159,56) 10%, rgb(163,192,48) 90%);
   	background-image: linear-gradient(bottom, rgb(139,159,56) 10%, rgb(163,192,48) 90%);
    background-image: -o-linear-gradient(bottom, rgb(139,159,56) 10%, rgb(163,192,48) 90%);
    background-image: -moz-linear-gradient(bottom, rgb(139,159,56) 10%, rgb(163,192,48) 90%);
    background-image: -webkit-linear-gradient(bottom, rgb(139,159,56) 10%, rgb(163,192,48) 90%);
    background-image: -ms-linear-gradient(bottom, rgb(139,159,56) 10%, rgb(163,192,48) 90%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(139,159,56)), color-stop(0.9, rgb(163,192,48)));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A3C030', endColorstr='#8B9F38',GradientType=0 );
}
.subnav h2 a { color: #fff;	}
.subnav a {
	text-decoration: none;
	color:#007BA3;
}
.subnav .active > a {
	background-color: #e8e6e2;	
	color:#3cc5f2;
}
.subnav li.active-ancestor, .subnav li.active { background-color: #efeeed; }
.subnav a:hover {
	color: #3cc5f2;
	background-color: #e8e6e2;
}
.subnav h2 a:hover {
	background-color: transparent;
	color:#fff;
	text-decoration:underline;	
}

/* FAT FOOTER NAV */
.meta dt { font-family: "kepler-std",Georgia,serif; }


/* SITE UTILITY
-------------------------------------------------- */

/* TEXT SIZE */

.text-size a:hover { background-color: #012c25; }
.text-size .active { background-color: #012c25; }

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

.message-box { background-image: url(../img/icon-alert.png); }
.message-box .message a { background-image: url(../img/link-arrow-blue.png); }
.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: 306px;
	padding:3px;
	background-color: #a3c030;
	background-image: -moz-linear-gradient(bottom, rgb(150,174,52) 20%, rgb(163,192,48) 40%);
   	background-image: linear-gradient(bottom, rgb(150,174,52) 20%, rgb(163,192,48) 40%);
    background-image: -o-linear-gradient(bottom, rgb(150,174,52) 20%, rgb(163,192,48) 40%);
    background-image: -webkit-linear-gradient(bottom, rgb(150,174,52) 20%, rgb(163,192,48) 40%);
    background-image: -ms-linear-gradient(bottom, rgb(150,174,52) 20%, rgb(163,192,48) 40%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, rgb(150,174,52)), color-stop(0.4, rgb(163,192,48)));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A3C030', endColorstr='#96AE34',GradientType=0 );
}

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

.home #carousel .carousel-content {
	position: absolute;
	top: 0;
	padding: 26px 27px 10px 24px;
	width: 339px;
	height: 250px;
	z-index: 10;
	overflow:hidden;	
}

.home #carousel h1 {
	font-size: 2.5em;
	line-height: 1em;
	color:#fff;
	font-family:"kepler-std",Georgia,serif;
}

.home #carousel p, .home #carousel ul {
	margin-bottom: 10px;
	font-size: 1.3em;
	color: #414141;
}

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

.home #carousel .controls {
	position: absolute;
	z-index: 20;
	bottom: 0;
	left:0px;
	width: 342px;
	background-image: -moz-linear-gradient(top, rgb(139,159,56) 10%, rgb(163,192,48) 90%);
   	background-image: linear-gradient(bottom, rgb(139,159,56) 10%, rgb(163,192,48) 90%);
    background-image: -o-linear-gradient(bottom, rgb(139,159,56) 10%, rgb(163,192,48) 90%);
    background-image: -webkit-linear-gradient(bottom, rgb(139,159,56) 10%, rgb(163,192,48) 90%);
    background-image: -ms-linear-gradient(bottom, rgb(139,159,56) 10%, rgb(163,192,48) 90%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(139,159,56)), color-stop(0.9, rgb(163,192,48)));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8B9F38', endColorstr='#A3C030',GradientType=0 );
}

.home #carousel #selectionmenu { width: 330px; }
.home #carousel #selectionmenu img { border: 2px solid #a5c22e; }
.home #carousel #selectionmenu li { max-width: 50px; }
.home #carousel #selectionmenu a { max-width: 50px; }


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

/* HOME PAGE */

.home .wide {
	margin-bottom: 20px;
	padding: 18px 20px 20px 20px;
	width: 422px;
	border: 1px solid #dcdcdb;
	-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.6em;
	color: #D3611D;
	font-family: "kepler-std",Georgia,serif;
}

.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: 75px;
	background: url(../img/event-date-top-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: 65px;
	line-height: 29px;
	font-size: 1.1em;
	font-family: "kepler-std",Georgia,serif;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0px 1px 1px #414141;
	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;
	font-size: 1.2em;
}

.event-list p { margin: 0; }

/* home - column narrow */

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

/*hack because template is using shared control that doesn't insert correct class*/
.narrow a[title="More News and Alerts"] {
	background: url(../img/link-arrow-blue.png) 100% 50% no-repeat;
	padding-right:10px;
}

.narrow a[title="More News and Alerts"]:hover { background: url(../img/link-arrow-blue-hover.png) 100% 50% no-repeat; }

/* Homepage - Content */
.home #homepage-content {
    clear: both;
    border-top: solid 1px #d9d9d9;
    padding: 10px 0 0 16px;
}

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


/* LANDING CAROUSEL */

.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); }

/*TABULAR DATA PAGES*/

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

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

/* CALENDAR ONLY */

/* page content */
ul.tabs-calendar li a { color: #007BA3; } 

/* mini calendar control */
#calendar-title { color:#fff; }

.block-calendar #calendar-title a { color:#fff; }
.block-calendar #calendar-title {
	border:1px solid #ce5811;
	background-color: #d3611d;
	background-image: -moz-linear-gradient(bottom, rgb(211,97,29) 10%, rgb(244,126,32) 90%);
   	background-image: linear-gradient(bottom, rgb(211,97,29) 10%, rgb(244,126,32) 90%);
    background-image: -o-linear-gradient(bottom, rgb(211,97,29) 10%, rgb(244,126,32) 90%);
    background-image: -webkit-linear-gradient(bottom, rgb(211,97,29) 10%, rgb(244,126,32) 90%);
    background-image: -ms-linear-gradient(bottom, rgb(211,97,29) 10%, rgb(244,126,32) 90%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(211,97,29)), color-stop(0.9, rgb(244,126,32)));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F48820', endColorstr='#D3611D',GradientType=0 );
}

.block-calendar table.calendar { font-size:.9em; }

.block-calendar td {
	color:#666;
	background-color:#fff;
}
.block-calendar td a:visited { color:#007BA3; }
.block-calendar td.on { background-color: #D3ECF5; }
.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:"kepler-std",Georgia,serif;
	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 { background-image: url(../img/link-arrow-blue.png); }
.callout a:hover { background-image: url(../img/link-arrow-blue-hover.png); }

/* BZA Agenda Cases */
table.bza-case { margin-bottom: 1em; width: 100%; }
table.bza-case th, table.bza-case td { border: solid 2px; }
table.bza-case tr:nth-child(2) { font-weight: bold; }
table.bza-case tr:nth-child(3) td::first-line { font-weight: bold; }
table.bza-case td.addr { width: 60%; }