/*
Theme Name: SPOK
Theme URI: http://spok-karelia.ru
Description: The original SPOK theme devloped by Anton and KateLibia
Version: 1.0
Author: KateLibia (Design), Anton Korosov (CSSing)
Tags: yellow color, variable width, one column
*/

body {
	border: 0;
	padding: 0;
	margin: 0;
	position: relative;
	}

#header {
	padding: 0;
	position: relative;
	top: 0px;
	left: 190px;
	background: #fff;
	width: 800px;
	}
	
	a {
		text-decoration: none;
	}

	#header_img {
		height: 290px;
		width: 585px;
		background: #fff url("images/header_center.png") no-repeat center top;	
		text-align: center;
		display: inline-block;
		float: left;
		}

		#kroop {
			color: #eee;
			font: 12px verdana;
			}

		#motto {
			position: relative;
			top: 175px;
			color: #5a5a5a;
			font: 22px verdana;
			}

		#header_banner {
			position: relative;
			top: 187px;
			width: 100%;
			text-align: center;
			}


	.quikons {
		display: inline-block;
		padding: 0;
		height: 70px;
		width: 65px;
		font: normal normal 10px verdana;
		color: #5a5a5a;
		text-align: center;
		}
		
	.quikons:hover {
		color: #cdcdcd;
		text-decoration: underline;		
		}
	
		#news {	background: #fff  url("images/news_a.png") no-repeat center top;}
		#news:hover {	background: #fff  url("images/news_p.png") no-repeat center top;}
		#news.passivequikon {	background: #fff  url("images/news_p.png") no-repeat center top;}

		#video {	background: #fff  url("images/video_a.png") no-repeat center top;}
		#video:hover {	background: #fff  url("images/video_p.png") no-repeat center top;}
		#video.passivequikon {	background: #fff  url("images/video_p.png") no-repeat center top;}

		#foto {	background: #fff  url("images/foto_a.png") no-repeat center top;}
		#foto:hover {	background: #fff  url("images/foto_p.png") no-repeat center top;}
		#foto.passivequikon {	background: #fff  url("images/foto_p.png") no-repeat center top;}

		#maps {	background: #fff  url("images/maps_a.png") no-repeat center top;}
		#maps:hover {	background: #fff  url("images/maps_p.png") no-repeat center top;}
		#maps.passivequikon {	background: #fff  url("images/maps_p.png") no-repeat center top;}

		#contacts {	background: #fff  url("images/contacts_a.png") no-repeat center top;}
		#contacts:hover {	background: #fff  url("images/contacts_p.png") no-repeat center top;}
		#contacts.passivequikon {	background: #fff  url("images/contacts_p.png") no-repeat center top;}

		#results {	background: #fff  url("images/results_a.png") no-repeat center top;}
		#results:hover {	background: #fff  url("images/results_p.png") no-repeat center top;}
		#results.passivequikon {	background: #fff  url("images/results_p.png") no-repeat center top;}

		.quikons span {
			display: inline-block;
			margin: 50px 0 0 0;
			}
		
		.passivequikon {
			color: #cdcdcd;
			}
	#ruende_box {
		padding: 5px;
		text-align: center;
		width: 30px;
		height: 80px;
		display: inline-block;
		}

		.ruende {
			display: inline-block;
			margin: 1px 0 0 0;
			width: 25px;
			height: 25px;
			
			padding: 3px 0 0 0;
			color: #000;
			font: bold 10px verdana; 
			}

		.ruendeactive {
			background: #fff  url("images/lang_leaf.png") no-repeat center top;
			color: #fff;
			}

			.ruende:hover {
				text-decoration: underline;
			}

#content {
	width: 70%;
	position: relative;
	top: 0;
	left: 190px;
	background: #fff;
	clear: both;
	}
	
		.navigation a{
			color: #356b00;
			font: normal normal 18px verdana;
			}
		
	small {
		color: #9e9e9e;
		}
        .top_banner {
                width: 100%;
		text-align: center;
        }

	.date {
		float: left;
		}
		
	.comments_no {
		float: right;
		}
		
		.cmntppl {
			color: #356b00;
			}
	.dotted {
		background: transparent url("images/dotted.png") repeat-x left top; 
		clear: both;
		height: 1px;
		width: 100%;
		border: 0;
		margin: 0;
		padding: 0;
		}

	.post {
		border: 0;
		margin: 0;
		padding: 5px 0 0 0;
		background: #fffcf0;
		}
		
		.post p {
			border: 0;
			margin: 10px 0 0 0;
			padding: 0;
			}
		
		.post h2{
			margin: 0 0 5px 0;
			color: #356b00;
			font: bold 15px verdana;	
			}

			.post h2 a{
				color: #356b00;
				font: bold 15px verdana;	
				text-decoration: none;
				}

			.post h2 a:hover{
				text-decoration: underline;
				}

			.post a {
				text-decoration: underline;
				}

		.entry {
			color: #000;
			font: normal normal 12px verdana;
			}
			
			.entry a {
				color: #356b00;
			}
			
		.more-link {
			color: #356b00;
			font: bold 12px verdana;
			text-decoration: none;	
			}
			
		div.empty {
			clear: both;
			border-width: 0;
			height: 5px;
			width: 100%;
			}

	div.shadowed {
		background: #fff url("images/shadowed.png") no-repeat center top; 
		clear: both;
		border-width: 0;
		height: 5px;
		width: 100%;
		margin: 0 0 10px 0;
		padding: 0;
		}

	li {
		color: black;
		}
	
	.foundtitle {
		color: #9e9e9e;
		font: bold 16px arial;
		}

	#blank_high {
		height: 400px;
		width: 0;
		background: transparent;
		}

	.comment {
		background: #f3f3f3;
		}
	
	.fn {
		color: #5a5a5a;
		font: bold 15px arial;
		}

		.fn a {
			color: #5a5a5a;
			font: bold 15px arial;
			text-decoration: none;
			}
			
	#respond h3 {
		color: #5a5a5a;
		font: bold 16px arial;		
		}
	
	#commentform .commentform {
		border: 1px solid #aeaeae;
		position: relative;
		top: -20px;
		left: 100px;
		}
	
	#commentform p * {
		display: block;
		} 
		
	#submitImg {
		border: 0 solid white;
		background: #fff url("images/button_up.png") no-repeat center top;

		display: block;
		width: 157px;
		height: 31px;
		position: relative;
		top: -20px;
		left: 100px;
		
		color: black;
		font: 12px arial;
		text-align: center;
		padding-top: 8px;
		}

	#submitImg:active {
		background: #fff url("images/button_down.png") no-repeat center top;
		}

	#submitImg:focus {
		border: 0;
		}
								
#sidebar {
	background: #fff;
	width: 180px;
	position: absolute;
	top: 0px;
	left: 0px;
	}
	
	#logo_img {
		margin: 0 0 0 20px;
		}
		
	#main_menu {
		background-image: url("images/menu_bg.png");
		background-repeat: repeat-y ;
		
		padding: 0 0 0 20px;
		margin: 20px 0 0 0;
		list-style-type: none;
		}
		#main_menu .current-cat a {
			color: #555; 
			text-decoration: none;			
			}

		#main_menu .current-cat li a {
			color: #478f00;
			text-decoration: underline;			
			}

		#main_menu ul {
			padding: 0 0 0 8px;
			margin: 0 0 0 5px;
			list-style-type: none;
		}
		
		#main_menu li {
			margin-top: 1px;
		}

		#sidebar li a {
			color: #478f00;
			font: normal normal 13px arial;
			text-decoration: underline;
			}

		#sidebar li a:hover {
			text-decoration: none;
			}

		#sidebar li .children a {
			font: normal normal 13px arial;
			}

	#searching {
		height: 33px;
		background: #fff url("images/searchform.png") no-repeat 0 0;
		margin: 20px 0 0 0;
		}

			#searchform {
				position: relative;
				top: 7px;
				left: 45px;
				}

					#s {
						color: #478f00;
						border: 0;
						height: 14px;
						width: 9em;
						}
	#banners {
		margin: 20px 0 0 0;
		text-align: center;
		}

	.banner {
		margin: 2px 0 0 20px;
		display: block;
		}
	
#footer {
	background: #fff url("images/footer.png") repeat-x bottom;
	width: 100%;
	height: 290px;
	text-align: center;
	padding: 30px 0 0 0;
	}

	#footer a {
		color: #090;
		text-decoration: none;
		}
	
	#footer a:hover {
		text-decoration: underline;
		}
			
	#copyright {
		position: absolute;
		bottom: 20px;
		left: 50px;
		width: 300px;
		text-align: left;
		font: normal normal 12px arial;
		}
	
	#contact {
		position: absolute;
		bottom: 20px;
		right: 50px;
		text-align: right;
		font: normal normal 12px arial;
		}
		
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img {
	border: 0;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */