/* Core layout */

/* General layout */
body, html
{
    font-size: 14px;
    font-family: serif;

    margin: 0;
    padding: 0;

	/* Attention? We have to do it, sorry. */
    background: #fff;
    color: #000;

	height: 100%;
}

/* Page box */
div#page
{
	position: relative;

	min-height: 100%;
	height: auto !important;
	height: 100%;
}

/* Header properties */
div#header
{
	padding: 1.3em 1.8em;
}

/* Content properties */
div#content
{
	/* Clearing */
	clear: left;

	padding-bottom: 70px;
}

/* Footer (bottom panel) properties */
div#footer
{
	position: absolute;

	bottom: 0 !important;
	bottom: -1px;

	height: 70px;
	width: 100%;

	font-size: 0.9em;
}

/* Footer text */
div#footer p
{
	margin: 0 0 0 2.2em;
	padding: 0;
}


/* Top navigation container */
ul.nav
{
	margin: 0;
	padding: 0;

	text-align: right;
	font-family: Verdana;
	font-size: 0.7em;
}

/* We should inline content */
ul.nav li
{
	display: inline;
}

/* Link element */
ul.nav li a
{
	font-size: 1.3em;

	margin: 0;
	padding: 0.2em;

	color: #000;
}

ul.nav li a:hover, ul.nav li a.current
{
	background: rgb(204, 204, 204);
}

/* Posts container */
ul.hfeed, div.opinions
{
	list-style: none;

	margin: 0 0 0 20%;
	padding: 0 35% 3em 0;
}

ul.single
{
	padding-bottom: 1em;
}

/* Post container */
ul.hfeed li
{
	position: relative;

	/* Strange IE fix */
	width: 100%;

	padding-bottom: 0.3em;
}

/* Single post */
ul.hfeed li h1
{
	font-family: Verdana;
	text-align: right;
	font-weight: normal;
	font-size: 1.8em;

	position: relative;
	left: -105%;

	color: rgb(192, 192, 192);
}

ul.hfeed li h1 a
{
	color: rgb(192, 192, 192);
}

/* Post content margin */
ul.hfeed li .entry-container
{
	margin-top: -3.3em;
	padding-left: 0;
}

/* Publication date */
ul.hfeed li .entry-container .published
{
	font-family: "Verdana";
	font-style: italic;
	font-size: 0.7em;

	margin: 0;
	padding: 0;
}

/* Entry content */
ul.hfeed li .entry-container .entry-content
{
	font-size: 1.15em;
}

ul.hfeed li .entry-container .entry-content p
{
	margin: 0 0 1em 0;
}

/* Emphasis properties */
ul.hfeed li .entry-emphasis
{
	position: absolute;
	top: 30%;
	left: 110%;
	right: -70%;
}

/* Emphasis title */
ul.hfeed li .entry-emphasis .emphasis-title
{
	font-family: Verdana;
	text-align: right;
	font-weight: normal;
	font-size: 1.3em;

	margin: 0;
	padding: 0;

	color: rgb(192, 192, 192);
}

/* Emphasis content */
ul.hfeed li .entry-emphasis .emphasis-content
{
	font-size: 0.9em;
}

/* Signle post on all entire page */
ul.entry-single
{
	padding-right: 30%;
}

ul.entry-single li
{
	margin-top: 33%;
}

ul.entry-single li .entry-container .published
{
	display: none;
}

ul.entry-single li h1
{
	font-size: 2.1em;
}

/* Post content margin for single post */
ul.entry-single li .entry-container
{
	margin-left: 1em;
	margin-top: 1em;
}

/* Opinions */

div#opinions
{
	font-size: 1.15em;

	border-top: dotted 1px #aaa;

	margin: 0 35% 0 20%;
	padding: 1em 0 2em 0;
}

div#opinions h2
{
	margin: 0;
	padding: 0;

	font-size: 1.4em;
	font-family: "Verdana";
	font-weight: 100;

	color: #777;
}

/* Textarea styling */
.comment-form textarea
{
	font-size: 1.15em;
	font-family: "Times New Roman", sans-serif;

	width: 100%;

	color: #444;

	margin: 0;
	padding: 0;
}

/* Fieldset styling */
.comment-form fieldset
{
	border: none;
	padding: 0;
	margin: 0;

	font-size: 1.1em;
	/*width: 605px;*/
}

.comment-form fieldset dl
{
	margin: 0.7em 0 0.1em 0;
	padding: 0;
}

.comment-form fieldset dl dt
{
	margin: 0;
	padding: 0;

	text-align: left;

	font-style: italic;
}

.comment-form fieldset dl dd
{
	margin: 0.1em 0 0.5em 0;
	padding: 0;

	clear: right;
}

.comment-form fieldset dl dd.last
{
	margin-bottom: 0.1em;
}

.comment-form fieldset dl dd input
{
	font-size: 1.3em;
	font-family: "Times New Roman", serif;

	width: 100%;

	color: #444;
}

/* Blinking button */
.comment-form span.blink
{
	display: inline;

	color: #444;

	border-bottom: dotted 1px #444;

	margin: 0 2em 0 0;

	cursor: pointer;
	cursor: hand;

	white-space: nowrap;
	font-family: Arial, Tahoma;
	font-style: italic;
	font-size: 1em;
}

/* Actibe button when blinking */
.comment-form span.active
{
	color: #257C23;

	border-bottom: dotted 1px #257C23;
}

.comment-form p
{
	padding: 0;
	margin: 0.1em 0 0 0;
}

/* Comments tree */
ul.hcomment
{
	list-style: none;

	padding: 0;
	margin: 0.2em 0 0.4em 0;
}

/* Single comment data and author */
ul.hcomment li p.meta
{

	font-family: Verdana;
	text-align: right;
	font-weight: normal;
	font-size: 1em;

	position: relative;
	left: -105%;

	color: #A4A4A4;
}

ul.hcomment li
{
	margin-bottom: 0.6em;
	padding-bottom: 0.8em;
}

ul.hcomment li.new
{
	color: #333;
}

ul.hcomment li.publisher p.meta span, ul.hcomment li.publisher p.meta a
{
	color: darkred;
}

ul.hcomment li p.meta span
{
	display: block;

	margin-bottom: 0.1em;
}

ul.hcomment li .entry-content
{
	margin-top: -3.3em;
	padding-left: 0;
}

ul.hcomment li p.meta a
{
	font-size: 0.7em;

	color: #a4a4a4;

	border-bottom: dotted 1px #a4a4a4;

	text-decoration: none;
}

ul.pagination
{
	font-size: 1.5em;
	
	margin: 0 0 0 31%;
	padding: 0 40% 3em 0;
	
	list-style: none;
	
	color: #aaa;
}

ul.hidden
{
	display: none;
}

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

ul.pagination li span.current
{
	color: #aaa;
	
	padding-right: 0.5em;
	margin-right: 0.3em;
	margin-left: 0.3em;
	padding-left: 0.5em;
	border-right: solid 1px #aaa;
	border-left: solid 1px #aaa;
}

ul.pagination li span.inactive
{
	margin-right: 0.2em;
	
	color: #aaa;
}