/*
Theme Name: Soconline
*/

/*	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.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;
	margin-right:20px;
	}
/* End Images */

@charset "utf-8";
/* mac hide \*/ 
html,body{height:100%;width:100%;} /* end hide */ 
html, body  {
height:100%;
width:100%;
	font: 14px  Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;}

#Wrapper{
	width:1000px;
	height:100%;
	margin:5px auto;
	position:relative;
	}
#header {
position:relative;
height:162px;
font: 8pt Arial, Tahoma, sans-serif;
background:url(images/top.png) no-repeat left top;}

#logo a{
	position:absolute;
	left: 35px;
	top: 20px;
	width:350px;
	height:50px;
	background:url(images/soconline.gif) no-repeat left top;
}
#lil-line{
width:1px;
height:30px;
position:absolute;
left: 320px;
top:35px;
background-color:black;}

#info-soc{
position:absolute;
left: 330px;
top:35px;
width: 200px;
height:22px;
text-align:left;}

#main_nav {
	position:absolute;
	top:81px;
	right:226px;
	list-style:none;
	width:800px;
	font: bold 11px/1.5em Tahoma, Verdana, sans-serif;
	text-transform: uppercase;
	z-index:1;
	}
	
#main_nav ul {
	margin:0;}

#main_nav li {
	display:inline;
	padding:0;
	margin:0;
	}

#main_nav a {
	float: left;
	display:block;
	text-decoration:none;
	padding: 0 0 0 4px; /* фон становится правильно, не оставляя пустот*/
	background: url(images/nav-left.gif) no-repeat left top;
	margin: 0;
	}
	
#main_nav span {
	float:left;
	padding:5px 8px 4px 6px; /*определяет размер кнопок в итоге*/
	color: #fff;
	background: url(images/nav-center.gif) no-repeat right top;
	}
	
#main_nav a:hover span {
	color:#000;
}

#main_nav a:hover {
	background-position:0% -27px; /*размер половины рисунка right_nav.gif, то есть при наведении картинка смещается на 42px*/
}

#main_nav a:hover span {
	background-position:100% -27px;
}

#search{
	position:absolute;
	right:0 !important;
	right: -49px;/*for IE 6*/
	top:80px;
	width: 190px;
	float:right;
	z-index:1;
	margin-right:65px;
	font: bold 11px/1.5em Tahoma, Verdana, sans-serif;
	text-transform: uppercase;}

#search span {
	float:left;
	display:block;
	padding: 0 0 0 4px; /* фон становится правильно, не оставляя пустот*/
	background: url(images/search-form-leftv.gif) no-repeat left top;
	margin: 0;
}
	
#search b{
	float:left;
	width: 220px;
	height:18px;
	padding:5px 9px 4px 6px; /*определяет размер кнопок в итоге*/
	color: #fff;
	background: url(images/search-form-rightv.gif) no-repeat right top;
	}
	
#search a:hover{}

#search a:hover  span{
	
	background-position:0% -27px; /*размер половины рисунка right_nav.gif, то есть при наведении картинка смещается на 42px*/
}

#search a:hover span  b{
	color:#000;background-position:100% -27px;
}

	
#registration{
display:none;
float:right;
margin-right:11px !important;
margin-top:17px;
margin-right: 20px;/*for IE 6*/
}	

#registration a{
color:#000;}

#content{
width:990px;
background: url(images/content.png) repeat-y top left;
position:relative;
padding: 0px 10px 0;
margin:0;
}

table, tr, td{
text-align:left;
font-size:11px;
vertical-align:top;
}


#left{
padding-left: 18px;
padding-right:10px;
/*margin-top:-10px;*/}

#left a{
text-decoration:none;
color:#000;}

#left a:hover,
#left a:hover p{
text-decoration:underline;}

.info_preview {
padding-left:5px;
margin-bottom:5px;
}
.otstup_b p {
	margin:0px;
}
#articles .otstup_b h4:hover,
#events .otstup_b p:hover {
	text-decoration:underline;
}
.otstup_b h4{margin:0px;font-weight:normal;}
#right{
margin-left:-2px; 
}

#right a:hover{
text-decoration:underline;}

#events_name{
margin-top:-5px;
/*margin-left:-5px;*/}

#events{
background:#ececec;
padding: 7px 3px 11px;
}

.otstup_b{
padding-bottom:15px;}

#events a{
text-decoration: none;
color:#000;}

.otstup_b a:hover{
text-decoration:underline !important;}

#calend-ban{
padding-left:7px;
}

.ban{
padding:4px 0 4px 3px;
text-align:center;} /*чтобы банер был на одном уровне с календарем*/

#articles_name{
margin-top:10px;
}

#articles{
background:#ececec;
padding: 6px 0px 5px 10px;}

#articles a,
#articles a p{
text-decoration:underline;
color:#000;}

#footer{
background: url(images/footer.png) no-repeat left top;
height:150px;
margin-top:-15px;
margin-bottom:5px;
}

#footer a{
color:#000;
float:left;
margin-left:35px;
margin-top:20px;
padding:5px;
background-color:#ccc;}

#footer a:hover{
background-color:#fff;}
#comment{width:100%}
.navigation {
	margin-bottom:25px;
	margin-left:23px;
	margin-right:68px;
}
.wp-pagenavi{
	width:100%;
	width:932px;
}

.searchform{
	float:right;
	padding-right:20px;

	padding-top:23px;
}
div.piclenselink{display:none;}


.Calendar h3 { background: url(images/CalendarHeadingIco.gif) no-repeat left top; padding-left: 20px; }

.Calendar a { color: #cc6600; text-decoration: none;}  

.Calendar a:visited { color: #cc6600; text-decoration: none;} 

.Calendar a:hover { text-decoration: underline; color: #993300; } 



.Calendar table { width: 100%; color:#660000; border: solid 1px #ECECEC;}

.Calendar table th { text-align: center; border-bottom: solid 1px #ECECEC; padding: 5px 0px;}

.Calendar table td { text-align: center; padding: 4px 0px; }

.Calendar table caption { background: #ECECEC; padding: 5px 0px; font-family: "Trebuchet MS"; font-size: 14px;  color:#660000; font-weight: bold; text-align: left; padding-left: 10px;}

.Calendar table #today { background: #ECECEC;}

.Calendar table #prev { text-align: left; padding-left: 8px; font-weight: bold; letter-spacing: -1px;}

.Calendar table #next { text-align: right; padding-right: 8px;  font-weight: bold; letter-spacing: -1px;}

.navigation2 {
color:#444444;
font-family:Tahoma,Geneva,sans-serif;
font-size:18px;
}
.navigation2 a, .navigation2 a:visited, .navigation2 a:active {
color:#00B8D8;
font-size:18px;
font-weight:normal;
text-decoration:none;
}
.navigation2 a:hover {
color:#FF7038;
text-decoration:none;
}
.navigation2 span {
font-size:18px;
text-decoration:none;
}