body {background-image: url(/themes/Default/images/bg8.jpg); background-attachment: fixed; color:#000000; margin:0px; padding:0px; font-family:serif; background-color:#ddeedd;}

.none 	{display:none;}

.sitename {color: #940008; font-size: 130% ; margin: 10px 5px  5px  5px; text-transform:uppercase; text-shadow: 2px 2px 2px rgba(0,0,0,0.8);}
.slogan {color: #222222; font-size: 120% ; margin: 10px 10px 5px 15px; font-family:monospace; text-shadow: 2px 2px 2px rgba(0,0,0,0.8);}

h1 {font-size: 130% ; margin: 10px 5px  5px  5px;}
h2 {font-size: 120% ; margin: 10px 10px 5px 15px;}
h3 {font-size: 110% ; margin: 10px 20px 5px 20px;}
h4 {font-size: 100% ; margin: 10px 30px 5px 30px;}

p {text-indent:25px;}
p.center  {text-align:center;}
p.right   {text-align:right;}
p.justify {text-align:justify;}
footer  {text-align:center; font-size: small; text-decoration: none}

a:link		{background-color: transparent; color: #4444ff; text-decoration:none}
a:active	{background-color: transparent; color: #4444ff; text-decoration:none}
a:visited	{text-decoration: none}
a:hover		{background-color: none; color: #FF5500; text-decoration:none}

.bodyline	{background-color: #5a7573;}
.blockline	{background-color: transparent; border: 1px solid #5a695a;}

.quote, .code	{background-color: #ded; 
		padding:5px; 
		margin:2px 10px 2px 10px; 
		color:#000000; 
		border-top: solid 1px #668866;		
		border-left: dotted 4px #668866;		
		border-right: dotted 4px #668866;		
		box-shadow: 3px 3px 2px rgba(0,0,0,0.6);
		display: table; /* Магия: блок схлопывается по ширине контента внутри */
		width: auto;
		max-width: 95%; /* Чтобы не прилипало к краям на мобильных */
		word-wrap: break-word; /* Чтобы длинный текст не рвал блок */
		}

.titleline	{padding:4px; background-color:#aabbaa; color:#444444; border: double 2px #ffffff; font-weight: bold;}
.small	{background-color: transparent; color: #000000; font-size: 90%;}

hr	{border: solid #5a718c 1px;}

select {background-color: #EEEEFF; color: #000000; border: 2px inset #5a6552;}

textarea {
	overflow:hidden; 
	min-height:50px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    display: block;
    padding: 10px;           /* Чтобы текст не прилипал к краям */
    font-size: 120%;         /* Важно: на iOS меньше 16px вызывает принудительный зум */
    line-height: 1.2;        /* Приятный межстрочный интервал */
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: none; /* Убираем стандартную синюю рамку браузера */
    transition: border-color 0.2s; /* Плавный переход (опционально) */
    resize: vertical;        /* Стандартный "хардкорный" способ менять размер */
	background-color: #f9f9f9; color: #000000; border: 2px inset #5a6552;
}

.ramka 	{background-color: #EEEEEE; border: 2px inset #AAAAAA;}

.button {background-color:#adbaad;  
	padding: 5px;
	border: 2px outset #DEDEDE; 
	cursor:pointer;
	display: table; /* Магия: блок схлопывается по ширине контента внутри */
	width: auto;
	}

.row1	{background-color:#cdc; }
.row2	{background-color:#ded; }
.row3	{background-color:#adc3ad; }

form {margin:0px; padding:0px;}	

.fon {width: 100%; height: 130px; background-image: url(/themes/Default/images/fon.jpg); background-repeat: repeat-x;}

.avatar {width: 160px; height: 130px; text-align:center; float:left; }

.banners {width: 300px; text-align:right; padding: 2px; float:right; position: absolute; right:3px; top:2px;}

.polosa {height: 20px;
	text-transform:uppercase;
	background-color:#adbaad;
	padding: 4px 12px 4px 12px;
	margin:0px;
	border-top: double #ddffdd;
	border-bottom:double #002200;
	white-space:nowrap;
 	text-align: left;
	clear: both;
	}

.lkolonka { width: 20%;
	margin: 5px 10px 5px 0px;
	padding:5px;
	float:left;
	}

.rkolonka { width: 15%;
	margin:  0px 0px 5px 5px;
	padding: 5px;
	float: right;
	}

.lbt {	width: 90%;
	box-shadow: 5px 5px 3px rgba(0,0,0,0.6);
	background-color:#adbaad;
	background: linear-gradient(to top, #bcb, #efe);
	font-weight:bold;
	color:#222222;
	margin:6px 10px 0px 10px;
	padding:4px 10px 4px 10px;
	text-align:right;
	border-radius: 10px 10px 0px 0px;
	float:left;					
	}
				

.lbc {	width: 90%;
	box-shadow: 5px 5px 3px rgba(0,0,0,0.6);
	background-color:#bcb;			
	border-radius: 0px 0px 10px 10px;
	margin: 0px 10px 0px 10px;
	padding:4px 10px 4px 10px;
	float:left;
	}	

.rbt {	width: 90%;
	box-shadow: 5px 5px 3px rgba(0,0,0,0.6); 	
	background-color:#adbaad;
	background: linear-gradient(to top, #bcb, #efe);   
	font-weight:bold;
	color:#222222;			
	margin:4px 6px 0px 6px;	
	padding:4px 10px 4px 10px;			
	border-radius: 7px 7px 0px 0px;
	opacity: 0.90;
	filter: alpha(opacity=90);
	float: right; 	
	}

.rbc {	width: 90%; 
	box-shadow: 5px 5px 3px rgba(0,0,0,0.6);			
	background-color:#bcb;	
	border-radius: 0px 0px 7px 7px;
	margin: 0px 6px 6px 6px;		
	padding:4px 10px 4px 10px;
	opacity: 0.90;
	filter: alpha(opacity=90);
	float: right; 			
	}
			
.cbt {	background-color: #aabbaa;
	background: linear-gradient(to top, #cdc, #898);   
	box-shadow: 3px 3px 3px rgba(0,0,0,0.6);
	font-weight:bold;
	color:#333333;
	margin: 4px 10% 0px 10%;
	padding:8px;
	border-radius: 5px 5px 0px 0px;
	}

.cbc {  background: #cdc;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.6);
	margin: 0px 10% 10px 10%;
	padding:10px;
	border-radius: 0 0 5px 5px;
	}	
	
.public {width: 70%;			
	background: #ff9e63; 			
	position: absolute; left:10px; top:10px;
	border: double 4px #ffffff;
	padding:8px;
	}		
			
.newpm { white-space:nowrap;
	box-shadow: 0 0 5px 5px red;			
	background: #efe; 			
	position: absolute; left:40%; top:50px;
	border: double 4px #222288;
	border-radius: 10px;
	padding:10px;
	}		
			
.market {
	font-size: 80%;
        width: 30%;
        border: 4px double green;
        background: #fff;
        top: 10px;
        right: 10px;
        padding:4px;
	opacity: 0.70;
	filter: alpha(opacity=70);
        position: fixed;
        //position: absolute; top: expression(document.getElementsByTagName( 'body' )[0].scrollTop < 100000 ? 20 + document.getElementsByTagName('body')[0].scrollTop : '10' + 'px'); 
        }

.avka	{
	background: #fff;
	box-shadow: 3px 3px 3px #adb0ac;
	border-radius: 5px;
	padding:2px; 
	margin:2px 15px 5px 10px;
	}

.reklama { width: 20%;
	margin: 5px 0px 0px 0px;
	padding:0px;
	border: 4px solid green;
	float: right; 
	}

fieldset {
  border: 2px solid red;  
  border-radius: 8px;
}

legend {
 color: green;
}