/* @override 
	http://localhost/stylesheets/s100.css
	http://localhost:3000/stylesheets/s100.css
	http://192.168.30.120:3000/stylesheets/s100.css
	http://s100-staging.heroku.com/stylesheets/s100.css?1290545678
*/

/* @group Global */

article, aside, footer, header, hgroup, nav, section {
	display: block;
}

html {
	border-top: 5px solid #f1f1f1;
}

body {
	width: 982px;
	/*width: 1002px;*/
	height: 100%;
	margin: 0 auto;
	font-family: "Helvetica Neue", Helvetica, sans-serif;	
	color: #282828;
	text-rendering: optimizelegibility;
}

a {
	color: #282828
}

a img {
	border: none;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

h1 {
	font-size: 220%;
}

article h2 {
	font-size: 116%;
	margin: 10px 0;
}
ol, ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

/*#main-content {
	overflow: auto;
}*/

/*#main-content > header {

}*/

/*#main-content > header h1 {
	font: bold 200% "Helvetica Neue", Helvetica, sans-serif;
}*/

#page-header,
#main-content,
#section-header,
#page-footer,
#home-intro,
#random-s100,
#book section,
#book-intro,
#community100,
#seattle_on {
	padding: 0 50px;
	margin-top: 10px;
}

#page-header,
#section-header,
#home-intro,
#book-intro,
#book section {
	border-bottom: 1px solid #f0f0f0;
	overflow: auto;
}

#main-content.full-text {
	width: 65%;
}
#main-content.full-text li {
	list-style: disc;
}

#flash, #field-errors {
	font-weight: bold;
	margin: 10px 0;
	color: #c23b33;
}
/* @end */

/* @group Errors */

article.error,
article.error-404 {
	height: 510px;
	background: url(../images/404_bg.jpg) no-repeat bottom right;
}

/* @end */

/* @group Footer */

#page-footer {
	position: relative;
	overflow: hidden;
	padding-top: 20px;
	padding-bottom: 30px;
	border-top: 1px solid #f0f0f0;
	font-weight: bold;
	color: #ced2d2;
	-webkit-font-smoothing: antialiased;
}

#page-footer .social {
	float: right;
}
#page-footer .social .login {
	margin-top: 5px;
}
footer ol, footer nav {
	float: left;
}
footer nav a {
	color: #979797;
}

footer a:hover,
footer .credits h1 a:hover {
	color: #5e5f5f;
}

footer nav {
	font-size: 93%;
}

footer li {
	display: inline;
	margin-right: 5px;
}

footer li.space {
	margin: 0;
}
footer .credits {
	float: left;
	clear: left;
}
footer .credits h1 {
	margin-top: 10px;
	font-style: italic;
	font-weight: normal;
	font-size: 93%;
	-webkit-font-smoothing: subpixel-antialiased;
}

footer .credits h1 a {
	color: #b7bdbd;
}

/* @end */

/* @group Site Header */

#page-header {
	padding-top: 20px;
	padding-bottom: 10px;
	margin-top: 0;
	border-bottom: 1px solid #f0f0f0;
	overflow: auto;
}

header#page-header h1,
header#page-header h2 {
	margin: 0;
	padding: 0;
}

header#page-header h1 {
	background: url(../images/s100-logo.png) no-repeat;
	height: 35px;
	text-indent: -9999px;
}

header#page-header h2 {
	color: #bfbfbf;
	font: italic 93% Georgia, serif;
	font-size: 85%;
	margin-left: 2px;
}

header#page-header h2 a {
	color: #000;
	font-style: normal;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	text-decoration: none;
}

header#page-header hgroup {
	float: left;
	width: 200px;
}

/* @group nav */

header#page-header nav {
	float: right;
	margin-top: 26px;
}

header#page-header nav li {
	display: inline;
	/*margin: 30px 0 0 40px;*/
	margin-left: 30px;
	font-size: 138.5%;
	text-transform: uppercase;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
}

header#page-header nav li a {
	color: #bfbfbf;
	text-decoration: none;
	-webkit-transition: color 500ms;
}

header#page-header nav li a:hover,
header#page-header nav li.active a {
	color: #8a8c8d;
}

/* @end */
/* @end */

/* @group Main Content */

#main-content {
	margin-top: 10px;
	margin-bottom: 25px;
	overflow: hidden;
	clear: both;
}

/*#main-content section {
	width: 100%;
	height: 100%;
}*/

/* @group Content Header */

#section-header {
	padding-bottom: 10px;
}

#section-header hgroup {
	overflow: hidden;
}
#section-header hgroup nav {
	margin-top: 35px;
	text-transform: uppercase;
}
#section-header hgroup nav li {
	float: left;
	font-size: 116%;
	margin-right: 15px;
	-webkit-transition: color 300ms;≈
}
#section-header h1 {
	float: left;
	font-weight: bold;
	font-size: 400%;
	text-transform: capitalize;
	margin-right: 20px;
}

#section-header .categories {
	position: relative;
	height: 57px;
	overflow: auto;
	padding-left: 20px;
	-webkit-font-smoothing: antialiased;
}

#section-header .categories .container {
	position: absolute;
	bottom: 0;
}

#section-header h2 {
	font: italic 108% Georgia, serif;
	margin-top: 19px;
	margin-bottom: -3px;
}

#section-header h3 a {
	color: #282828;
	font: bold 153.9% "Helvetica Neue", Helvetica, sans-serif;
	text-transform: capitalize;
}

#section-header h3 a:hover {
	color: #8a8c8d;
}

#section-header nav {
	float: left;
	font-size: 108%;
	color: #b9b9b9;
	-webkit-font-smoothing: antialiased;
}

#section-header nav a {
	font-weight: bold;
	color: #b9b9b9;
	-webkit-transition: color 300ms;
}

#section-header nav a:hover,
#section-header nav a.active {
	color: #8a8c8d;
}

/* @end */

/* @group Book */

article#book section {
	margin-top: 0;
	padding-bottom: 20px;
}
#book .retailers a {
	float: left;
	border-left: 1px solid #f0f0f0;
	font-weight: bold;
	height: 45px;
	padding: 20px 0 15px;
	padding-right: 0;
	margin-left: 10px;
}
#book .retailers small {
	font-weight: normal;
	color: #8b8b8b;
}
#book .retailers a.first {
	border-left: none;
	padding-left: 0;
	margin-left: 0;
}
#book .retailers a.amazon {
	background: url(../images/reseller_amazon.png) no-repeat 0 25px;
	padding-left: 205px;
}
#book .retailers a.barnes {
	background: url(../images/reseller_barnes.png) no-repeat 15px 20px;
	padding-left: 205px;
}
#book .retailers a.borders {
	background: url(../images/reseller_borders.png) no-repeat 15px 20px;
	padding-left: 200px;
}
#book-intro {
	overflow: auto;
	margin-top: 20px;
	padding-bottom: 10px;
}
#book-intro .intro-text {
	margin-left: 510px;
}
#book-intro .intro-text p {
	margin-top: 0;
}
article#book section h1 {
	font: italic 116% Georgia, serif;
	margin: 20px 0 15px;
}
#book .spreads img {
}
section#book-footer {
	border: none;
}
#book-footer h2 {
	font-size: 124%;
}
#book-footer img {
	float: left;
}
#book-footer .chase {
	float: left;
	width: 560px;
}
#book-footer .chase p,
#book-footer .chase h2 {
	margin-left: 210px;
}
#book-footer .sponsors {
	margin-left: 585px;
	border-left: 1px solid #f0f0f0;
	padding-left: 20px;
}
#book-footer .sponsor {
	overflow: auto;
	margin-top: 20px;
	font-size: 93%;
}
#book-footer .sponsor h2 {
	margin-bottom: 5px;
}
#book-footer .sponsor div,
#book-footer .sponsor address,
#book-footer .sponsor h2 {
	margin-left: 75px;
}
#book-footer .sponsors .phone {
	font: italic 100% Georgia, serif;
	margin-bottom: 3px;
}
#book-footer .sponsors .website a {
	font-weight: bold;
	color: #9b9c9c;
}
#book-footer .sponsors address {
	margin-top: 5px;
	font-style: normal;
	font-weight: bold;
}

/* @end */


/* @end */



/* @group global animations */

@-webkit-keyframes fade-in {
	0% { 
		opacity: 0;
	}
	100% { 
		opacity: 1;
	}
}


/* @end */

/* @group Home */
#home-intro {
	overflow: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	padding-bottom: 25px;
}
#home-video,
#intro-video {
	float: left;
}
blockquote#home-quote,
blockquote#seattle-quote {
	float: left;
	margin: 0;
	width: 275px;
	margin-left: 25px;
	font-weight: bold;
	font-size: 165%;
}
blockquote#seattle-quote {
	font-size: 138.5%;
}
#random-s100 {
	margin: 15px 0 25px;
	overflow: auto;
}
#random-s100 h1,
#random-s100 h3 {
	font: italic 95% Georgia, serif;
	font-size: 116%;
}
/*#random-s100 h2 {
	color: #282828;
}*/
#random-s100 h3 {
	font-size: 93%;
	color: #8b8b8b;
}
#random-s100 li {
	float: left;
	width: 213px;
	margin-top: 20px;
	margin-left: 10px;
}
#random-s100 li:first-child {
	margin-left: 0;
}
#random-s100 img {
	
}

/* @end */

/* @group Maps UI */

#s100-map {
	margin-top: 10px;
	height: 100%;
}

#s100-map .s100-map-controls {
  	height: 22px;
	text-align: center;
	font: normal 13px Arial,sans-serif;
	margin: 5px;
	padding-bottom: 5px;
}

#s100-map .s100-map-controls .keyword-filter {
	margin: -2px;
}

#s100-map .s100-map-controls .keyword-filter select {
	font: normal 12px Arial,sans-serif;
	background-color: #fff;
	border: 1px solid black;
}

#s100-map .s100-map-controls .filter-name {
  	cursor: default;
}

#s100-map .s100-map-controls .remove-filter {
  	margin-right: 5px;
}

#s100-map .s100-map-controls .toggle-layer {
	width: 144px;
}

#s100-map .s100-map-controls .layer-control,
#s100-map .s100-map-controls .toggle-layer {
  	cursor: pointer;
}

#s100-map .s100-map-controls .toggle-layer,
#s100-map .s100-map-controls .layer-control,
#s100-map .s100-map-controls .filter-name {
	float: left;
	background: #fff;
  	border: 1px solid;
	padding: 0 10px;
}

#s100-map .s100-map-controls .toggle-layer.active,
#s100-map .s100-map-controls .filter-name {
	font-weight: bold;
}

/* @group Legend */

#s100-map-legend {
	background: transparent url(../images/black85.png);
	background: rgba(0,0,0,0.8);
	width: 195px;
	height: 70px;
	margin: 385px 5px 0 5px;
	padding: 10px;
	padding-right: 6px;
	font-size: 85%;
	color: #dedede;
}

#s100-map-legend li {
	float: left;
	min-width: 90px;
	margin-bottom: 10px;
}

#s100-map-legend li img {
	float: left;
	background: url(../images/markers_sm.png) no-repeat 0 -30px;
	width: 21px;
	height: 30px;
	margin: 0px 2px 0px 0;
}

#s100-map-legend li.s100-place img {
	background-position: 0 0;
}
#s100-map-legend li.c100-person img {
	background-position: 0 -60px;
}
#s100-map-legend li.c100-place img {
	background-position: 0 -90px;
}


/* @end */


/* @group InfoBox */

#s100-map .infoBox {
	overflow: none;
}
#s100-map .infoBox .wrapper {
	overflow: hidden;
	width: 450px;
	background: transparent url(../images/black85.png);
	background: rgba(0,0,0,0.8);
	margin-top: -5px;
	color: #ebeaeb;
}

/* These all have left image, so they are wider */
#s100-map .infoBox .wrapper.person,
#s100-map .infoBox .wrapper.communityperson,
#s100-map .infoBox .wrapper.communityplace {
	width: 490px;
	/*height: 160px;*/
}

#s100-map .infoBox p {
	margin: 0;
	padding: 0;
}

#s100-map .infoBox .headshot {
	position: relative;
}

#s100-map .infoBox img.headshot {
	width: 145px;
	height: 170px;
	margin-top: 0;
	border: none;
}

#s100-map .infoBox .headshot .fb-icon {
	position: absolute;
	bottom: 2px;
	left: 2px;
}

#s100-map .infoBox .places {
	width: 93%;
	border-top: 1px solid #dadada;
	padding: 4px 10px 0 5px;
	margin-left: 5px;
	font-size: 85%;
}

#s100-map .infoBox address,
#s100-map .infoBox a.website {
	font-size: 77%;
	font-style: normal;
}

#s100-map .infoBox a.website {
	display: block;
	font-weight: normal;
	word-wrap: break-word;
	font-size: 85%;
	color: #bfbfbf;
	margin-top: 5px;
}

#s100-map .infoBox address {
	margin: 7px 0;
	font-weight: bold;
	white-space: pre;
}

#s100-map .infoBox address .location {
	font-size: 108%;
}

#s100-map .infoBox .details, 
#s100-map .infoBox .keywords,
#s100-map .infoBox .headshot,
#s100-map .infoBox .places {
	float: left;
}

#s100-map .infoBox .details-wrapper {
	overflow: hidden;
	margin-top: 10px;
	border-left: 1px solid #acacac;
}
#s100-map .infoBox .place .details-wrapper {
	border-left: none;
}

#s100-map .infoBox .details {
	min-height: 130px;
	width: 160px;
	height: auto;
	border-right: 1px solid #acacac;
	margin: 0 10px;
	margin-bottom: 5px;
	padding-right: 20px;
}
#s100-map .infoBox .place .details {
	width: 205px;
}
#s100-map .infoBox .keywords {
	margin-bottom: 5px;
}

#s100-map .infoBox .keywords a.name {
	display: block;
	font-size: 131%;
	line-height: 21px;
}

#s100-map .infoBox .people {
	font-size: 93%;
	border-top: 1px solid #acacac;
	padding: 5px;
	padding-left: 5px;
	margin: 0 5px;
	clear: both;
}

#s100-map .infoBox a {
	font-weight: bold;
	color: #f1f1f1;
	display: b;
}

#s100-map .infoBox p.title {
	font: italic 108% Georgia, serif;
	margin-top: 5px;
	margin-bottom: 6px;
}

#s100-map .infoBox p.name,
#s100-map .infoBox a.name {
	font-size: 138.5%;
	font-weight: bold;
}


#s100-map .infoBox p.phone,
#s100-map .infoBox p.person-title {
	font: italic 93% Georgia, serif;
	margin-top: 1px;
}

/* @end */

/* @end */

/* @group People */

#person-headshot-tooltip {
	-moz-box-shadow: 0px 0px 4px #cfcfcf;
	-webkit-box-shadow: 0px 0px 4px #cfcfcf;
	box-shadow: 0px 0px 4px #cfcfcf;
}

/* @group keywords nav */

article section h1 {
	color: #282828;
	font: italic 123.1% Georgia, serif;
	margin-bottom: 15px;
}

section.keywords {
	float: left;
	margin-right: 50px;
}

nav#keywords {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 230%;
	font-weight: bold;
	text-transform: capitalize;
	color: #fff;
	-webkit-font-smoothing: antialiased;
}

nav#keywords li {
	color: #ccd1d5;
	cursor: pointer;
	line-height: 93%;
	margin-bottom: 12px;
	/*-webkit-transition: color 1s;*/

}

nav#keywords li.draw-in {
	/*color: #fff;*/
	-webkit-animation-name: fade-in;
	-webkit-animation-duration: 1.2s;
}

nav#keywords li a {
	display: block;
	color: #ccd1d5;
	-webkit-transition: color 500ms;
	-moz-transition: color 500ms;
}

nav#keywords li.active-preview a,
nav#keywords li:hover a {
	color: #9da0a0;
	-webkit-transition: color 300ms;
	-moz-transition: color 500ms;
}

nav#keywords li.active a {
	color: #2a2a2a;
	-webkit-transition: color 800ms;
	-moz-transition: color 800ms;
}



/* @end */

/* @group people */

section.people {
	overflow: auto;
}

article.people {
	overflow: auto;
	-webkit-perspective: 500;
}

article.people ol,
#c100-results ol {
	float: left;
	margin-left: 15px;
	padding-left: 8px;
	border-left: 1px solid #ccd1d5;
	max-width: 139px;
	-webkit-font-smoothing: antialiased;
	/*-webkit-transition-duration: 500ms;*/
    /*-webkit-transform-style: preserve-3d;*/
    /*-webkit-transform-origin: 0% 100%;
	-webkit-transform: translate3d(0, 0, 0) rotateY(15deg) rotateX(-5deg);*/
}

article.people ol:first-child,
#c100-results ol:first-child {
	margin-left: 0;
}

/*article.people ol.drawn {
	-webkit-transform: translate3d(0, 0, 0);
}*/

article.people ol li,
#c100-results ol li {
	display: block;
	cursor: pointer;
	color: #ccd1d5;
	font-weight: bold;
	font-size: 108%;
	padding-bottom: 4px;
}

article.people ol li,
article.people ol li a,
#c100-results ol li, 
#c100-results ol li a {
	color: #ccd1d5;
	-webkit-transform: color 1s;
	-webkit-transition-duration: 500ms;
}

article.people ol li:hover a,
article.people ol li.active-preview a,
#c100-results ol li:hover a,
#c100-results ol li.active-preview a {
	color: #8b8f8f;
	-webkit-transition-duration: 350ms;
}

/*article.people ol li.drawn {
	color: #ccd1d5;
}*/

article.people ol li.active a {
	color: #2a2a2a;
	/*-webkit-transition-delay: 0s !important;*/
}

/* @end */

/* @group person */

.person #main-content {
	position: relative;
	margin-top: 0;
}

/*.person #main-content section {
	position: relative;
}*/

#person-pane  {
	min-height: 650px;
}

/* @group Carousel */

#person-carousel {
	position: absolute;
	top: 0;
	z-index: -1;
	width: 882px;
	height: 650px;
}

#person-carousel .ux-carousel-slide {
	-webkit-transition-property: opacity;
	/*-webkit-transition-duration: 1500ms;*/
}

#person-carousel .carousel-video {
	margin-top: 170px;
}

/* @end */

#person-info a {
	color: #fff;
}

/*#person-info a:hover {
	text-decoration: underline;
}*/

#person-info h3 {
	font-weight: normal;
	font-size: 93%;
}

#person-info h2 {
	font-weight: bold;
	font-size: 108%;
}
#person-info .trending h2 {
	font: italic 108% Georgia, serif;
}


/*#person-carousel img {
	position: absolute;
	top: 0;
	width: 882px;
}*/

#person-info .community,
#panel-controls,
#image-nav {
	border-bottom: 1px solid white;
	padding-bottom: 0px;
}

#person-info .community,
#panel-controls,
#image-nav,
#person-info .my-locations {
	border-bottom: 1px solid white;
}

#person-info {
	z-index: 1000;
	width: 335px;
	height: 100%;
	background: transparent url(../images/black85.png);
	background: rgba(0,0,0,0.75);
	color: #fff;
	padding: 10px;
	padding-top: 5px;
}

#person-info.short #image-nav {
	border-bottom: none;
}

#person-info.short {
	height: 130px;
}

#person-info p {
	font-size: 108%;
	margin-top: 0;
	font-weight: bold;
}

#person-info .info,
#person-info .community {
	margin-bottom: 15px;
}

#person-info .info {
	position: relative;
	margin-top: 10px;
}

/* @group Controls */

#panel-controls {
	overflow: auto;
	font-size: 93%;
	padding-bottom: 5px;
}

#panel-controls .content {
	float: left;
}
#panel-controls .placement {
	float: right;
}

#panel-controls ol li img {
	margin-left: 5px;
	width: 9px;
	height: 7px;
	background: url(../images/li_disc.png) no-repeat -34px -7px;
}

#panel-controls ol li.active img {
	height: 6px;
	background-position: -10px -8px;
}

#panel-controls ol li.label {
	background: none;
	font-style: italic;
	padding-left: 0;
	margin-right: 1px;
	cursor: default;
}

#panel-controls ol li.active {
	font-weight: bold;
}

#panel-controls li,
#image-nav li {
	display: inline;
	cursor: pointer;
}



/* @end */

/* @group Image paging */

#image-paging {
	font-size: 85%;
	font-weight: bold;
}
#image-paging ul li {
	padding: 1px 0;
	padding-right: 6px;
	margin-right: 8px;
	border-right: 1px solid white;
}
#image-paging li.viewing {
	border: none;
	font-weight: normal;
}
/* @end */


/* @group Image Nav */

#image-nav {
	position: relative;
	padding-top: 5px;
	overflow: hidden;
	height: 110px;
}

#image-nav ol {
	position: absolute;
	width: 10000px;
	top: 25px;
	-webkit-transition: left 300ms;
}

#image-nav li {
	float: left;
	position: relative;
	padding-top: 2px;
	padding-right: 6px;
}

#image-nav li div.border {
	position: absolute;
	top: 2px;
	left: 0;
	width: 75px;
	height: 75px;
	opacity: 0;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 500ms;
}

#image-nav li.active div.border {
	border: 2px solid white;
	opacity: 1;
}

#image-nav img {
	width: 79px;
	height: 79px;
}



/* @end */

/* @group My Locations */

#person-info .my-locations {
	margin-bottom: 10px;
}

#person-info .my-locations .place {
	margin-bottom: 10px;
}

#person-info .my-locations h3 {
	font-style: italic;
}

/* @end */

#person-info .trending li,
#person-info .info p {
	width: 90%;
}

/* @group Community */

#person-info .community {
	height: 55px;
	padding-top: 10px;
	padding-bottom: 0;
}

#person-info .social,
#person-info .seattle-on,
#person-info .map-locations {
	height: 48px;
	float: left;
}

#person-info .map-locations,
#person-info .seattle-on {
	height: 40px;
	border-left: 1px solid white;
	padding: 9px 8px 0;
}

#person-info .seattle-on {
}

#person-info .like {
	margin-bottom: 3px;
}

#person-info .map-locations {
	position: relative;
	font-size: 108%;
	padding-left: 20px;
}

#person-info .marker-icon {
	position: absolute;
	right: 15px;
	top: -23px;
	background: url(../images/markers.png) no-repeat;
	width: 29px;
	height: 43px;
}

#person-info .map-locations {
	font-weight: bold;
}

#person-info .map-locations small {
	display: block;
	font-size: 77%;
}

/* @end */

/* @group My Group */



/* @end */



#person-info .trending li {
	margin-bottom: 7px;
}

#person-info .trending p,
#person-info .trending time {
	font-weight: normal;
	font-size: 93%;
	margin: 0;
	margin-bottom: 3px;
}

#person-info .trending time {
	font-size: 85%;
	/*font-style: italic;*/
}

/* @end */


/* @end */

/* @group Community100 */
#community100 {
	position: relative;
	margin-top: 0;
}
.community100-about p {
	font-weight: bold;
	font-size: 138.5%;
}
/*#main-content.community100-about p {
	font-weight: bold;
	font-size: 138.5%;
}*/
#profile-pane {
	position: absolute;
	top: 0;
	width: 855px;
	height: 460px;
	opacity: 0;
	padding: 15px;
	background: transparent url(../images/black85.png);
	background: rgba(0,0,0,0.8);
	-webkit-transition: opacity 200ms;
}
#profile-pane, 
#profile-pane h1 {
	color: #f6f6f6;
}
#profile-pane.show {
	opacity: 1;
}
#profile-pane .close {
	float: right;
	cursor: pointer;
}
#profile-pane .headshot {
	float: left;
	margin-right: 20px;
}
#profile-pane .info {
	float: left;
	width: 45%;
}
#profile-pane h1 {
	width: 400px;
	word-wrap: break-word;
	font: bold 400% "Helvetica Neue", Helvetica, sans-serif;
	line-height: 50px;
	border-bottom: 1px solid white;
	margin: 0px 0 5px;
	padding-bottom: 10px;
}
#profile-pane h3 {
	font: italic 123.1% Georgia, serif;
	margin-bottom: 1px;
}
#profile-pane time {
	display: block;
	margin-bottom: 15px;
}
#profile-pane .social {
	margin-top: 10px;
	margin-bottom: 20px;
}
#profile-pane .keywords {
	margin-top: 30px;
}
#profile-list {
	position: relative;
	overflow: hidden;
	background-color: #f0f0f0;
}
#main-content .coming-soon {
	z-index: 50px;
	width: 430px;
	height: 490px;
	padding: 20px;
	background: transparent url(../images/coming-soon.png) no-repeat 0 -50px;
	/*background: rgba(0,0,0,0.7);*/
	color: white;
	font-size: 200%;
	text-align: center;
}
#main-content .coming-soon p {
	margin-top: 100px;
}
#main-content #profile-list {
	float: left;
	width: 490px;
	height: 390px;
	margin-right: 25px;
}
#profile-list li, 
#profile-list li .photo {
	width: 98px;
	height: 98px;
}
#profile-list li .photo {
	position: absolute;
	top: 0px;
	opacity: 0;
	-webkit-transition: opacity 500ms;
}
#profile-list li .photo.show {
	opacity: 1;
}
#profile-list li {
	position: relative;
	float: left;
	word-wrap: break-word;
	overflow: hidden;
}
#profile-list li span {
	text-indent: -9999px;
}
#profile-list li.no-person {
	background: 0;
	text-indent: 0;
	text-align: right;
}
#community100 h2,
#profile-list h2 {
	margin: 5px 7px 5px;
	font-weight: bold;
	font-size: 153.9%;
	color: #dedede;
}
#profile-list .no-person h2 {
	margin-top: 12px;
	margin-right: 12px;
}
#community100 .info time {
	font-size: 153.9%;
	font-weight: bold;
}
#community100 .info ul {
	overflow: auto;
	margin-top: 7px;
	border-top: 1px solid white;
	width: 85%;
}
#community100 .info li {
	border-bottom: 1px solid white;
	padding: 2px 0 4px;
	font-size: 131%;
	font-weight: bold;
}

#steps-container {
	position: relative;
	height: 340px;
	overflow: hidden;
}
#steps {
	position: absolute;
	width: 200%;
	margin-top: 20px;
	-webkit-transition: left 300ms;
}
#steps .step .disable-step {
	position: absolute;
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.7);
	filter:alpha(opacity=70);
	width: 100%;
	height: 100%;
}
#steps .step {
	position: relative;
	float: left;
	height: 100%;
	padding-top: 35px;
	padding-left: 3%;
	margin-right: 3%;
	border-left: 1px solid #f0f0f0;
}
/*#steps .step.active {
	opacity: 1;
}*/
#steps .step.complete .disable-step {
	background-color: rgba(255,255,255,0.5);
}
#steps .step1 {
	width: 190px;
	border: none;
	margin-left: 0;
	padding-left: 0;
}
#steps .step2 {
	width: 395px;
}
#steps .step3 {
	width: 390px;
}
#steps li {
	overflow: auto;
}
#steps form input[type=text],
#steps form select,
#steps form textarea {
	width: 63%;
}
#steps form select {
	width: 65%;
}
#steps form .photo {
	margin-bottom: 15px;
}
#steps form label {
	display: block;
	float: left;
	width: 35%;
	font-weight: bold;
}
#steps form .type {
	margin: 4px 0;
	margin-left: 35%;
	overflow: auto;
}
#steps form .radio {
	float: left;
	margin-right: 10px;
}
#steps form .radio label {
	width: auto;
}
#steps form input[type=submit] {
	float: right;
	border: none;
	background: #282828 url(../images/submit_arrow.png) no-repeat 71px;
	margin-top: 10px;
	padding: 5px 22px 5px 17px;
	font-weight: bold;
	font-size: 108%;
	color: white;
}
/* IE7 Hack */
*:first-child+html #steps form input[type=submit] {
	padding: 5px 8px 5px 5px;
}

#fb-profile img {
	float: left;
	width: 50px;
	padding: 8px;
	padding-left: 0;
	border-right: 1px solid #f0f0f0;
}
#fb-profile p small {
	font-size: 85%;
}
#fb-profile p {
	float: left;
	margin: 8px;
	margin-top: 6px;
	line-height: 18px;
}
#fb-profile p a {
	color: #3B5998;
}

#c100-search,
#c100-results {
	margin-top: 10px;
}
#c100-search h1 {
	margin-bottom: 5px;
	margin-left: 4px;
}
#c100-results,
#c100-results .results-container {
	overflow: auto;
}
#c100-results h1 {
	margin-top: 20px;
	margin-left: 10px;
	margin-bottom: 7px;
}
#c100-find-form input {
	border: none;
	background: none;
}
#c100-find-form input.search {
	padding: 4px;
	border: 1px solid #ccd1d5;
	background: none;
	font-family: "Helvetica Neue", Helvetica, sans-serif;	
	font-size: 200%;
	width: 360px;
}
#c100-find-form input[type=submit] {
	font-weight: bold;
	font-size: 108%;
	padding: 0;
	vertical-align: top;
	margin-top: 16px;
	padding-left: 10px;
	padding-right: 18px;
	background: url(../images/arrow.png) no-repeat right 0;
}

#c100-results ol {
	margin-left: 35px;
}
#c100-results ol:first-child {
	margin-left: 0;
}
#c100-results ol li a {
	color: #282828;
}

#c100-results .pager {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 20px;
}
#c100-results .pager li,
#c100-results .pager li.previous {
	display: inline;
	border-right: 1px solid #ccd1d5;
	padding: 0 10px 0 0 ;
	margin-right: 5px;
}
#c100-results .pager li a {
	color: #ccd1d5;
}
#c100-results .pager li.jump,
#c100-results .pager li.jump a,
#c100-results .pager li.active a {
	font-weight: bold;
	color: #282828;
}
#c100-results .pager li.jump {
	background: url(../images/arrow.png) no-repeat;
	padding: 0 15px;
}
#c100-results .pager li.next {
	border: none;
	padding-left: 6px;
	background-position: right 0;
}
#c100-results .pager li.previous {
	background-position: left -16px;
}
#c100-results .pager li.first,
#c100-results .pager li.last {
	display: none;
}
/*#c100-results .pager li::last-child {
	border-left: 1px solid #ccd1d5;
}*/
/* @end */

/* @group Seattle on */
#seattle_on {
	overflow: auto;
}
#seattle_on h1 {
	font: italic 167% Georgia, serif;
}
#seattle_on h2 {
	width: 40%;
	float: right;
	font-size: 400%;
	line-height: 45px;
}
#seattle_on blockquote {
	float: left;
	width: 55%;
	margin: 0;
}
#seattle_on cite {
	font-weight: bold;
	font-size: 108%;
}
/* @end */

/* @group Facebook */

/*div.like {
	display: none;
}*/

/* @end */