body, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, form {
	padding: 0px;
	margin: 0px;
}

img {
	border: 0px;
}

textarea {
	overflow: auto;
}

html {
	height: 100%;
}

body {
	font-family: arial;
	font-size: 11px;
	text-align: center;
	background: #b3b3b3;
}

	input, select, textarea {
		font-family: arial;
		font-size: 11px;
	}
	
	a {
		color: #97bc00;
	}

	#container {
		width: 930px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		background: url(../images/container-bg.gif) repeat-y;
		text-align: left;
	}

		#header {
			height: 150px;
			background: #000000;
		}
			
			h1.logo {
				padding: 26px 0px 0px 20px;
			}
			
				h1.logo a,
				h1.logo b {
					display: block;
					background: url(../images/logo.gif) no-repeat;
					width: 250px;
					height: 25px;
				}
				
					h1.logo a span,
					h1.logo b span {
						display: none;
					}
			
			.spacer{
				padding: 51px 20px 0px 20px;
			}
			
			#nav {
				float: left;
			}
			
				#nav ul {
					list-style: none;
					padding: 0px;
					margin: 0px;
				}
				
					#nav li {
						float: left;
					}
					
					#nav li span {
						/*+*/
					}
					
						#nav li a {						
							display: block;
							font-size: 11px;
							color: #fff;
							text-decoration: none;
							padding: 7px 22px 0px 0px;						
						}
							
							#nav li a span {
								display: none;
							}
							
							#nav li.first a {
								background: none;
							}
							
							#nav li.last a {
								
							}
						
						#nav li a:hover {
							color: #97bc00;
							text-decoration: none;
						}
						
						#nav li.selected a {
							color: #97bc00;
							text-decoration: none;
						}
						
						#nav li.selected a:hover {
							color: #97bc00;
							text-decoration: none;
						}
				
				.join {
					width: 92px;
					height: 24px;
					float: right;
					background: url(../images/join.gif) no-repeat;
				}
				
					.join span {
						display: none;
					}
		
		#left-col {
			width: 200px;
			float: left;
		}
		
			/*		
			#login {
				padding: 17px 20px 20px 20px;
				background: #4a4a4a;
			}
				#login a {
					text-decoration: none;
				}
				
				#login p {
					color: #ffffff;
					padding: 0px 0px 2px 0px;
				}
				
				#login input.text {
					border: 1px solid #cacaca;
					background: #ffffff;
					width: 160px;
					/**/ /*
					height: 20px;
					padding: 0px;
					*//**/
					/*margin: 0px 0px 5px 0px;
				}
				
				input.submit {
					width: 93px;
					height: 20px;
					font-size: 11px;
					background: #97bc00;
					color: #fff;
					border: none;
					margin-top: 8px;
				}
			*/
			
			#login {
				padding: 17px 20px 20px 20px;
				background: #4a4a4a;
			}
				
				#login p {
					color: #ffffff;
					padding: 0px 0px 2px 0px;
				}
				
				#login input.text {
					border: none;
					background: #ffffff;
					width: 160px;
					height: 20px;
					padding: 0px;
					margin: 0px 0px 2px 0px;
				}
				
				input.submit {
					width: 93px;
					height: 20px;
					font-size: 11px;
					background: #97bc00;
					color: #fff;
					border: none;
					margin-top: 8px;
				}
			
			#loged {
				padding: 16px 20px 14px 20px;
				background: #3f3f3f;
			}
			
				#loged p {
					font-weight: bold;
					font-size: 12px;
					color: #fff;				
				}
				
				#loged a {
					padding-top: 2px;
					text-decoration: none;
					color: #97bc00;
					display: block;
				}
			
			#left-nav {
				background: #000000;
			}
			
				#left-nav ul {
					list-style: none;
					padding: 22px 20px 31px 20px;
					margin: 0px;
					position: relative;
				}
				
					#left-nav li {
						
					}
					
					#left-nav li span {
						/*+*/
					}
					
						#left-nav li a {						
							display: block;
							font-size: 11px;
							color: #fff;
							font-weight: bold;
							text-decoration: none;
							padding: 0px 0px 4px 0px;						
						}
							
							#left-nav li a span {
								display: none;
							}
							
							#left-nav li.first a {
								background: none;
							}
							
							#left-nav li.last a {
								
							}
						
						#left-nav li a:hover {
							color: #97bc00;
							text-decoration: none;
						}
						
						#left-nav li.selected a {
							color: #97bc00;
							text-decoration: none;
						}
						
						#left-nav li.selected a:hover {
							color: #97bc00;
							text-decoration: none;
						}
				
			#user-nav {
				background: #4a4a4a;
			}
			
				#user-nav ul {
					list-style: none;
					padding: 22px 20px 31px 20px;
					margin: 0px;
					position: relative;
				}
				
					#user-nav ul li {

					}
					
					#user-nav ul li span {
						/*+*/
					}
					
						#user-nav ul li a {						
							display: block;
							font-size: 11px;
							color: #fff;
							font-weight: bold;
							text-decoration: none;
							padding: 0px 0px 4px 0px;						
						}
							
							#user-nav ul li a span {
								display: none;
							}
							
							#user-nav ul li.first a {
								background: none;
							}
							
							#user-nav ul li.last a {
								
							}
						
						#user-nav ul li a:hover {
							color: #97bc00;
							text-decoration: none;
						}
						
						#user-nav ul li.selected a {
							color: #97bc00;
							text-decoration: none;
						}
						
						#user-nav ul li.selected a:hover {
							color: #97bc00;
							text-decoration: none;
						}
						
							#user-nav ul li ul {
								padding: 0px 0px 10px 0px;
								margin: 0px;
							}
								
								#user-nav ul li ul li a {
									font-weight: normal;
									padding: 2px 0px 0px 11px;
									color: #fff;
								}
								
								#user-nav ul li.selected ul li a {
									color:#fff;
								}
								
								#user-nav ul li ul li.selected a {
									color: #97bc00;
								}
								
									#user-nav ul li ul li ul li a {
										font-weight: normal;
										padding: 2px 0px 0px 21px;
										color: #fff;
									}
									
									#user-nav ul li.selected ul li.selected ul li a,
									#user-nav ul li.selected ul li.selected ul li.selected ul li a {
										color:#fff;
									}
									
									
									#user-nav ul li.selected ul li.selected ul li a:hover,
									#user-nav ul li.selected ul li.selected ul li.selected ul li a:hover {
										color:#97bc00;
									}
									
									#user-nav ul li.selected ul li.selected ul li.selected a,
									#user-nav ul li.selected ul li.selected ul li.selected ul li.selected a {
										color: #97bc00;
									}
								
				h2.left-title {
					background: #97bc00;
					color: #fff;
					font-size: 11px;
					font-weight: bold;
					text-align: center;
					padding: 8px;
				}
			#tmp-calendar {
				height: 163px;
				background: url(../images/calendar.gif) no-repeat;
			}
			
		#right-col {
			width: 730px;
			float: left;
		}
			
			#messages {
				background: #4a4a4a;
			}
				
				#messages ul {
					list-style: none;
					padding: 10px 0px 10px 10px;
					margin: 0px;
				}
					
					#messages ul li {
						color: #bc4700;
						background: url(../images/error-bullet.gif) no-repeat left 7px;
						padding-left: 10px;
					}
			#right-col h2.title {
				font-size: 14px;
				font-weight: bold;
				color: #000000;
				padding: 15px 10px 9px 20px;
				margin: 0px;
				background: #e1e1e1;
			}

				#right-col h2.title #backLink {
					float: right;
					position: relative;
					margin-top: -18px;
				}
			
					#right-col h2.title #backLink a {
						text-decoration: none;
					}
			
			.info-wrapper {
				margin: 20px;
			}
				
				#right-col .info-wrapper h2.title {
					font-size: 12px;
					font-weight: bold;
					color: #000000;
					padding: 0px;
					background: #fff;
				}
				
				.users {
					border: 1px solid #eeeeee;
					margin-bottom: 11px;
				}
				
				.user-info {
					color: #000;	
					width: 229px;
				}
					.user-info.hover  {
						background: #97bc00;
						cursor:pointer;
						color: #ffffff;
					}
					
					.user-info.hover .nick, .user-info.hover .photographer {
						color: #ffffff;
					}
					
					.user-info .image {
						padding: 0px 10px 0px 0px;
					}
					
					.user-info .nick {
						font-size: 12px;
						font-weight: bold;
						color: #000000;
						padding-top: 6px;
					}
					
					.user-info .photographer {
						font-size: 11px;
						color: #979797;
					}
				
				.news-block {
					/*+*/
				}
				
					.news-block .info {
						margin: 0px 0px 0px 0px;
					}
				
					.news-block .image {
						float: left;
						border: 1px solid #e0e0e0;
						margin-right: 15px;
					}
					
					.news-block .title {
						font-size: 12px;
						font-weight: bold;
						color: #000000;
					}
					
						.gallery .title {
							line-height: 22px;
							background: url(../images/icon-gallery.gif) no-repeat 130px top;
							padding-left: 160px;
						}

						.video .title {
							line-height: 22px;
							background: url(../images/icon-video.gif) no-repeat 130px top;
							padding-left: 160px;
						}

						.audio .title {
							line-height: 22px;
							background: url(../images/icon-audio.gif) no-repeat 130px top;
							padding-left: 160px;
						}
					
					.news-block .date {
						color: #979797;
					}
					
					.news-block .text {
						padding-bottom: 14px;
						overflow: hidden;
					}
					
					a.more {
						color: #97bc00;
					}
					
					.content-spacer {
						height: 1px;
						font-size: 0px;
						background: #eeeeee;
						margin: 10px 0px; 
					}
					
					.error {
						color: #bc4700;
					}
					
					.form {
						padding: 10px 0px;						
					}
					
					.form span {
						font-weight: bold;
						color: #000000;
						margin: 0px 6px 0px 0px;
					}

					.form input.text {
						width: 207px;
						padding: 0px;
						margin: 0px;
					}
					
					.form span.error {
						color: #bc4700;
					}
					
					.form .checkbox {
						width: 12px;
					}
					
					.form .title {
						text-align: right;
					}
					
					.form textarea {
						width: 380px;
					}

					
					table.form-table tr td {
						padding-bottom: 10px;
						vertical-align: top;
					}

/*-----------------------------paginator---------------------------*/
.paginator {
	margin-top: 10px;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	padding: 5px 0px 5px 0px;
}
	.pages {
		float: left;
	}

	.pages a {
		color: #000000;
		text-decoration: none;
		padding: 2px 6px 2px 6px;
		background: #e1e1e1;
		display: block;
		float: left;
		margin-right: 2px;
	}
		
		.pages a:hover {
			background: #97bc00;	
		}
		
		.pages a.selected:hover {
			background: #000000;	
		}
						
		.pages a.selected {
			background: #000000;
			color: #ffffff;
		}
		.pages span {
			color: #bbbbbb;
			text-decoration: none;
			padding: 2px 6px 2px 6px;
			background: #e1e1e1;
			display: block;
			float: left;
			margin-right: 2px;
		}
		
.totaly {
	padding-top: 2px;
	float: right;
}

/*-------------------------zend_form-------------------------------*/

dl.zend_form {
	padding: 10px 0px 0px 0px;
	margin: 0px;
}
dl.zend_form fieldset {
	border: none;
	padding: 0px;
}


dl.zend_form legend {

	display: block;
	float: left;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #eeeeee;
}

dl.zend_form textarea {
	width: 400px;
	height: 250px;
}

dl.zend_form dt {
	width: 125px;
	font-weight: bold;
	font-size: 11px;
	text-align: right;
}

dl.zend_form dd {
	margin: -17px 0px 0px 130px;
	padding: 0px 0px 10px 0px;
}

.zend_form_with_subforms dl.zend_form dt {
	width: 0px;
	font-weight: bold;
	font-size: 11px;
	text-align: right;
}

.zend_form_with_subforms dl.zend_form dd {
	margin: -17px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

.zend_form_with_subforms dl.zend_form fieldset dt {
	width: 125px;
	font-weight: bold;
	font-size: 11px;
	text-align: right;
}

.zend_form_with_subforms dl.zend_form fieldset dd {
	margin: -17px 0px 0px 130px;
	padding: 0px 0px 10px 0px;
}

dl.zend_form dd ul.errors {
	list-style: none;
	margin: 5px 10px;
	padding: 0px;
}

dl.zend_form dd ul.errors li {
	color: #bc4700;
	background: url(../images/error-bullet.gif) no-repeat left 7px;
	padding-left: 10px;
}

dl.zend_form #Submit {
	width: 93px;
	padding: 3px 0px;
	font-size: 11px;
	background: #97bc00;
	color: #fff;
	border: none;
	margin-top: 8px;

}


/* Info block */
.info-wrapper .info-block .info p {
	padding-bottom: 10px;
}


.forum-title {
	background: url(../images/forum-title.gif) repeat-y;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #eeeeee;
}
	
	.forum-title p {
		padding: 8px 10px;
		float: left;
	}
	
	.forum-title p.author {
		width: 190px;
	}
/*-------------------------user dosje-----------------------------*/

#dosje {
	border: 1px solid #eeeeee;
	background: url(../images/dosje.gif) repeat-y;
}

#dosje .user-info {
	width: 229px;
	float: left;					
}
	
	#dosje .user-info .image {
		padding: 0px 10px 0px 0px;
	}
	
				#dosje .user-info.hover  {
					background: #97bc00;
					cursor:pointer;
					color: #ffffff;
				}
					
				#dosje .user-info.hover .nick, 
				#dosje .user-info.hover .photographer {
					color: #ffffff;
				}
	
	#dosje .user-info .nick {
		font-size: 12px;
		font-weight: bold;
		color: #000000;
		padding-top: 6px;
	}
	
	#dosje .user-info .photographer {
		font-size: 11px;
		color: #979797;
	}
	
	#dosje-info {
		width: 257px;
		padding: 6px 11px;
		float: left;
	}
	
	
	#dosje-info .title {
		font-size: 12px;
		font-weight: bold;
		padding-bottom: 14px;
	}
	
	#dosje-urls {
		width: 140px;
		padding: 7px 20px;
		float: left;
	}
	
		#dosje-urls a {
			font-weight: bold;
			font-size: 11px;
			color: #000;
			text-decoration: none;
			display: block;
			padding-bottom: 3px;
		}
		
		#dosje-urls a.selected,
		#dosje-urls a:hover {
			color: #97bc00;
		}	

#dosje.forum {
	margin-top: 10px;
	border: 1px solid #eeeeee;
	background: url(../images/dosje-forum.gif) repeat-y;
}

	#dosje.forum p.name {
		padding-bottom: 10px;
	}
		
	#dosje-info.forum {
		width: 430px;
		padding: 6px 11px;
		float: left;
	}
#dosje.forum .user-info {
	width: 208px;
	float: left;					
}

	#dosje.forum .user-info.hover  {
		background: #97bc00;
		cursor:pointer;
		color: #ffffff;
	}
	
	#dosje.forum .user-info.hover .nick, 
	#dosje.forum .user-info.hover .photographer {
		color: #ffffff;
	}


/*---------------------------forum----------------------------------*/

.hover {
	cursor: pointer;
}

table.forum-main {
	border-color: #eeeeee;
	border-collapse: collapse; 
	border-style: solid;
}

table.forum-main tr th {
	background: #000000;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	padding: 8px 10px 7px 10px;
	
}

table.forum-main td, table.forum-main th {
	border-color: #eeeeee;
	border-style: solid;
	border-width: 1px;
}

table.forum-main td.date {
	padding: 0px 10px;
}

table.forum-main th.date {
	width: 135px;
}

table.forum-main td.center {
	text-align: center;
}

table.forum-main th.center {
	text-align: center;
}

table.forum-main tr td.on {
	background: #97bc00;
	color: #fff;
	cursor: pointer;
}

table.forum-main tr td.on {
	color: #fff;
}

table.forum-main tr td.off {
	background: #fff;
}

table.forum-main tr td.off {
	color: #000;
}
table.forum-main tr td {
	text-decoration: none;
	color: #000000;
	padding: 5px 10px 7px 10px;
}
	
		table.forum-main tr td.on span, table.forum-main tr td.on p {
			color: #fff;
		}
		
		table.forum-main.administration tr td.on span, table.forum-main.administration tr td.on p {
			color: #000;
		}
		
	table.forum-main tr td p {
		font-size: 12px;
		font-weight: bold;
	}
	
	table.forum-main tr.quiet td p {
		font-weight: normal;
	}
	
	
	table.forum-main tr td span {
		text-decoration: none;
		color: #979797;
		font-size: 11px;
	}

/*-------------------------breadcrumb---------------------*/

.breadcrumb a {
	color: #97bc00;
	display: block;
	background: url(../images/br-bullet.gif) no-repeat right 6px;
	padding-right: 8px;
	margin-right: 4px;
	float: left;
}

.breadcrumb span {
	color: #000;
	float: left;
}	

/*-----------------------calendar-------------------------*/

#calendar {
	font-size: 11px;
	color: #000;
}
#calendar a {
	display: block;
	float: left;
	text-decoration: none;
	color: #000;
}

#calendar .prev {
	width: 4px;
	height: 7px;
	background: url(../images/prev.gif) no-repeat left 0px;
}

#calendar .prevmonth {
	width: 9px;
	height: 7px;
	background: url(../images/prevmonth.gif) no-repeat left 0px;
}

#calendar .next {
	width: 4px;
	height: 7px;
	background: url(../images/next.gif) no-repeat right 0px;
}

#calendar .nextmonth {
	width: 9px;
	height: 7px;
	background: url(../images/nextmonth.gif) no-repeat right 0px;
}

#calendar a.day {
	width: 21px;
	height: 16px;
	padding: 2px 0px 0px 0px;
	margin: 1px 1px 0px 0px;
	float: left;
	text-align: center;
	text-decoration: none;
	color: #000;
}

#calendar a.day.today {
	background: #000;
	color: #fff;
	font-weight: bold;
}

#calendar a.day.event {
	background: #ffffff;
	color: #000;
	font-weight: normal;
}
/*-----------------------gallery--------------------------*/

.gallery {
	padding-left: 2px;
}

.gallery .x-small-pic {
	width: 110px;
	float: left;
	margin-right: 3px; 
	display: inline;
	border: 1px solid #f0f0f0;
}

	.gallery .x-small-pic-last {
		width: 110px;
		float: left;
		margin-right: 0px; 
		border: 1px solid #e0e0e0;
	}
	
	
		.action-info {
			float: left;
			display: block;
			margin: 1px;
			width: 13px;
			height: 13px;
			background: transparent url(../images/icons/icon-info.gif) no-repeat center center;
		}
			.action-info span {
				display: none;
			}

	
		.action-invisible {
			float: left;
			display: block;
			margin: 1px;
			width: 13px;
			height: 13px;
			background: transparent url(../images/icons/icon-invisible.gif) no-repeat center center;
		}
			.action-invisible span {
				display: none;
			}
	
		.action-visible {
			float: left;
			display: block;
			margin: 1px;
			width: 13px;
			height: 13px;
			background: transparent url(../images/icons/icon-visible.gif) no-repeat center center;
		}
			.action-visible span {
				display: none;
			}
	
		.action-remove {
			float: left;
			display: block;
			margin: 1px;
			width: 13px;
			height: 13px;
			background: transparent url(../images/icons/icon-delete.gif) no-repeat center center;
		}
			.action-remove span {
				display: none;
			}
	
		.action-edit {
			float: left;
			display: block;
			margin: 1px;
			width: 13px;
			height: 13px;
			background: transparent url(../images/icons/icon-edit.gif) no-repeat center center;
		}
			.action-edit span {
				display: none;
			}

		.action-move-up {
			float: left;
			display: block;
			margin: 1px;
			width: 13px;
			height: 13px;
			background: transparent url(../images/icons/icon-up.gif) no-repeat center center;
		}
			.action-move-up span {
				display: none;
			}

		.action-move-down {
			float: left;
			display: block;
			margin: 1px;
			width: 13px;
			height: 13px;
			background: transparent url(../images/icons/icon-down.gif) no-repeat center center;
		}
			.action-move-down span {
				display: none;
			}

		.action-move-left {
			float: left;
			display: block;
			margin: 1px;
			width: 13px;
			height: 13px;
			background: transparent url(../images/icons/icon-left.gif) no-repeat center center;
		}
			.action-move-left span {
				display: none;
			}

		.action-move-right {
			float: left;
			display: block;
			margin: 1px;
			width: 13px;
			height: 13px;
			background: transparent url(../images/icons/icon-right.gif) no-repeat center center;
		}
			.action-move-right span {
				display: none;
			}


#footer {
	height: 60px;
	background: #000;
}


	#copyright {	
		text-align: left;
		padding: 21px 30px 10px 21px;
		font-size: 11px;
		color: #ffffff;
	}
	
		#copyright a {
			height: 21px;
			color: #ffffff;
			text-decoration: none;
			padding: 5px 69px 5px 0px;
			background: transparent url(../images/sys/artogama.gif) no-repeat right center;
	
		}
		
			#copyright a span {
				display: none;
			}
		
.fl {
	float: left;
}

.fr {
	float: right;
}
			
/* Clear Fix */	

.clearfix:after {
	content: ".";
	display: block;
	font-size: 0px;
	line-height: 0px;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

.clearfix {
	display: block;
}

* html .clearfix {
	height: 1px;
}