BODY{  
  SCROLLBAR-FACE-COLOR: #FAD5DC;
  SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;  
  SCROLLBAR-SHADOW-COLOR: #000000;  
	SCROLLBAR-3DLIGHT-COLOR: #C7BAF2;  
	SCROLLBAR-ARROW-COLOR: #000000; 
	SCROLLBAR-TRACK-COLOR: #C7BAF2;   
	SCROLLBAR-DARKSHADOW-COLOR: #C7BAF2;   
}

#page {   
   background: #ffffff; 
   margin: 0 5% 0 5%;       
} 
#kepka {  
  height: 210px; 
  margin-right: -5%;
  margin-left: -5%;
  background: url(images/logo.jpg) no-repeat scroll 0 ; 
  background-position: top center;
 }


#menu { 
  float: left;                          
  width: 200px;
  margin-left: 0%;
  margin-top: 10px;
    /*  border-right: 1px solid #FF3366; */
                                           
  font: bold 13px Arial, Helvetica, san-serif;
}


#menu a {  
	color: #1024a7;
	text-decoration:none;
  display: block;
  padding: 5 35 5 5;
  margin-top: 5px;
  margin-left: 5px;
  background: url(images/dot-tort2.bmp) no-repeat scroll 0 50%; 
  background-position: 160px;     
  text-align: right;
 
}

#menu a:hover {
  background: #ffeeee url(images/dot-tort.bmp) no-repeat scroll 0 50%;
  color: #FF3366;
	text-decoration:underline;
	background-position: 160px; 
	
}
#menu a.selected {
  color: #FF3366;
	text-decoration:underline;
  font: bold 14px Arial, san-serif;
  background: url(images/dot-tort.bmp) no-repeat scroll 0 50%;
  background-position: 160px; 
}

/* Content */

#content {
  margin-left: 210px;
  margin-right: 170px;
  margin-top: 5px;
  font: normal 13px Arial, san-serif;
}

#content-shap {
  margin-left: 20px;
  margin-right: 20 px;
  height: 22px;
  border-bottom: 2px solid #FF3366;
}

#content-shap a {  
  
  text-decoration:none;
  font: normal 12px Arial, Helvetica, san-serif;
  color: #1024a7;
}

#content-shap a:hover {
  text-decoration:underline;
  
}

#content-body {
  color: #003366;
  padding: 5 10px 10 10 ;
}

#content-body h1{
  font-size: 20px;
  color: #FF3366;
  text-align: center;
}

#content-body P{
  text-indent: 1.5em;
}



img.pic {
  width: 200px;
  float: left;
  margin-right: 10px;
  border: none;
}

#content-body a{
  padding-left: 10px;
  line-height: 170%;
  margin-left: 10px;
  text-decoration: none;
  color: #1024a7;
}

#content-body a:hover {
  background: url(images/dot.gif) no-repeat scroll 0 50%;
  color: #FF3366;
  text-decoration:underline;
}
#content-body a:visited {
  background: #ffeeee ;
}

#content-body a.intext {
  line-height: 100%;
  margin: 0px;
  padding: 0px;  
  text-decoration: underline;
  color: #FF3366;
  font-weight: bold;
}

#content-body a.intext:hover{
  background: none;
  text-decoration: none;
}


a#pics, a#pics:hover, a#pics:visited  {
  background: none;
  margin: 0px;
  padding: 0px;
     
}


img#guga {
/*  position: absolute;
  margin-left: 50px;
  margin-top: 2px;
 margin-left: 200px;
*/
}

/* Right side */
#right-blok {

 width: 200px;
 position: absolute;
 top: 530px;
 right: 10px;
 

} 
 
#kepka H2{
  position: absolute;
  color: #FF3366;
  margin-left: 32%;
  margin-top: 45px;
  font: bold 18px Arial, san-serif; 
}
#kepka H3{
  position: absolute;
  color: #FF3366;
  margin-left: 24%;
  margin-top: 128px ;
  
  font: bold 18px Arial, san-serif; 
}
/* избранные рецепты*/
#fav {
  
  border-left: 1px dashed #FF3366;
  float: right;
  margin-left: 5px;
}
#fav p{
  text-align: center;
  font: bold 14px Arial, san-serif;
  color: #1024a7;
  text-decoration: underline;
}

/* Блоки картинок */
#pic {
  float: right;
}
#pic img{
  border: 1px solid #CCCCCC;
  margin-top: 10px;
}

/* Случайные рецепты на главной странице */

#index ul {
  border: 1px dotted #FF3366;
  font-size: 11px;
	padding: 8px;
	background-color:#f7f6f4
}

#index h3 a{
	font-size: 18px;
	color: #FF3366;
}

#index h3 a:hover {
	font-size: 18px;
	color: #1024a7;
}

.linko  {
  font-size: 11px;
	color: #003366;
	text-align: center;
}

.linko a  {
  font-size: 11px;
	color: #003366;
	text-align: center;	
}