/*-------------------------------------+
 | Site: Metropolitan Planning Council |
 | Part: Master styles                 |
 +-------------------------------------*/

/* Imports
=====================================================================*/
@import "/styles/reset.css";
@import "/styles/ie.css";
@import "/styles/forms.css";


/* Fonts
======================================================================*/
body, input, .paper .action, select, textarea { font-family: Arial, sans-serif; }
.paper { font-family: Georgia, "Times New Roman", Times, serif; }


/* Basics
======================================================================*/
a { text-decoration: none; }
a, a em, a strong { color: #3c6cc7; }
a:hover { text-decoration: underline; }
a:active { background-color: #3c6cc7; color: #fff; }
address { font-style: normal; }
body { color: #444; font-size: 0.81em; line-height: 1.3; margin-bottom: 2em; }
cite, em { font-style: italic; }
dl, ol, table, p, ul { margin-bottom: 1.15em; }
fieldset { border: 1px solid #ddd; margin-bottom: 2em; padding: 1em 1.5em; }
h1 { color: #616365; font-size: 1.69em; line-height: 1.2; margin-bottom: 0.5em; padding-right: 35%; }
h1, h3, h4, h5, h6, strong { font-weight: bold; }
h2 { color: #e05206; font-size: 1.38em; font-weight: normal; line-height: 1.16; margin-bottom: 0.5em; }
h2 a { color: #e05206; }
h3 { font-size: 1.07em; margin-bottom: 0.25em; }
hr { background: #d5d7d8; border: 0; clear: both; color: #d5d7d8; height: 1px; margin: 1.5em 0; }
input, select, textarea { font-size: 1em; }
legend { background: #fff; font-size: 1.7em; margin: 0 0 0 -0.5em; padding: 0.1em 0.75em 0.1em; }
legend em { color: #777; font-size: 0.7em; font-style: normal; font-weight: normal; margin-left: 0.3em; }
li { margin-bottom: 0.5em; }
table { border-collapse: collapse; }
ol { list-style: decimal; margin-left: 2em; }
ul { list-style: disc; margin-left: 1.5em; }

/* Stock classes */
img.plain { border: 0; }
.l { float: left; }
.r { float: right; }
.num { text-align: right; }
ul.flat { list-style: none; margin-left: 0; }
ul.flat li { background: none; margin: 0; padding: 0; }


/* Core layout
======================================================================*/
.clear { clear: both; }
#body, #header-content, #nav-primary { margin: 0 auto; width: 960px; }

/* Admin */
.ribbon { margin: 0 auto; width: 960px; }

/* Columns */
.c2l, .c2r { width: 48%; }
.c2l, .c3l, .c3m { float: left; }
.c2r, .c3r { float: right; }
.c3l { margin-right: 3%; }
.c3l, .c3m, .c3r { width: 31%; }

/* Column groups */
.colgroup { border-top: 1px solid #d5d7d8; clear: both; margin-bottom: 1.5em; padding-top: 0.4em; }

/* Default */
#body-wrapper { background: url(/images/body-bg.gif) repeat-x 0 0; }
#content { background: #fff; border: 1px solid #d5d7d8; border-top: 0; padding: 1em 1.53em; }
#content-primary { float: left; width: 65.21%; }
#content-primary, #content-secondary { padding-bottom: 2em; }
#content-secondary { float: right; width: 30.43%; }

/* Full (wide layout w/o sidebar)*/
.full #content-primary, .full .home #content-primary { float: none; margin: 0 auto; padding-top: 1em; width: 100%; }
.full .home #content { background: #fff; }

/* Home */
.home #content-primary { width: 56.52%; }
.home #content-secondary { width: 41.3%; }


/* Content
======================================================================*/

/* Action links */
.action {
	background: #fff url(/images/nav-bg.gif) repeat-x 0 100%;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	box-shadow: 0 1px 3px #999;
	color: #fff;
	font-size: 1.07em;
	font-weight: bold;
	line-height: 2.5;
	padding: 0.4em 0.7em 0.5em;
	text-shadow: 0 -1px 1px #cd5c20;
	white-space: nowrap;
}
p.action { display: inline; }
p.action a { color: #fff; }

/* Article body */
#article { border-top: 1px solid #d5d7d8; font-size: 1.07em; line-height: 1.57; padding-top: 1em; }
#article h2 { border: 0; color: #000; font-size: 1.07em; font-weight: bold; margin-bottom: 0.25em; padding: 0; }

/* Bylines */
#article .byline { font-size: 0.8em; margin-bottom: 1.15em; }

/* Calendar */
.cal { width: 100%; }
.cal .day { font-size: 1.07em; font-weight: bold; display: block; white-space: nowrap; }
.cal .details { font-size: 1em; }
.cal .event { margin-bottom: 1.15em; padding: 0 1em; }
.cal .first td, .cal .first th { border: 0; padding-top: 0; }
.cal .highlight { background: #f5f2ec; padding: 15px; }
.cal p { margin: 0; }
.cal td, .cal th { border-top: 1px solid #d5d7d8; padding-top: 0.75em; }
.cal th { text-align: center; padding-right: 2%; width: 18%; }
.cal .title { font-size: 1.07em; font-weight: bold; }

	/* Mini calendar */
  .cal-mini { width: 100%; }
  .cal-mini p { margin-bottom: 0.25em; }
  .cal-mini td { font-size: 16px; }
	.cal-mini td, .cal-mini th { padding-bottom: 0.5em; }
	.cal-mini th { font-size: 16px; text-align: center; width: 12%; }
  .cal-mini th span { display: block; }
  
  .cal-mini .highlight {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #f6f6f6;
    padding: 10px;
  }

/* Callouts */
div.call-l, img.call-l { clear: left; }
div.call-r, img.call-r { clear: right; }
dt img.call-l { margin-top: 0; }
img.call-l { margin-right: 1em; }
img.call-r { margin-left: 1em; }
.call-l { float: left; margin: 0.5em 2em 0.5em 0; }
.call-r { float: right; margin: 0.5em 0 0.5em 2em; }
.call, div.call-l, div.call-r { font-size: 0.84em; }
.call img, .call-l img, .call-r img { display: block; }
.call img.icon, .call-l img.icon, .call-r img.icon { display: inline; }
.call, .call-l p, .call-r p { margin-bottom: 0.5em; }
.credit { color: #7f8183; font-size: 0.8em; letter-spacing: 0.01em; margin: 0.5em 0; text-align: right; }

/* Comments */
.comments { list-style: none; margin: 0; }
.comments .author { margin-bottom: 0.25em; }
.comments .author strong { font-size: 1.07em; }
.comments li { background: #f7f7f7; border-top: 1px solid #ddd; margin-bottom: 1em; padding: 0.75em 1em 0.25em; }
.comments .staff { background: #f5f2ec; }

/* Contacts */
.contacts { list-style: none; margin-left: 0; }
.contacts .vcard .fn { font-weight: bold; }
.contacts .vcard .email { display: inline; }

/* Date + time */
#datetime { color: #000; font-size: 1.3em; margin-bottom: 1em; }
#datetime li { margin-bottom: 0.25em; }
#datetime ul { list-style: none; margin: 0; }

/* Features */
.feature { border: 0; font-size: 16px; padding: 0; }
.feature .details { margin-bottom: 0.5em; }
.feature h1 { font-size: 22px; width: auto; }
.feature h2 { border: 0; padding: 0; }

	/* Blog */
  #blog-feature { margin-top: 15px; }
  
  #blog-feature .feature-secondary {
    background: #f6f6f6 url(/images/feature-bg.gif) repeat-x 0 0;
    border: 1px solid #e3e3e3;
    border-top: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  
  #blog-feature #blog-title {
    background: #f6f6f6;
    background-image: -moz-linear-gradient(top, #fff, #efefef);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #efefef));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#efefef');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#efefef')";
    border: 1px solid #e3e3e3;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    font-size: 16px;
    margin: 0;
    padding: 28px 0;
  }
  
  #blog-feature #blog-title a {
    background: url(/images/connector.png) no-repeat 20px 50%;
    color: #828282;
    display: block;
    margin: -45px 0;
    padding: 45px 20px 45px 175px;
    position: relative;
  }
  
  /* Home */
	.home .feature {
    background: #f4f3f0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 20px;
    padding: 20px 20px 1px;
    
  }
  
	.home .feature h1 { padding: 0; }
	.home .feature h3 { font-size: 1.2em; margin-bottom: 0.75em; }
  
	/* Secondary features */
  .feature-secondary {
    background: #f6f6f6;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    clear: both;
    margin-bottom: 20px;
    padding: 20px 20px 1px;
  }

/* Feeds */
.feed-list { font-size: 1.23em; font-weight: bold; list-style: none; margin: 0; }
.feed-list li { margin-bottom: 1em; }

/* Feed readers */
.feed-readers ul { list-style: none; margin-left: 0; }

/* Filters */
.filters { font-size: 1.2em; list-style: none; margin-left: 0; }
.filters .current { font-weight: bold; }
.filters li { margin-bottom: 0.25em; }

/* Footer */
#footer { font-size: 11px; }
#footer li { display: inline; margin-right: 1em; }
#footer ul { list-style: none; margin: 0; }

	/* Credit */
	#credit { float: right; text-align: right; }
	#credit a { color: #616365; text-decoration: none; }
	#credit a strong { color: #3c6cc7; display: inline; font-weight: normal; }
	#credit a:hover strong { text-decoration: underline; }
	
	/* Subfooter */
	#subfooter {
    background: #fff5ed;
    background-image: -moz-linear-gradient(top, #fff5ed, #fcc69b);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff5ed),color-stop(1, #fcc69b));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fff5ed', EndColorStr='#fcc69b');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fff5ed', EndColorStr='#fcc69b')";
		border: 1px solid #d5d7d8;
		border-top-color: #fff;
    -moz-border-radius-bottomleft: 9px;
    -moz-border-radius-bottomright: 9px;
    -webkit-border-bottom-left-radius: 9px;
    -webkit-border-bottom-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    color: #616365;
    font-size: 13px;
    margin-bottom: 10px;
		padding: 25px 20px 20px;
	}
  
  #subfooter .adr, #subfooter .fax, #subfooter .org, #subfooter .tel { display: block; }
	#subfooter h6 { font-size: 16px; font-weight: normal; margin-bottom: 0.5em; }
	#subfooter li { background: url(/images/subfooter-bullet.png) no-repeat 0 0.5em; margin-bottom: 0.25em; padding-left: 15px; }
  #subfooter .org { margin-bottom: 0.3em; }
  #subfooter-primary { float: left; width: 26.63%; }
  #subfooter-secondary { float: right; width: 68.34%; }
  #subfooter ul { list-style: none; margin: 0; }
  
  /* Page URL */
	#url { display: none; }
	#url em { font-style: italic; }

/* Header */
#header { background: url(/images/header-bg.gif) repeat-x 0 0; border-top: 1px solid #fff; padding: 0.5em 0 0.75em; }
#header-secondary { float: right; text-align: right; width: 50%; }
#header .utilities { margin: 1em 0 1.5em; }
#header .search .btn { margin: 0; }
#header .search .txt { width: 17em; }

  /* Logo */
  #logo { float: left; }
  #logo a { display: block; padding-top: 2.5em; }
  #logo a:active { background: transparent; }

/* Help */
.help img { margin-bottom: -2px; }

/* Home */
.home h2 { border: 0; padding: 0; }
.home h4 { font-size: 16px; font-weight: normal; }

/* Icons */
.icon { background-repeat: no-repeat; background-position: 0 50%; line-height: 1; margin-right: 0.25em; padding: 3px 0 3px 20px; }
.icon-aol { background-image: url(/images/shared/aol.gif); }
.icon-audio { background-image: url(/images/shared/podcast.gif); }
.icon-comment { background-image: url(/images/shared/comment.gif); }
.icon-calendar { background-image: url(/images/shared/calendar.gif); }
.icon-email { background-image: url(/images/shared/email.gif); }
.icon-facebook { background-image: url(/images/shared/facebook.gif); }
.icon-feed { background-image: url(/images/shared/feed.gif); }
.icon-flickr { background-image: url(/images/shared/flickr.gif); }
.icon-google { background-image: url(/images/shared/google.gif); }
.icon-map { background-image: url(/images/shared/map.gif); }
.icon-netvibes { background-image: url(/images/shared/netvibes.gif); }
.icon-pdf { background-image: url(/images/shared/pdf.gif); }
.icon-print { background-image: url(/images/shared/print.gif); }
.icon-slideshow { background-image: url(/images/shared/slideshow.gif); }
.icon-twitter { background-image: url(/images/shared/twitter.gif); }
.icon-video { background-image: url(/images/shared/video.gif); }
.icon-yahoo { background-image: url(/images/shared/yahoo.gif); }
.icon-youtube { background-image: url(/images/shared/youtube.gif); }
.icon-ppt { background-image: url(/images/shared/chart_bar.png); }
img.icon { background: none; border: 0; margin: 0 4px -3px 0; padding: 0; }

/* "More..." links */
.more { clear: both; font-size: 1.07em; }

/* Muted text */
.mute { color: #999; font-size: 0.85em; }

/* Navigation */
	/* Primary */
	#nav {
		background: #f47b20 url(/images/nav-bg.gif) repeat-x 0 100%;
		border-bottom: 1px solid #fff;
		border-top: 1px solid #f5dfc8;
		padding: 0.5em 0 0.55em;
	}
	
	#nav a { font-size: 1.23em; display: block; line-height: 1; padding: 0.25em 0.6em; white-space: nowrap; }
	#nav a, #nav a:active { color: #fff; }
	#nav a:active { background: transparent; }
	
	#nav .current a {
		background: #fee2cc;
    background-image: -moz-linear-gradient(top, #fff, #fee2cc);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #fee2cc));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#fee2cc');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#fee2cc')";
		border: 1px solid #fff;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		color: #000;
	}
	
	#nav .current a:active { background-color: #fff; }
	#nav li { float: left; margin: 0 0.2em 0 0; }
	#nav ul { list-style: none; margin-bottom: 0; }
	
	/* Secondary */
	#nav-secondary { border-bottom: 1px solid #d5d7d8; font-size: 1.07em; font-weight: bold; margin-bottom: 1em; padding-bottom: 0.75em; }
	#nav-secondary .current a { color: #000; }
	#nav-secondary li { display: inline; padding-right: 1em; }
	#nav-secondary li, #nav-secondary ul { list-style: none; margin: 0; }

/* Paper */
.paper { background: #f5f5f5; border: 1px solid #ddd; font-size: 1.1em; padding: 1.5em; }

/* Popular lists */
.popular { margin-left: 1.5em; }

/* Project list */
.project-list { font-size: 1.23em; font-weight: bold; list-style: none; margin: 0; }
.project-list li { margin-bottom: 0.5em; }

/* Project sites */
#project-sites { list-style: none; margin-left: 0; text-align: center; }
#project-sites img { vertical-align: middle; }
#project-sites li { display: inline; margin: 0 7px; }

/* Rules */
.rule-home { background: url(/images/rule-home.gif) no-repeat 50% 0; height: 3px; margin-bottom: 1.15em; }

/* Search results */
.docType { color: #000; font-size: 0.7em; font-weight: bold; margin-left: 0.3em; text-transform: uppercase; white-space: nowrap; }
#search-results { margin-bottom: 1em; }
#search-results h2 { font-size: 1.3em; margin: 1em 0 0; }
#search-results h2 a { color: #3c6cc7; }
#search-results p, #search-sort { margin: 0; }
#searchPages { margin-top: 2em; text-align: center; }
#searchPages a { padding: 0.5em; }
#searchPages li { background: none; display: inline; margin: 0 0.2em; padding: 0; }

/* Sequencing */
.sequence { list-style: none; line-height: 1.4; margin-left: 0; }
.sequence .call-r { margin-top: 0; }

.sequence li {
	background: #f5f5f5;
	border: 1px solid #ddd;
	cursor: url(/images/shared/grab.cur), move;
	height: 1%;
	margin-bottom: 1px;
	padding: 0.3em 0.5em 0.4em;
}

.sequence-single li { cursor: default; }

/* Skip link */
.skip { left: -9999em; position: absolute; }

/* Social links */
.social { list-style: none; margin-left: 0; }
.social li { display: inline; }

/* Summary lists */
.summaries dt { clear: both; font-size: 17px; line-height: 1.3; margin: 0 0 0.25em; padding-top: 15px; }
.summaries p { margin: 0; }
.summaries .first, .summaries dt:first-child { border: 0; margin: 0; padding-top: 0; }
.summaries .thumb { float: right; margin-left: 1em; }

	/* Advocacy */
	.sum-advocacy .action { font-size: 0.95em; }
	.sum-advocacy dd, .sum-advocacy dt { padding-left: 180px; }
	.sum-advocacy dd p { margin-bottom: 1em; }
	.sum-advocacy dt { border-top: 1px solid #d5d7d8; font-size: 1.23em; margin: 0; }
	.sum-advocacy img { display: block; margin-bottom: 0.75em; }
	.sum-advocacy li { margin: 0; }
	.sum-advocacy .thumb { float: left; margin: 0 0 1em -180px; text-align: center; }
	
	/* Articles */
	.sum-articles dt { font-size: 1.23em; }
	.sum-articles .thumb { float: right; margin: 0 0 1em 1em; }
  .home .sum-articles dt { border-top: 1px solid #d5d7d8; }
  .home .sum-articles dt:first-child { border: 0; }
  
  /* Blog */
  .sum-blog dd { font-size: 16px; }
  .sum-blog dd, .sum-blog dt { padding-left: 60px; }
  .sum-blog dt { font-size: 11px; }
  .sum-blog dt a, .sum-blog dt span { margin-right: 0.4em; text-transform: uppercase; }
  .sum-blog dt img { float: left; margin: 2px 0 15px -60px; }
	
	/* Details */
	.details { font-size: 0.84em; list-style: none; margin: 0.25em 0; }
	.details li { display: inline; margin: 0 0.4em 0 0; }
  .details li img { margin-right: 15px; vertical-align: middle; }
  .details .addthis_toolbox { margin-bottom: 1em; }
	
	/* Managers */
	.sum-managers-large dt, .sum-managers-small dt { border: 0; font-size: 1.07em; margin-bottom: 0; padding-top: 0.5em; }
	.sum-managers-large dd, .sum-managers-small dd { margin-bottom: 0.25em; }
	.sum-managers-large .thumb, .sum-managers-small .thumb { float: left; margin: 0.2em 0 0; }
	
		/* Large */
		.sum-managers-large dd, .sum-managers-large dt { padding-left: 100px; }
		.sum-managers-large .thumb { margin: 0 1em 0 -100px; }
		
		/* Small */
		.sum-managers-small dd { font-size: 0.84em; }
		.sum-managers-small dd, .sum-managers-small dt { padding-left: 70px; }
		.sum-managers-small .thumb { margin: 0 0 0.5em -70px; }
	
	/* Projects */
	.sum-projects dt { border-top: 1px solid #d5d7d8; font-size: 1.23em; margin: 0; }
	.sum-projects dd, .sum-projects dt { padding-left: 170px; }
	.sum-projects h3 { margin-bottom: 0.75em; }
	.sum-projects .thumb { float: left; margin: 0 0 1em -170px; }

/* Tabs */
.tabs { border-left: 1px solid #d5d7d8; bottom: -1px; font-size: 1.07em; position: relative; }
.tabs, .tabs ul, .tab-content { overflow: hidden; height: 1%; }
.tabs a { display: block; padding: 0.25em 0.75em; }
.tabs li { background: #f0f0f0; border-color: #d5d7d8; border-style: solid; border-width: 1px 1px 1px 0; float: left; margin: 0; }
.tabs .ui-tabs-selected { background: #fff url(/images/tab-bg-current.gif) repeat-x 0 0; border-bottom: none; }
.tabs .ui-tabs-selected a { color: #000; padding-bottom: 0.3em; }
.tabs ul { list-style: none; margin: 0; }
.tab-content { background: #fff; border: 1px solid #d5d7d8; clear: both; margin-bottom: 1em; padding: 1em 1em 0.25em; }
.tab-content ol { margin-left: 1.5em; }
.tab-content .icons { margin-left: 0; }
.ui-tabs-hide { display: none; }

/* Tags */
.tags { font-size: 1.1em; line-height: 2.3em; list-style: none; margin-left: 0; }
.tags li { background: none; display: inline; margin-right: 0.5em; padding: 0; }
.tags li a { white-space: nowrap; }

.t-1 { font-size: 0.9em; }
.t-2 { font-size: 1em; }
.t-3 { font-size: 1.1em; }
.t-4 { font-size: 1.2em; }
.t-5 { font-size: 1.3em; }
.t-6 { font-size: 1.4em; }
.t-7 { font-size: 1.5em; }
.t-8 { font-size: 1.6em; }
.t-9 { font-size: 1.7em; }
.t-10 { font-size: 1.8em; }
.t-11 { font-size: 1.9em; }
.t-12 { font-size: 2em; }
.t-13 { font-size: 2.1em; }
.t-14 { font-size: 2.2em; }
.t-15 { font-size: 2.3em; }

  /* In sidebar */
  #content-secondary .tags { font-size: 1em; line-height: 2em; }
  #content-secondary .tags li a { white-space: normal; }

/* Thickboxes */
a.thickbox { position: relative; }
a.thickbox, a.thickbox img { display: block; }
a.thickbox .zoom { bottom: 0; height: 27px; position: absolute; right: 0; width: 27px; }

a.thickbox:hover .zoom {
	background: #000 url(/images/shared/zoom.gif) no-repeat 50% 50%;
	-moz-border-radius: 11px 0 0 0;
	-webkit-border-radius: 11px 0 0 0;
	opacity: 0.5;
}

/* Tooltips */
.tip { display: none; }
.tip ul { margin: 0; }
.tip ul li { list-style: none; }

#tooltip {
	background-color: #f5f5b5;
	border: 1px solid #deca7e;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 0.3em 0.5em;
	position: absolute;
	z-index: 3000;
}

/* Utility links */
.utilities { list-style: none; margin-left: 0; }
.utilities li { border-left: 1px solid #ddd; display: inline; margin: 0 0 0 0.5em; padding-left: 0.5em; }
.utilities li.first { border: 0; margin: 0; padding: 0; }

/* vCards */
#footer .vcard { margin: 0; }
.vcard { margin-bottom: 1.15em; }
.vcard .email, .vcard .fn { display: block; }

/* Viewing options */
.view { font-size: 1.1em; margin-bottom: 1.15em; }
.view li, .view p { padding-right: 0.75em; }
.view li, .view p, .view ul { display: inline; margin: 0; }