#navbar { width: 778px; padding: 2px; font-size: 12px; font-weight: bold; position: relative; top: -15px; border-bottom: 1px solid #888; }
#navbar small { color: #888; }
#navbar a small { color: #000; }
#navbar a { color: #000; }

#main { position: absolute; left: 176px; top: 182px; width: 823px; min-height: 1075px; z-index: 12; background: #ebe1c0 url('/wp-content/themes/softaaja/images/pohjawide.jpg') top no-repeat; }

.note {
	position: absolute;
	z-index: 99;
	border: none;
	padding: 3px;
}

.notetext { display: none }
#notefield:hover .note { border: 1px solid #4e4a3e; }
.hidden { display: none; }

textarea { display: block; width: 510px; }
button { padding: 2px; }
input[type="submit"] { padding: 2px 4px; }

/* ----------------------------------------------------- Päärakenne ---- */

#galleryMain { float: left; width: 540px; }

#gallerysidebar {

	position: absolute;
	right: 20px;
	width: 220px;
	
}

#alamainos { width: 468px; height: auto; margin: auto; margin-top: 20px; }
#sivumainos  { width: 200px; height: auto; margin: auto; margin-top: 10px; margin-bottom: 20px; }

/* ----------------------------------------------------- Päärakenne loppuu ---- */

/* ----------------------------------------------------- Kuvat ---- */

.thumb {
	margin: 2px 2px 20px 2px;
	border: 1px solid #4e4a3e;
	vertical-align: middle;
}

.thumbDetails {	width: 100%; }
.galleryimage {	max-width: 510px; border: 1px solid #4e4a3e; display: block; }

/* ----------------------------------------------------- Kuvat loppuu ---- */

/* ----------------------------------------------------- Sidebarboxit ---- */

.sidebarThumbsDiv {
	background: #ebe1c0;
	border: 1px solid #abac85;
	margin: auto;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 8px;
	width: 140px;
}

.sidebarbox {
	padding: 6px;
	padding-bottom: 12px;
	background: #d9d0b1;
	border: 1px solid #919f83;
	width: 205px;
	font-size: 10px;
}

.sidebarboxlegend {

	background: #706957; /* url(img/fade.png) repeat-x;*/ 
	color: white;
	border: 1px solid #919f83;
	position: relative;
	top: -7px;
	left: -7px;
	width: 205px;
	padding: 6px;
	height: 10px;
	/*font-weight: bold;*/
}

.sidebarbox li { font-size: 12px; }

.sblink { display: block; }

.sblink img {
	background: #ebe1c0;
	border: 2px solid #bf9c63;
	padding: 2px;
	vertical-align: middle;
	margin: 2px 4px 0 10px;
}

.sblink:hover img { border-color: #f89d25; }

#linkbox a:hover { text-decoration: none; }

#linkbox .atext:hover { text-decoration: underline; }

.sidebarbox .thumb {	margin: 2px 20px 2px 20px; }

/* ----------------------------------------------------- Sidebarboxit loppuu ---- */

/* ----------------------------------------------------- Muotoiluja ---- */

small { color: black; }

.huom { color: red; }
.bold {	font-weight: bold; }

p a { text-decoration: underline; }

fieldset { padding: 5px; }
legend { margin-left: 20px; }

/* ----------------------------------------------------- Muotoiluja loppuu ---- */

/* ----------------------------------------------------- Lajittelemattomat ---- */


.liUser { list-style-image: url(img/user.png); }
.liUser li { list-style-image: none; }

.hiddenInput {
	margin-top: 5px;
	background: transparent;
	border: none;
	cursor: default;
}

.vn { width: 12px; }

#tooltip {
	width: 400px;
	font-size: 10px;
	margin-left: 10px;
}

#uploadForm fieldset { margin-top: 30px; }

.vote {
	background: url(img/vote.png);
	height: 17px;
}

.votebackground {
	margin: auto;
	margin-top: 10px;
	background: url(img/voteb.png);
	width: 89px;
	height: 17px;
	text-align: left;
}

.uploadnappi {
	margin: 10px 0 50px 0;
	text-align: center;
}

.uploadnappi input {
	width: 120px;
	height: 32px;
}

.filename {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
}

.tagcloud {
	margin: 5px 0 30px 15px;
	padding: 10px;
	background: #d9d0b1;
	border: 1px solid #abac85;
	width: 485px;
	line-height: 200%;
}

.imagecomment {
	border: 1px solid #A0A595;
	margin: 2px;
	padding: 2px;
	overflow: auto;
}

.imagedescription {
	background: #bbcea9;
	border: 1px solid #919f83;
	margin: 2px;
	padding: 2px;
}

li img {
	vertical-align: middle;
	padding-bottom: 5px;
}

#modifyform select, #modifyform input[type="text"] { width: 260px; }
#modifyform input[type="submit"] { width: 120px; }

/* ----------------------------------------------------- Lajittelemattomat loppuu ---- */

.notop {
	margin-top: 0;
	padding-top: 0;
}

.avatar { position: relative; left: 12px; }

.kv, .ko, .wkv, .wko { display: inline; }
.kommentti, .wkommentti  { margin: 10px 0 10px 0; clear: both; }
.kv, .wkv { float: left; min-height: 100px; }
.ko, .wko { float: right; min-height: 100px; }
.kt1, .wkt1 { position: relative; top: 4px; left: 60px; border-bottom: 1px solid #aaa; }
.kt2 , .wkt2 { position: relative; top: 0px; left: 60px; overflow: auto; }

.kommentti {  width: 414px;  }
.kv { width: 100px;}
.ko { width: 310px;}
.pk1, .pk2, .pk3 { width: 310px; float: right; }
.pk1 { background: url('img/kommentti1.png') no-repeat; height: 20px; }
.pk2 { background: url('img/kommentti2.png') repeat-y; height: auto; min-height: 30px; }
.pk3 { background: url('img/kommentti3.png') no-repeat; height: 20px; }
.pk4 { background: url('img/kommentti4.png') no-repeat; height: 35px; width: 44px; position: absolute; margin-top: 20px;  }
.kt1 { width: 232px; }
.kt2 { width: 232px; }

.wkommentti { width: 100%; }
.wkv { width: 100px;}
.wko { width: 440px;}
.wpk1, .wpk2, .wpk3 { width: 440px; float: right; }
.wpk1 { background: url('img/wkommentti1.png') no-repeat; height: 20px; }
.wpk2 { background: url('img/wkommentti2.png') repeat-y; height: auto; min-height: 30px; overflow: auto; }
.wpk3 { background: url('img/wkommentti3.png') no-repeat; height: 20px; }
.wpk4 { background: url('img/kommentti4.png') no-repeat; height: 35px; width: 44px; position: absolute; margin-top: 20px; }
.wkt1 { width: 362px; }
.wkt2 { width: 362px; }