@charset "utf-8";




/* 	GRAZHDANSKAYA SILA

	Author:  Vladislav Sterlin
	E-mail:  vladislav.sterlin@gmail.com
	
	-------------------------------------------------------- */




/*	CONTENT

	1.  Global
	2.  Page
	3.	Outer
	4.  Main
	5.	Extra
	6.  Sidebar
	7.	Footer
	
	-------------------------------------------------------- */
	



/* 	1.  GLOBAL
	-------------------------------------------------------- */
	
	* {
		margin: 0;
		padding: 0;
		}
	
	a img {
		border: none;
		}
		
	
	/* --- links --- */
	
	a {
		outline: none;
		}	
	a:link {
		text-decoration: none;
		}
	a:visited {
		text-decoration: none;		
		}
	a:hover {
		text-decoration: none;
		}
	
	/* --- forms --- */
	
	input, select, button {
		font: inherit;
		}
	input, button {
		overflow: visible;
		}
			
	input.text, select, textarea {
		border-top: 2px solid #777;
		border-right: 1px solid #D1D1C5;
		border-bottom: 1px solid #D1D1C5;
		border-left: 2px solid #777;
		padding: 2px;
		}	


/* 	2.  PAGE
	-------------------------------------------------------- */
	
	html {
		background: #e2e9e2 url(../img/page-bg-up.png) repeat-x 0 54px;
		}	
	
	body {
		background: url(../img/page-bg-down.png) repeat-x bottom;
		color: #777;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 11px;
		min-width: 951px;
		padding: 28px 20px 46px;
		}
	

	/* -----> LAYOUT <----- */
	
	.float-left {
		float: left;
		}
	.float-right {
		float: right;
		}
	
	.clear-fix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
	
	.center {
		text-align: center;
		}
	.left {
		text-align: left;
		}
	.right {
		text-align: right;
		}
		
		
		
				
/* 	3.  OUTER
	-------------------------------------------------------- */
		
	#outer {
		background: #FFF url(../img/outer-gradient.png) repeat-x top;
		border: 1px solid #C6CBC6;
		padding: 24px 13px 44px;
		position: relative;
		}
		
		#outer .corner-tl,
		#outer .corner-tr,
		#outer .corner-bl,
		#outer .corner-br {
			background-image: url(../img/outer-corners.png);
			display: block;
			height: 13px;
			position: absolute;
			width: 5px;
			}
		
        #outer .corner-tl {
			background-position: 0 0;			
			top: -1px; left: -1px; 
			}
		#outer .corner-tr {
			background-position:  100% 0;
			top: -1px; right: -1px;
			}
		#outer .corner-bl {
			background-position: 0 100%;
			bottom: -1px; left: -1px; 
			}
		#outer .corner-br {
			background-position: 100% 100%;
			bottom: -1px; right: -1px;
			}
					

					
					
/* 	4.  MAIN
	-------------------------------------------------------- */
	
	#main {
		width: 100%;
		}
			
			
		/* -----> HEADER <----- */
				
		#header {
			background: #70B748 url(../img/header-bg.jpg);
			margin-right: 249px;
			}
			#header .logo {
				background: url(../img/header-right.jpg) no-repeat right;
				}
				#header .logo a {
						background: url(../img/logo.png) no-repeat;
						display: block;
						height: 212px;					
						text-indent: -9999px;
						width: 425px;					
						}
		
		
		/* -----> NAVIGATION <----- */
		
		#navigation {
			background: #DDDFDC url(../img/nav-line-left.png) no-repeat left;
			margin: 3px 249px 3px 0;
			overflow: hidden;
			}
			#navigation ul {
				background: url(../img/nav-line-right.png) no-repeat right;
				line-height: 37px;
				margin-left: 4px;
				text-align: center;
				}
				#navigation li {
					color: #587D48;
					display: inline;
					font-weight: bold;
					list-style: none;
					padding-left: 3px;
					text-transform: uppercase;					
					}
					#navigation li a {
						color: #587D48;
						padding-right: 6px;
						}
					#navigation li a:hover {
						color: #333;
						}
		
		
		/* -----> EXTRA <----- */
			
		#extra {			
			width: 218px;	
			}
			
		
			/* --- events --- */
			
			#extra .wrap {
				border: 1px solid #B9B9B9;
				padding: 5px 5px 17px;
				position: relative;
				}
				
				#extra .wrap .corner-tl,
				#extra .wrap .corner-tr,
				#extra .wrap .corner-bl,
				#extra .wrap .corner-br {
					background-image: url(../img/events-corners.png);
					height: 3px;
					width: 3px;
					}		
				
				#extra .wrap h2 {
					background: #70B748 url(../img/events-title-tile.jpg);
					height: 25px;
					padding: 8px 9px 0;
					overflow: hidden;
					width: 187px;			
					}
					#extra .wrap h2 a {
						color: #FFF;
						display: block;
						font-size: 13px;
						text-transform: uppercase;
						}
					
				#extra .wrap .entry {
					border-bottom: 1px dashed #579F2D;
					margin-left: 6px;
					padding-bottom: 12px;
					overflow: hidden;
					width: 194px;
					}		
					#extra .wrap .entry h3 {
						font-size: 11px;
						margin-top: 14px;
						text-transform: uppercase;
						}
						#extra .wrap .entry h3 a {
							color: #759d31;
							}
					#extra .wrap .entry p {
						margin-top: 14px;
						line-height: 14px;
						}
						
					
			/* --- banners --- */
			
			#extra .banners {
				text-align: center;
				margin-top: 2px;
				}
				#extra .banners li {
					list-style: none;
					padding-top: 8px;
					}
						
						
		/* -----> CONTENT <----- */
		
		#content {
			margin: -9px 249px 0 227px;
			overflow: hidden;
			}
			
			#content .print {
				background: url(../img/icons/print.png) no-repeat right;
				padding: 1px 28px 1px 0;
				}
			
			#content a {
				color: #759d31;			
				}	
			
			#content h1 {
				}
			#content h2 {
				font-size: 11px;
				color: #759d31;	
				margin-top: 22px;
				text-transform: uppercase;
				}
				#content h2 a {
					color: #759d31;				
					}		
			#content h3 {
				font-size: 10px;
				color: #759d31;
				text-transform: uppercase;
				margin-top: 20px;
				}
				#content h3 a {
					color: #759d31;				
					}
			
			#content p,
			#content ul,
			#content ol {
				line-height: 14px;
				margin-top: 11px;
				}
								
			#content img {
				background: #FFF;
				border: 1px solid #579F2D;
				padding: 2px;
				}	
					
			
			/* --- wrap --- */
							
			#content .wrap {
				background: #EBF1EB;
				border: 1px solid #B9B9B9;
				margin-top: 9px;
				padding: 5px 5px 14px;
				position: relative;
				}
				
				#content .wrap .corner-tl,
				#content .wrap .corner-tr,
				#content .wrap .corner-bl,
				#content .wrap .corner-br {
					background-image: url(../img/content-corners.png);
					height: 6px;
					width: 6px;
					}			
								
				#content .wrap h1 {
					background: #70B748 url(../img/content-title-tile-left.png) no-repeat left;
					overflow: hidden;
					}
					#content .wrap h1 span {
						background: url(../img/content-title-tile-right.png) no-repeat right;
						display: block;
						height: 25px;
						padding: 8px 62px 0 9px;						
						}					
					#content .wrap h1 a {
						color: #FFF;
						display: block;
						font-size: 13px;
						text-transform: uppercase;
						}
				
				
				/* --- entry --- */
				
				#content .wrap .entry {
					border-bottom: 1px dashed #579F2D;
					margin: 0 9px 0;
					padding: 0 0 14px;
					overflow: hidden;
					}
					#content .wrap .entry dt {
						float: left;
						margin: 52px 14px 0 0;
						}
					#content .wrap .entry dd,
					#content .wrap .entry dd h2 {
							overflow: hidden;
							}
							#content .wrap .entry dd h2 a {
								color: #759d31;
								}
							#content .wrap .entry dd p {
								margin-top: 15px;
								line-height: 14px;		
								}
							#content .wrap .entry dd p.next {
								margin-top: 19px;
								text-align: right;
								}
								

					#content .wrap .special dt {
						margin-top: 24px;
						}
							
				
				/* --- article --- */
				
				.article {
					border-bottom: 1px dashed #579F2D;
					margin: 0 9px;
					padding-bottom: 46px;
					}
					.article ul,
					.article ol {
						margin-left: 30px;
						}
						.article li ul,
						.article li ol {
							margin-top: 0 !important;
							}					
					.article dl {
						line-height: 14px;
						margin-top: 11px;
						}
						.article dl dd {
							font-weight: bold;
							margin-top: 11px;						
							}
						.article dl dt {
							margin-top: 5px;
							}
					.article img {
						margin-top: 14px;
						}
						.article img.float-left {
							margin-right: 15px;
							margin-bottom: 10px;
							}
					.article table {
						 border-collapse: collapse;
						 border-left: 1px solid #bbb;
						 border-top: 1px solid #bbb;
						 border-spacing: 0;
						 margin-top: 14px;
						 width: 100%;
						}
						.article th,
						.article td {
							border-bottom: 1px solid #bbb;
							border-right: 1px solid #bbb;
							padding: 2px;
							text-align: left;
							}
					.article blockquote {
						margin-left: 20px;						 
						}
																	
				
				/* --- button --- */
				
				.button {
					display:-moz-inline-stack;
					display: inline-block;
					cursor: pointer;
					}				
					.button span {
						background: #70B748 url(../img/button-left.jpg) no-repeat;
						display: block;
						width: auto;
						}
						.button span span {
							background: url(../img/button-right.jpg) no-repeat 100% 0;
							color: #FFF; 
							display: block;
							font-weight: bold;
							line-height: 11px;
							padding: 5px 35px 6px 20px; 
							}
							
											
				/* --- gallery --- */		
							
				.gallery {
					margin-bottom: 46px;
					margin-left: -3px;
					overflow: hidden;					
					}
					.gallery li {
						float: left;
						list-style: none;
						margin: 6px 0 0 12px;
						}
						.gallery li span {
							display: block;
							padding: 6px 0 8px;
							text-align: center;
							}
							.gallery li span a {
								color: #759d31;
								}
							.gallery li span a.zoom {
								background: url(../img/icons/zoom.png) no-repeat;
								padding: 1px 0 3px 21px;
								}
							
					
				/* --- pages --- */		
				
				.pages {
					margin-top: 17px;
					word-spacing: 2px;
					text-align: center;				
					}
					.pages a {
						color: #759d31;
						font-weight: bold;
						}
					.pages a.active {
						text-decoration: underline;
						}
					.pages a.control {
						font-weight: normal;
						}	
				
				
				/* --- filter --- */
				
				#content .filter {
					border-bottom: 1px dashed #579F2D;
					padding: 0 0 12px;
					margin: 0 15px;
					}					
					#content .filter h2,
					#content .filter p,						
					#content .filter ul {
						margin-right: 5px;
						margin-left: 5px;
						}	
						#content .filter ul li {
							list-style: none;
							margin-top: 5px;
							}		
							#content .filter li ul {
								margin: 0 0 10px 18px;							
								}
						#content .filter label {
							padding-left: 5px;
							}
						#content .filter input.text {
							width: 200px;													
							}
						#content .filter select {
							width: 205px;													
							}
							#content .filter .day {
								width: 45px;
								}
							#content .filter .month {
								width: 80px;
								}
							#content .filter .year {
								width: 55px;
								}
						#content .filter .button {
							margin-top: 10px;
							}
							
	
					/* --- results --- */
	
					#content .results h2 {
						margin-right: 20px;
						margin-left: 20px;
						}					
					#content .results .stat {
						color: #658A2A;
						font-weight: bold;
						margin-right: 20px;
						margin-left: 20px;
						}						
					#content .results ol {
						margin-right: 15px;
						margin-left: 15px;
						}
						#content .results ol li {
							border-bottom: 1px dashed #579F2D;
							list-style: none;
							padding: 0 5px 10px;
							}
		


	
/* 	6.  SIDEBAR
	-------------------------------------------------------- */
		
		#sidebar {
			margin: 0 0 0 -240px;
			width: 240px;
			
			}
			
			#sidebar .wrap {
				border: 1px solid #B9B9B9;
				position: relative;
				}
				#sidebar .wrap .inner {
					border: 2px solid #F1F1F1;
					padding: 4px 4px 9px;
					}
					
					
					/* --- menu up, menu down --- */
					
					#sidebar ul.menu-up li,
					#sidebar .menu-down li {
						height: 25px;
						list-style: none;
						margin-bottom: 5px;
						vertical-align: bottom;
						overflow: hidden;					
						}
						#sidebar .menu-up li a,
						#sidebar .menu-down li a {
							display: block;
							font-size: 13px;
							font-weight: bold;
							text-transform: uppercase;
							}		
					
					#sidebar ul.menu-up li {
						background: #FCD937 url(../img/sidebar-item-tile-up.jpg) no-repeat;
						padding: 7px 21px 0;
						width: 184px;
						}
						#sidebar .menu-up li a {
							color: #48431B;
							}
										
					#sidebar .menu-down li {
						background: #70B748 url(../img/sidebar-item-tile-down.jpg) no-repeat;
						padding: 7px 24px 0;
						width: 178px;
						}
						#sidebar .menu-down li a {
							color: #FFF;
							display: block;
							}						
					
					
					/* --- regions --- */
										
					#sidebar .regions {
						padding: 6px 11px 0;
						}
						#sidebar .regions li {
							background: url(../img/bullet.png) no-repeat 6px 8px;
							border-bottom: 1px dotted #CCC;
							list-style: none;
							padding: 3px 0 3px 16px;
							overflow: hidden;
							width: 181px;
							}							
							#sidebar .regions li a {
								color: #759D31;
								font-size: 12px;
								font-weight: bold;									
								}
								#sidebar .regions li a:hover {
									color: #333;
									}
				
				#sidebar .wrap .corner-tl,
				#sidebar .wrap .corner-tr,
				#sidebar .wrap .corner-bl,
				#sidebar .wrap .corner-br {
					background-image: url(../img/sidebar-corners.png);
					height: 7px;
					width: 7px;
					}				
					
					
			/* --- search --- */
				
			#sidebar .search {
				margin: 11px 0 11px;
				}
				#sidebar .search label,
				#sidebar .search input.text,
				#sidebar .search input.button {
					float: left;
					}
				#sidebar .search label {
					color: #579F2D;
					font-weight: bold;
					padding: 5px 5px 0 7px;
					}
				#sidebar .search input.text {
					font-size: 11px;
					margin: 3px 9px 0 0;
					width: 133px;													
					}
			
			
			/* --- calendar --- */
			
			#sidebar .calendar {
				text-align: center;
				margin: 0 auto 0;
				text-transform: uppercase;
				}
				#sidebar .calendar thead .month td {
					color: #FBCE00;
					font-size: 12px;
					font-weight: bold;						
					padding: 4px 0;
					text-align: right;
					}
				#sidebar .calendar thead .day td {
					background: #FBCE00;
					color: #000;
					font-weight: bold;
					height: 22px;
					width: 22px;
					}
				#sidebar .calendar tbody td {
					color: #486DCF;
					padding: 6px 0 7px
					}		
					#sidebar .calendar tbody a {
						color: #486DCF;
						font-weight: bold;
						}
				#sidebar .calendar tbody td.active {
					background: #FBCE00;
					color: #000;
					font-weight: bold;
					}
					
				
	
		
/* 	7.  FOOTER
	-------------------------------------------------------- */
	
	#footer {
		background: #e2e9e2;
		margin-top: 60px;
		padding: 5px 0 0;
		position: relative;
		width: 100%;
		}
		#footer p {
			position: absolute;
			top: 13px; left: 37px;
			}						
		#footer ul {
			border-top: 3px solid #FFF;
			padding: 5px 0 7px;
			text-align: center;							
			}
			#footer ul li {
				color: #8A8C8A;
				display: inline;
				font-weight: bold;
				list-style: none;
				margin-right: 15px;
				text-transform: uppercase;
				}
				#footer ul li a {
					color: #8A8C8A;
					margin-right: 15px;
					}