/*
Theme name: Kobujodokai
Theme URI: http://Kobujodokai.ru
Description: theme for Russian division of Kobujodokai 
Author: Poutshenkin Artyom
*/

html, body {
	height:100%;
	margin: 0;
	padding: 0;
}

body {
	font: 12px/21px Georgia, serif;
	background: url('bg/bg.jpg') repeat top center;
        color: #222;
}


a:link, a:active, a:visited{
	text-decoration:none;
	color: #521;
}

h1 a:link, h1 a:active, h1 a:visited{
	text-decoration:none;
	color: #322;
}
h2 a:link, h2 a:active, h2 a:visited{
	text-decoration:none;
	color: #322;
}

body a:hover{
	text-decoration:underline;
	color: #000000;
}


#linkList ul {
	list-style-type: none;
	margin: 10px;
	font-size:18px;
	
}


#nav {
margin:0px;
}



#news_link {
text-align:right;}

acronym {
	border-bottom: none;
}

/* content div's */


#container {
	width: 80%;
	margin: 0 auto 0;
	height: auto;
background: #f6efe2 url(bg/bg_top.jpg) top right no-repeat;
z-index: 2;

box-shadow: 0px 0px 20px #887e70;
}


#clear{
	clear:both;}
	
.newsimg{
	border: 1px solid gray;
	margin-left: 10px;
float: left;
}

#leftcol {
width:38%;
float:left;
height: 100%;
padding: 1%;
}

.highlight{
background: #d0c3b1;
padding: 5px;
margin: 7px 0px 0px 100px;
height: 71px;
}

.highlight h1{
margin-top:0px;
font: normal 18px Georgia;
margin-bottom: 5px;
color:#000;
padding:0px;
}

.highlight h2{
font: normal 12px Georgia;
margin-top:0px;
margin-bottom: 5px;
color: #726b5e;
}
.highlight2{
padding: 5px;
margin: 10px 0px 0px 100px;
height: 45px;
}

.highlight2 h1{
margin-top:0px;
font: normal 20px Georgia;
margin-bottom: 5px;
color:#000;
padding:0px;
}
hr {
margin-bottom: 30px;
border-style: solid;
border-width: 1px;
border-color: #d0c3b1;
}
.highlight2 h2{
font: normal 12px Georgia;
margin-top:0px;
margin-bottom: 5px;
color: #726b5e;
}

.expand{
text-align: right !important;
font-size: 12px;
margin: 0px 20px 20px;
display:block;
}

#rightcol {
padding: 0 2.5% 0 2.5%;
float:right;
width: 55%;
height: 100%;
} 

 
#intro{
height: 270px;
padding:20px 20px 20px 40px;
}
#intro h1{
display: block;
margin-top:5px;
margin-bottom: 30px;
padding: 0;
}
#intro h1 a{
display: block
font-family: georgia, serif;
font-size: 1.5em;
font-weight: normal;
  color: #222;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

a img {
border: none;
margin: 0px;
}

#title{
height: 100px;
background: url('bg/tree.jpg') left bottom no-repeat;
}

#title h2{
margin-left: 140px;
padding-top: 50px;

font: italic 24px georgia;
  color: #3E3A44;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);

}

#title h2 a{
vertical-align: bottom;
float: left;
display: block;
margin: 0px;
}
#title h2 a img{

margin: 4px 0 0 10px;
}

#pageHeader {
	height:34px;
	overflow:hidden;
	position:absolute;
	top:200px;
	left:205px;
	width:587px;
}

#pageHeader span{
	display:none;
}

#quickSummary {
	display:none;
}

#preamble{
	background: #d0c3b1;
	margin: -80px 30px 60px 260px;
	padding: 10px;
	z-index: 100;
}

#supportingText{
width: 100%;
	height:100%;
	z-index:1;
}

/* ------------ news -------------- */
#news{
	padding-bottom:20px;
	margin-bottom:25px;
	border-bottom: solid 1px #ccc1b7;
	}

#news img{
	border: 1px solid gray;
	margin: 0 10px 10px 0;
	float: left;
}

#news_text{
	text-align: justify;
	margin: 10px;

}
#news_text p{
	text-align: justify;
}

#event_text{

	margin-top: 10px;
	margin-right: 180px;
}
#event_text p{
	text-align:justify;
}
#events a.album{
	float: right;
	margin: 18px;
	text-align: center;
}
#events a.album img{
	border: 1px solid gray;
	clear: both;
	display: block;
}



 .news2{
	background:#d0c3b1;
	padding:5px;
}


#footer{
	height:150px;
width:100%;
	background: url(bg/footer_bg.jpg) bottom repeat-x ;
}

#footer_bg {
width: 100%;
height: 100%;
background: url(bg/footer_img.jpg) bottom center no-repeat;
}



/* link list and extra div's */

#linkList {
	font-size:18px;
	line-height: 28px;
}

#overlay {
	position:absolute;
	width:500px;
	top:550px;
	z-index:2;
	color: black;
	left: 190px;

}

#copyright {
	position:absolute;
	width:130px;
	top:100%;
	left: 100%;
	margin-top:-120px;
	margin-left: 40px;
	z-index:5;
	color: #333333;
	font-size:10px;
	line-height: 10px;
	font-family: tahoma;	
}


#banners {
width: 10%;
position: absolute;
right: 0;
margin: 0px;
padding:0px;
top: 20px;
}

#banners a {
color: #FFFFFF;
margin:0px;}

#banners a IMG{
border:none;
vertical-align:middle;
margin: 5px;}



/* CSS Document */
ul#navmenu-v,
ul#navmenu-v li,
ul#navmenu-v ul {
  margin: 0px;
  border: 0 none;
  padding: 0;
  width: 200px; 
  list-style: none;
}

ul#navmenu-v:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-v li {
  float: left; 
  display: block !important; 
  display: inline; 
  position: relative;
}
ul#navmenu-v li ul li {
border:none;
border-bottom:#FFFFFF 2px solid;
}

/* Root Menu */
ul#navmenu-v a {
  padding: 0 6px;
  display: block;
  color: #330000;
  font: bold 12px/28px sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; 
}


ul#navmenu-v a:hover,
ul#navmenu-v li:hover a,
ul#navmenu-v li.iehover a {
  background: #FFFFFF;
  color: red;

}

/* 2nd Menu */
ul#navmenu-v li:hover li a,
ul#navmenu-v li.iehover li a {
  background: #003366;
  color: #FFFFFF;
  border:#003366 1px solid;
}


ul#navmenu-v li:hover li a:hover,
ul#navmenu-v li:hover li:hover a,
ul#navmenu-v li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover a {
  background: #FFFFFF;
  color: #003366;
  border:#003366 1px solid;
}



ul#navmenu-v ul,
ul#navmenu-v ul ul,
ul#navmenu-v ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 161px;
}


ul#navmenu-v li:hover ul ul,
ul#navmenu-v li:hover ul ul ul,
ul#navmenu-v li.iehover ul ul,
ul#navmenu-v li.iehover ul ul ul {
  display: none;
}

ul#navmenu-v li:hover ul,
ul#navmenu-v ul li:hover ul,
ul#navmenu-v ul ul li:hover ul,
ul#navmenu-v li.iehover ul,
ul#navmenu-v ul li.iehover ul,
ul#navmenu-v ul ul li.iehover ul {
  display: block;
}


.rectangle { 
 background: #d0c3b1; 
 height: 40px; 
 width: 70%; 
 position: relative; 
 left:-15px; 
 top: 30px;
 -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.55); 
 -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.55); 
 z-index: 100; /* показываем над всеми элементами */ 
display: block;
 } 
 .rectangle h2 { 
 font-size: 24px; 
 color: #fff; 
 padding-top: 9px; 
 text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); 
 text-align: center; 
margin:0px;
 } 
 .triangle-l { /* уголочек под зголовком слева */ 
 border-color: transparent #7d90a3 transparent transparent; 
 border-style:solid; 
 border-width:15px; 
 height:0px; 
 width:0px; 
 position: relative; 
 left: -30px; 
 top: 15px; 
 z-index: -1; /* спрячем под основной блок */ 
 } 
 .post{ clear: both;}
 .entry{
padding: 30px;
text-align: justify;
font: regular 12px serif;
 }

 .entry h1{
font-size: 150%;
 }

 .mainentry{
padding: 0px;
padding-left:10px;
text-align: justify;
font: regular 12px serif;
 }

 .newsentry{
padding: 0px;
margin-left:105px;
margin-bottom:30px;
text-align: justify;
font: regular 12px serif;
border-bottom: 1px dotted #d0c3b1;
 }
 
 /* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:left;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */

/* Begin Sidebar */
#sidebar
{       position: absolute;
width: 15%;
	padding: 0;
	margin: 0px;
	right: 0
	}

#sidebar form {
	margin: 0;
	}

#sidebar h2{
margin: 0;
padding: 0;
font-size: 15px;
}

#sidebar ul{
margin: 0;
padding: 0;
}

/* End Sidebar */
#content {	
	width: 100%;
	height: 100%;
padding: 0px;
overflow: hidden;
	}

#flags_language_selector{
position: absolute;
margin-right:10%;
right: 180px;
top: 31px;
}

#flags_language_selector ul{
list-style-type: none;
margin:0;
padding:0;
}

#flags_language_selector li{
margin:2px;
padding:0;
float:left;
border:1px solid gray;
}

#tools {
position: absolute;
left: 6%;
top: 10px;
z-index: 5;
vertical-align:middle;
width: 10px;
}

#tools a {
color: #FFFFFF;}

#tools a IMG{
border:none;
vertical-align:middle;
margin:3px;}

a:focus {
	outline: none;
}
.topmenu {
    float:left;
}
.topmenu ul, .topmenu li{
    list-style:none;
    margin: 0;
    padding: 0;
}
.topmenu ul li {
	position:relative;	
	width:140px;
}
.topmenu ul li a{
	display:block;
	padding:10px 10px 10px 30px;
	background:url('images/window.gif') no-repeat 10px center;
	color: #0000FF;
	text-decoration: none;	
	border:1px solid #999;
	margin:1px;
}
.topmenu ul li a:HOVER{
	color: #0000CC;	
    background-color:#eee;
}
 
.topmenu ul li ul {
    display: none;
    position:absolute;
    top:0px;
    left:140px;
}



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	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;
	}
/* End Images */

ul.articles {
  list-style-type: none;
margin:0px;
padding:0px;
}
ul.articles li{
background: url(icons/article.png) left top no-repeat;
margin-top:40px;
margin-bottom:10px;
padding-left:40px;

}
.articles li a{
color: #222;
font: normal 16px/22px Georgia;
}
.articles ul li a{
color: #422;
font: normal 14px/18px Georgia;
}


ul.articles li ul{
background: none;
border-top: 1px dotted #d0c3b1;}

ul.articles ul li{
  margin-left: 20px;

}

ul.articles li ul li{
 list-style-type: -;
  margin: 10px;
  padding: 0 12px;
  line-height: 20px;
  color: #d0c3b1;
  font-weight: bold;
  background: none;
}

.doc{
background: url(icons/doc.png) left center no-repeat;
padding-left:30px;
}