/*
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:#333;
	background: #f2f0e9 url("../img/body-bg.jpg") no-repeat 50% 172px;
}

#wrapper { background-color:#fff; border: 1px solid #dddbd3; border-top:none; }


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

h1, h4	{ color: #00345b; }

h2, h3 { color: #767676; } 

h5 { text-transform: uppercase; }

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


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

a { color: #418d41; }
a:hover { color: #1a6a1a; }
a:visited { color:#6c9d6c; }

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


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


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

button {
    background-color: #418d41;
	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], #content #primary button[value=Submit] {
	background-image:none;
	background-color: #418d41;
}

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


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

#header { 
	background: #fff url("../img/header-bg.gif") repeat-x left bottom; 
	height: 160px;
	padding-top: 10px;
}

header[role=banner] { background-color:#fff; }

a.brand { 
	width: 469px;
	height: 100px;
	background: url(../img/logo-gis.png) 0 0 no-repeat;
	color: #1c6f09;
	font-weight:bold;
	font-size: 2em; 
	padding: 10px 0 0 150px;
	left: 10px;
}

a.brand span {
	font-family:"adobe-garamond-pro", "Times New Roman", Times, serif;
	display:block;
	margin-top:.5em;
	font-weight:normal;
	font-style:italic;
	color:#797979;
}

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

/* MAIN NAV */

nav[role=navigation] { 
	color:#fff;
	background-color: #0b4480;
	background-image: -moz-linear-gradient(bottom, #146cb6 10%, #0b4480 90%);
   	background-image: linear-gradient(bottom, #146cb6 10%, #0b4480 90%);
    background-image: -o-linear-gradient(bottom, #146cb6 10%, #0b4480 90%);
    background-image: -moz-linear-gradient(bottom, #146cb6 10%, #0b4480 90%);
    background-image: -webkit-linear-gradient(bottom, #146cb6 10%, #0b4480 90%);
    background-image: -ms-linear-gradient(bottom, #146cb6 10%, #0b4480 90%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, #146cb6), color-stop(0.9, #0b4480));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b4480', endColorstr='#146cb6',GradientType=0 );
	top: -40px;
}
nav[role=navigation] li { margin: 0 3px 0 0; }
nav[role=navigation] a {
	text-transform:uppercase;
	font-weight:normal;
	padding: 10px 30px;
    max-width: 155px;
}
nav[role=navigation] a:hover {
	background-color: #002f56;
	text-decoration: none;
}
nav[role=navigation] a.active { background-color: #002f56; }

/* TOP UTILITY NAV */

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

.global-nav a:visited, .global-nav a:hover { color:#1972bd; } 


/* LEFT NAV */

.subnav { border: 2px solid #ccc; }
.subnav h2 {
	text-transform: uppercase;
	color:#5f5f5f;
	/*background: url("../img/bg-left-nav.png") 50% 120% repeat-x;*/
}
.subnav h2 a { color: #5f5f5f;	}
.subnav li { border-bottom: none; border-top: 1px dotted #D2D1CE; } 
.subnav li:last-child { border-top: 1px dotted #d2d1ce; }
.subnav a { text-decoration: none;}
.subnav a:visited { color:#418d41; }
.subnav .active > a {
	background-color: #e8e6e2;	
	color:#1a6a1a;
}
.subnav li.active-ancestor, .subnav li.active { background-color: #efeeed; }
.subnav a:hover {
	color: #1a6a1a;
	background-color: #e8e6e2;
}
.subnav h2 a:hover {
	background-color: transparent;
	color:#5f5f5f;
	text-decoration:underline;	
}
.subnav h2 a:visited { color:#5f5f5f; }

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

/* TEXT SIZE */
.text-size .heading, .text-size a, .text-size a:visited { color: #1972bd }
.text-size a:hover, .text-size .active { background-color: #e5e4e2; }

/* SEARCH FORM */

#search button { background-image: url(../img/search-btn.png); }
#search-text {
	border: 1px solid #b2b2b2;
	border-bottom: 1px solid #E0E0E0;
	border-radius: 3px;
	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 .date-box, .message-box .date-box .date { color: #CC0000; }
.message-box .message a { background-image: url(../img/link-arrow-red.png); color: #900028;}
.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 {
	position: relative;
	background-color: #e9f0f7;
	height: 300px;
	margin-bottom: 57px;
}

.home #carousel .ui-tabs-panel img {
	z-index: 10;
	background-color:#fff;
	width: 500px;
	height: 333px;
	float:right;
	margin:15px 15px 0 0;
	padding: 5px;
	box-shadow: 0px 0px 7px 1px #bdc7d1;
}

.home #carousel .carousel-content {
	padding: 26px 0px 10px 24px;
	width: 400px;
	z-index: 10;
	display:inline-block;
	overflow:hidden;
}

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

.home #carousel p, .home #carousel ul {
	margin-bottom: 10px;
	font-size: 18px;
}

.home #carousel .controls {
	position: absolute;
	z-index: 20;
	bottom: -60px;
	left:0px;
	width: 430px;
}

.home #carousel #selectionmenu { width: 430px; }
.home #carousel #selectionmenu img { 
	box-shadow:none;
	border-radius: 4px; 
	height:40px;
	width:60px;
	padding:0px;
	margin:2px;
}
.home #carousel #selectionmenu li { max-width: none; margin-left: 16px; padding: 0; }
.home #carousel #selectionmenu li:hover, .home #carousel #selectionmenu li.ui-tabs-selected { 
	padding:0; 
	border-radius:4px;
	border:none;
}
.home #carousel #selectionmenu li:hover img, .home #carousel #selectionmenu li.ui-tabs-selected img { border: 2px solid #458dc9; margin:0; }
.home #carousel #selectionmenu a { max-width: none; }


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

/* HOME PAGE */

.home .primary { padding-top: 30px; }

.home #content-container, .home .resources {
    clear: both;
	padding-top: 15px;
	width:710px;
}
.home .primary h2 {
	border-bottom: 1px solid #ccc;
	margin-bottom: 12px;
	font-size: 1.7em;
	color:#00345B;
	padding: 0 0 10px 16px;
}
.home .primary h2 a.get-more { 
	font-size: .6em; float:right; 
	margin:.3em 16px 0 0; 
	text-transform:uppercase; 
}

/* home narrow - twitter feed */
.home .narrow { float:left; width:230px; }

/* home wide - news list */
.home .wide { width: 460px; box-shadow: 0 0 7px 1px #ccc; }
.home .primary .wide h2 { border-bottom: none; }
.home .news-list li { list-style: none; margin-left:16px; }
.home .news-list h4 { margin: 0; }
.home .news-list .date { color: #818181; }

/* home page - content */
.home #home-content { margin-left:16px; }

/* home page - resources */
.home .resources { border:none; padding:0; }
.home .resources ul { margin-left:16px; }
.home .resources li { 
	display: inline-block; 
	float:none; 
	vertical-align:top; 
	width: auto; 
	max-width: 20%; 
	overflow: hidden;
}
.home .resources li img { height: 120px; }


/* 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.png); }
.featured a:hover { background-image: url(../img/link-arrow-hover.png); }

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

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

/* DATA DICTIONARY (CONTENT PAGES) */
.dictionary-downloads li {
	display:inline-block;
	vertical-align:top;
	margin-right:10px;
	margin-left:0px;
	width: 47%;
}
.dictionary-downloads a {
	padding-left: 30px;
	display:inline-block;
	text-indent:0;
	height:24px;
	overflow:visible;	
}
.dictionary-attributes { table-layout:fixed; }
.dictionary-attributes .name { width: 25%; }
.dictionary-attributes .type { width: 20%; }
.dictionary-attributes .description { width: 55% }

.values-title-box { 
	background: transparent url("../img/buttons-plus-minus.png") no-repeat 0px 4px; 
	margin: 0; 
	font-size:1em; 
}
.values-title-box.on { background-position: -16px 4px; }
.values-title { background-color:#fff; margin-left: 13px; }

.values-table { background-color: #fff; }


/* SECONDARY
-------------------------------------------------- */
.home .secondary { margin-top: 20px; }

/* INFO ASIDE */

.secondary .contact h2 { font-size: 1.15em; color:#00345B; }

/* CALLOUT BOX */

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