/* CSS Document */

@import "skins/serepeticky.css";

* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: sans-serif;
	font-size: 12px;
	height: 100%;
	background-color: #eee;
	color: #000;
}

input, select, textarea {
	font-family: sans-serif;
	font-size: 12px;
}

.submit { margin-left: 0.5em; }

img { border: 0px none; }

h1 { display: none; }
/*p { text-align: left; } */
a,a:hover { text-decoration: none; }
a[name] { position: relative; top: -60px; }
ul { margin-left: 1.3em; }
ol { padding-left: 3em; }

#lftmenu {
	position: fixed;
	_position: absolute;/* *position:absolute; */
	top: 0; left: 0;
	width: 155px;
	height: 100%;
	z-index: 105;
	text-align: center;
	background-color: #ddd;
}

#topmenu {
	position: fixed;
	top: 0; right: 0;
	left:155px;
	height:30px;
	background-color:#ddd;
	z-index: 100;
	_position: static;
	_padding-left: 155px;
}

#main {
	margin: 30px 0 0 155px;
	padding-bottom: 2em;
	_height: 1px;
	_margin-top: 0px;
	_padding-top: 0px;
}

#login, #logged {
	background: transparent;
	height: 20px;
	padding-top: 3px;
	padding-right: 5px;
	position: absolute;
	right: 0; top: 0;
}

#login label { font-size: 13px; }

#loginform {
	width: 400px;
}

#lftmenu form { margin: 15px 0; }
#lftmenu ul { margin: 20px 0; }
#lftmenu li a { display: block; }

#topmenu ul, #topmenu p { padding: 5px 0; margin: 0px; }
#topmenu li { display: inline; margin: 0 0 0 14px; }

#topmenu p { margin-left: 14px; }

#lftmenu a { font-size: 16px; }
#lftmenu .nick {
	font-size: 11px;
	font-weight:bold;
}
#lftmenu .timendate { font-size: 11px; }

#topmenu a { font-size: 13px; }
#topmenu a:hover { }

img.ico { width: 40px; height: 50px; border: 0px none; }
#lftmenu .ico { margin: 0 auto; }

/* copyright */
.copy { color: #444; font-size: 11px; }

/* umisteni obsahu #main */
.left {
	margin-right: 230px;
	_margin-right: 250px !important;
	padding: 10px;
}
.center {
	text-align:center;
	padding: 10px;
}
.right {
	width: 220px;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}

@media screen and (max-width: 854px) {
	.logo { display: none; }
	#lftmenu {
		height: auto;
		position: static;
	}

	#lftmenu * {
		display: none;
	}
	#lftmenu #main-logo {
		display: block;
	}

	#topmenu {
		position: static;
		padding: 2px;
	}

	#main {
		margin-left: 0px !important;
		margin-bottom: 0px !important;
		margin-top: 0px !important;
		margin-right: 0px !important;
		/* FFS already */
	}

	.center { padding: 2px; }
	.left { margin: 0px; padding: 2px; }
	.right {
		margin: 3px;
		width: auto;
		float: none;
	}

	.details {
		display: none;
	}

	.ta textarea { width: 95%; }

	ul {
		margin-left: 0px !important;
		list-style: none !important;
	}
	
	#vyvoleni, #ignorestats {
		display: none;
	}
}

.footer {
	margin-top: 10px;
	background-color: #ddd;
	border: 2px solid #bbb;
	text-align: left;
}

.box {
	margin: 20px auto 0 auto;
	background-color: #ddd;
	border: 2px solid #bbb;
	text-align: left;
}

.box-head {
	border-bottom: 2px solid #bbb;
	background-color: #ddd;
}

.box h2 {
	text-align: left;
	padding-left: 10px;
	font-size: 14px;
	font-weight: normal;
}

.box h3 {
	font-weight: normal;
	padding: 5px;
}

.box .in-box { padding: 5px; }

/* loga */

#main-logo a {
	display: block;
/*	background: url('logo.jpg') 0 0 no-repeat #fff;
	width: 150px;
	height: 60px;*/
}

#main-logo a span {
	display: block;
	font-size: 25pt;
	font-weight: bold;
	padding: 0.4em 0;
}

.logo {
	display: none;
/*	margin-top: 30px;
	_margin-top: 0px !important;*/
	width: 150px; height: 60px;
	background: none 0 0 no-repeat #fff;
}

/* items */

.item {
	text-align: left;
	padding: 0.5em 0;
}

.item .content img {
	max-width: 99%;
}

.contact-item { margin-bottom: 15px; }

.item .finish, .contact-item .finish {
	clear: both;
	line-height: 5px;
	border-bottom: 1px solid #ccc;
}

.item .head {
	padding: 2px;
	margin-left: 50px;
	background-color: #aaa;
	position: relative;
}
.item.other .head {
	margin-left: 0px;
	margin-right: 50px;
}

.item.unread .head {
	background-color: #daa;
}

.item .head .acts {
	position: absolute;
	top: 2px;
	right: 7px;
	_right: 77px;
}

.item .head .star { vertical-align: text-top; }

.item a.user, .contact-item a.user {
	display: block;
	float: left;
	margin-right: 10px;
}
.item.other a.user {
	float: right;
	margin-right: 0px;
	margin-left: 10px;
}


.item.r .head { background-color: #f57; }
.item.c .head { background-color: #aa0; }

.tooltip {
	position: absolute;
	z-index: 500;
	display: none;
	background-color: #aaa;
	padding: 5px;
	border: 1px solid black;
}

.item .tooltip {
	width: 50em;
}

.item .tooltip img {
	max-width: 90%;
	max-height: 384px;
}

.item.collapsed .user,
.item.collapsed .head,
.item.collapsed .content {
	display: none;
}

.item .ignore {
	display: block;
}

.item .ignore, .item .ignore b {
	font-size: 8pt;
}

.content > .yt, .yt img {
	min-width: 512px;
	min-height: 384px;
	position: relative;
}

.yt .play {
	display: block;
	visibility: hidden;
	width: 50px;
	height: 50px;
	background-image: url('img/play-button.png');
	background-repeat: no-repeat;
	position: absolute;
	bottom: 60px;
	left: 60px;
}

.yt:hover .play {
	visibility: visible;
}

/* uvod.php */

#b-uvod .left #welcome.box {
	width: 70%;
}

#search_name input[type=text] {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
}


.item-mini {
	margin-left: 3em;
}

.item-mini, .item-mini * {
	color: #666;
	font-size: 0.9em;
}

/* nástěnky, echa */
#b-echo.r {
background-color: #fdd;
}

.audit-head, .echo-head, .pager {
	background-color: #aaa; 
	margin: 0.5em 0;
	padding: 0.5em;
	text-align: left;
}

.audit-head .header {
	background-color: #ddd;
	border-bottom: 2px solid #bbb;
}


.pager { text-align: right; }
.pager .searchform {
	float: left;
	margin-top: -0.45em;
}

.ta, .to { margin: 10px; }
#sp-book, #sp-set { float: right; }
#sp-book a { background-color: #777; }
#subhead { margin: 3px; text-align: center; }
#subhead img { display: none; }
.details { float: right; text-align: right; }
.details .actions { margin-bottom: 25px; }

.ac_results {
	background: white;
	color: black;
	position: absolute;
	border: 1px solid black;
	border-top-width: 0px;
	padding: 2px;
}

.ac_results ul {
	margin-left: 0;
	list-style: none;
}

.ac_over {
	background: #c88;
}

/* uziv.php */

#user-search form { margin: 10px; }

#userlist, #nastlist { background: transparent; }
#userlist .in-box, #nastlist .in-box { padding: 0px; }
#userlist table, #nastlist table {
	width: 100%;
	_width: 99% !important;
	text-align: center;
}
#userlist .htext, #nastlist .htext {
	text-decoration: none;
	margin: 2px;
	padding: 3px
}

#userlist td, #nastlist td, #userlist th, #nastlist th {
	text-decoration: none;
	background-color: #ccc;
	margin: 2px;
	padding: 3px
}

#userlist th, #nastlist th {
	background-color: #bab;
}

#nastlist .odd2 td, #nastlist .even2 td { background-color: #ddd; }

#userlist tr.m td {
	background-color: #ddf;
}
#userlist tr.f td {
	background-color: #fdd;
}

#userlist .user { text-align: left; }

#uziv-topnew .sex-ico { vertical-align: baseline; }

#uziv-topnew .date {
	font-size: smaller;
	text-align: right;
}

/* ikonky */

.sex-ico {
	display: -moz-inline-box; display: inline-block;
	vertical-align: middle;
	width: 10px; height: 12px; margin: auto;
	background-repeat: no-repeat;
}
span.sex-ico.m { background-image: url('img/g-m.png'); }
span.sex-ico.f { background-image: url('img/g-f.png'); }

.echo-ico, .chat-ico, .rande-ico, .info-ico {
	display: -moz-inline-box; display: inline-block;
	vertical-align: middle;
	width: 15px; height: 15px;
}
.echo-ico span, .chat-ico span, .rande-ico span, .info-ico span { display: none; }
.echo-ico { background-image: url('img/echo.png'); }
.chat-ico { background-image: url('img/chat.png'); }
.rande-ico { background-image: url('img/rande.png'); }
.info-ico { background-image: url('img/info.png'); }

#topmenu .echo-img.e, #topmenu .echo-img.r, #topmenu .echo-img.c {
}

#topmenu .echo-img.e span, #topmenu .echo-img.r span, #topmenu .echo-img.c span {
	padding: 2px 5px;
	border: 1px solid #000;
	color: #f00;
	background-color: #fff;
	font-weight: bold;
}

/* info.php */

#base-div {
	border: 2px solid #bbb;
	background-color: #ddd;
	height: auto;
	margin-left: auto; margin-right: auto;
}

#b-info .box, #b-info .footer {
	margin: 1em;
}

#info-head {
	padding: 1em;
	background-color: #ddd;
	border-bottom: 2px solid #bbb;
	min-height: 50px;
}
#info-head .ico { float: left; }

#b-info h3 {
	font-family: trebuchet ms, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	text-align: center;
}

#user-facts { float: left; }
#user-stats { float: right; }
#user-facts .in-box, #user-stats .in-box { padding: 1em; }

#user-stats, #user-facts { width: 40%; }

#add-user {
	margin: 1em;
	padding: 1em;
	background-color: #bbb;
}

#set { float: right; }

#b-info textarea {
	width: 40em;
	height: 10em;
}

.dead { color: #a00; }
.immortal { color: #a88; }
.newitems, .newitems a { color: #020; }

/* jine... */

.grp-form {
	margin-top: 1.5em;
}

#nast-home {
}

#nast-home #edit-home {
	float: right;
}

#nast-home textarea {
	width: 80%;
	height: 20em;
	margin-bottom: 1em;
}

.spoiler {
	color: black;
	background: black;
	position: relative;
}

.spoiler.spoil {
	background: #bbb;
}

.spoiler-show {
	position: absolute;
	overflow: hidden;
	visibility: hidden;
	left: 0;
	color: white;
}

.spoiler.spoil .spoiler-show {
	color: red;
}

.spoiler:hover .spoiler-show {
	visibility: visible;
}