html, body {
	margin:0;
	padding:0;
	text-align:center;
	font:11px/120% 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	/*color:#FFFFFF;*/
	color:#faa61a;
	height:100%;
	background-color:#666666;
	}
input, select, textarea { font: 11px/120% 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; }
#center {
	width:1000px;
	height:auto;
	min-height:100%; _height:100%;
	margin:0 auto;
	text-align:left;
	}
	#head {
		height:290px;
		width:1000px;
		padding:0;
		background-color:#231f20;
		overflow:hidden;
		background:url(../images/bg_head.gif) 0 0 repeat;
		}
		#goHome {
			float:left;
			width: 280px;
			height: 270px;
			margin: 0;
			padding: 0;
		}
		#headtext {
			padding:165px 20px 0 70px;
			color:#faa61a;
			font-weight:bold;
			font-size:12px;
			float: left;
			}
	#body {
		height:auto;
		min-height:100%; _height:100%;
		padding:0;
		background:#231f20 url(../images/bg_body.gif) 0 0 repeat;
		}
	#footer {
		text-align: right;
		height:16px;
		line-height: 16px;
		clear:both;
		padding: 2px 8px;
		}
		
#twitter {  
  padding: 10px 0px 20px 0px;
  font-size: 11px;
  font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	}		

#menu {
/*	height:100%;
	min-height:100%; _height:100%;*/
	letter-spacing:-1px;
	text-transform:uppercase;
/*	background-color:transparent;*/
/*	background:url(../images/bg_menu.gif) 0 0 no-repeat;*/
	}
	
#menu-space	{
	width:220px;
	padding:20px 20px 20px 50px;
	float:left;
	}
	
	#menu img {
		border: none;
		margin: 0 0 12px 0;
	}
	
	#menu a {
		display:block;
/*		height:20px;*/
		margin:15px 0 0 0;
/*		color:#faa61a;*/
		}
	#menu a:hover { color:#8B0304; }

	#menu a#first {
		margin-top:0;
		}
	#menu a.selected {
		color:#faa61a;
		}
		#menu .submenu {
			padding:0 0 0px 17px;
			}
			#menu .submenu a {
				color:#999;
				padding:0 10px 0 0;
				margin:5px 0;
				}
			#menu .submenu a:hover {
				color:#8B0304;
				}
			#menu .submenu a.selected {
				color:#f63;
				}

#content {
	width:500px;
	float:left;
	padding: 20px 30px 40px 40px;
	}
	
	
/* editovat */	
	#orderhead {
		height:12px;
		line-height:12px;
		padding:20px 0 15px 0;
		border-bottom:1px dotted #ccc;
		clear:both;
		overflow:hidden;
		}
		#orderhead span, 
		#orderhead a {
			display:block;
			height:12px;
			width:61px;
			padding:0 4px;
			float:left;
			}
			#orderhead span a {
			display:inline;
			width: 20px;
			}

		#orderhead a#ohPeople {
			width:295px
			}
		#orderhead a#ohArticle {
			width:381px
			}
		#orderhead span#ohBlogger, 
		#orderhead a#ohBlogger {
			width:90px
			}
		#orderhead a#ohCategory {
			width:90px
			}
		#orderhead span#ohDate {
			width:80px
			}
		
		#orderhead .selected {
			background:#fff;
			}
		#orderhead .separator {
			width:1px;
			height:24px;
			background:#ccc;
			overflow:hidden;
			float:left;
			}
	#filter {
		float: right;
		padding:0 15px 0 0;
		width: 105px;
		margin-top: 15px; 
		}
		#filter div {
/*			width:128px;*/
/*			height:110px;*/
/*			overflow:hidden;*/
/*			float:left;*/
			}
		#filter label {
			text-align:left;
			padding:0 0 2px 0;
			}
		#filter select {
			width:80px;
			font-size: 9px;
			border: 1px solid #999;
			}
		#filter .textinput {
			width:100%;
			font-size: 9px;
			}
		#filter .filtersubmit {
			float:right;
			margin:5px 2px 0 0;
			}
		#filter .sbmt {
			border: none;
			background-color: transparent;
			font-weight: bold;
			float:right;
			margin:5px 2px 0 0;
			padding: 0px;
			cursor: pointer;
			}

	#search {
		width:280px;
		padding:8px 3px 8px 232px;
		border-bottom:1px solid #ccc;
		text-align:right;
		}
		#search .textinput {
			width:200px;
			float:left;
			}
	
	.person {
		width:515px;
		height:auto;
		padding:4px 0;
		border-bottom:1px solid #ccc;
		font-size:11px;
		line-height:14px;
		}
		.personfoto {
			width:80px;
			height:80px;
			padding:4px;
			border:1px solid #ccc;
			overflow:hidden;
			float:left;
			font-size:11px;
			}
			.personfoto img {
				border:0;
				}
		.persontext {
			width:195px;
			padding:4px 8px 0 12px;
			float:left;
			font-size:11px;
			}
			.persontext h1 {
				padding:0 0 5px 0;
				font-size:11px;
				}
		.personinfobox {
			width:62px;
			padding:4px;
			float:left;
			font-size:11px;
			}
			.personinfobox strong {
				display:block;
				padding:3px 0 0 2px;
				}
	.persondetailh1 {
		width:300px;
		font-size:18px;
		line-height:22px;
		color:#999;
		float:left;
		}
	.persondetailfoto {
		width:560px;
		height:auto;
		padding:0 0 8px 0;
		clear:both;
		}
		.persondetailfoto img {
			padding:4px;
			border:1px solid #ccc;
			}
	.article {
		width:500px;
		height:auto;
		padding:4px 0 3px 0;
		border-bottom:1px solid #ccc;
		font-size:11px;
		line-height:14px;
		}
		.articlefoto {
			width:90px;
			height:auto;
			overflow:hidden;
			float:left;
			}
			.articlefoto img {
				padding:4px;
				border:1px solid #ccc;
				}
		.articletext {
			width:135px;
			padding:4px 8px 0 12px;
			float:left;
			font-size:11px;
			}
			.articletext h1 {
				padding:0 0 5px 0;
				font-size:11px;
				}
		.articleblogger,
		.articleinfobox,
		.articlecategory {
			padding:4px;
			float:left;
			font-size:11px;
			}
		.articleblogger,
		.articlecategory {
			width:91px;
			}
		.articleinfobox {
			width:62px;
			}
		.articleblogger strong,
		.articleinfobox strong,
		.articlecategory strong {
				display:block;
				padding:3px 0 0 2px;
				}
	.articledetailh1 {
		width:220px;
		padding:0 20px 0 0;
		font-size:18px;
		line-height:22px;
		color:#999;
		float:left;
		}
	#photos {
		padding:5px 0 0 0;
		}
		#photos h2 {
			border-top:1px solid #ccc;
			}
		#photos table {
			border-collapse:collapse;
			}
		#photos td {
			padding:0 4px 4px 0;
			text-align:center;
			}
		#photos img {
			padding:4px;
			border:1px solid #ccc;
			}
	
	#profilepictures {
		padding:18px 0 0 0;
		margin:0 0 4px 0;
		border-bottom:1px solid #ccc;
		font-weight:bold;
		font-size:11px;
		}
		#profilepictures span {
			display:block;
			width:200px;
			padding:2px 4px 2px 12px;
			clear:both;
			float:left;
			}
		#profilepictures img {
			padding:4px;
			border:1px solid #ccc;
			float:left;
			}
		#profilepictures .cleaner {
			height:5px;
			overflow:hidden;
			}
	
	.articlecomment {
		padding:10px 0 0 0;
		}
	.articlecomment a,  
	.articlecomment strong {
		color: #faa61a;
		}
		
	.articlecomment strong {
		float:left;
		display:block;
		width:150px;
		}
		
	.articlecomment span {
		color:#999;
		}
	.articlecomment p {
		padding:4px 0 10px 0;
		clear:both;
		}
	#articleaddcomment {
		padding:15px 0 0 0;
		/*height:190px;*/
		}
	#articleaddcomment strong {
		line-height:22px;
		}
	#articleaddcomment textarea{
		width:500px;
		height:120px;
		margin:0 0 16px 0;
		padding: 4px;
		}
	#articleaddcomment input {
		width: 200px;
		float:right;
		}	
	
	#bottomnavigation {
		padding:8px 0 0 0;
		}
		.previewsbutton {
			}
		.nextbutton {
			float:right;
			}
	
/* konec editace */	
	.blogitem {
		width:515px;
		padding:10px 0 0 0;
		border-bottom:1px dotted #999;
		color:#999;
		}
		.blogitem h2 {
			padding-left:100px;
			}
		.blogimg {
			width:415px;
			padding:10px 0 0 100px;
			overflow:hidden;
			}
		.blogfoto {
			width:85px;
			height:auto;
			padding:10px 15px 0 0;
			overflow:hidden;
			font-weight:bold;
			float:left;
			}
			.blogfoto img {
				padding:0 0 5px 0;
				}
		.blogtext {
			width:415px;
			height:auto;
			font:13px/120% 'Trebuchet MS', Times, serif;
			float:left;
			}
			.blogtext p {
				padding:5px 0;
				}
				.blogtext p.blognote {
					background:url(../images/bg_chatroomswitch.gif) 0 1px repeat-x;
					font-style:italic;
					}


	table.list {
		border-collapse:collapse;
		width:100%;
		text-transform:uppercase;
		font-weight:bold;
		color:#999;
		}
		table.list th {
			height:24px;
			padding:0 4px 10px 0;
			margin:0;
			color:#4e6e17;
			border-bottom:1px dotted #968981;
			vertical-align:top;
			}
		table.list th.wide {
			width:202px;
			}
		table.list th.extrawide {
			width:330px;
			}
		table.list td {
			padding:4px 0;
			border-bottom:1px dotted #968981;
			}
		table.list img {
			padding:4px;
			border:1px solid #ccc;
			}
		table.list a {
			color:#999;
			}
		table.list a:hover {
			color:#666;
			}
/* editace */	
	#chatcontent {
		width:515px;
		height:auto;
		float:left;
		}
		
.cleaner {
	height:1px;
	clear:both;
	overflow:hidden;
	}
.green {
	color:#999;
	}
.darkgreen {
	color:#690;
	}
.grey {
	color:#999;
	}
.center {
	text-align:center;
	}
		
a {
	text-decoration:none;
	color:#faa61a;
	font-weight:bold;
	}
a:hover {
	/*JH color:#9c3; */
	color:#8B0304;
	}

/*JH*/
h1 a {
	color:#999;
	}	

.gray {
	color:#999;
	}	


/*JH*/

p {
	margin:0;
	padding:0 0 4px 0;
	}

h1 {
	margin:16px 0 8px 0;
	padding:0;
	font-size:18px;
	color:#999;
	line-height:22px;
}
	h1 sup {
		font-size:12px;
		margin:0;
		}
h2 {
	margin:0;
	padding:0;
	font-size:11px;
	line-height:22px;
	color:#4e6e17;
	}
h3 {
	margin:24px 0 0 0;
	padding:0;
	font-size:12px;
	line-height:22px;
	border-top:1px solid #333;
	color:#666;
	}
/* konec editace */
form {
	margin:0;
	padding:0;
	}
	label {
		display:block;
		width:92px;
		padding:0 15px 0 0;
		text-align:right;
		font-weight:bold;
		text-transform:uppercase;
		color:#999;
		float:left;
		}
	.fileinput {
		width:434px;
		border:1px solid #999;
		}
	.textinput {
		width:400px;
		border:1px solid #999;
		}
	textarea {
		width:400px;
		height:48px;
		border:1px solid #999;
		}
	textarea.big {
		height:147px;
		}
	select {
		width:140px;
		}
	.wideselect {
		width:434px;
		}
	.submit,
	.reset {
		float:right;
		margin:0 4px;
		border: 1px solid #faa61a;
		color: #faa61a;
		background-color: #8b0607;
		}
	form .cleaner {
		height:20px;
		}

input.sbmt {
	padding: 1px;
	}

		
.sbmt {
	padding: 3px;
	background-color: #8b0304;
	color:#faa61a;
	border:1px solid #faa61a;
	font-weight: normal;
	}

.sbmt a, span.sbmt a {
	color: #faa61a;
	font-weight: normal;
	text-transform: none;
}



		.atcfoto {
			width:90px;
/*			height:auto;*/
/*			overflow:hidden;*/
			float:left;
			}
			.atcfoto img {
				padding:4px;
				border:1px solid #ccc;
				margin-bottom: 5px;
				}
				
			.atcfoto .sbmt { display: block; text-align: center; }
			.atcfoto .sbmt a:hover { color:#FFF; }
			.atcfoto .chBox { margin-top: 15px; }
			
		.atctext {
			width:395px;
			padding:4px 0px 0 12px;
			float:left;
			font-size:11px;
			margin: 0px;
			}
			.atctext h1 {
				padding:0 0 5px 0;
				font-size:11px;
				}
				
			.atcmeta {
			width:125px;
			padding:0;
			float:right;
			font-size:11px;
			}

				.atcblogger,
				.atcinfobox {
					padding:4px;
					float:right;
					font-size:11px;
					}
				.atcblogger { width:91px; }
				.atcinfobox { width:88px; }
				.atcblogger strong,
				.atcinfobox strong { display:block; padding:3px 0 0 2px; }

.cloud {
	padding: 3px;
/*	border: 1px solid #8B0607;
	background-color: #D88D2A;
*/	color: #8B0607;
}

.cloud a{
/*	color: #8B0607;*/
	color: #faa61a;
	text-decoration: none;
	font-weight: normal;
}

.cloud a:hover{
	color: #8B0607;
	text-decoration: underline;
}
	a.cl1 { font-size: 100%; }
	a.cl2 { font-size: 120%; }
	a.cl3 { font-size: 140%; }
	a.cl4 { font-size: 160%; }
	a.cl5 { font-size: 180%; }

.dhtmlbox {
	margin: 32px 0 0px 0;
	padding: 0;
}
	
th { color: #faa61a; }

.al_r {
	text-align: right;
}

.featuredComment{
	margin: 8px 0 0 0;
	padding: 0;
	max-height: 40px;
	overflow: hidden;
	font-size:9px;
}
	.featuredComment strong{
		color: #faa61a;
		}
		
.imgThumb,
.imgThumbHigh {
	float:left;
	width: 160px;
	padding: 0px;
	margin: 0 8px 8px 0;
	overflow: hidden;
}

.imgThumb { height: 160px; }
.imgThumbHigh { height: 170px; }

	.imgThumb img,
	.imgThumbHigh img {
		margin: 0 0 4px 0;
		border: none;
	}
	
	.imgThumb a,
	.imgThumbHigh a {
		display: block;
	}

.gallery {
	width: 150px;
	padding: 0;
	margin: 0 0 0 24px;
	float: right;
}

	.gallery img {
		border: none;
		margin: 0 0 8px 0;
	}
	
.strongGray {
	color: #faa61a;
	font-size: 18px;
	line-height: 20px;
	
}

h1.workshop {
	font-size: 25px;
	margin-bottom: 24px;
}