View file styles/black_by_xusan/style.css

/* Автор: Xusan; coolcms.org */ 

body {background: #fff url(bg.jpg);color: #444444;margin: auto;max-width:600px;font-size:14px;
font-family : tahoma;border-radius: 6px;
border: 1px solid #989898;
box-shadow: 0px 0px 10px #989898;

}
a:link, a:active, a:visited {color : #214177; text-decoration : none;}

.icon {vertical-align: middle; }
.hr {background-color: #dddddd;height:1px;width:100%;padding:0px;margin:6px 0;}
.hr2 {background-color: #f2f2f5;height:1px;width:100%;padding:0px;margin:6px 0;}
img {
  vertical-align: middle;
  border-style: none;
}
body {font-family: Verdana, Arial, sans-serif;}
textarea, select {font-family: Verdana, Arial, sans-serif;padding:5px;margin:3px;color:#17325d;width: 95%;}
input {font-family: Verdana, Arial;padding:5px;margin:3px;color:#17325d;}
a {color:#ffff33; outline:none; text-decoration:underline;}
select{background-color:#fefefe;padding:5px;font-size:12px;border:1px solid #888888;margin:3px;color:#17325d;text-align:center;}

.header { color:#fff;
text-align:left;border-radius: 0px 0px 10px 10px;
background:url(titl.png) repeat-x top #6eb736; margin:0.1px; padding:5px;
}

.header a:hover {
border-bottom : 0 solid #fff;
}

.header a {
color : #fff;
}

.title { color:#fff;
text-align:left;border-radius: 0px 0px 10px 10px;
background:url(titl.png) repeat-x top #6eb736; margin:0.1px; padding:5px;
}

.title a:hover {
border-bottom : 0 solid #fff;
}

.title a {
color : #fff;
}

.row {  
background : url(menuu.png) left top repeat-x #f2f2f2;
padding-top : 0px; 
padding-bottom : 1px; 
padding-left : 1px; 
border : 1px solid #dfdcdd;
padding : 4px; 
color : black; 
font-size : 14px;
margin : 0px; 
}

.row a {  
color : black; 
} 

.row a:hover { 
color : red;
}

.navig { color:#fff;
text-align:left;border-radius: 0px 0px 10px 10px;
background:url(titl.png) repeat-x top #6eb736; margin:0.1px; padding:5px;
}

.navig a:hover {
border-bottom : 0 solid #fff;
}

.navig a {
color : #fff;
}


.body {
	background: #fefefe;
	color: black;
	padding: 4px 4px 4px 4px;
}
.body a:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha (opacity=50) black;
	-khtml-opacity: 0.7;
	background: #e2e695;
}


.text_info {
	background: #eeeeee;
	color: #000;
	padding: 4px 2px 4px 15px;
	border-bottom: 1px #ced7de solid;
	border-left: 3px #4C6F97 solid;
}

.right {
	text-align: right;
}
input[type="submit"] {
	color: #fff;
	background: #5E88AD;
	padding: 3px 15px;
	border: 0px;
	margin-top: 1px;
	margin-bottom: 5px;
}

input[type="submit"]:hover {
	background: #3E688D;
}
textarea {
	width: 95%;
	background: #fff;
	border: 1px solid #B9C4D1;
	padding: 4px 4px 4px 4px;
	margin-left: 3px;
}

input {
	background: #F9F9F9;
	border: 1px solid #B9C4D1;
	padding: 4px 4px 4px 4px;
	margin-left: 3px;
}

select {
	background: #F9F9F9;
	border: 1px solid #B9C4D1;
}


/* оформление html тега <hr> */
hr {
	background: #E2E3EB;
	border: 1px solid #E2E3EB;
	margin-top: 1px;
	margin-bottom: 1px;
}

/* постраничная навигация */
.navig_str {
	background: #EBEBEB;
	padding-top: 4px;
	padding-bottom: 4px;
}

.navig_str a {
	background: #ccc;
	padding: 4px 7px;
}


.button {
	color: #fff;
	background: #5E88AD;
	padding: 3px 15px;
	border: 0px;
	margin-top: 1px;
	margin-bottom: 5px;
}

.button: hover {
	background: #3E688D;
}

.quote{
background: #fbfde1 url(closequote.png) top right no-repeat;
border: 1px dotted #afb0b0;
color : #878787;
font-size : x-small;
padding-left : 6px; 
margin: 0px 4px 1px 40px;	
padding: 2px 2px 2px 2px;
}


.tail {
background: url(head.png) #4C6F97 repeat-x;
padding: 7px;
border-bottom: 1px solid #4C6F97;
color: #fff;
}
.tail a {
color: #ddf;
font-weight: bold;
padding-left: 15px;
padding-right: 15px;
padding-top: 7px;
padding-bottom: 8px;
margin-left: -7px;
}


.tail a:hover {
opacity: 0.8;
-moz-opacity: 0.8;
filter: alpha (opacity=50) black;
-khtml-opacity: 0.8;
background: #3C5F87;
}



/* to be deleted soon */


.msg {
	background: #eff7ff;
	color: #000000;
	padding: 5px;
	border: 1px solid #cecfef;
	margin-right: 3px;
	margin-left: 0px;
	margin-top: 3px;
	padding-top: -5px;
	margin-bottom: 2px;
}

.msg a {
	color: #000000;
	padding-left: -15px;
}

.msg:hover {
	background: #dfe7ef;
	color: fff;
}


.error {
	background: #D5DEE7 url(error.png) no-repeat center left;
	font-weight: bold;
	color: #4b6d94;
	border-bottom: 1px #ced7de solid;
	padding: 4px 2px 4px 18px;
}

.text_error {
	background: #eeeeee;
	color: #000;
	padding: 4px 2px 4px 15px;
	border-bottom: 1px #ced7de solid;
	border-left: 3px #dd0000 solid;
}


.msg2 {
	background: url(up.png) no-repeat top left;
	color: #000000;
	padding-top: -5px;
	margin-left: 15px;
	margin-top: -13px;
}

.msg2 a {
	color: #eff7ff;
}


.status {
background: #f2f6d5;
color: #000;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 2px;
padding-right: 2px;
margin-bottom: 2px;
margin-top: 6px;
border-top: 1px #929685 solid;
border-bottom: 1px #929685 solid;
border-left: 1px #929685 solid;
border-right: 1px #929685 solid;
}

.status_top {
background: url(status.png) no-repeat center left;
color: F2f2dd;
margin-left: 22px;
margin-top: -30px;
}

.status_top a {
color: #f2f6d5;
}
.ava {
width: 50px;
text-align: center;
vertical-align: top;
}