/* another color scheme idea: 0033FF at colorschemer.com/online.html */

body {
	margin: 0 ;
	padding: 0 ;
	font-family: Verdana, sans-serif;
	font-size: 9pt;
}
#construction {
	border-width: 0 0 1px 0 ;
}

#sidebar {
	width: 180pt ;
	float: right ;
	background-color: #bbb ;
}
#content {
	margin-right: 240px ;
	padding: 2pt ;
	max-width: 432pt ;
	xbackground-color: pink ;
}

#title {
	display: block ;
	text-align: center ;
	color: black ;
	text-decoration: none ;
	font-weight: bold ;
	font-size: 35px ;
	padding: 12px 0 3px 0 ;
}

#subtitle {
	text-align: center ;
}

hr {
	color: black ;
	background-color: black ;
	border: none ;
	height: 1px ;
	margin: 8pt 8pt 8pt 8pt ;
	xdisplay: none ;
}

#footer {
	text-align: center ;
	padding-bottom: 8pt ;
}
.navline {
	text-align: center ;
}

#nav div.nav, #nav div.nav2 {
	text-align: right ;
	margin: 1pt 8pt ;
}
#nav div.stats {
	margin: 1pt 8pt ;
}
#nav div.nav2 {
	padding: 4pt ;
	background-color: #999 ;
	margin-left: 33pt ;
}

#nav div.navh {
	margin: 8pt 8pt 1pt 8pt ;
	border-bottom: 1px solid black ;
	xbackground-color: #aaa ;
	display: none ;
}
#login-user,#login-pass {
	text-align: right ;
	padding: 1pt 8pt ;
	font-size: 0.9em ;
}
#login-submit {
	text-align: center ;
	padding: 1pt ;
}
#blog-post-submit,#profile-edit-submit {
	font-size: 1.4em ;
}
.error {
	background-color: pink ;
	border: 1px solid red ;
	padding: 2pt ;
	margin: 2pt ;
}
a {
	color: blue ;
}

h1,#header {
	xmargin: 20pt ;
	xbackground-color: red ;
	padding: 1pt 1pt ;
	margin: 4pt 1pt 0 1pt ;
	xborder-bottom: 1px solid black ;
	max-width: 432pt ;
	line-height: 1em ;
}
#preheader {
	margin: 18pt 1pt 0 1pt ;
	padding: 1pt 1pt 0 1pt ;
	line-height: 1em ;
	font-size: 0.9em ;
}
#postheader{
	margin: 0 1pt 16pt 1pt ;
	padding: 1pt 1pt 0 1pt ;
	line-height: 1em ;
	font-size: 0.9em ;
}

p,#blog-post-content,.composer-field {
	padding: 1pt ;
	margin: 1pt 1pt 0.5em 1pt ;
	xbackground-color: green ;
	line-height: 1.15em ;
	xtext-align: justify ;
}
#blog-post-content,#profile-edit-bio {
	width: 95% ;
	height: 25em ;
	font-size: 1.3em ;
}
#blog-post-title,#profile-edit-title {
	width: 50% ;
	font-size: 1.25em ;
}
#blog-post-title,#blog-post-content,#profile-edit-bio,#profile-edit-title {
	background-color: #ff7 ;
}
h2 {
	color: #000 ;
	zborder-bottom: 1px solid #00f ;
	max-width: 6in ;
	padding: 1pt ;
	margin: 16pt 1pt 8pt 1pt ;
}
div.profile {
	padding: 2pt ;
	margin: 2pt ;
	max-width: 6in ;
	float: left ;
	width: 55% ;
}
#profile {
	padding: 2pt ;
	margin: 2pt ;
	max-width: 6in ;
	float: left ;
	clear: left ;
}
.profileimg {
	max-width: 150pt ;
	max-height: 150pt ;
}
.placeholder,.placeholder:hover {
	text-decoration: line-through ;
	color: #555 ;
}

.instructions {
	xfont-size: 0.85em ;
	padding: 6pt ;
	background-color: #ddddff ;
	border: 1px dashed blue ;
}

.activity {
	border: 1px solid #aaa ;
	padding: 8pt ;
	margin: 8pt ;
}
.activity .chrono {
	font-size: 0.85em ;
	color: #888 ;
}
.activity .content blockquote {
	font-size: 0.9em ;
	background-color: #ccc ;
	padding: 4pt ;
	margin: 6pt 0 0 0 ;
}
.activity .content blockquote .reply-title,
.activity .content blockquote .post-title {
	font-weight: bold ;
}
.activity .content blockquote hr {
	padding: 0 ;
	margin: auto 0 ;
	width: 100% ;
	border-width: 0 ;
	background-color: #000 ;
	height: 1px ;
	color: #000 ;
}
.con-inprogress {
	color: red ;
}
.con-finished {
	color: green ;
}
#chatterbox {
	background-color: #ddd ;
	padding: 2pt ;
}
#chatterbox a {
	color: #000 ;
}
#cb-topic {
	margin: 6pt ;
	font-size: 85% ;
}
#cb-field {

}
#cb-submit {
	text-align: center ;
}
