/* CSS Menu From FunFish.Ru */

#nav_menufish {
	position: relative;
	top: 0;
	height: 28px; /* Высота меню */
	width: 100%;
	background: url(http://funfish.ru/styles/menu_body.gif) repeat-x
}

#nav_menufish a:link, #nav_menufish a:visited {
	display: block;
	float: left;
	height: 28px;
	line-height: 28px;
	padding: 0 16px 0 14px; /* Отступы пунктов меню */
	text-decoration: none;
	cursor: pointer;
	background: url(http://funfish.ru/styles/menu_body.gif) 100% 0 no-repeat;
	font-weight: normal;
	font-family: Arial;
	font-size: 120%; /* Высота текста пунктов меню */
	font-weight: bold;
	color: #000000; /* Цвет текста пунктов меню */
}


#nav_menufish li a {
}

#nav_menufish a.topdaddy,
#nav_menufish li.active a.topdaddy {
	display: block;
	float: left;
	height: 28px;
	line-height: 28px;
	padding: 0 16px 0 14px;
	text-decoration: none;
	cursor: pointer;

	font-weight: normal;
	font-family: Arial;
	font-size: 70%;
	font-weight: bold;
	color: #fff;
	padding-right: 25px;
}

#nav_menufish li li a:link,
#nav_menufish li li a:visited{
	background: none;
	font-weight: normal;
	padding: 0;
	text-indent: 15px;
}


#nav_menufish li li {
	padding: 0;
	background: none;
	float: left;
	padding: 0;
    width: 124px; /*170px*/
}

#nav_menufish ul ul a:link,
#nav_menufish ul ul a:visited {
	display: block;
	text-decoration: none;
	width: 124px;  /*Ширина выделения (и возможно) текста в раскрывающемся меню. Default 167px*/
	/*font-weight: bold; можно зажирить выплывающий текст целиком */
	/*border: 1px solid blue; /* Параметры рамки */
    /*padding: 5px; /* Поля вокруг текста */
	text-transform: none;
	background: none;
}

#nav_menufish li {
	float: left;
	padding: 0;
    background: none;
    height: 28px;
}

#nav_menufish ul li {
	position: relative;
}

#nav_menufish li ul {
	top: 28px;
	position: absolute;
	left: -999em;
	height: auto;
	width: 124px; /* Ширина раскрытого меню Default 170px*/
	font-weight: normal;
	
	border-width: 0; /*Отступы выплывающего меню от солидного*/
	margin: 0;
	padding: 1 1 1 1; /*Отступ рамки выделения выплывающего меню от краев*/
}
	
#nav_menufish ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

/* margin for pullouts непонятные Края для отступов */
#nav_menufish li ul ul {
	margin: -28px 0 0 170px;
}


#nav_menufish ul ul a.daddy {
}

#nav_menufish li:hover ul ul, 
#nav_menufish li:hover ul ul ul,
#nav_menufish li:hover ul ul ul ul,  
#nav_menufish li.sfhover ul ul, 
#nav_menufish li.sfhover ul ul ul, 
#nav_menufish li.sfhover ul ul ul ul {
	left: -999em;
}

#nav_menufish li:hover ul, 
#nav_menufish li li:hover ul, 
#nav_menufish li li li:hover ul, 
#nav_menufish li li li li:hover ul,
#nav_menufish li.sfhover ul, 
#nav_menufish li li.sfhover ul, 
#nav_menufish li li li.sfhover ul,
#nav_menufish li li li li.sfhover ul{
	z-index: 100;
	left: 0;
	background: #89C1FA;
	filter:alpha(opacity=90);
	-moz-opacity:.80;
	opacity:.93;
}

#nav_menufish li:hover, #nav_menufish li.sfhover {
      left: 0;
}

#nav_menufish li li.active {
	background: none;
}

#nav_menufish ul li a:hover,
#nav_menufish ul li ul li a:hover,
#nav_menufish ul li ul li ul li a:hover {
 background: url(http://funfish.ru/styles/menu_hov2.gif);
}
/* Скругляши */
/* элементы закругления */

.inner-box {
	padding:1em; 
}

.r1, .r2, .r3, .r4, .r5, .r6, .r7, .r8, .r9, .r10 {
	display: block;
	height: 1px;
	overflow: hidden;
	font-size:1px;
}

.r10 { margin: 0 10px; }
.r9 { margin: 0 9px; }
.r8 { margin: 0 8px; }
.r7 { margin: 0 7px; }
.r6 { margin: 0 6px; }
.r5 { margin: 0 5px; }
.r4 { margin: 0 4px; }
.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }

/*

возможные комбинации

r3 r1 r1 вверху
r1 r1 r3 внизу

r5 r3 r2 r1 r1 вверху
r1 r1 r2 r3 r5 внизу

r10 r7 r5 r4 r3 r2 r2 r1 r1 r1 вверху
r1 r1 r1 r2 r2 r3 r4 r5 r7 r10 внизу

однако не стоит ограничивать полет фантазии только этими вариантами, возможны и другие комбинации и не только скругление углов, но и множество других эффектов.

*/
#rounded-box-5 .inner-box, #rounded-box-5  b {
    background-color: #FFB36D;
}

.inner-box {
    padding:1em;
}

/* уменьшаем отступы по мере роста радиуса закругления */
#rounded-box-3 .inner-box { padding: 1em;}
#rounded-box-5 .inner-box { padding: 0.7em 1em;}
#rounded-box-10 .inner-box { padding: 0.4em 1em;}




/*Цветные буквы*/

.st1 {color: #FF6699}
.st3 {color: #3366FF}
.st5 {color: #FF6633}
.st6 {color: #336600}
.st8 {color: #FFCC33}