﻿body {
	color: #eee;
}

#newentryformcontainer {
	display: none;
}


#loginback, #registerback {
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
}

#loginformcontainer, #registerformcontainer {
	border: 3px solid #ccc;
	background-color: #fff;
	padding: 5%;
	padding-top: 2%;
	width: 20%;
	margin: 0 auto;
	margin-top: 10%;
}

#loginformcontainer input, #loginformcontainer h1, #loginformcontainer div {
	background: #fff;
	color: #666;
}
#loginformcontainer input {
	border: 1px solid #666;
}

#loginregisterback form {
	text-align: left;
}

#loginregisterback form input {
	font-size: 1.3em;
	padding: 2px;
}

#loginregisterback form input.smallr {
	font-size: 1.0em;
}

#loginregisterback form h1  {
	font-size: 3.5em;
	color: #666;
	font-family: Trebuchet MS;
}

#loginmessage, #registermessage {
	margin-top: 1em;
}

#logoutbuttoncont {	
	text-align: right;
	margin-right: 10px;
	margin-top: 0.5em;
}

#main_block {
	font-family: verdana;
	font-size: 0.9em;
}

input, textarea {
	font-family: verdana;
	border: 1px solid #999;
	background-color: #333;
	font-size: 0.8em;
	padding: 2px;
	color: #eee;	
}

#newentryform {
	/*height: 0;*/
	overflow: hidden;
}

#newentryform textarea, .editentryform textarea {
	width: 512px;
	height: 300px;
}

.editcommentform textarea {
	width: 475px;
	height: 150px;
}

#comlogin {
	margin-left: 0;
}

#comtext {
	width: 450px;
	height: 150px;
}

.clog, .edate {
	color: #900;
	font-family: arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
}

.cdate {
	font-size: 0.6em;
	color: #aaa;
}

.cdata {
	margin-top: 5px;
}

.edata, .cdata {
	font-size: 0.8em;
}

.econtcont, .ccontcont {
	margin-top: 1em;
	margin-bottom: 3em;
	/*border: 1px solid #f00;*/	
}

.econt, .ccont {
}



#replyinfo {
	text-align: center;
}

.reply {
	padding: 5px;
	text-align: center;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #222;
}

.reply .ccont {
	text-align: left;
}

.reply .cdate {
	display: none;
}

.admbuttz {
	text-align: right;
	font-weight: normal;
	font-size: 1.0em;
	margin: 0;
	margin-top: 0.5em;
}

.admbuttz span {
	margin-left: 0.5em;
}

.admbuttz span, .button {
	font-family: verdana;
	font-size: 0.7em;	
	background-color: #333;
	color: #ddd;
	padding: 3px;
	cursor: pointer;
	border: 1px solid #444;
}

.admbuttz span:hover, span.button:hover, input.button:hover {
	background-color: #666;
}

.admbuttz span.delbut:hover {
	background-color: #933;
}

span.repbut {
	margin-left: 1.0em;
}

#newentryformcontainer {
	margin-bottom: 20px;
	margin-top: 10px;
	padding-left: 6px;
}

#navi {
	text-align: right;
	font-size: 0.8em;
	margin-top: 1em;
}

#navi a {
	margin: 0.2em;
}

#led {
	font-family: verdana;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0.4em;
	background-color: #ff9;
	font-size: 0.7em;
	display: none;
	color: #c60;
	border-right: 1px solid #c60;
	border-bottom: 1px solid #c60;	
}

#canvas, #canvasBack {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}

#canvas {
	z-index: 5;
}

#canvasBack {
	background-color: #000;
	z-index: 4;
}

#frame {
	text-align: center;
	padding-top: 5%;
}

#frame img {
	border: 1px solid #999;
}

#photoNavi {
	margin-top: 20px;
	padding-bottom: 40px;
}

#photoNavi span {
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
	background-color: #333;
	cursor: pointer;
	margin-left: 5px;
	margin-right: 5px;
	border: 1px solid #555;
}

#photoNavi span:hover {
	background-color: #666;
}

#photoNavi span.dark {
	color: #666;
	cursor: default;
}

#photoNavi span.dark:hover {
	background-color: #333;
}

.photoPool {
	text-align: center;
}

.photoPool img {
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #999;
}

#flashitself {
	top: 0;
	position:absolute;
	z-index: -1;
}

#newHappeningForm, #addImagesForm, #editHappeningForm {
	display: none;
}

#addImagesBlock, #editHappeningBlock {
	margin: 15px;
	text-align: right;	
}

#addImagesForm input {
	margin-top: 0.8em;
}

#newHappeningFormButton {
	/*cursor: pointer;
	text-decoration: underline;
	font-size: 0.8em;
	font-weight: bold;*/
}

#newHappeningForm div, #editHappeningBlock div {	
	margin-top: 15px;
}

#newHappeningForm .lblcont, #editHappeningBlock .lblcont {
	margin-bottom: -12px;
}

#newHappeningForm input, #editHappeningBlock input {
	margin-right: 5px;
}

#newHappeningForm label, #editHappeningBlock label {	
	font-weight: bold;
	font-size: 0.8em;
	margin-bottom: -10px;
}

.notshown {
	background-color: #444;
	padding: 15px;
	padding-top: 0;
}

.notshown a {
	color: #ccc;
}

.showHideButton {
	font-weight: normal;
	margin-left: 1em;
	font-size: 0.6em;
}

.showHideButton span {
	text-decoration: underline;
	cursor: pointer;
}

.showHideButton span:hover {
	text-decoration: none;
}

.imageButtons {
	font-size: 10px;
	background-color: #000;
	margin-bottom: 2px;
	color #fff;
	font-family: Verdana;
	margin-left: -103px;
}

.imageButtons span {
	cursor: pointer;
	padding: 2px;
}

.imageButtons span:hover {
	cursor: pointer;
	color: #f00;
}

.imageButtons span.thumb {
	color: #f00;
	
}
