a { color: inherit; text-decoration: underline; }
a:hover {  }
q:before { content: '“'; }
q:after { content: '”'; }
input.fancy { -webkit-appearance:button;padding:0 8px;border:1px solid #999;-webkit-border-radius:2px;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddd));font-size:16px;height:1.85em!important;webkit-user-select: text;}
input.fancy:active {background:-webkit-gradient(linear,left top,left bottom,from(#ccc),to(#ddd))}
body { background: #fff; font: normal 12px/17px helvetica,sans-serif;  }
	.session { background: #DDD; padding: 10px 16px; }
	.content { padding: 22px; }

	#logo { width: 878px; height: 132px; }
	.log { position:absolute; top: 16px; right: 20px; font-size: 12px; color: #888; line-height:0px;}
	.whatisthis { font-size: 2em; color: #383838; line-height: 1.4em; background: #F2F2F2; padding: 16px 24px; margin: 24px 0 0 0; width: 832px; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px;}
	.whatisthis .question { color: #222; font-weight: bold; }
	.whatisthis .divided { border-top: 1px dashed #CCC; padding-top: 12px; margin-top: 12px; }
	.whatisthis .updated { font-size: 12px; color: #AAA; }

	.tabs { margin-top: 24px; }
	.tabs a { float: left; width: 220px; margin-right: 12px; position: relative; top: 6px; background: #DDD; color: #555; font-size: 28px; padding: 24px 24px 12px 24px; font-weight: bold; -webkit-border-top-left-radius: 24px; -webkit-border-top-right-radius: 24px; -moz-border-radius-topleft: 24px; -moz-border-radius-topright: 24px; border-top-left-radius: 24px; border-top-right-radius: 24px; }
		.tabs a { text-decoration: none; }
		.tabs a.active { background: #EEE; color: #444; padding-bottom: 18px; top: 0px; }

	.sheet { background: #EEE; padding: 24px; width: 832px; -webkit-border-bottom-right-radius: 24px; -webkit-border-top-right-radius: 24px; -webkit-border-bottom-left-radius: 24px; -moz-border-radius-topright: 24px; -moz-border-radius-bottomright: 24px; -moz-border-radius-bottomleft: 24px; border-top-right-radius: 24px; border-bottom-right-radius: 24px; border-bottom-left-radius: 24px;}
		.sheet .intro { border: 0px solid #AAA; font-size: 1.5em; line-height: 1.4em; color: #444; margin-bottom: 24px; }
			.sheet .intro .emphasized { color: #222; font-weight: bold; }
			.sheet form { color: #444; font-weight: bold; width: 172px; float:left; }
				.sheet form .variable { margin-bottom: 18px; }
				.sheet form textarea { width: 100%; height: 120px; }
				.sheet form .wide { width: 100%; }
		.preview { background: #FFF url('/ajax-loader.gif') no-repeat center; margin-left: 24px; float: right; }
			.preview img { border: 1px solid #AAA; width: 620px; height: 800px; }
			
	p.quote { width: 840px; padding: 24px; font-style: italic; color: #AAA; }
	div.join { padding: 24px 0 0 24px; }
		div.join form input { margin-bottom: 24px; }
	div.settings { padding: 24px 0 0 24px; }
			div.settings form input { margin-bottom: 24px; }
			div.settings form img { margin: 12px; }
			
/* accountability */
.post { background: #F2F2F2; padding: 16px 24px; margin: 24px 0 0 0; width: 832px; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px;}
.post .date { font-size: 2em; font-weight: bold; color: #383838; line-height: 1.4em; }
.post .recap { font-size: 1.2em; color: #383838; line-height: 1.4em; }
.post .recap img { margin: 4px 0 8px 0; }
.post .question { font-weight: bold; }