/* �������� �����
------------------------------ */
html {background: #ffffff; font-family: Arial, Helvetica, sans-serif;}
body {margin: 40px; font-size: 0.88em;}
table {border-collapse: collapse; border: none;}
table td {padding: 0;}
img {border: none;}


/* ����������� 
------------------------------ */
h1, h2, h3, h4 {font-weight: lighter; margin: 0.7em 0 0.5em 0;}
h1 a, h2 a, h3 a, h4 a {color: #365c96; text-decoration: none;}
h1 a:link, h2 a:link, h3:link a, h4:link a {color: #365c96; text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {color: #365c96; text-decoration: underline;}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited {color: #365c96;}
h1 {font-size: 2.0em;}
h2 {font-size: 1.7em; margin: 0.4em 0 0.3em 0;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
a {color: #0099ff; text-decoration: underline;}
a:link {color: #0099ff; text-decoration: underline;}
a:hover {color: #003399; text-decoration: underline;}
a:visited, a:active {color: #0099ff;}


/* ����� 
------------------------------ */
.fi, .ft, .fs, .fc {background: #f9f9f9; border-top: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; color: #000000;}
.fi, .ft, .fs {width: 70%;}
.fi, .fc {height: 30px; font-size: 1.4em; vertical-align: middle;}
.fs {height: 100px;}
.ft {height: 300px;}
.fc {width: 25%;}


/* ������
------------------------------ */
#container { margin: 0 auto; min-width: 980px; max-width: 1400px; }
#header {height: 200px;}
#logotype {position: absolute; left: 100px; top: 100px; width: 555px; height: 78px;}
#login {padding: 20px; text-align: right; font-size: 12px;}
#content {width: 73%; float: left;}
#rcolumn {width: 25%; float: right;}
#footer {border-top: 1px solid #CCCCCC; padding: 2em 2em 4em 2em; margin-top: 2em; font-size: 11px; color: #333333; height: 40px; clear: both;}
.mycreator {float: left;}
.copyright {float: right; width: 360px;}

#servl {height: 25px; float: left;}
#servl h2 {margin: 0; padding: 0;}
#servl ul {margin: 0; padding: 0;}
#servl ul li {float: left; list-style: none;}
#servl ul a, #servl li a {display: block; padding: 3px 10px; font-family: Myriad Pro, Arial, Helvetica, sans-serif;	font-size: 12px; text-decoration: none; color: #000000;}
#servl ul a:hover, #servl li a:hover {background: #e7e7e7; color: #333333;}

#nmenu {width: 100%; height: 43px; background: url(../images/nmenu.png) repeat-x; clear: both;}
#nmenul, #nmenur {width: 30px; height: 43px;}
#nmenul {background: url(../images/nmenul.png) no-repeat;}
#nmenur {background: url(../images/nmenur.png) no-repeat;}
#navbar {font-size: 0.8em; color: #666666; padding-top: 3px;}
#navbar a {color: #666666; text-decoration: none; border-bottom: 1px solid #e2e2e2;}
#navbar a:hover {color: #666666; text-decoration: none; border-bottom: none;}
#navbar a:visited {color: #666666;}

#menu {margin-bottom: 7px; margin-left: 40px;}
#menu ul {margin-top: 0; padding: 0;}
#menu ul li {float: left; list-style: none;}
#menu ul a, .menu li a {display: block; padding: 3px 10px; font-family: Myriad Pro, Arial, Helvetica, sans-serif; font-size: 15px; text-decoration: none; color: #000000;}
#menu ul a:hover, .menu li a:hover {background: #f5f5f5; color: #333333;}


/* ����������
------------------------------ */
.txt, .news {line-height: 1.5em; color: #3d3d3d;}
.txt, .tag {padding-left: 1.56em;}
.news {padding-bottom: 1.5em;}
.tag {font-size:11px; color:#666666; padding: 0.13em}

#s {background: url(../images/sr.png) no-repeat right #fbf9f2; height: 23px; font-size: 0.8em; vertical-align: middle; color: #666666; margin-bottom: 4em; margin-left: 20px; padding-right: 10px;}
#s td {padding: 0 0.5em; white-space: nowrap; vertical-align: middle;}
#sl {background: url(../images/sl.png) no-repeat left; width: 10px; height: 23px;}

.bli {background: #f0f0ec; padding: 15px; margin-bottom: 25px; line-height: 1.5em;}
.bli:before {content: url(../images/ctl.png); background: url(../images/ctr.png) no-repeat 100% 0; height: 8px; display: block; margin: -15px -15px 13px -15px;}
.bli:after {content: url(../images/cbl.png); background: url(../images/cbr.png) no-repeat 100% 0; height: 8px; display: block; margin: 13px -15px -15px -15px;}


/* �����������
------------------------------ */
#commain {width: 100%; margin: 1em 0 2em 0;}
#cmtitle {float: left; width: 70%;}
.cmtitle {color: #333333;}
#cmtools {float: right; width: 30%; margin: 1.1em 0 0.3em 0; font-size: 12px;}

#uavatar, #comment {vertical-align: top; padding-top: 1em;}
#uavatar {width: 50px; height: 50px;  padding-right: 1em;}
#comment {font-size: 12px; color: #333333;}