/*
Enumerate.ru stylesheet.
All rights reserved.
You can contact with the author anytime: din@mandatory.ru (Mail, XMPP/Jabber)
*/

/* Top level element properties */

/* body and element classification and basis rules insertion */
body, html
{
	padding: 0;
	margin: 0;

	background: #ddd;

	font-family: /*"Palatino Linotype", "Palatino",*/ "Georgia", "Bitstream Charter", "Times", "Times New Roman", "serif";

	font-size: 14px;

	height: 100%;
}

/* Content wrapping element */
div#content
{
	padding-bottom: 90px;
}

div#page
{
	position: relative;

	min-height: 100%;
	height: auto !important;
	height: 100%;
	
	-moz-box-shadow: #999 0 0 50px;
	-webkit-box-shadow: #aaa 0 0 60px;
	
	box-shadow: #999 0 0 50px;
	background: #fff;	
	width: 990px;
	margin: 0 auto;
}

/* Header element
*/
div#header
{
	padding: 1.1em 0 0 65px;

/*	border-top: solid 5px #ddd; */
	/*font-size: 14px;*/
}

div#header h1
{
	margin: 0.1em 0 0 0;
	padding: 0;

	font-size: 59px;
	font-variant: small-caps;
	letter-spacing: -0.010em;
	font-weight: 100;
	line-height: 0.8em;

	color: #444;
}

div#header p.letter
{
	position: absolute;
	top: 0em;
	left: 0.1em;

	margin: 0;
	padding: 0;

	color: #ddd;

	font-size: 6em;
	font-family: "Trebuchet MS";
}


div#header h1 a
{
	color: #444;

	text-decoration: none;
}

div#header h1 a:hover
{
	color: #777;
}

div#header h1 a span
{
	color: #448B2C;
}

div#header h1 a:hover span
{
	color: #444;
}

div#header p
{
	font-size: 19px;
	font-variant: normal;

	margin: 0 0 0 0;
	padding: 0 0 0 0.3em;

	color: #777;
}

div#header p.subtitle
{
	float: left;
}

/* Page navigation */

ul.navigation
{
	margin: 0;
	padding: 0;
	margin-left: 40%;

	list-style: none;

	position: absolute;
	top: 0;
	z-index: 2;

	white-space: nowrap;

	background: url(../pictures/rss.gif) no-repeat right;
}

ul.navigation li
{
	display: -moz-inline-stack;
	display: inline-block;

	margin: 0;
}


ul.navigation li a
{
	display: block;

	background: #f3f3f3;
	color: #555;

/*	border-top: solid 0.3em #ddd;
*/
	margin: 0 -0.2em;
	padding: 2.2em 0.9em 2.5em 0.7em;

	font-size: 1.2em;
	/*text-decoration: none;*/

	white-space: nowrap;
}


ul.navigation li.feed a
{
	display: block;

	color: #fff;
	background: #35B7AA;
/*	border-top: solid 5px #2C968B; */
}

ul.navigation li.feed a span
{
	display: none;

	position: absolute;
	top: 2px;
	z-index: -1;

	margin-left: 2px;

	width: 138px;
	height: 160px;

	background: url(../pictures/rss.gif) no-repeat 0px 35px;
}

ul.navigation li.feed a:hover
{
	background: #2b9e71;
/*	border-top: solid 5px #207454; */
}

ul.navigation li.feed a:hover span
{
	background: url(../pictures/rss.gif) no-repeat 0px -141px;
}

ul.navigation li a:hover
{
	background: #e5e5e5;
#	color: #fff;
/*
	border-top: solid 5px #dedede; */
}

ul.navigation li:first-child a
{
	/* Attention! PROGRESSIVE ENHANCEMENT */
	border-radius-bottomleft: 0.5em;
	-moz-border-radius-bottomleft: 0.5em;
	-webkit-border-bottom-left-radius: 0.5em;
	-o-border-radius-bottomleft: 0.5em;
}

ul.navigation li:last-child a
{
	/* Attention! PROGRESSIVE ENHANCEMENT */
	border-radius-bottomright: 0.5em;
	-moz-border-radius-bottomright: 0.5em;
	-webkit-border-bottom-right-radius: 0.5em;
	-o-border-radius-bottomright: 0.5em;
}

#header ul.navigation.xoxo
{
	margin-left: 36%;
}

#header ul.navigation.xoxo li a 
{ 
	color: #000;
	background: #eee; 
	padding: 10px 12px; 
	margin-top: 33px; 
	margin-right: 15px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#header ul.navigation.xoxo li.feed a
{
	background: #00CC66;
	color: #fff;
}

#header ul.navigation.xoxo li a:hover
{
	color: #555;
	background: #ddd;
}

#header ul.navigation.xoxo li.feed a:hover
{
	background: #00B359;
	color: #fff;
}

/* Page fooooooooter */
div#footer
{
	position: absolute;

	bottom: 0 !important;
	bottom: -1px;
	z-index: 5;

	height: 90px;
	width: 100%;

	text-align: right;
	font-size: 0.9em;

	color: #333;
	background: #fff url(../pictures/footer.png) repeat-x left bottom;
}


div#footer p
{
	margin: 0;
	padding: 0 4em 0 0;

	color: #777;
}

div#footer p.letter
{
	margin: 0;
	padding: 0 4px 0 0;

	position: absolute;
	top: 0;
	right: 0;

	color: #aaa;

	font-size: 71px;
	line-height: 86px;
	vertical-align: center;
	font-family: "Trebuchet MS";
}

div#footer img
{
	display: none;
	margin: 35px 1.5em 1.5em 4.7em;
	left: 0;
	position: absolute;
	width: 55px;
	height: 55px;
}

div#footer ul
{
	margin: 0;
	padding: 1.7em 4em 0.3em 0;
}

div#footer ul li
{
	display: inline;
}

div#footer ul li a
{
	margin: 0 0 0 1em;


	color: #228C30;

}

div#footer ul li a:hover
{
	color: #259481;

}

/* Content container style */

div#content
{
	margin-top: 4em;
}

/* General styles: topics list */

/* Core hFeed item */
ul.hfeed, div.hentry
{
	margin: 7em 0 3em 0;
	padding: 0;

	list-style: none;
}

div.hentry
{
	margin: 7em 0 0 0;
}

/* Single entry properties  */
ul.hfeed .hentry, div.hentry
{
	padding: 0.4em 180px 3.4em 50px;

	border-left: solid 20px #eee;

	position: relative;
}

ul.hfeed .hentry
{
	border-left: none;
	margin-left: 20px;
}

div.read
{
	padding-right: 85px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	border-left: none;
}

/* Opinions block */
ul.hfeed li div.opinion
{
	width: 170px;

	position: absolute;
	top: 40%;
	left: 100%;

	margin-left: -200px;

	font-size: 1.3em;

	color: #aaa;

	text-align: center;
}

/* Comments link */
ul.hfeed .hentry .opinion a
{
	color: #fff;
	background: #3A9259;

	/* Attention! PROGRESSIVE ENHANCEMENT */
	border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	-o-border-radius: 0.2em;

	font-size: 1.2em;

	padding: 0.3em;


}

/* Visited visual indication */
ul.hfeed .hentry .opinion a:visited
{
	background: #34A299;
}

/* Hoverity on comments link */
ul.hfeed .hentry .opinion a:hover
{
	color: #fff;

	background: #3EA235;
}

/*ul.hfeed .hentry .opinion a span.new
{
	display: block;

	color: #eee;

	margin-top: -2.9em;
	margin-right: 3.2em;

	font-size: 0.55em;
	text-align: right;
	text-decoration: none;
}*/


/* Entry title properties */
ul.hfeed .hentry .entry-title, div.hentry .entry-title
{

	font-size: 2.1em;
	font-weight: normal;

	margin: 0;
	padding: 0;
}


/* Very, very big entry title */
div.hentry .entry-title
{
	margin-left: -2px;

	color: #333;

	font-size: 2.8em;
}


/* Entry title link (bookmark link) */
ul.hfeed .hentry .entry-title a
{
	color: #2E9120;
}

ul.hfeed .hentry .entry-title a:visited
{
	color: #287B74;
}

ul.hfeed .hentry .entry-title a:hover
{
	color: #777;
}

/* Entry publication date */
ul.hfeed .hentry .published, ul.hfeed .hentry .number, div.hentry .published, div.hentry .number
{
	word-spacing: 0.1em;
	font-size: 0.9em;

	color: #888;
}

ul.hfeed .hentry .published a, div.hentry .published a
{
	color: #888;

	border-bottom: dotted 1px #aaa;

	text-decoration: none;
}

/* Entry tags */
ul.hfeed .hentry .category, div.hentry .category
{
	clear: both;

	margin: 0;
	padding: 0;
	padding: 0.3em;

	font-size: 0.9em;

/*	background: #DCF4DF; */
	color: #777;

	list-style: none;
	line-height: 28px;

	display: inline;

}

/* Single tag wrap element */
ul.hfeed .hentry .category li, div.hentry .category li
{
	display: inline;
}

/* Tag-link */
ul.hfeed .hentry .category li a, div.hentry .category li a
{
	color: #666;

	background: #DCF4DF;
	padding: 3px 5px;
	margin: 0 4px;
	
	border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-o-border-radius: 0.3em;
}

/* Hoverity on tag link */
ul.hfeed .hentry .category li a:hover, div.hentry .category li a:hover
{
	color: #fff;
	background: #6EBC61;

	/* Attention! PROGRESSIVE ENHANCEMENT */
	border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	-o-border-radius: 0.2em;
}

/*
Next section will describe how to display elements in posts.
Such descriptions should be accepted to list of posts and to
single posts.

Attention! Optimization phaze required.
Warning! Short CSS path using here

Starting critical section.
*/

/* How summary text paragraphs will appear */
.entry-summary p, .entry-content p
{
	color: #222;

	word-spacing: 0.08em;
	font-size: 1.2em;
	line-height: 1.571em;

}

/* Comments property */
.comment-entry p
{
	font-size: 1.1em;
}

.comment-entry p:first-letter
{
	text-transform: uppercase;
}

/* Declaring abbr look (cursor enhancement) */
.entry-summary abbr, .entry-content abbr, .comment-entry abbr
{
	cursor: help;
}

/* And look of abbr inside link (for some enhanced look of abbr) */
.entry-summary a abbr, .entry-content a abbr, .comment-entry a abbr
{
	padding-bottom: 0.23em;
}

/* Declaring how headers are appear */
.entry-summary h2, h3, h4, h5, .entry-content h2, h3, h4, h5, .comment-entry h2, h3, h4, h5
{
	font-size: 2em;
	font-weight: normal;

	color: #444;

	margin-top: 1.4em;
	margin-bottom: 0em;
}

/* Declaring how headers are appear */
.entry-summary h4, h5, .entry-content h4, h5, .comment-entry h4, h5
{
	font-size: 1.7em;
}

/* Declaring lists to be nicy */
.entry-summary li, .entry-content li, .comment-entry li
{
	list-style: circle;

	color: #222;

	padding: 0.5em 0;
	margin: 0;

	font-size: 1.2em;
}

.entry-summary ul, .entry-content ul
{
	color: #222;
}

.comment-entry li
{
	font-size: 1.1em;
}

/* And links to be beautiful! */
.entry-summary a, .entry-content a, .comment-entry a
{
	text-decoration: underline;

	color: #38703F;
}

.entry-summary a:hover, .entry-content a:hover, .comment-entry a:hover
{
	background-color: #D5EFDC;
}

.entry-summary a:visited, .entry-content a:visited, .comment-entry a:visited
{
	color: #666;
}

/* Also strong will be here */
.entry-summary strong, .entry-summary b, .entry-content strong, .entry-content b, .comment-entry b, .comment-entry strong
{
	color: #222;
}

/* And emphasis will visit our country */
.entry-summary em, .entry-summary i, .entry-content em, .entry-content i, .comment-entry i, .comment-entry em
{
	color: #333;
}

.entry-summary em pre, .entry-content em pre, .comment-entry em pre
{
	font-size: 1em;
}

.comment-entry blockquote
{
	margin: 0;
	padding: 0.3em 0.5em;

	font-size: 1.1em;
	font-style: italic;

	border-left: solid 7px #eee;
}

/* Container (flex - on all page width) */
.entry-content .codebox-container, .entry-summary .codebox-container
{
	margin: 1.3em 0 2.5em 0;
	clear: both;
}

/* Pre elements explicit width property  */
.entry-content .codebox-container pre, .entry-summary .codebox-container pre
{
	width: 100%;
}

/* Codebox self */
.entry-content .codebox, .entry-summary .codebox
{
	background: #ededed;

	padding: 1em 1.2em;

	font-size: 1em;
	white-space: pre;

	overflow: auto;
}

/*
Attention! Optimization phaze required.
Warning! Short CSS path using here

Ending critical section.
*/

/* Page properties */
ul.properties
{
	margin: 0 0 0 0.5em;
	padding: 0;

	display: inline;

	list-style: none;
}

ul.properties li
{
	display: -moz-inline-stack;
	display: inline-block;

	vertical-align: top;
}

ul.properties li a
{
	display: block;

	width: 22px;
	height: 22px;
}

ul.properties li a.feed
{
	background: #eee url(../pictures/properties.png) no-repeat 0px 0px;
}

ul.properties li a.feed:hover
{
	background: #eee url(../pictures/properties.png) no-repeat 0px -22px;
}

ul.properties li a.read
{
	background: #eee url(../pictures/properties.png) no-repeat -22px 0px;
}

ul.properties li a.read:hover, ul.properties li a.active
{
	background: #eee url(../pictures/properties.png) no-repeat -22px -22px;
}

/* Comments representation */

/* Next, we need to set up our comments representation
Comments are typical sorted (by date) lists. Solving it? Yep.
 */

/* General container */
div#opinions
{
	font-size: 1.1em;

	padding: 0.4em 300px 3.4em 50px;

	border-left: solid 20px #ccc;

	background: #fff;
}

/* Header */
div#opinions h2
{

	font-size: 2.8em;
	font-weight: lighter;

	color: #333;

	margin: 0;
	padding: 0;

}

/* Now setting up our pseudo-microformat hcomments */
ul.hcomment
{
	margin: 0;
	padding: 0;

	list-style: none;
}

/* Single comment */
ul.hcomment li, div#preview
{
	position: relative;

	background: #ffffff;

	border: none;

	margin-bottom: 2.1em;
	padding: 0.7em 0.7em 0.7 0;

	width: 100%;
}

/* Personal comment */
ul.hcomment li.personal
{
	color: #888;
}

/* Comment published date */
ul.hcomment li a.published, div#preview a.published
{
	position: absolute;
	top: 57%;
	left: 100%;

	white-space: nowrap;

	margin-left: 80px;

	text-decoration: none;
	text-align: center;

	font-size: 1em;
	color: #444;

	border-bottom: none;

	padding: 0.5em;
}

ul.hcomment li a.published span, div#preview a.published span
{
	display: block;

	font-size: 1.3em;
}

/* Hoverity on published date */
ul.hcomment li a.published:hover, div#preview a.published:hover, ul.hcomment li.selected a.published
{
	background: #319595;
	color: #fff;

	/* Attention! PROGRESSIVE ENHANCEMENT */
	border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;

	border-bottom: none;
}


/* Comment author */
ul.hcomment li p.author, div#preview p.author
{
	font-size: 1.8em;
	font-weight: lighter;

	color: #331616;

	margin: 0;
	margin-bottom: 0.4em;
	border-bottom: dotted 1px #ccc;

}

/* Personal comment author */
ul.hcomment li.personal p.author
{
	color: #aaa;
}

ul.hcomment .comment-entry p.author a.mark
{	
	font-size: 12px;
	text-decoration: none;
	
	background: #aaa;
	color: #eee;
	
	padding: 0 0.4em;
	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
}

ul.hcomment .comment-entry p.author a.mark:hover
{
	background: #ccc;
	color: #fff;
}

/* Adding new opinion */

div#addopinion
{
	font-size: 1.1em;

	margin: 0 0 2em 0;
	padding: 0.4em 300px 1.4em 50px;

	border-left: solid 20px #bbb;

	background: #fff;
}

/* Header */
div#addopinion h2
{

	font-size: 2.8em;
	font-weight: lighter;

	color: #333;

	margin: 0;
	padding: 0;

}

p.note 
{
	color: #777;

	margin: 0 0 2.4em 0;
	padding: 0;
	
	line-height: 130%;
}

p.edit
{
	margin: 0 0 0.5em 0;
}

span.note
{
	color: #777;
	margin: 0 1em;
}

p.note a
{
	color: darkgreen;
}

form dl dt
{
	margin: 0 0 0.4em 0;
	padding: 0;

}

form dl dt label
{
	font-size: 1.25em;

	color: #444;
}

form dl dd
{
	margin: 0 0 1.2em 0;
}

form dl dd input, form dl dd select
{
	font-size: 2.1em;
	font-family: "Palatino Linotype", Georgia;
	letter-spacing: 0.025em;

	color: #444;

	margin: 0;
	padding: 0;

	width: 14em;

	padding: 0 0.1em;
}

.submit
{
	font-size: 1.2em;

	padding: 0.3em;

	color: #222;
}

form dl dd select
{
	width: 14em;
}

form dl dd textarea
{
	width: 99%;
	height: 220px;

	letter-spacing: 0.025em;
	line-height: 1.4em;

	font-family: "Palatino Linotype", Georgia;
	font-size: 1.2em;

	color: #444;

	padding: 0 0.1em;
}

/* hCard */

div.vcard
{
	margin: 5.5em 7em 2em 58px;

	padding: 12px;
	padding-top: 0px;
	font-size: 0.9em;
}

/* hCard links */

div.vcard a
{
	color: #555;
	text-decoration: none;
	border-bottom: solid 1px #aaa;
	margin: 0px;
	padding: 0px;
}

div.vcard a.self
{
	font-weight: bolder;
}

div.vcard a:hover
{
	color: #3EA235;
	border-bottom: solid 1px #3EA235;
}

/* Name properties */
div.vcard .fn
{
	padding-top: 12px;
	padding-left: 2px;
	font-size: 3.2em;
	color: #000;
}

div.vcard .fn .nickname
{
	color: #333;
}

/*div.vcard .category-title
{
	font-style: italic;
	font-size: 1.1em;

	color: #777;
}*/

div.vcard .links
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 1.4em;
	line-height: 1.7em;
}

div.vcard .links li
{
	padding-right: 14px;
	display: inline;
}

div.vcard .chapter
{
	clear: both;

	color: #000;
	font-size: 2em;
	font-weight: normal;
	padding-top: 6px;

	margin-top: 1em;
	margin-bottom: 0.5em;
}

div.vcard p
{
	color: #222;
	font-size: 1.3em;
}

/* Pagination mechanizm styling */

ul.pagination
{
	padding: 0;
	margin: 2em 0 2em 60px;

	height: 50px;

	list-style: none;
}

/* Single element */
ul.pagination li
{
	display: inline;
}

/* Pagination link */
ul.pagination li a
{
	font-size: 1.7em;

	padding: 0.5em;

	color: #2C8185;
}

/* How to display inactive link */
ul.pagination li span.inactive
{

	font-size: 1.7em;

	padding: 0.5em;

	color: #8D8D8D;
}

/* Hoverity on it */
ul.pagination li a:hover
{
	color: #fff;
	background: #2C8185;

	/* Attention! PROGRESSIVE ENHANCEMENT */
	border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-o-border-radius: 0.3em;
}

/* Showing current page */
ul.pagination li span.current
{
	font-size: 1.7em;
	color: #888;

	margin-right: 10px;
	padding: 0.4em;

	border: solid 1px #ccc;

	/* Attention! PROGRESSIVE ENHANCEMENT */
	border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
}

/* Showing current page plural marker */
ul.pagination li span.current sup
{
	font-size: 0.9em;

	margin-left: 0.2em;

	text-decoration: underline;
}

/* Single entry examples showcase */
div.examples
{
	display: block;

	font-size: 1.2em;

	margin-top: 0.7em;
	padding: 1em;
	padding-bottom: 0;

	border: dashed 1px #bbb;

	color: #000;
	background: #DFF7F5;

	clear: right;
}

div.lists
{
	display: block;

	font-size: 1.2em;

	margin-top: 0.7em;
	padding: 1em;

	border: dashed 1px #bbb;

	color: #000;
	background: #C6FBF5;

	clear: right;
}

div.lists a
{
	color: #0F7E84;
}

/* Defining styles of the examples links */
div.examples a
{
	color: #0F7E84;
}

p.first
{
	margin: 2em 0 0 0;

	font-size: 2.1em;
	color: #777;
}

/*
 * Highlighting
 */

pre code {
  display: block;
  background: transparent;
}

pre code,
.ruby .subst {
  color: black;
}

.string,
.function .title,
.class .title,
.tag .attribute .value,
.css .rules .value,
.preprocessor,
.ruby .symbol,
.built_in {
  color: #3366CC;
}

.function .title
{
	color: #003366;
	font-weight: bold;
}

.keyword
{
	color: #000;
}

.comment,
.java .annotation {
  color: #006600;
  font-style: italic;
}

.number,
.regexp,
.javascript .literal {
  color: #080;
}

.javadoc,
.ruby .string,
.python .decorator {
  color: #88F;
}

.keyword,
.css .id,
.phpdoc,
.function .title,
.class .title,
.vbscript .built_in {
  font-weight: bold;
}

/* How image with link will look */
div.image
{
	text-align: center;

	float: right;

	margin-left: 0.8em;
	margin-right: 0;
}

div.left
{
	float: left;

	margin-right: 0.8em;
	margin-left: 0;
}

/* Paragraph inside image container */
div.image p
{
	color: #888;

	font-style: italic;

	margin: 0.1em;
}

/* Link inside container */
div.image p a
{
	color: #666;
	text-decoration: underline;
}

/* Hovering on image*/
div.image p a:hover
{
	background: #fff;
}

/* Overwriting image-link property */
div.image a
{
	border-bottom: none;
	background: #fff;
}

/* Overwriting look of hovering */
div.image a:hover
{
	background: #fff;
}

/* Default image-inside-link look */
div.image a img
{
	border: solid 1px #bbb;
	padding: 0.2em;
}

/* Flying above image-inside-link */
div.image a:hover img
{
	border: solid 1px #888;
}

/* Single page properties */

div.wide-page
{
	margin: 5em 0 3em 0;
	padding: 1em 180px 3.4em 70px;
/*
	border-left: solid 20px #eee;*/
}

div.wide-page h2
{
	font-size: 3em;
	/*font-family: "Palatino Linotype";*/
	font-weight: 100;

	margin: 0;
	padding: 0;

	color: #222;
}

div.wide-page p.note
{
	margin: 0 0 1em 0;
}

/* Navigation page properties */

ul.index-navigation
{
	margin: 0;
	padding: 0;

	list-style: none;
}

ul.index-navigation li
{
	display: -moz-inline-stack;
	display: inline-block;

	margin: 0;
}

ul.index-navigation li a
{
	display: block;

	font-size: 1.4em;

	padding: 0.5em;

	color: #2C8185;
}

ul.index-primary-menu li
{
	margin-right: 10px;
}

ul.index-primary-menu li a
{
	background: #f4f4f4;

    /* Attention! PROGRESSIVE ENHANCEMENT */
        border-radius: 0.3em;
            -moz-border-radius: 0.3em;
                -webkit-border-radius: 0.3em;
                    -o-border-radius: 0.3em;
}

ul.index-navigation li span.active
{
	background: #369DA3;
	color: #fff;

	display: block;

	font-size: 1.4em;

	padding: 0.5em;

	/* Attention! PROGRESSIVE ENHANCEMENT */
	border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-o-border-radius: 0.3em;
}

ul.index-navigation li a:hover
{
	color: #555;
}

/* Index date */

ul.index-date
{
	margin: 2em 0 0 0;

	float: left;

	display: block;

	width: 220px;

	border-right: dotted 1px #aaa;
}

ul.index-date li
{
	margin: 0 0 0 -0.5em;

	display: block;
}

ul.index-date li a.active
{
	background: #eee;
}

ul.index-date li a.add
{
	float: left;
	text-decoration: none;
}

ul.index-date-articles
{
	margin: 2em 0 0 240px;
	padding: 0 0 0 0.6em;

	float: none;
	clear: right;
}

ul.index-date-articles li a:hover
{
	color: #fff;
	background: #2C8185;

	/* Attention! PROGRESSIVE ENHANCEMENT */
	border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-o-border-radius: 0.3em;
}

div.rule
{
	float: right;
	
	font-size: 1.2em;
	
	border-top: solid 7px #ddd;

	padding: 0.7em;	
	margin: 0.2em 0 0 0.5em;
	
	background: #eee;
	
	width: 15em;	
}

div.left
{
	float: left;
}

/* Categories borders */
/*
ul.hfeed li.category-theory
{
	border-left-color: #d9d9d9;
}

ul.hfeed li.category-graphics
{
	border-left-color: #CCE6FF;
}

ul.hfeed li.category-development
{
	border-left-color: #FFFECC;
}*/

.plainhtml 
{
	font-size: 120%;
	margin-top: 8px;
	margin-bottom: 30px;
}

.plainhtml ul
{
	font-size: 100%;
}

.plainhtml ul ul
{
    margin-top: 0;
}
    
.plainhtml li
{
    margin-top: 5px;
    font-size: 100%;
    padding: 0;
}

.preview .plainhtml li
{
	fony-size: 100%;
}