﻿#loading { width: 100% }
#loading > img { margin: 100px auto; display: block }

#blogRoot
{
	width: 800px;
	font-size: 14px;
	font-family: Arial;
}

div.lang
{
	display: inline-block;
	border: 1px solid black;
	cursor: pointer;
	cursor: hand;
	padding: 0.5em;
}

div.lang.active
{
	background: #FFFFEE;
	border: 2px solid black;
	cursor: default;
	font-weight: bold;
	cursor: default;
}

.form
{
	border: 1px solid black;
	padding: 20px;
	margin-bottom: 20px;
	background: white;
}

.form label
{
	margin-top: 10px;
	display: block;
	font-size: 12px;
	font-weight: bold;
}

.form input, .form textarea
{
	display: block;
	width: 100%;
	border: 1px solid gray;
	font-size: 14px;
}

.form input
{
	height: 20px;
}

.form textarea
{
	height: 120px;
}

.form button
{
	width: 160px;
	height: 40px;
	margin: 0;
	margin-top: 15px;
	margin-right: 30px;
	display: inline-block;
}

.form .stack
{
	float: left;
	display: inline-block;
	width: 230px;
	padding-right: 50px;
}

.form .stack input
{
	width: 180px;
}

#addComment
{
	width: 600px;
	margin-top: 20px;
	margin-left: 20px;
}

.post 
{
	border-bottom: 1px solid gray;
	padding: 20px 0;
	margin: 0 20px;
	clear: both;
}

.post a, .post a:link, .post a:hover,
#newComment, #deleteComment
{
	color: maroon;
	text-decoration: none;
	font-weight: normal;
}

.post a:hover
{
	color: #900000;
}

.post .blog-header  
{
	color: gray;
	font-weight: normal;
}

.post .blog-header label 
{
/*	color: rgb(51, 102, 153); */
	display: inline-block;
	width: 100px;
	font-weight: bold;
}

.post .blog-header div 
{ 
	display: inline-block;
	width: 650px;
}

.post .blog-text { margin: 10px 0; }

.blog-footer a, .blog-footer a:link, .blog-footer a:hover
{
	text-transform: uppercase;
	font-size: 10px;
}

.blog-footer > div
{
	font-size: 12px;
	font-weight: normal;
	border-left: 1px solid blue;
	display: inline-block;
	padding: 0 5px 0 7px;
}

.blog-footer .link
{
	border: 0;
	padding-left: 0;
}

.comment-children
{
	margin-left: 10px;
}

#oneComment
{
	margin: 10px 20px;
}
.comment-before-children
{
	border: 1px solid #EEEEEE;
}
.comment-header
{
	display: block;
	background: #EEEEEE;
	padding: 3px;
	font-size: 10px;
	color: gray;
}
.comment-author, .comment-time
{
	display: inline-block;
}
.comment-title
{
	font-weight: bold;
	display: block;
	color: Black;
	font-size: 14px;
}
.comment-text
{
	padding: 10px;
}
div.comment-reply { border-left: 0; padding: 0; }
#oneComment .blog-footer { padding: 5px 10px }
