
html, body {
	margin: 0px;
	padding: 0px;
	font:10pt "Arial",sans-serif;
	background-color: #ffdfbf;
	color:black;
	height: 100%;
}

a#adminLogin{
	display: block;
	width: 200px;
	height: 68px;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
a#adminLogin img{
	margin: 0px;
	padding: 0px;
}


/* basic elements */
a{
	color: #997700;
	text-decoration: none;
}
a:hover{
	color: #664f00;
}
p a{
	text-decoration: underline;
}
a img{
	border: 1px solid silver;
	padding: 5px;
	margin:5px;
}
a img:hover{
	border: 1px solid #fff771;
}

table{
	border-collapse: collapse;
}
/* forms */
form {
	margin:0;
	padding:0;
}

input, textarea, select{
	font:10pt "Arial",sans-serif;
	background: white;
	border: 1px solid black;
}

/* headers */
.article h1, .article h2, .article h3, .article h4, .article h5{
	color: #997700;
	font-weight: bold;
}
.article h1{	font-size: 15pt;	}
.article h2{	font-size: 13pt;	}
.article h3{	font-size: 12pt;	}
.article h4{	font-size: 10pt;	}
.article td{  padding: 1px; }
.article th{
	border: none;
	background: transparent;
}
.article table{
	margin-top: 5pt;
}

/* basic styles */
.bold		{	font-weight: bold;	}
.center	{	text-align: center;	}
.left		{	text-align: left;		}
.right	{	text-align: right;	}
.noborder{	border: none;	}
div.hint{
	clear: both;
	border-top: 1px solid black;
}
p.hint{
	margin: 2px;
	padding-top: 2px;
	text-align: left;
	font-size: 8pt;
}


.warn,
.info{
	display: block;
	background: #ffeeb2;
	border: 1px solid black;
	margin: 5px auto 5px auto;
	padding: 5px;
	text-align: left;
}

.warn,
.warn h1, .warn h2, .warn h3{
	color: #cf0000;
}

div.cleaner{
	clear: both;
	width: 100%;
	height: 1px;
}

/* main block */
#main{
	margin-left: auto;
	margin-right: auto;
	width: 862px;
	text-align: left;
	border: none;
	border: 1px solid black;
	border-top: none;
	background: #ffefa7 url(../img/mback.png) left repeat-y;
}

/* header */
#header{
	width: 100%;
	height: 140px;
	position: relative;
	background: url(../img/head.jpg) no-repeat top;
	border-bottom: 1px solid black;
}

#header img{
	margin: 10px 0 0 20px;
	border: none;
}
#header h2{
	margin: -150px 0 0 0;
	width: 300px;
	text-align: right;
	color: white;
	font-size:14px;
	font-weight:bold;
	line-height: 25px;
}

/* content */
#content{
	margin: 0px;
	margin-right: -100%;
	padding: 10px;
	float: left;
	background: #ffefa7 url(../img/topShadow.png) repeat-x;
	width:659px;
	border-left: 1px solid black;
	height: auto;
}
#content ul{
	margin:0;
	padding:0 0 0 20px;
}

.silver{
	background-color: silver;
}

/* other layout parts */

#rightBar{	
	float: right;	
	width:165px;
}
#leftBar{
	float: left;
	width:182px;
}

.sidebar {
	margin: 0px;
}
.sidebar a:hover{
	color: #1f0f00;
}

.sideBlock{
	width: auto;
	background: #fff771;
	padding: 0px;
	margin-bottom: 8px;
	border-bottom: 4px solid #b28b00;;
}

.sideBlock p{
	font-size: 9pt;
}
/* footer */
#footer{
	font-size: 8pt;
	border-top:1px solid black;
	clear:both;
	height:20px;
	width: 862px;
	text-align:center;
	background: #ffd78f;
}
#footer div{
	margin: 2px 0 0 0;
}

ul.menu,
ul.submenu{
	padding: 0px;
	margin: 0px;
}

ul.menu li.aktivni{
	background: url(../img/arrow.png) no-repeat left;
	font-weight: bold;
}


ul.menu li,
ul.submenu li{
	background: #fff771;
	list-style-type: none;
	border-bottom: 1px solid black;
	font-size:	11pt;
	font-weight:	bold;
	background-repeat: no-repeat;
	background-position: right center;
}
ul.submenu li{	font-size:	10pt; }
ul.menu li:hover,
ul.submenu li:hover{
	color: #000000;
	background-color: #ffdf6f;
}
ul.menu li{ 			background-image: url(../img/decorButton.png); }
ul.menu li:hover{	background-image: url(../img/decorButtona.png); }

ul.menu li a,
ul.submenu li a{
	color: #662211;
	display: block;
	text-decoration: none;
	padding: 2px;
}
ul.menu 	 li a{	padding-left: 10px;}
ul.submenu li a{	padding-left: 25px;}

ul.menu 	li.active a,
ul.submenu li.active a{
	background: transparent url(../img/menuArrow.gif) no-repeat left center;
}


/* horizontal menu */

div.menubar {
	background: #664f00;
	clear:	both;
	margin:	0 0 5px 0;
	padding:0;
	width:	100%;
	height: 23px;
}

div.menubar ul.menu{
	margin:0;
	padding:0;
}

div.menubar li {
	border-right:1px solid white;
	display:inline;
	float:left;
	margin:0;
	padding:0;
	text-align:center;
	text-decoration:none;
}

div.menubar ul.menu li:hover{	background: #b28b00; }
div.menubar ul.menu li.active{
	background: #997700;
	font-weight: bold;
}

div.menubar li a {
	color: white;
	cursor: pointer;
	display: block;
	font-weight: bold;
	margin: 0;
	height: 100%;
	padding: 3px 20px 5px 10px;
}

/* Buttons */
.btnx, .btnrx,
.btn, .btnr, 
.btnMid, .btnMid2, .btnMid3{
	display: block;
	padding: 3px 7px 3px 7px;
	margin: 5px 2px 5px 2px;
	border: 1px solid black;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	background: #ffe899;
	float: left;
	cursor: pointer;
	color: #664f00;
}

.btn img, .btnr img
.btnx img, .btnrx img, .btnMid img{
	border: none;
}

.btnrx,
.btnr{
	float: right;
}
.btnx, .btnrx{
	color: #1f1f1f;
	background: #cfcfcf;
	cursor: default;
}

.btnMid, 
.btnMid2,
.btnMid3{
	float: none;
	margin: 5px auto 5px auto;
	width: 70px;
}

.btnMid2{ width: 120px; }
.btnMid3{ width: 170px; }

/* Article */
div.artInfo{ 
	clear: both; 
	display: block;
	height: 11pt;
	margin: 5px 0px 0px 0px;
}
div.artInfo p{
	display: block;
	font-size: 8pt;
	color: #7f7f7f;
	margin: 0px;
}

p.aAuthor{	clear: left; 	float: left; width: 150px; }
p.aTime{ 		clear: right;	float: right; }
p.aCategory{ float: left; }

.subAddCtrls{
	display: block;
	width: 100%;
}
.subhead,
.subhead2{
	width: 100%;
	background: #fff771;
}
.subhead2 { background: #ffcfaf; }
.subhead a, 		.subhead2 a{	color: black;	}
.subhead .time, .subhead2 .time{ text-align: right; }
.subhead .ctl,	.subhead2 .ctl	{ width: 40px; }

.subtext{
	margin: 2px 0px 3px 0px;
}
div.subcription div{ margin-left: 10px; }
div.subcription{
	border: none;
	clear: both;
}
div.disSubForm{
	clear: both;
}
div.subCode,
div.subSecret{
	margin: 5px auto 5px auto;
	padding: 10px;
	border: 1px solid black;
	width: 80%;
	background: #fff771;
	clear: both;
}
div.subCode{
	width: 100px;
	font-size: 15pt;
	font-weight: bold;
	text-align: center;
	background: #ffeeb2;
}
table.subSub input{			width: 200px;	}
table.subSub textarea{	width: 300px;	}

div.disCtls{
	float: right;
	clear: both;
	border: 1px solid #997700;
	background: #fff9e5;
}

div.disCtlFirstD,
div.disCtlPrevD,
div.disCtlNextD,
div.disCtlLastD,
a.disCtlFirst,
a.disCtlPrev,
a.disCtlNext,
a.disCtlLast,
div.disPge{
	display: block;
	height: 16px;
	float: left;
	padding: 2px;
	margin: 2px;
}

div.disPge{
	width: 50px;
	font-weight: bold;
	text-align: center;
}

div.disCtlFirstD,
div.disCtlPrevD,
div.disCtlNextD,
div.disCtlLastD,
a.disCtlFirst,
a.disCtlPrev,
a.disCtlNext,
a.disCtlLast{
	width: 16px;
	background: #ffeeb2;
	background-position: center center;
	background-repeat: no-repeat;
	font-size: 0px;
	color: black;
	border: 1px solid black;
}
div.disCtlFirstD,
div.disCtlPrevD,
div.disCtlNextD,
div.disCtlLastD{
	background-color: #cfcfcf;
}
div.disCtlFirstD,
a.disCtlFirst{	background-image: url(../img/disFirst.png);	}
div.disCtlPrevD,
a.disCtlPrev{		background-image: url(../img/disPrev.png);	}
div.disCtlNextD,
a.disCtlNext{		background-image: url(../img/disNext.png);	}
div.disCtlLastD,
a.disCtlLast{		background-image: url(../img/disLast.png);	}

a.btnPReply{
	float: left;
	width: 20px;
	height: 15px;
	display: block;
	float: right;
	background: transparent url(../img/pReply.png);
	text-align: center;
	margin-right: 10px;
}

table.subSub input.btnReload{
	border: none;
	background: transparent url(../img/btnRefresh.png);
	width: 24px;
	height: 24px;
	float: left;
	margin: 10px;
	padding: 0px;
	cursor: pointer;
}

#captcha{
	float: left;
}

#captchaInput{
	font-size: 12pt;
	font-weight: bold;
	clear: both;
	width: 50px;
	float: left;
}


div.photoView{ 
	display: inline; 
	float:left;
}



.pollName{
	font-weight: bold;
	font-size: 10pt;
	padding: 3px 0;
}
.pollStatus{		float:right;	font-size: 8pt;}
.pollText{			float:left;		}
div.pollText,
div.pollItem{
	padding: 0px;
}
div.pollGraph{
	clear: both;
	border: 1px solid black;
	height: 8px;
	background-color: #b28b00;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}


#text{
	margin: 10px;
}
#text h1{
	background: #ffD677 url(../img/decorCaption.png) no-repeat scroll 6px 4px;
	color: black;
	display: block;
	font-size: 16pt;
	font-weight:bold;
	padding:2px 2px 2px 30px;
	margin: 0 0 5pt 0;
}
.article p{
	text-indent:10pt;
	margin: 5pt 0 5pt 0;
}

#poll{
	padding: 10px;
}

