/*********** RESET ****************/
	html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
	pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
	h1,h2,h3,h4,h5,h6,strong { font-weight: bold; margin: 0; padding: 0; }
	cite, em { font-style:italic; }
	ul, ol { margin: 0px 0px 8px 20px; }
	fieldset,img { border: 0; }
	caption,th { text-align: left; }
	table { border-collapse: collapse; border-spacing: 0; }
/*********** Globals ****************/
	select {
		color: #5c5c5c;
		font: 11.4px/11px Tahoma, Verdana, sans-serif;
		width: 150px; 
	}
/*********** Fonts ****************/
	h1,h2,h3,h4,h5,h6 { 
		font-family: "trebuchet ms", Geneva, Arial, Helvetica, sans-serif;
		color: #b14900;
		padding: 0;
	}
  h1 {
		font-size:22px; 
		margin:  5px 0 4px 0;
	}
  h2 {
		font-size:18px; 
		margin:  12px 0 4px 0;
	}
	h3 {
		font-size:16px; 
		margin:  0 0 4px 0;
	}
	h5 {
		font-size:12px; 
		color: #444;
	}
	h6 {
		font-size:10px; 
		color: #444;
	}
	
  body, p, ul, ol, label, td  {
		font-size:12px; 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #444;
	}
	ul, ol {
		padding-left: 5px;
	}
	
	ul.spacious li {
		padding-top: 4px;
		padding-bottom: 4px;
		margin-left:25px;
	}
	ul.bulletless {
		margin-left: 5px;
		list-style-type: none;
	}
  p {
		line-height: 17px;
		padding: 0 0 9px 0;
		margin: 0;
	}	
	p.light, .light p {
		color: #888;
	}
	p.med, .med p {
		color: #666;
	}
	p.smallfont, #features p.smallfont, p.smallfont a, #features p.smallfont a {
		font-size:10px; 
	}
	p.xsmallfont, #features p.xsmallfont, p.xsmallfont a, #features p.xsmallfont a {
		font-size:9px; 
	}
	
	span.supplementary, h2 span.supplementary, h3 span.supplementary {
		font-size:11px; 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #666;
		vertical-align: baseline;
	}
	
	p.postmetadata {
		font-size:11px;
		color: #666;
		clear:both;
	}
	
	p.postdate {
		margin-top:-5px;
		font-weight:bold;
		font-size:12px;
		color: #666;
	}
	
	
/*********** Links ****************/
  a, a:link {	color: #b14900; cursor: pointer; text-decoration: underline; }	
	a:hover {	color: #777; }
	a {	outline: none; }
	a.anchor { cursor: text; }

	.content-body p a { text-decoration: underline; }
	
	.root-container a.bright-link { color: #b14900; text-decoration: underline; }
	.root-container a.bright-link:hover { color: #777777; }
	
	a.dull-link, .root-container a.dull-link { color: #888; text-decoration: underline; }
	a.dull-link:hover, .root-container a.dull-link:hover { color: #b14900; }
	
	
	h1 a, h1 a:link, h2 a, h2 a:link, h3 a, h3 a:link {
   	color: #b14900;
		text-decoration: none;
	}		
	h1 a:hover, h2 a:hover, h3 a:hover {
   	color: #b14900;
		text-decoration: none;
	}
	
/*********** FRAMING & BRANDING ****************/

	/* root-container - define width of page */
	/* every page should have a div.root-container, and may optionally have an additional modifier class*/
	.root-container {
		margin: 0px auto 0 auto;
		width: 960px;
		position:relative;
	}
	/* root-container :: modifiers (optional) */
	.root-container-liquid {
		min-width: 1020px;
		width: 100%;
	}
	.root-container-splash {
		width: 750px;
	}
	
	/* content-container - set the top-level layout of a page */
	/* every page should have a div.content-container, and may optionally have an additional modifier class*/
	.content-container {
		padding: 13px 0 20px 0;
		position: relative;
		width: 100%;
		min-height: 800px;
		background: #fff url(http://cdn.walkscore.com/images/content-bg3.gif) 0 0 repeat-y;
		border-bottom: 1px solid #aaccff;
	}
	/* content-container :: cascade effects */
	.root-container-liquid .content-container {
		background: none;
		background-color: #fff;
		padding-right: 338px;
		width: auto;
	}
	.root-container-splash .content-container {
		padding-top: 0px;
		background: url(http://cdn.walkscore.com/images/content-splash-bg.gif) 0 0 repeat-y;
	}	
	/* content-container :: modifiers (required???xxx) */
	.root-container-liquid .content-container-full {
		padding-right: 0;
	}
	.content-container-w-features {
	}
	
	.root-container-liquid #liquid-container {
		float: left;
		width: 100%;
		margin-right: 0px;
	}
	
	/* content-main and features respond to the content-container modifiers to layout the page correctly */
	/*  */
  .content-main {
 		float:left;
		width: 600px;		
		margin-right:15px;
		overflow:hidden;
		margin-left:20px; /* Matt added this back */
		position: relative;
	}	
	/* content-main :: cascade effects */
  .root-container-splash .content-main {
		width: 750px;
		margin-left:0px;
		padding: 5px 0 10px 0;
	}
	
	.root-container-liquid #liquid-container .content-main {
		float: none;
		display: block; /* important */ 
		width: auto;
		margin: 0 0 0 25px;
	}
	.root-container-liquid #liquid-container .content-main.wide {
		margin: 0 8px;
	}
	/* content-main :: modifiers (optional) */
	.content-main-tight {
		width: 664px;
		margin-left:8px;
		margin-right:0px;
	}
	/* wide columns */
	.content-main-wide {
		width: 780px;
	}
	.content-main-narrow {
		width: 465px;
	}
	.subnav-present {
		margin-left: 0;
	}
	
	
	
	
	#liquid-container > h1 {
		margin-left:25px;
	}
	
	
	/* features (right sidebar) respond to the content-container modifiers to layout the page correctly */
	#features {
		position: relative;
		width: 302px;
	}
  .root-container #features { 
	  float:left;
		margin:0px 0 0 10px;
	}
  .root-container-liquid #features { 
		float: left;
		margin: 0;
		margin-right: -314px;
		padding-left: 12px;
	}
	
	
  .content-main-splash h2, .content-main-splash p {
		margin-left: 20px;
		margin-right: 20px;
	}		
		
	.root-container-liquid #center-column {
		margin: 0 0px 0 205px;
	}
	.root-container-liquid .content-main {
		margin-left: 0;
	}
	
	.content-body img {
		border: 1px solid #bfdbf8;
	}
	.content-body img.borderless {
		border: 0;
	}
	.content-body .headline-image {
		margin-top: 5px;
		border: 0px;
	}
	
	
	  #branding {
		width: 100%;
		height: 50px;
		z-index: 5;
		position: relative;
	}
	#branding a {
		background: #fff url(http://cdn.walkscore.com/images/walkscore.gif) 0 0 no-repeat;
		width: 225px;
		height: 41px;
		float: left;
		font-size: 22px;
		margin-top: 5px;
		margin-right: 0px;
		margin-left: 8px;
		margin-bottom: 4px;
	}
	#branding a span {
		display:none;
	}
	#branding h2 {
		position: absolute;
		left: 273px;
		top: 16px;
		font-size: 12px;
		color: #aadd66;
		font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
	}
	#branding #front-seat-logo {
		position: absolute;
		top: 16px;
		right: 5px;
	}
	
  .content-main p.nav {
		text-align: right;
		margin-bottom: 3px;
		padding: 0 0 0 0;
	}
	
	.question {
		position: relative;
		top: -2px;
		left: 5px;
	}
	
/*********** NAVIGATION ****************/
  #navigation {
		margin-left: 10px;
		margin-top: 3px;
		width: 550px;
		height: 16px;
		z-index: 5;
		color: #999;
		font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		white-space:nowrap;
		overflow: visible;
	}
  #navigation a {
		text-decoration:none;
		color: #2b2b2b;
	}
  #navigation a:hover {
		color: #b14900;
		text-decoration: underline;
	}
	.root-container .content-main #sub-nav p {
		padding: 0 0 0 0;
		font-size:11px; 
		color: #b14900;
		text-align:right;
	}
	.root-container .content-main #sub-nav a {
		text-decoration: none;
	}
	#brand-flip-link {
		position: absolute;
		top: 0;
		right: 0;
		width: 195px;
		height: 20px;
		padding-top: 5px;
		background-color: #edf2f6;
		text-align: center;
		z-index: 10;
	}
	
/*********** STYLED INPUT ****************/
/* used for address box and styled address fields, custom query input, etc */
    input#address-go[type=image]
    {
			height: 27px;
			width: 42px;
    }

	.styled-input h3 {
		color: #4a4b4e;
		font: 14px/18px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		margin: 14px 11px 0 0;
		float: left;
		width: 140px;
		text-align:left;
	}
	/* Big search box */
	.styled-input form {
		position:relative;
		height: 36px;
		padding: 0;
	}
	
	.styled-input input[type="text"] {	
		font: 14px/16px Verdana, Arial, Helvetica, sans-serif;
		font-style: normal;
		color: #284a7e;
		width: 100%;
		height: 25px;
		border: 1px solid #aaccff;
		padding-left: 6px;
		margin: 0;
	}
	.styled-input input[type="image"] {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 42px;
		height: 27px;
	}
	.styled-input div.text-sizer {
		margin: 0;
		margin-right: 64px;
	}

/*********** ADDRESS BAR ****************/
  #address-bar {
		margin-top: 7px;
		position: relative;
		left: 0px;
		top: 0px;
		width: 996px;
		height: 47px;
		background: url(http://cdn.walkscore.com/images/address-bar.gif) 0 0 no-repeat;
	}	
	
	#address-bar .address-query {
		top: 11px;
		margin: 0px 400px 0 180px;
	}
	.address-query input[type="text"] {
		border-width: 2px;
	}	
	.address-query input[type="image"] {
		top: 1px;
	}
	#address-bar h3 {
		margin: 17px 11px 0 28px;
	}
	.root-container-liquid #address-bar .address-query {
		margin: 0px 338px 0 204px;
		max-width: 600px;
	}
	.root-container-liquid #address-bar h3 {
		margin: 17px 11px 0 10px;
		width: 180px;
		text-align:right
	}
	.root-container-liquid #address-bar {
		width: 100%;
		background: url(http://cdn.walkscore.com/images/address-bar-repeater.gif) 0 0 repeat-x;
	}
	
	/*homepage*/
  #address-box {
		width: 750px;
		height: 95px;
		background: url(http://cdn.walkscore.com/images/address-box-bg.gif) 0 0 no-repeat;
		margin-left: 0px; /*change this to move splash content left */
	}
	#address-box-content {
		margin-left: 20px;
	}
	#address-box h1 {
		padding-top: 14px;
		margin-bottom: 12px;
		color: #b14900;
	}
	#address-box h3 {
		margin: 6px 10px 0 0;
		width: auto;
		text-align:left;
	}
	#address-box .address-query {
		width: 460px;
		float:left;
	}
	
	
/*********** features ****************/
	
	.features input[type="text"] {	
		font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
		font-style: normal;
		color: #284a7e;
		width: 50%;
		height: 18px;
		border: 1px solid #aaccff;
	}
  .features a {
		color: #888;
	}
	.features a:hover {
		color: #b14900;
	}
	.features h2 a, .features h3 a {
		color: #b14900;
	}
	.features h2, .features h3 {
		padding: 0;
		margin-left: 12px;
	}
  .features p {
		font-size:11px; 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		line-height: 15px;
		padding: 0;
		margin: 3px 5px 7px 12px;
		color: #777;
	}
	.features ul li {
		list-style-type: none;
		list-style-image: none;
		font-size:11px; 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #888;
	}
	.features > div, .features > ul > li {
		border: 1px solid #bfdbf8;
		background-color: #fbfff8;
		margin-bottom: 10px;
		margin-left: 0;
		padding-left: 0;
	}  
	.features > ul {
		margin-left: 0;
		padding-left: 0;
	}  
	.features h1 {
		margin: 5px 0 0 5px;
	}
	.features .bold-feature {
		padding-bottom: 6px;
	}
	.features .bold-feature h2 {
		font: 18px "trebuchet ms", Geneva, Arial, Helvetica, sans-serif;
		padding: 4px 6px 4px 0;
	}
	
	.features .bold-feature h2 a {
	text-decoration:none;
	}
	
	.features .bold-feature p {
		font-size:12px; 
		margin: 3px 6px 7px 14px;
	}
	.features .bold-feature a {
		color: #b14900;		
	}
	
	.features .widget_search #searchform {
		margin-left: 12px;
		padding-bottom: 7px;
	}  
	
	
	/*blog*/
	#sidebar a  {
		color: #888;
		text-decoration: none;
	}
	#sidebar a:hover {
		color: #b14900;
		text-decoration: underline;
	}
	
	/*feat transportation form*/
	span.label {
		margin-left:20px;
		width:130px;
		float:left;
		margin-top:5px;
		font-family: Arial,Helvetica,sans-serif;
		color: #5c5c5c;
	}
	span.button {
		padding-left:148px;
	} 	
	span.button input {
		margin-bottom: 5px;
	}
	#feat-transportation span.label {
		width: 90px;
		margin-left: 15px;
	}
	#feat-transportation input {
		font: 11px Verdana, Sans-Serif;
	}
	.features input {
		color: #5c5c5c;
		font-size: 100%;
		margin-top: 4px;
	}
	
	/*rollover info popup*/
	a.info{
  	position:relative;
		text-decoration:none;
    z-index:24; 
	}
	.content-container #feat-transportation a.info:hover{
		z-index:25; 
		color: #b14900;
	}
	a.info span{
		display: none;
	}
	a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1em; left:1em; 
		width:15em;
    border: 1px solid #bfdbf8;
    background-color: #F7F7F7; 
		font-size:12px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
		color: #444444;
		padding: 5px 10px 10px 10px;
	}	
	
	#feat-video img {
		display:block;
		margin: 0 auto 10px auto;
		border: 1px solid #bfdbf8;
	}
	.content-container #feat-transportation label {
		font-family: Arial,Helvetica,sans-serif;
		color: #5c5c5c;
		font-size: 11px;
	}
	.content-main .transportation-signup h1 {
		margin-left: 20px;
		margin-top: 5px;
	}
	.content-main .transportation-signup div {
		margin-top:5px;
	}
	.content-main .transportation-signup p {
		margin-left: 20px;
		margin-right: 10px;
	}
	div.transportation-signup {
		width: 95%;
		border: 1px solid #bfdbf8;
		background-color:#FFFFFF;
		margin-bottom: 10px;
	}
	ul.transportation {
		margin-left: 20px;
	}
	
	/*address bars in content area*/
	.content-main div.inline-address-bar {
		margin-bottom: 10px;
	}
	.content-main .inline-address-bar label {
		margin-right: 10px;
		font-weight: bold;
		color: #b14900;
	}
		
/*********** FOOTER ****************/
  #footer p {
		font-size:10px; 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #666;
		padding: 4px 0 8px 0;
		margin: 0;
		}
  #footer a {
		color: #666;
		text-decoration: none;
	}
	#footer a:hover, .footer-supplement a:hover {
		color: #b14900;
		text-decoration:underline;
	}	
	#footer-branding p {
		padding-top: 0;
	}
	#footer-links p {
		padding-bottom: 0px;
	}
	.footer-supplement {
		float: right; 
		margin-top: 4px; 
	}
	.footer-supplement p {
		text-align:right;
		color: #a5a5a5;
		padding-bottom: 4px;
		font: 9px/12px Arial, Helvetica, sans-serif;
	}	
	.footer-supplement p#edu-footer {
		margin-top: 3px;
	}
	.footer-supplement a {
		color: #a5a5a5;
		text-decoration: none;
	}
/*********** BLOG HEADER (INDEX.SHTML) ****************/

	#blogheader {
		margin-left: 10px;
		margin-bottom: 3px;
	}
  #blogheader p {
		font-size:10px; 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #666;
		padding: 0;
		margin: 0;
	}
  #blogheader a {
		color: #666;
		text-decoration: none;
	}
	#blogheader a:hover {
		color: #b14900;
		text-decoration:underline;
	}	
		

    
/*-------------------------------------------------------------------------*/
/* FRIENDS AND FOLLOWERS                                                   */
/*-------------------------------------------------------------------------*/

/* was originally in social-media-buttons.htm */

div#social-media-buttons {
	float:right;
	height: 22px;
	width: 143px;
	position: relative;
	top: -6px;
	left: 0;
}
div#social-media-buttons label {
	font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #bbb;
	margin-right: 7px;
	position: relative;
	top: 2px;
	left: 0;
	float:left;
}
#social-media-buttons div {
	float:left;
	cursor: pointer;
	width: 22px;
	height: 22px;
	margin: 0 10px 0 0;
}
#social-media-buttons div.friend-facebook { background: url(http://cdn.walkscore.com/images/friends-and-follow.png) 0 0 no-repeat; }
#social-media-buttons div.friend-twitter { background: url(http://cdn.walkscore.com/images/friends-and-follow.png) 0 -22px no-repeat; }
#social-media-buttons div.friend-email-list { background: url(http://cdn.walkscore.com/images/friends-and-follow.png) 0 -44px no-repeat; }	

div.post h2, div.post h2 a {
	font-size: 22px;
	margin-top: 5px;
}
div.post div.entry h2, div.post div.entry h2 a {
	font-size: 16px;
	margin-top: 6px;
}
.mceItemTable caption {border: 1px dashed #BBB;}

.navigation a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.alignright {
	float:right;
	margin-left:10px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.features h2, .features h3 {
	font: 20px "trebuchet ms",Geneva,Arial,Helvetica,sans-serif;
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 0;
}
.features p {
font-size: 12px;
}
.features > ul > li > ul {
	padding-top: 3px;
}
.features > ul > li > ul > li {
	padding-bottom: 3px;
}

/* FORMATTED TABLES FOR POSTS  */
/* example: http://blog.walkscore.com/2010/04/most-walkable-baseball-stadiums/ */
	/**** API INFO *********/
	table.formatted {
		width: 100%;
		background-color: #ffffff;
		font-size:11px; 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #555555;
		border: 0px;
		margin-bottom: 10px;
	}
	table.formatted tr.odd {
		background-color: #efeff7;
	}
	table.formatted tr.hover:hover {
		cursor: pointer;
	}
	table.formatted tr.hover:hover td {
		text-decoration: underline;
	}
	table.formatted th {
		font-weight: bold;
		border: 0px;
		color: #dd6611;
	}
	
	/* lists */
ul.checklist {
	list-style-type: none;
	margin: 0 0 0 10px;
}
ul.checklist li {
	padding: 4px 0 4px 24px;
	line-height: 1.3em;
	background: url(http://cdn.walkscore.com/images/check.png) 0 4px no-repeat;
}

/* subnav panels */
div.subnav {
	width: 160px;
	margin: 0 15px 0 25px;
	float: left;
	background: url(http://cdn.walkscore.com/images/subnav-bottom.gif) bottom right no-repeat;
	padding-bottom: 18px;
}
div.subnav h3 {
	width: 160px;
	background: url(http://cdn.walkscore.com/images/subnav-top.gif) 0 0 no-repeat;
	margin:0;
	padding: 12px 0 6px 14px;
	font-size: 15px;
	line-height: 17px;
	color: #6395d5;
}
div.subnav h3 a {
	color: #6395d5;
}
div.subnav-top { 
	width: 160px;
	height: 16px;
	background: url(http://cdn.walkscore.com/images/subnav-top.gif) 0 0 no-repeat;
}
.subnav ul {
	list-style-type: none;
	margin: 0 0 0 10px;
	overflow: hidden;
}
.subnav ul li {
	margin: 4px 4px 7px 0;
	white-space: normal;
	padding-left: 14px;
	line-height: 1.3em;
	background: url(http://cdn.walkscore.com/images/bullet.png) 0 5px no-repeat;
}
.subnav ul li a {
	text-decoration: none;
}
.subnav ul li a:hover {
	color: #6395d5;
	text-decoration: underline;
}
.subnav ul li.current-page {
	font-weight: bold;
	color: #b14900;
}

.float-left, .content-body .float-left {
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
	}
	
	
	.beta-bling {
		position: absolute; 
		width: 42px; 
		height: 40px; 
		background: url(http://cdn.walkscore.com/images/sprites1.png) 0 -60px;
		z-index: 100;
	}
	
	div.beta-left-wrapper, div.beta-right-wrapper { display: inline; width: auto; position:relative; overflow: visible;}
	div.beta-left-wrapper { padding-left: 44px;}
	div.beta-left-wrapper div.beta-bling { left: 0px; top: -14px; }
	div.beta-right-wrapper div.beta-bling { right: -40px; top: -14px; }
	.column-box.beta { padding-top: 10px; }
	.column-box.beta .beta-bling { top: 0; left: 0px; }
	.column-box.beta h2 { text-indent: 48px; }