html  {
                width: 100%;
                height: 100%;
}

body {
                margin: 0px;
                width: 100%;
                height: 100%;
                font-size: 12px;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                background: #9A9A9A url(/images/gradient.jpg) repeat-x;
}

form {
                margin: 0;
}

img {
               border: none 
}

ul {
             /* padding: 0;
              margin: 0;*/
}

hr{
             margin: 0;
             clear: both;
	         height: 1px;
             color: #9A9A9A;
             border-width:0px;
             background: #9A9A9A;
}

input, textarea {
               font-size: 14px;
               margin: 3px 0 3px 0;
               background: #fafafa;
               border: 1px black solid;
 }

a:link, a:active , a:visited {color: #00008b;}
a:hover {color: #000000;}

#tempContainer {
               margin: 0 auto;
               width: 960px;
               background: #9A9A9A;
               border: 3px #FFFFFF solid;
}

#header {
               color: white;
               width: 960px;
               margin: 0 auto;
               font-size: 11px;
               font-style: italic; 
               padding: 10px 0 10px 0;
}

#header a {
               color: white;
               text-decoration: underline;
}


#logotype {
              padding: 8px;
              background: url(/images/logo_header.gif) no-repeat;
}

#menu {
               padding: 0;
               height: 26px;
               font-size: 13px;
               background: #CCCCCC; 
}

#menu ul {
               margin: 0;
               padding: 0;
               height: 26px;
               background: #CCCCCC; 
}

#menu li {
               float: left;
               display: block;
               padding: 5px 0 5px 0;
    }

#menu li a:link, #menu li a:visited, #menu li a {
              color: black;
              margin: 0px;
              font-weight: bold;
              background: #CCC;
              text-decoration: none;
              padding: 5px 10px 5px 10px;

}

#menu li a:hover {
	          background: #fff;
}

#menu form {
             float: right;
             margin: 3px;
}

#menu form input{
             margin: 0px;
             padding-left: 25px;
             border: 1px #999 solid;
             background: #fff url(/images/othr15.gif) 1px 2px no-repeat
         }

#ContentContainer {
             padding: 10px;
             background: #999;
}

#content {
             float: left;
             width: 675px;
             padding-right: 10px;
             border-right: 1px black solid;
}

#content h1 {
             margin: 3px;
             font-size: 13px;
}

.post .title, .comment .title {
            font-size: 15px;
            padding: 5px 0px 6px 0px;
            font-weight: bold;
            font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 }

.post .story, .comment .story {
	        text-align: justify;
	        line-height: 140%;
}

.post .story p {
            text-indent: 15px;
            margin: 1px 0 1px;
     }

.post .newsicon {
           float: left;
           margin: 3px 15px 0px 0px;
}

.post .date, .comment .date {
	font-size: 80%;
}

.post .attr {
	        clear: both;
            background: url(/images/a1.gif) repeat-x -1px -2px;
            margin-top: 10px;
            padding: 7px;
	        font-size: 80%;
	        text-align: right;
}

#right { 
             width: 245px;
             float: right;
}

#right .catalog { 
             display: block;
             font-size: 13px;
             color: #000000;
             font-weight: bold;
             background: #CCC;
             margin-bottom: 3px;
             text-decoration: none;
             padding: 3px 0px 4px 7px;
 }

#right .catalog:hover {background: #fff;}


.both {
            clear: both
}

/* Авторизация  */
.loginForm, .loginForm td { padding: 0; border-collapse: collapse; }
.loginForm { empty-cells: show; width: 320px; }
.loginForm .tr_tl { background: url(/images/tr_top_left.png) no-repeat; height: 16px; width: 16px; }
.loginForm .tr_t  { background: url(/images/tr_top.png) repeat-x; height: 16px;}
.loginForm .tr_tr { background: url(/images/tr_top_right.png) no-repeat; height: 16px; width: 16px; }
.loginForm .tr_l  { background: url(/images/tr_left.png) repeat-y; width: 16px; }
.loginForm .tr_r  { background: url(/images/tr_right.png) repeat-y; width: 16px; }
.loginForm .tr_bl { background: url(/images/tr_bottom_left.png) no-repeat; height: 16px; width: 16px; }
.loginForm .tr_b  { background: url(/images/tr_bottom.png) repeat-x; height: 16px;}
.loginForm .tr_br { background: url(/images/tr_bottom_right.png) no-repeat; height: 16px; width: 16px;}
.loginForm .tr_c { background: white; }

#tr_c input { margin-top: 2px;}
#showForm label {width: 75px; float: left; padding: 5px 0 0 0}

#showForm { 
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         z-index:1000;
         position: absolute;
}

#showForm #authTable {position: relative}
#showForm #titleForm h5 {font-size: 12px; margin: 3px 0 15px 0}
#loader {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000000}

/* Sidebar */

#sidebar {
         clear: both;
	     padding: 10px 0 10px 0;
}

#sidebar ul {
	     margin: 0;
	     padding: 0;
	     list-style: none;
}

#sidebar li {
	    float: left;
	    width: 190px;
	    padding: 15px;
        display: block;
}

#sidebar li ul {
	    margin: 5px;
        line-height: 150%;
}

#sidebar li li {
	    float: none;
	    padding: 0;
        width: 180px;
        font-style: italic
}

#sidebar h2 {
       font-size: 12px;
	   margin: 0 0 1px 0;
	   padding: 0 20px 10px 0;
}

#footer{
            width: 960px;
            margin: 0 auto;
            font-size: 10px;
            text-align: center;
            padding: 9px 0 9px 0;
            /*background: url(/images/small-gradient.png) repeat-x*/
}