body {
	background-color: #cccc;
	color: #000000;
	font-family: verdana, sans-serif;
	font-size: 10pt;
}

a {
	color: #333399;
}

a.selected {
	color: #999999;
	text-decoration: none;
}

#search_help {
	position:absolute;
	background-color:#fff;
	color:#000;
	font-size:10pt;
	font-weight:normal;
	border:1px gray dotted;
	padding:5px;
	margin:5px 0 0 0;
	display:none;
	width:50ex;
}

div#toplink_bar {
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	background-color: #ffffff;
	border: #666 2px groove;
	width: 90%;
	height: 30px;
}

div#toplink_bar div.link {
	float: left;
	margin: 5px;
}

div#toplink_bar div.link a {
	text-decoration: none;
}

div#itemlist_navi,
div#contentlist_navi {
	background-color: #eeeeee;
	width: 100%;
	height: 23px;
	padding: 6px 0px 0px 4px;
	margin: 0;
}

a.itemlist_link,span.itemlist_link_current,
a.contentlist_link,span.contentlist_link_current {
	border: #999 1px solid;
	margin: 0px;
	padding: 1px;
	text-decoration: none;
	color: #333;
}

a.itemlist_link,
a.contentlist_link {
	background-color: #ddd;
}

span.itemlist_link_current,
span.contentlist_link_current {
	background-color: #666;
	border-style: inset;
}

div#itemlistdiv,
div#contentlistdiv {
	border: 1px solid gray;
	width: 900px;
	height: 400px;
	/*float:left;*/
}

div.thumbnail {
	border: 1px solid gray;
	background-color: #eee;
	color: #000000;
	float: left;
	margin: 4px;
	padding: 5px;
	width: 160px;
	height: 160px;
	font-size: 8pt;
	z-index: 500;
	overflow: hidden;
}

div#mapbox {
	position: absolute;
	left: 600px;
	top: 120px;
	border: 1px solid gray;
	background-color: #eee;
	color: #000000;
	margin: 0px;
	padding: 5px;
	width: 400px;
	height: 400px;
	font-size: 8pt;
	z-index: 1500;
	display: none;
	/*
 overflow:hidden;
 */
}

div#uploadformdiv {
	background-color: #fff;
	float: left;
	margin-left: 10px;
}

div#searchformdiv {
	background-color: #fff;
	float: left;
}

div#chatbox,div#topplokersbox,div#latest_comments_box,div#latest_links_box {
	font-size: 9pt;
	float: left;
	border: gray solid 1px;
	margin: 2px;
	padding: 5px;
	background-color: #eee;
}

div#latest_comments_box {
	width: 300px;
}

div#topplokersbox {
	width: 130px;
}

div#chatbox {
	width: 400px;
}

input#chat_message {
	width: 90%;
}

#chat { /*border: green solid 1px;*/

}

textarea#id_caption {
	height: 5ex;
	width: 30em;
}

.plokcommenttime,.chatmessagetime {
	font-weight: bold;
	color: #ff6699
}

.plokcommentsender,.chatmessagesender {
	font-weight: bold;
	color: #9966ff
}

#feeditembox, #contentbox, #editbox {
	position: absolute;
	top: 100px;
	left: 20px;
}

#feednavibox,
#contentnavibox {
	position: absolute;
	top: 20px;
	left: 20px;
}

.prevnextthumbbox {
	width: 80px;
	height: 60px;
	float: left;
	background-color: #666;
	text-align: center;
	opacity: .50;
	filter: Alpha(Opacity = 50);
	font-size: 56px;
	border: #fff solid 2px;
	margin: 2px;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: top;
	cursor: pointer;
}

#previtembox { /*
 width:50%;
 float:left;
 text-align:left;
 position:absolute;
 top:20px;
 left:20px;
 */

}

#nextitembox { /*
 width:50%;
 float:left;
 text-align:right;
 position:absolute;
 top:20px;
 left:500px;
 */

}

.mainimage {
	border: 5px white solid;
}

.prevnextimage {
	border: 2px white solid;
}

#commentlistbox {
	position: absolute;
	top: 100px;
	left: 600px;
	background-color: #222;
	border: gray solid 1px;
	padding: 2px;
}

div.highlight {
	background-color: #ff0000;
}

div.commentbox {
	display: none;
	z-index: 1000;
	position: absolute;
	background-color: #ffcccc;
	margin: 2px;
	padding: 5px;
	width: 175px;
}

div.metadatabox {
	display: none;
	z-index: 1000;
	position: absolute;
	background-color: #cffccc;
	margin: 0px;
	padding: 0px;
	width: 175px;
}

#id_text,#id_title,#id_nickname {
	font-family: sans-serif;
	width: 90%;
}

#id_text {
	height: 3ex;
}

.form-prompt-wrapper {
	height: 21px;
}

.form-prompt-class {
	color: #ccc;
	margin: 2px 0 0 10px;
	font-size: 10pt;
	height: 20px;
}

/* GALLERY*/
.mask {
	color: #FFF;
	font-size: 80%;
	display: none;
	background-image: url('/static/img/palanen.png');
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	width: 100%;
	height: 200%;
	z-index: 1001;
}