


/********************************************************************** Глобальное форматирование страницы. */
{ 
margin          : 0;
padding         : 0; 
}

 /* темный фон, отображается при просмотре в режиме без картинок */
body {
background      :  #000000;
}

/**********************************************************************конец Глобальное форматирование страницы. */


/********************************************************************** Форматирование основных блоков */
/* фоновая картинка со звездами */
#main{
width           : 100%;
height          : 100%;
background      : transparent url(../images/fon.jpg) top left repeat;
}


/* верхняя картинка+фон для меню */
#content{
float           : left;
text-align      : center;
width           : 99%;
background      : transparent url(../images/header.jpg) top left no-repeat;
}


/* цветок, остается на месте при прокрутке(дле всех кроме explorer) */
#footer{
position        : fixed;
right           : 0;
height          : 100%;
width           : 124px;
background      : transparent url(../images/footer.jpg) bottom right no-repeat;
}


/****************цветок для explorer(чтобы при прокрутке оставался внизу) */
* html #footer{
position        : absolute;
}



/* низ страницы: шрифты и линия*/
#copyright{
clear: left;
font            :  14px Monotype Corsiva;
color           : #F5D3CA;
border-top      : solid 1px #ffffff;
padding: 20px;
margin: 0px 150px 0px 40px;
}


/* низ страницы - левая часть(контакты) */
#contact{
float: left;
}

/* низ страницы - правая часть(дизайн-студия) */
#intex{
float: right;
}
/**********************************************************************конец форматирования основных блоков */












/**************************************************************************Верхнее меню(абсолютное позиционирование,
не зависит от других элементов страницы) ********************/




/* пункт меню ГЛАВНАЯ */
#menu1{
position        : absolute;
top: 230px;
left: 250px;
text-align: left;
}


/* пункт меню ИДЕИ */
#menu2{
position        : absolute;
top: 90px;
left: 550px;
text-align: left;
}

/* пункт меню СТИХИ */
#menu3{
position        : absolute;
top: 30px;
left: 460px;
text-align: left;
}

/* пункт меню ГОСТЕВАЯ КНИГА */
#menu4{
position        : absolute;
top: 180px;
left: 370px;
text-align: left;
}

#svarka{
position        : absolute;
top: 8px;
left: 8px;
}

/*звездочки перед пунктами меню(3 разных вида)*/
.sign{
padding: 10px;
background      : transparent url(../images/sign.gif) center left no-repeat;
}
.sign1{
padding: 10px;
background      : transparent url(../images/sign1.gif) center left no-repeat;
}
.sign2{
margin: 10px;
padding: 20px;
background      : transparent url(../images/sign2.gif) center left no-repeat;
}
/***********************************************************************конец верхнего меню**/


/***********************************************************************промотекст**/


#promotext{
position        : absolute;
top: 20px;
right: 60px;
width: 300px;
 
}

#promotext h2{
font            :  14px Monotype Corsiva;
color           : #F5D3CA;
}

/***********************************************************************конец промотекст**/












/***********************************************************************Левая часть страницы (стихи)**/
#left{
padding-top     : 300px;
padding-left    : 40px;
width           : 300px;
font            :  16px Monotype Corsiva;
color           : #F5D3CA;
line-height     : 1.6;
vertical-align: top;
text-align      : center;
}
/*****************************************************************конец Левая часть страницы (стихи)**/













/***********************************************************************Правая часть страницы (основное форматирование)**/

/*основные отступы, шрифты и выравнивание текста*/
#right{
padding         : 270px 0px 150px 40px;
font            : 16px times new roman;
line-height     : 1.4;
vertical-align: top;
text-align      : justify;
}

 /* белый фон, отображается при просмотре в режиме без картинок */
.list{
width           : 649px;
float           : right;
background      : #ffffff;
}

/*основные отступы, шрифты и выравнивание текста для страниц с одной колонкой*/
#right_one{
padding         : 270px 0px 150px 300px;
font            : 16px times new roman;
line-height     : 1.4;
vertical-align: top;
text-align      : justify;
}

 /* белый фон, отображается при просмотре в режиме без картинок,для страниц с одной колонкой */
.list_one{
width           : 649px;
background      : #ffffff;
}

 /* оформление текста в виде листа */

 /* верх листа */
div.list_top{
width           : 649px;
height: 147px;
background      : transparent url(../images/list_top.jpg) top left no-repeat;
}


 /* фон */
div.list1{
background      : transparent url(../images/fon_list.jpg) top left repeat-y;
}


 /* левый край */
div.list_left{
background      : transparent url(../images/list_left.jpg) top left repeat-y;
}


 /* правый край */
div.list_right{
padding: 0px 80px 1px 80px;
background      : transparent url(../images/list_right.jpg) top right repeat-y;
}


 /* низ листа */
div.list_bottom{
width           : 649px;
height: 151px;
overflow: auto;
background      : transparent url(../images/list_bottom.jpg) bottom left no-repeat;
}







 div#path {
padding: 40px 80px 60px 80px;
font:  bold 17px Monotype Corsiva;

}

/**********************************************************конец Правая часть страницы (основное форматирование)**/



/********************************************************************** Ссылки */

 /* основные ссылки, включая верхнее меню и низ страниц */
a:link,a:visited,a:hover {
font            :  20px Monotype Corsiva;
text-decoration : none;
}
a:link, a:visited{
color           : #ffffff;
}
a:hover{
color           : #B2CFF1;
}

 /* ссылки внизу страниц */
#intex a:link, #intex a:visited, #intex a:hover {
font            :  15px Monotype Corsiva;
text-decoration : none;
}

 /*  ссылки в тексте */
.list a:link,.list a:visited,.list a:hover,
.list_one a:link,.list_one a:visited,.list_one a:hover {
font            : 16px times new roman;
text-decoration : underline;
}

.list a:link,.list a:visited,
.list_one a:link,.list_one a:visited{
color           : #86003A;
}
.list a:hover, .list_one a:hover {
color           : #61BDF0;
}


/*  ссылки в пути */
#path a:link,#path a:visited,#path a:hover {
font            :  16px Monotype Corsiva;
text-decoration : underline;
}

#path a:link,#path a:visited{
color           : #86003A;
}
#path a:hover{
color           : #61BDF0;
}

/*  названия в блогах */
 a.blog_title:link,a.blog_title:visited, a.blog_title:hover {

font            :  22px Monotype Corsiva;
text-decoration : none;
}



/*  ссылки подробнее в блогах */
.blog_detail a:link,.blog_detail a:visited,.blog_detail a:hover,
.all a:link,.all a:visited,.all a:hover {
font            : bold 12px times new roman;
text-decoration : underline;
}

.blog_detail a:link,.blog_detail a:visited, 
.all a:link,.all a:visited{
color           : #333333;
}

.blog_detail a:hover, .all a:hover{
color           : #61BDF0;
}


/*  ссылки подробнее в списке стихов */
#poem_index div.blog_detail a:link,#poem_index div.blog_detail a:visited,#poem_index div.blog_detail a:hover
{
font            :  11px times new roman;
text-decoration : underline;
}

#poem_index div.blog_detail a:link,#poem_index div.blog_detail a:visited 
{
color           : #86003A;
}

#poem_index div.blog_detail a:hover{
color           : #61BDF0;
}


/****************************************************************конец Ссылки */








/********************************************************************** Форматирование текста*/


h6 {
height          : 80px;
width           : 603px;
float           : right;
background      : transparent url(../images/sign.jpg) bottom center no-repeat;
margin          : 0px;
}

h6#top{
height          : 281px;
width           : 603px;
float           : right;
background      : transparent url(../images/sign_top.jpg) bottom center no-repeat;
margin          : 0px;
}

#left h6{
height          : 42px;
width: 100%;
background      : transparent url(../images/sign_left.jpg) center center no-repeat;
}

h6#may9{
height          : 78px;
width: 100%;
background      : transparent url(../images/sign_9may.jpg) left center no-repeat;
}

h5{
margin  : 0px 0px 10px 0px;
text-align: center;
font:  bold 25px Monotype Corsiva;
color: #86003A; 
clear: both;
}

h4{
margin  : 0px 0px 10px 0px;
text-align: center;
font:  bold 40px Monotype Corsiva;
color: #000000; 
clear: both;
}

h3{text-align: left;
font:   23px Monotype Corsiva;
color: #86003A; 
clear: both;
margin: 5px;
}

h2{
font:  bold 25px Monotype Corsiva;
color: #ffffff; 
clear: both;
text-align: right;
}

h1{
font:  bold 25px Monotype Corsiva;
text-align: center;
}


blockquote{
padding-left         : 100px;
float           : right;
width           : 50%;
font            : 16px Monotype Corsiva;
text-align      : left;
}

#right p, #right_one p{
clear: both;
text-indent: 50px;
margin     : 5px;
}

#right div.poem, #right_one div.poem{
font            :  16px times new roman;
line-height     : 1.6;
text-align      : left;
}



#right div.poem p, #right_one div.poem p{
text-indent: 0px;
padding: 10px 0px 0px 100px;
}
#red_text{
font            :  16px times new roman;
color: #FF0033;
}
b{
font: bold 18px;
color: 86003A;
}

.author{
font:  13px Monotype Corsiva;
padding-left           : 60px;
}

#contact_center{
text-align: center;
font:  bold 15px Monotype Corsiva;
}


/********************************************************************** блоги*/

div.blog_detail{
margin: 0px 0px 20px 0px;
padding: 0px 0px 10px 0px;

}

div.blog_text{
font            :  13px times new roman;
}

.all {clear: both;
text-align: right;
}

/********************************************************************** список стихов*/



#poem_index div.blog_detail{
margin: 0px 0px 10px 90px;
}

#poem_index div.blog_text{
margin: 0px 0px 0px 90px;
font            :  16px times new roman;
}




