@font-face
{
	font-family:Nyala;
	src:url(http://impure.me/nyala.ttf) format("truetype");
}

body
{
	color: #888888;
	font-family: Calibri;
	background-color: #FFFFFF;
	background-image: url(/bg.png);
	font-size: medium;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

.float {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	/*vertical-align: baseline;*/
	position: relative;
	width: 500px;
}

p#text
{
	display:block;
	height:500px;
}

a.nav
{
	text-decoration:underline;
	color:#eee;
}

a.nav:hover
{
	text-decoration:underline overline;
	color:#ccc;
}

div.derkenar
{
	background: rgba(0,0,0,0.6);
	border: 2px solid #000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	position:fixed;
	top: 50px;
	left: 300px;
	width:10px;
	height:350px;
	color:#fff;
	padding: 5px;
	/*font-family: 'DejaVu Sans';*/
	/*font-style:italic;*/
	font-size: 12px;
}

div.logo
{
	background-image: url(logo.png);
	position:fixed;
	width:200px;
	height:350px;
}

div.ruler
{
	display:none;
	position: fixed;
	top:0px;
	left:0px;
}

div.menu
{
	position: fixed;
	background: rgba(208,208,208,0.9);
	border: 2px solid white;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: #ccc 0px 0px 3px 2px;
	color: #000;
	/*font-family: 'DejaVu Sans';*/
	font-size: 14px;
	top: -10px;
	padding: 5px;
	padding-top:10px;
}

div.menu a
{
	text-decoration:none;
	color:#000;
}

div.menu a:hover
{
	text-decoration:underline;
	color:#000;
}

.float#main {
	margin-top:20px;
	float:none;
	white-space:normal;
}

.post 
{
	background: rgba(0,0,0,0.6);
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	vertical-align: sub;
	border: 2px solid #000;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-box-shadow: #111 0px 0px 10px 4px;
	-webkit-box-shadow: #111 0px 0px 10px 4px;
}

.post .textArea:focus
{
	border: 2px solid orange;
	/*-moz-box-shadow: orange 0px 0px 2px 1px;*/
}

.postHeader {
	margin-top:5px;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	color:#fff;
	font-family:Century Gothic, Geneva, sans-serif;
	font-size:larger;
	text-shadow:#aaa 0px 0px 2px;  
	white-space:pre-wrap;
}

div.postHeader a
{
	text-decoration:none;
	color:#fff;
}

div.postDate a
{
	text-decoration:none;
	color:#fff;
}

div.postDate a:hover
{
	text-decoration:underline;
	color:#fff;
}

div.postHeader a:hover
{
	text-decoration:underline;
	color:#fff;
}

div.commentContainer
{
	margin-top:20px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:20px;
	color: #eee;
}

div.commentContainer a
{
	text-decoration:none;
	color:#fff;
}

div.commentContainer a:hover
{
	text-decoration:underline;
}

div.commentEven
{
	padding: 5px;
	background-color: #111;
	border-bottom: 1px dashed #888;
}

div.commentOdd
{
	padding: 5px;
	background-color: #444;
	border-bottom: 1px dashed #888;
}

div.commentAuthor
{
	font-size:12px;
}

div.commentAuthor a
{
	text-decoration:none;
	color:#eee;
}

div.commentAuthor a:hover
{
	text-decoration:underline;
}

div.commentDate
{
	text-align:right;
	color: #888;
	font-size:10px;
	font-style:italic;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px
}

div.commentText
{
	font-size:10px;
}


div.postDate
{
	text-align:right;
	color: #888;
	font-size:10px;
	font-style:italic;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px
}

div.postDate:hover
{
	color: #aaa;
}

div.AdminMenu
{
	margin: 10px;
	float:left;
	display:table-column;
	height: 450px;
	padding-right: 10px;
	border-right: 2px solid Gray;
}

div.AdminMenu a
{
	text-decoration:none;
	color: Gray;
}

div.AdminMenu a:hover
{
	text-decoration:none;
	color: White;
}

div.AdminContent
{
	margin:10px;
	color:White;
	padding: 10px;
	float:inherit;
	height: 450px;
}

.postText
{
	color: #FFFFFF;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	font-family: 'Nyala','DejaVu Sans';
	font-size: 16px;
	text-align: justify;
	/*font-weight: normal;
	line-height: 100%;
	text-shadow: #000 -1px -1px -2px;*/
}

.postText:first-letter {
	text-shadow:#999 0px -0px 4px; 
	font-size:150%;
}

.postText > p:first-child:first-letter {
	text-shadow:#999 0px -0px 4px; 
	font-size:150%;
}

div.postText  a 
{
	text-decoration:none;
	border-bottom: 1px solid white;
	color: White;
}

div.postText  a:hover
{
	text-decoration:none;
	border-bottom: 1px solid white;
	color: Gray;
}
/*
div.postText > p > a 
{
	text-decoration:none;
	border-bottom: 1px solid white;
	color: White;
}

div.postText > p > a:hover
{
	text-decoration:none;
	border-bottom: 1px solid white;
	color: Gray;
}*/

div.postText > a.derkenar
{
	text-decoration: none;
	border-bottom: 1px solid white;
	color: #000000;
	font-family: 'Lucida Calligraphy';
}

.headerSep {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-top: 1px solid #aaa;
	border-bottom:1px solid #888;

}

.postSep {
	margin-top:60px;
	margin-bottom:60px;
	margin-left: 50px;
	margin-right: 50px;
	border-bottom: 2px solid #aaa;
	border-top: 2px solid #888;

}

input.derkenar
{
	display:none;
}


input#userName
{
	width: 300px;
}

input#userMail
{
	width: 300px;
}

textarea#userComment
{
	width: 400px;
	height: 100px;
}