/* CSS Document */

/**** SNIPPET COLUMN ****/

#snippetcolumn {
	border: 2px solid white;
	width: 278px;
	float: left;
	padding: 10px;
	background-color: #B8C4DF;
	margin-bottom: 20px;
}

#snippetcolumn #login {
	border: 1px solid #003366;
	padding: 1px;
	width: 132px;
	background-color: #DBE1EF; 
	margin-bottom: 8px;
	text-align: center;
	float: left;
}

#snippetcolumn #login .post{
	padding: 0;
	display: block;
	width: 122px;
}

#snippetcolumn #login .avatar {
	width: 126px;
}

#snippetcolumn #chat {
	border: 1px solid #003366;
	padding: 1px;
	width: 132px;
	background-color: #DBE1EF;
	margin-bottom: 8px;
	float: left;
}

#snippetcolumn form.buttonlink {
	text-align: center;
	margin-top: 5px;
}

#snippetcolumn #latestposts, #snippetcolumn #journals {
	border: 1px solid #003366;
	padding: 1px;
	width: 274px;
	background-color: #DBE1EF; 
	margin-bottom: 8px;
	float: left;
}

#snippetcolumn #latestposts .topic a, #snippetcolumn #journals .topic a {
	padding: 3px 0px;
	border-bottom: 1px solid #999;
	color: #036;
	text-decoration: none;
	display: block;
	height: 24px;
	overflow: hidden;
}

#snippetcolumn #latestposts .topic a:hover, #snippetcolumn #journals .topic a:hover {
	background-color: white;
}

#snippetcolumn #latestposts img, #snippetcolumn #journals img {
	vertical-align: bottom;
	border: 0;
}