@import "reset.css"; 

/**/

a { text-decoration: underline; color: blue;}
a:hover { text-decoration: none; }
h1, h2, h3 { font-weight: normal; }
input[type=text], textarea { border: 1px solid #ccc; font: 12px Arial; padding: 5px;}

#inside { width: 900px; margin: 10px 0 0 -450px; left: 50%; position: relative; font: 14px Arial; line-height: 1.2; }


h1 { font-size: 18px; margin-bottom: 25px;
	i { float: right; margin: 2px 0 0 0; font-size: 16px; text-align: right; font-style: normal; 
		a { font-size: 12px; opacity: 0.3; }
	}
}

.intro { font: 12px Verdana; line-height: 1.3; padding: 10px 0;  border-top: 1px dashed #ccc; margin: 0 -50px 0 -50px; padding: 13px 50px 15px 50px;
	p { margin: 0; padding: 4px 0; }
	h3 { padding: 4px 0; font-weight: bold; font-size: 14px;} 
	
	&.error { background: #ccc; }
	.pull-right { float: right; text-align: right;}
	&.contacts { background: #f5f5f5; }
}


ul#menu {text-align: right; width: 100px; margin-top: 4px; float: right;
	li { float: right; margin-left: 15px; }
}

.counters { width:100%; height: 35px; float: right; opacity: 0.1; margin-top: 13px;
	&:hover { opacity: 1; }
}



p.success, p.failure { color: #fff; padding: 5px; font: 12px Arial; line-height: 1.2; 
	a { color: #fff; }
	&.success { background: green; }
	&.failure { background: red; }
}