body {

  line-height:130%;
  margin: 0px;
  padding: 0px;  
  
  background-image: url(/_i/bg/bgk.jpg);
  background-repeat: repeat-x;
  background-position: right top;
  
}

body #HEAD {
  margin: 0px;
  padding: 0px;
  background-image: url(/_i/bg/karaugom2.jpg);
  background-repeat: no-repeat;
  background-position: right top;
}

DIV.TITLE {
  padding-left: 4%;
}

DIV.BODY {
  padding: 4%;
  padding-right: 5%;
  padding-top: 1em;
}
DIV.ADVERT {
  font-size:75%;
  padding: 4%;
  padding-right: 5%;
  padding-top: 1em;
  color: #AAA;
}

DIV.LENTA {
  padding-left: 2%;
  font-size:85%;
}

DIV.BODY TABLE { 
 width: 98%;
 border: 0px;
 border-collapse: collapse;
}
DIV.BODY TABLE.small { 
 font-size: 75%;
}
DIV.BODY TH { 
 text-align: left;
 background: #F8F8F0;
 padding: 5px;
 border: 1px solid gray;
}
DIV.BODY TD { 
 text-align: left;
 padding: 5px;
 border: 1px solid gray;
}

TABLE.layout, TABLE.layout TD, TABLE.express, TABLE.express TD {
 border: 0px;
}


h1 {font-family: Tahoma, Verdana, sans-serif, serif, "MS Sans Serif", "MS Serif"; font-size: 140%; color: #415260}
h2 {font-family: Tahoma, Verdana, sans-serif, serif, "MS Sans Serif", "MS Serif"; font-size: 100%; color: #415260; font-weight: bold}
h3 {font-family: Tahoma, Verdana, sans-serif, serif, "MS Sans Serif", "MS Serif"; font-size: 90%; color: #000000; font-weight: bold; margin:0; padding:0}
h2, h3 {margin: 0; padding: 0}

a {	color: #cc0000; TEXT-DECORATION: underline }
a:hover { color: gray }



a:active { color: gray }
a.topmenu {color: #F4F8E9}
a.topmenu:hover {color: #F4F8E9}
a.topmenu:active {color: #F4F8E9}

a.punktline {text-decoration: none; border-bottom: 1px dashed #cc0000;}
a.punktline:hover {border-bottom: 1px dashed gray;}

.ADVERT a {
  color: #AAA;
  TEXT-DECORATION: none;
}

/* выделяем внешние ссылки*/
DIV.BODY a[href^="http://"]:not([href*="carabin.ru"])::after {
	content: url(/_i/externallink.gif);
}


.break { clear:both; }

UL {
  list-style-image: url(/_i/list-image.gif);
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 20px;
  padding: 0;
}
UL.link_article, LI.link_article {
  font-size:85%;
  //list-style-image: url(/_i/list-image/article.gif);
}
UL.link_photo, LI.link_photo {
  font-size:85%;
  //list-style-image: url(/_i/list-image/photo.gif);
}
UL.link_author, LI.link_author {
  font-size:85%;
  //list-style-image: url(/_i/list-image/author.gif);
}

input {
  font-size:85%;
  border: 1px solid gray;
  background-color: #FFFFFF;
}
  
input.button {
  color: #38393B;
  background-color: #E7E7D7;
  
  border: 1px outset #E7E7D7;
  cursor: hand;
}



SPAN.link_header {
  font-size:85%;
  padding-left: 20px;

}
SPAN.block_info {
  font-size:85%;
  padding-left: 20px;
  color: gray;
  background-image: url(/_i/list-image/info.gif);
  background-repeat: no-repeat;
  background-position: top left;
}


/* ВЕРХНЕЕ МЕНЮ */
/*
#topmenu {

  height: 257px;
  padding-left: 4%;
  padding-right: 4%;
  padding-top: 3px;
  padding-bottom: 0px;
  
  color: #F7FEEE; 
  font-size: 8pt; 
  font-family: SansSerif, Tahoma;
}

#topmenu table tr td {line-height:130%; padding-top: 3px; padding-left: 0px; padding-right: 3px; margin: 0px; }

#topmenu table tr td span a {color: #F4F8E9}
#topmenu table tr td span {padding-left: 5px; vertical-align: middle; background-position: left}
#topmenu table tr td span.level1 {background-image: url(/_i/bg/topmenu_level1.gif); background-repeat: no-repeat}
#topmenu table tr td span.level1higlight {background-image: url(/_i/bg/topmenu_level1h.gif)}
#topmenu table tr td span.level1higlight a {color: #FFFFFF}
#topmenu table tr td span.level1higlight_end {background-image: url(/_i/bg/topmenu_level1h.gif); background-position: right}

#topmenu table tr td span.level2higlight {background-image: url(/_i/bg/topmenu_level2h.gif)}
#topmenu table tr td span.level2higlight_end {background-image: url(/_i/bg/topmenu_level2h.gif); background-position: right}

#topmenu table tr td span.level3higlight {background-image: url(/_i/bg/topmenu_level2h.gif)}
#topmenu table tr td span.level3higlight_end {background-image: url(/_i/bg/topmenu_level2h.gif); background-position: right}
*/
#topmenu {

  height: 257px;
  padding-left: 4%;
  padding-right: 4%;
  padding-top: 3px;
  padding-bottom: 0px;
  
  color: #F7FEEE; 
  font-size: 10pt; 
  font-family: Arial, SansSerif, Tahoma;
  font-weight: normal;
}
#topmenu table tr {margin: 0px; padding: 0px;}
#topmenu table tr td {margin: 0px; padding: 0px 5px 0px 0px;}
#topmenu table tr td span {padding: 0px 0px 3px 7px; vertical-align: middle}
#topmenu table tr td span a {color: #F4F8E9}
#topmenu table tr td span.level1 {background: url(/_i/bg/topmenu_level1.gif) left center no-repeat; font-weight: bold}
#topmenu table tr td span.level1higlight {font-size: 10pt; background: #E28556; font-weight: bold}
#topmenu table tr td span.level1higlight a {color: #FFFFFF}
#topmenu table tr td span.level2higlight {font-size: 9.5pt; background: #93B363}
#topmenu table tr td span.level3higlight {font-size: 9pt; background: #AEA95D}



/* ДОПОЛНИТЕЛЬНО МЕНЮ */
#dop_menu_level1 {
  clear:both;
  font-size:85%;
}
#dop_menu_level1 .item {
  float: left; 
  margin-right: 8px; 
  padding: 1px 8px 1px 8px;
  background: #f5f3e8;
} 
#dop_menu_level1 .on {
  font-weight: bold;
  /*background: #ffffff;*/
  /*background-color: #D4AA61;*/
  background: #FFAC4B;
  color: #ffffff;
}
#dop_menu_level2 {
  clear:both;
  font-size:85%;
  margin-left: 8px; 
}
#dop_menu_level2 .item {
  float: left; 
} 
#dop_menu_level2 .on {
  font-weight: bold;
}
#dop_menu_level2 .punkt {
  float: left;
  color: #666666;
  margin-right: 2px; 
  margin-left: 2px; 
}

/* НИЖНЕЕ МЕНЮ */
#bottommenu {
  font-size:85%;
  margin-top: 1em;
  margin-bottom: 1em;
  
  padding-left: 4%;
  padding-top: 5px;
  padding-bottom: 15px;
  padding-right: 5%;
  
  border-top: 1px solid #CCCCCC;
}
#bottommenu .bm_col {
 float: left;
}
#bottommenu #bottommenu_col1 {
 width: 40%;
}
#bottommenu #bottommenu_col2 {
 width: 40%;
 padding-top: 10px;
}
#bottommenu #bottommenu_col3 {
 width: 18%;
 padding-top: 10px;
}

#bottommenu a {
  color: #448F44;
}

#form_login, .div_form
{
  position: absolute; 
  top: 30px; 
  left: 30%;
  width: 30%;
  height: auto;
  background-color: #FFFFFF;
  border: 1px solid #999999;
  
  padding: 0px;
  font-size: 85%;
  display: none; 
  z-index: 66; 
}
#form_title, .form_title
{
  height: 25px;
  background-color: #759AAC;
  border-bottom: 1px solid #CCCCCC;
  padding-left: 10px;
  color: #F7FEEE; 
  font-size: 16px; 
  font-weight: bold; 
  font-family: Tahoma;
  cursor: move;
}
#form_title a
{
  color: #F7FEEE; 
  font-size: 16px; 
  font-weight: bold; 
  font-family: Tahoma;
}
#form_body, .form_body
{
  height: auto;
  background-color: #FFFFFF;
  padding: 10px;
  font-size: 16px; 
  font-family: Tahoma;   
}
#form_footer, .form_footer
{
  height: 20px;
  background-color: #F5F5E6;
  border: 0px solid #CCCCCC;
  padding: 4px;
  text-align: right;
  font-size: 16px; 
  font-family: Tahoma;  
}

PRE CODE {
  DISPLAY: block; 
  OVERFLOW: auto;
  PADDING-BOTTOM: 1em;
}
PRE {
   OVERFLOW-X: auto; 
    PADDING-BOTTOM: 0.5em; 
    WIDTH: 90%;               /* ЭТО ШИРИНА КОЛОНКИ В ШАБЛОНЕ */
    ZOOM: 1
}
PRE CODE .keyword {             /* Подсветка аккордов */
	COLOR: red;
	FONT-WEIGHT: normal;
}

/* ФОТОАЛЬБОМЫ */
DIV.photoalbum_item {border-bottom: 1px dashed #CCCCCC; padding-bottom: 0.5em; margin-bottom: 0.5em;}
DIV.photoalbum_title {float: left; width: 60%; }
DIV.photoalbum_string {font-size: 85%; color: gray; padding-top: 0.5em;}
DIV.photoalbum_icon {float: left;width: 40%; text-align: right; padding-top: 0.5em;}


/* НОВОСТНАЯ ЛЕНТА */
DIV.news_date {font-family: Tahoma, Verdana, sans-serif, serif, "MS Sans Serif", "MS Serif"; margin-top: 10px; clear:both; font-size: 70%; font-weight: normal; color: gray}
DIV.news_text {border-bottom: 1px dashed #CCCCCC; padding-bottom: 10px;}
DIV.news_text A.news_title {font-weight: bold}
DIV.news_text img.NEWS_ILL {float: right; width:120px; margin-left: 5px; margin-bottom: 5px}

/* ЛЕНТА МЕРОПРИЯТИЙ */
DIV.calendar_lenta {
  line-height: 120%;
  font-size: 100%;
}
DIV.calendar_lenta_item {
  background-color: #fff;
  margin-bottom: 1em;
}
DIV.calendar_lenta DIV.type1 a { background-color: #fff; color: #FF6666;}
DIV.calendar_lenta DIV.type1 a:hover { background-color: #FF6666; color: #fff;}
DIV.calendar_lenta DIV.type2 a { background-color: #fff; color: #66CC66;}
DIV.calendar_lenta DIV.type2 a:hover { background-color: #66CC66; color: #fff;}
DIV.calendar_lenta DIV.type3 a { background-color: #fff; color: #66CC66;}
DIV.calendar_lenta DIV.type3 a:hover { background-color: #66CC66; color: #fff;}
DIV.calendar_lenta DIV.type4 a { background-color: #fff; color: #99CCCC;}
DIV.calendar_lenta DIV.type4 a:hover { background-color: #99CCCC; color: #fff;}

DIV.calendar_lenta_date {
  font-family: Tahoma, Verdana, sans-serif, serif, "MS Sans Serif", "MS Serif"; 
  clear:both; 
  font-size: 85%; 
  font-weight: normal; 
  color: gray;
}
DIV.calendar_lenta_title {
  font-weight: normal;
  font-size: 110%; 
}

/* КНОПКИ */

a.button {
    font-family: Arial, Tahoma, Helvetica, sans-serif; 

}
a.button:hover {color: #000;}
a.button span {
    padding: 4px 12px 4px 12px;

    background-color: #E7E7D7;
    border: 2px outset #E7E7D7;
    cursor: hand;
    font-weight: 100;
}

/* Пользователи в новостной ленте */
.news_text a.cruser {
  color: #000;
}

/* Блок "Получить html код */
#codeinsert {
  padding-top: 1em;
  font-size: 85%;
}

/* Информационные блоки */
div .notice {
  background: #FFFCDA url(/_i/notice.gif) 20px 50% no-repeat;
  border: 1px solid #DCD9B6;
  padding: 1em 2em 1em 70px;
  font-size: 85%;
  color: #7E7C62;
  line-height:110%;
}
div .private {
  background: #DDD url(/_i/private.gif) 20px 50% no-repeat;
  border: 1px solid gray;
  padding: 1em 2em 1em 70px;
  font-size: 85%;
  color: gray;
  line-height:110%;
}


/* MEDIA */
@media print {
  
  * {background: none}
  
  div.BODY {
    margin: 0%;
    background-color: #FFFFFF;  
  }
  div.ADVERT {display: none}
  
  a:after {content: ' (carabin.ru' attr(href) ')'}

  a {text-decoration: none; color: black}	

  #topmenu {display: none}
  #bottommenu {display: none}

  #logotype {
    width: 120px;
    height: 20px;
  }
  #link_logotype:after {content: ''}
  
  div.noprint {
    display: none;
  }  


}