body{
background: #E8E4CE;
margin:0px;
font: 10pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
color: #660066;
}


a:link{ color:#E8E4CE; text-decoration:none; }
a:hover{ color:white; text-decoration:underline; }
a:active{ color:#B56115; text-decoration:none; }
a:active:hover{ color:#333333; text-decoration:underline; }
a:visited{ color:#B56115; text-decoration:none; }
a:visited:hover{ color:#333333; text-decoration:underline; }


#wrap{
width:640px;
margin:20px;
margin-left:40px;
margin-right:40px;
border: black 1px solid;
}

#container{
width:640px;
height:100%;
}

#navcontainer{
background:transparent;
margin-top:-240px;
margin-left:400px;

}

#navlist {
height:175px;
}


#navlist li{
background:transparent;
list-style-type: none;
text-align:right;
font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
font-size:14px;
letter-spacing:-2px;
color:#006699;
width:150px;
}

#navlist li a:link {
	color: #C0B68F;
	text-decoration:none;
	font-weight: bold;
}

#navlist li a:visited {
	color: #FFFF66;
	text-decoration:none;
	font-weight: bold;
}

#navlist li a:hover {
	color: #FFFFFF;
	text-decoration:none;
	font-weight: bold;
}

h3{
font-size:18px;
font-weight:bold;
color:#000066;
letter-spacing:-2px;
}

.content{
background: #C0B68F;
padding:10px;
text-align:justify;
font: 9pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
height: 100%;
}

.content_clenove{
background: #C0B68F;
padding:10px;
text-align:justify;
font: 9pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
height: 100%;
}

.my_content{
background: #C0B68F;
padding:10px;
text-align:justify;
font: 9pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
}

#footer{
background:#C0B68F;
padding:9px;
text-align:center;
font: 8pt/9pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
}

#title{
background: #C0B68F;
text-align:right;
padding:9px;
font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
font-size:10px;
text-transform:uppercase;
color:#FFFFFF;
}

#header, #headerx{
background: url(../images/drama.jpg) #C0B68F no-repeat center;
width:640px;
height: 350px;
margin-left:auto;
margin-right:auto;
}

#outer{
background: #D8D1AB ;
width:700px;
margin:0px;
margin-top:20px;
margin-left:150px;
margin-right:150px;
border:  2px ;
}

.pullquote {
color:#FFFFFF;
width:150px;
float:right;
width:150px;
margin-top:10px;
margin-bottom:10px;
margin-left:10px;
padding-bottom:10px;
font-family:'Lucida Grande', Helvetica, sans-serif;
}

hr.cleaner {
clear: both;
margin: -1px 0 0 0; 
padding 0;
height: 1px;
border: none;
visibility: hidden;
}

#clenove { float: left; width: 635px; margin: 0 0 10px 0; border: 0px;}

#gallery { float: left; width: 635px; margin: 0 0 10px 0; border: 0px;}

.col2b { float: left; width: 278px; padding: 0 5px 0 15px; }
.col2a { float: left; width: 278px; padding: 0 5px 0 15px; border: 0px;}
.col3 { float: left; width: 210px; padding: 0 5px 0 0px; border: 0px; }

.drama_obsazeni { float: left; width: 95%; padding: 0 5px 0 0px; border: 0px; }

.galfoto { float: left; width: 200px; padding: 0 3px 0 5px; margin: 0 0px 22px 0;}
.galclen { width: 128px; height: 120px; float: left; margin: 0 2px 10px 0; }

.galclen_tx { float: left; margin: 0 0px 0px 0;}
.inicialy { font: 9pt/10pt 'Lucida Grande', Verdana, Helvetica, sans-serif; font-weight:bold;}
.fce { font: 8pt/10pt 'Lucida Grande', Verdana, Helvetica, sans-serif; }
.aboutperson { font: 9pt/9pt 'Lucida Grande', Verdana, Helvetica, sans-serif; text-align:justify; }
.oddo { font: 7pt/9pt 'Lucida Grande', Verdana, Helvetica, sans-serif; text-align:justify; }

#nahled { width: 0px; cursor:hand; cursor:pointer; position:absolute; margin-left: 0px; margin-top: 0px; padding: 0px; top:360px; margin-top: 0px; border: 0px solid silver;}
.nahledfoto { width: 630px; margin: 0 0em 0 0; margin-left: 0px; margin-top: 0px; left: -50px; top:0px;}

img { /*border-style: none;*/
	border-style:outset;
	border-color: #D8D1AB;
	border-width:3px;
}

.kontakt {
margin : 10px 10px 0;
padding: 10px 10px 10px 10px;
border-right : 1px solid #ddd;
border-top : 1px solid #000;
border-left : 1px solid #666;
border-bottom : 1px solid #eee;
height: 95px;
}

.konatakt_name { width: 250px; padding: 5px 0px 0px 5px; margin: 3px 0px 0; float: left; font: 11pt/11pt 'Lucida Grande', Verdana, Helvetica, sans-serif; font-weight:bold;}
.konatakt_funkce { width: 250px; padding: 5px 0px 0px 5px; margin: 3px 0px 0; float: left; font: pt/10pt 'Lucida Grande', Verdana, Helvetica, sans-serif; }
.tel {width: 250px; padding: 5px 0px 0px 5px; margin: 3px 0px 0; float: left; font: 10pt/10pt 'Lucida Grande', Verdana, Helvetica, sans-serif;}
.kontakt_img { float: left; width: 100px; height: 87px;}




/*  STYL PRO MSG,CHAT */
img.plain { /*border-style: none;*/
border-style:none;
border-width:0px;
}


div.hlaska {
width: 98%;
padding: 5px 0px 5px 5px;
margin: 3px 0px 0;
border-style:ridge;
border-color: #D8D1AB;
border-width:1px;
}

div.delete {float: left;}
div.time { float: left; color:#333333;}
div.nick { color:#333333;font-weight: bold;}
div.desc { color:#660066;font-weight: bold;}
div.msg {color: #660066;}

#headerx{
height: 300px;
}


/* CHAT */
input, textarea 	{ font-family: arial; color:black; background:#C0B68F; font-size: 14px; }
#content_chat 		{ width:95%; text-align:left; margin-left:3px; }

#chatwindow 		{ border:1px solid #aaaaaa; padding:4px; background:#C0B68F; color:black;  width:100%; height:auto; font-family:courier new;}
#chatnick 		{ border: none; border-bottom:1px solid #aaaaaa; padding:4px; background:#C0B68F;}
#chatmsg 		{ border: none; border-bottom:1px solid #aaaaaa; padding:4px; background:#C0B68F; }

#info 			{ text-align:left; padding-left:0px; font-family:arial; }
#info td 		{ font-size:12px; padding-right:10px; color:#000000;  }
#info .small 		{ font-size:12px; padding-left:10px; padding-right:0px;}

#info a 		{ text-decoration:none; color:white; }
#info a:hover 		{ text-decoration:underline; color:#C0B68F;}