/* @group Очистка CSS, meyerweb.com */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


input, textarea {
	margin: 0;
	padding: 0;
}

/* @end */

body, input, textarea {
	line-height: 125%;
	font-family: Times, 'Times New Roman', serif;
	font-size: 100%;
	max-width: 60em;
}
input {
	margin-top: -.2em;
}
strong {
	color: #730;
}
#pageNotice {
	color: #060;
	padding: 0 .8em;
}

.submit {
	font-weight: bold;
}


/* @group Главная страница */
body#pageWithPosts,
body#usersPage {
	margin: 6em 15% 4em 15%;
}


#pageWithPosts #toolbar {
	margin-top: -5em;
	margin-bottom: -100%;
	max-width: 44.44em;
	font-size: 90%;
	float: left;
	width: 100%;
}
#pageWithPosts #toolbar p {
	margin-bottom: .3em;
}
#pageWithPosts #logout,
#pageWithPosts #login,
#pageWithPosts #settings {
	margin: 0 0 0 .8em;
}
#pageWithPosts #login a,
#pageWithPosts #logout a {
	padding: 0em .6em .2em .6em;
	text-decoration: none;
	font-variant: small-caps;
	font-size: .8em;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif ;
}
#pageWithPosts #toolbar a {
	color: #000;
}
#pageWithPosts #login a {
	color: #090;
	text-decoration: underline;
	font-size: 1em;
	font-variant: normal;
	padding: 0;
}
#pageWithPosts #login a:hover {
	color: #060;
}
#pageWithPosts #logout {
	float: left;
}
#pageWithPosts #logout a {
	border: 1px solid;
	color: #070;
}
#pageWithPosts #settings {
	float: left;
}
#pageWithPosts #logout a:hover {
/*	color: #fff;*/
	background-color: #fff8ee;
}

#pageWithPostsContainer {
	clear: both;
}

	#pageWithPosts input,
	#pageWithPosts label {
		font-size: 80%;
		font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	}
	#pageWithPosts h1,
	#usersPage h1,
	#siteTitle,
	h2 {
		clear: both;
		font-size: 140%;
		font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
		font-weight: bold;
		color: #000;
		padding: .4em .58em;
		margin-bottom: 1em;
		display: inline;
		float: left;
		width: auto;
	}
	h1#tagName {
		clear: none;
	}
	#siteTitle {
		padding: .4em .5em;
		background-color: #ffc;
	}
		#siteTitle a {
			text-decoration: none;
			color: #000;
		}
		
	#pageWithPosts ul#featured {
		padding: 0;
	}
	#pageWithPosts ul#featured li {
		padding: .75em 0 0 .8em;
		float: left;
	}
	#pageWithPosts ul#featured strong {
		color: #000;
	}
	#pageWithPosts ul#featured li a {
		color: #55d;
	}
	#pageWithPosts ul#featured li a {
		color: #00d;
	}
	#pageWithPosts ul#featured li a:hover {
		color: #000;
	}

	/* @group Новый пост */
	#new_post,
	#new_post p,
	#new_post .paragraph {
		width: 100%;
		max-width: 40em;
	}
		#new_post, #posts_break_before {
			clear: both;
			border: none;
			margin: 2em 0 0 .75em;
			float: left;
			display: block;
			padding-top: 0em;
		}
		#new_post {
			margin-top: 1em;
			margin-bottom: -1.5em;
			position: relative;
		}
		#new_post textarea {
			clear: both;
			margin: 0 0 1em 0;
			width: 100%;
			max-width: 40em;
			height: 6.3em;
			padding: .3em;
		}
	
		/* @group Переопределяемый стиль загрузчика файлов [http://vremenno.net/design/file-inputs-styling/]*/
			#new_post #post_file_container {
				float: left;
				width: auto;
			}
				#post_file {
					position: absolute;
				}
				.fake_button {
					z-index: 1;
					float: left;
				}
				.blocker {
					position: absolute;
					z-index: 3;
					height: 1.5em;
					margin-left: 8em;
					width: 14em;
				}
				.custom_file_input {
					cursor: default;
					position: relative;
					left: 0em;
					height: 1.5em;
					z-index: 2;
					filter: alpha(opacity: 0);
					opacity: 0;
				}
/*				#post_file_name {
					position: absolute;
					height: 15px;
					margin-left: 90px;
					font-size: 8pt;
					color: #999;
					margin-top: 2px;
					padding-top: 1px;
					padding-left: 19px;
				}*/
		/* @end */
	
		#addressee {
			float: left;
			margin-bottom: 2em;
		}
		    #addressee strong {
		        font-weight: normal;
		        color: #00f;
		    }
		#tags {
			margin-top: -3em;
			margin-bottom: 3em;
			float: left;
		}
		#tags h3 {
			display: inline;
			margin-right: .3em;
		}
	    #tags em {
	        font-style: normal;
	        cursor: default;
	        padding: 0 .2em;
	        background-color: #fed;
	        color: #777;
	        margin-right: .3em;
	    }
	    #tags em:hover {
	        color: #000;
	    }
	
		#new_post #submit_container {
			width: auto;
			float: right;
			clear: none;
			margin-bottom: 4em;
			margin-left: 2em;
		}
			#is_private_container {
				float: left;
			}
			#is_private_container input {
				float: left;
				margin-top: .2em;
			}
			#is_private_container label {
				padding: 0 1em 0 .3em;
			}
			#post_submit[disabled] {
				opacity: .7;
			}
			
		#new_post .disabled {
			color: #999;
		}
	/* @end */
	
/* @group Посты */
		ol#posts {
			clear: both;
			margin-left: .8em;
		}
		ol#posts li {
			clear: both;
			float: left;
			position: relative;
			width: 100%;
		}
		ol#posts div {
			float: left;
			width: 100%;
			max-width: 40em;
			overflow: auto;
			margin-left: -.3em;
			margin-bottom: 0;
			padding: 0 .3em;
			clear: both;
		}
	/*	#pageWithPosts ol#posts li div.with_image {
			margin-bottom: 2em;
		}
		#pageWithPosts ol#posts li img {
			margin-top: 2em;
		}
	*/

	ol#posts li {
		padding-top: .7em;
		padding-bottom: .7em;
		position: relative;
		width: 100%;
		max-width: 40em;
	}
		ol#posts li div.post_body {
			width: 100%;
			max-width: 40em;
		}
		ol#posts li ol.toolbar {
			position: absolute;
			right: 0;
			width: 8em;
			height: 100%;
			margin-right: -8em;
			margin-bottom: 2em;
		}
			ol#posts li ol.toolbar li {
				visibility: hidden;
			}
			ol#posts li:hover ol.toolbar li,
			ol#posts li ol.toolbar:hover {
				visibility: visible;
			}
			/* .toolbar .delete */
			#pageWithPosts ol#posts li ol.toolbar li {
				clear: none;
				float: none;
				margin: 0 0 .1em 0;
				padding: 0 0 0 1em;
				width: auto;
				font-size: 90%;
				color: #444;
				position: absolute;
			}
		ol#posts li .tags {
			float: left;
			clear: left;
			font-size: 80%;
			color: #ddd;
			
			display: none;
		}
			ol#posts li .tags a {
				margin-right: .3em;
			}
			ol#posts li .tags strong,
			ol#posts li .tags a {
				color: #ddd;
				text-decoration: none;
			}
			ol#posts li:hover .tags strong {
				color: #555;
			}
			ol#posts li .tags a {
				text-decoration: underline;
				color: #ddd;
			}

			/* теги-ссылки внутри текста */
			ol#posts li a.tag_link {
				color: #aaf;
				text-decoration: underline;
			}
				ol#posts li a.tag_link strong {
					color: #339;
					text-decoration: none;
				}
			
		/* @group время */
			ol#posts li small.date {
				float: left;
				padding-top: .1em;
				left: -8.6em;
				width: 8em;
				text-align: right;
				font-size: 80%;
				color: #fff;
				position: absolute;
			}
			ol#posts li:hover small.date {
				color: #444;
			}
			ol#posts li.private .marker {
				position: absolute;
				left: -.5em;
				top: .75em;
				color: #770;
			}
			ol#posts li.private:hover .marker {
				visibility: hidden;
			}
			ol#posts li.private:hover small.date {
				/* private posts */
				color: #aa0;
			}
		/* @end */

			/* ссылка на пост */
			ol#posts li .post_rel {
				clear: both;
				float: none;
				position: relative;
				visibility: hidden;
				color: #ccf;
				top: .15em;
				font-size: 80%;
			}
			ol#posts li .post_rel a {
				color: #cacaff;
				text-decoration: none;
			}
			ol#posts li:hover .post_rel {
				visibility: visible;
			}
	/* @end */

		#pageWithPosts ol#posts li ol.toolbar div {
			/* for authenticity token div */
			width: auto;
		}
#pageWithPosts #footer {
	display: block;
	clear: both;
	float: none;
	width: 100%;
	height: 1px;
}
/* @end */



/* @group Заметка */
#postPage {
	margin: 8em 15% 12em 15%;
}
	#postPage #post div {
		float: left;
		clear: both;
		font-size: 1.5em;
		overflow: auto;
		max-width: 30em;
		line-height: 1.3em;
	}
	#postPage #post small.date {
		float: left;
		clear: both;
/*		margin-left: .4em;*/
		margin-top: .1em;
		font-size: 1.13em;
		color: #777;
	}

	#postPage #author {
		clear: both;
		float: none;
		display: block;
		padding-top: 1.5em;
	}
		#postPage #author a {
			color: #000;
			font-size: 1em;
		}
		#postPage #mainPageLink {
			text-decoration: none;
		}
/* @end */


#usersPage form {
	clear: both;
}
#usersPage form p {
	margin-bottom: 1em;
	clear: both;
}
#usersPage form label {
	width: 10em;
	float: left;
}
#usersPage form label .submit {
	margin-top: 2em;
}
#usersPage form#login label {
	width: 5em;
}
#usersPage h2 {
	clear: none;
}
#usersPage h3 {
	margin-top: 2em;
}

#usersPageContainer {
	margin-left: .8em;
}

/* Errors */
#errorExplanation {
	border: .2em solid #faa;
	padding: 1em;
	clear: both;
	margin-bottom: 1em;
}
	#errorExplanation h2 {
		font-size: 1em;
		float: none;
		margin: 0;
		padding: 0;
	}

.pagination {
	clear: both;
	float: left;
	margin-top: 2em;
	margin-left: .7em;
}