@import "tabs.css";
@import "table.css";

#MainMenu {font-size: 9pt; margin: 0; background: #990000; height: 30px;}
#tab ul {}
#tab li {display: inline;}
#tab a {display: block; float: left; line-height: 30px; height: 30px; margin-right: 1px; background: #990000; padding: 0 10px; text-decoration: none; text-align: center; font-weight: bold; color: white; }
#tab li.first a {}
#tab li.selected a {}
#tab a:hover {background: #000000; color: white; }

/*Стиль меню новостей Modern Bricks*/

#modernbricksmenu {padding: 0; align: center; width: 100%; background-color: #990000; voice-family: "\"}\""; voice-family: inherit;}
#modernbricksmenu ul {font: bold 11px Arial; margin:0; margin-left: 0px; /*margin between first menu item and left browser edge*/ padding: 0; list-style: none;}
#modernbricksmenu li {display: inline; margin: 0 2px 0 0; padding: 0; text-transform:uppercase;}
#modernbricksmenu a {float: left; display: block; color: #FFFFFF; margin: 0 1px 0 0; /*Margin between each menu item*/ padding: 5px 10px; text-decoration: none; letter-spacing: 1px; background-color: #990000; /*Default menu color*/ border-bottom: 0px;}
#modernbricksmenu a:hover {background-color: #000000; /*Menu hover bgcolor*/ }
#modernbricksmenu #current a { /*currently selected tab*/ background-color: #990000; /*Brown color theme*/ border: 1px; border-color: #333333; /*Brown color theme*/ }
#modernbricksmenuline {clear: both; padding: 0; width: 100%; height: 5px; line-height: 5px; background: #990000; /*Brown color theme*/ }

/* FIRST */

* { padding: 0; margin: 0; }
html, body { margin: 0; padding: 0; }
body { font: 62.5% Verdana, Tahoma, Arial, sans-serif; color: gray; background: #000000 url(images/bg.jpg) repeat-y center;}

p { margin: 3px 0px 7px 0px;}
p.podpis { margin: 15px 0px 7px 0px; text-align: right; font-weight: bold;}

#content ul, #content ol {margin-top: 5px; margin-bottom: 10px;}
#content ul ul, #content ol ol {margin-top: 0px; margin-bottom: 0px;}
li {margin-left: 30px;} 

a { color: #990000; text-decoration: none;}
a:hover { color: #CCCCCC; text-decoration: underline; }
a:active { color: #990000; }

a.perelink {color: #990000;}
a.current_url {font-weight: bold; text-decoration: underline;}
li.current_url a {font-weight: bold;}
li.current_url li a {font-weight: normal;}
li.current-page a {font-weight: bold;}
li.current-page li a {font-weight: normal;}

a img { border: none; text-decoration: none;} /* ie fix*/
a img, a:visited img, a:hover img, a img:hover, img+a, img+a:hover { border: none; text-decoration: none;}


/* H */
h1 {font-size: 14pt; margin: 5px 0 5px 0; color: #990000; font-weight: normal; line-height: 1.2em; }
h1.category {font-size: 16pt;}
#content h1 a {color: #990000;}
#content h1 a:hover {text-decoration: none; color: #CCCCCC;}

h2 {font-size: 11pt; margin: 5px 0 10px 0; color: #990000;}
h2.box {margin: 0 0 5px 0;}
h2.last_comment {font-size: 9pt; margin-top: 10px; color: #CCCCCC; border-bottom: solid gray 1px;}

h3 {font-size: 10pt; margin: 5px 0 10px 0;}
h4 {font-size: 9pt; margin: 5px 0 10px 0;}
h5 {font-size: 8pt; margin: 5px 0 10px 0;}
h6 {font-size: 7pt; margin: 5px 0 10px 0;}

pre { margin: 10px 0; background: #CCCCCC url(images/note.png) no-repeat 585px 5px; padding: 10px; border: 1px solid #CCCCCC; overflow: auto; font-size: 10pt;}
*html pre {width: 590px;}
*+html pre {width: 590px; }

blockquote {padding: 10px; margin: 15px 0 10px 40px; background: #CCCCCC; color: #000000;}
blockquote p {width: 100%; margin: 0; }

/* STRUCTURE */

#container {width: 910px; margin: 0px auto; font-size: 9pt; line-height: 1.4em; background: #000000;}

#header1 {background: #990000;}
div.header-searh {float: right; width: 300px; text-align: right; padding: 0px 4px 0 0;}
#headback {width: 910px; height: 226px; background: #000000 url(images/bgheaderorange.jpg) no-repeat;}
#headleft {float: left; width: 440px; margin: 0px 470px 0px 0px; background: none;}
#headright {float: left; margin-left: -470px; width: 470px; height: 226px; background: none; padding: 20px 0 0 0;}
#headright {font-size: 10pt; font-weight: bold; text-align: center; color: #CCCCCC;}
#header2 {background: #000000;}
#header2 h1 {font-size: 18pt; padding: 10px 0 0 10px; color: #CCCCCC;}
#header2 h1 a { color: #990000;}
#header2 h1 a:hover {text-decoration: underline; }
#header2 h2 {margin: 0px 0 0 10px; font-size: 10pt; font-weight: normal; color: #CCCCCC;}

#header3 {margin: 10px; padding: 5px; text-align: center; color: gray;}

#sub-container {width: 100%;}

#wrapper {float: left; width: 100%;}
*html #wrapper {overflow: hidden;}
*+html #wrapper {overflow: hidden;}

#content {float: left; width: 610px; margin: 0px 300px 0px 0px;}
*html #content {overflow: hidden;}
*+html #content {overflow: hidden;}


#sidebars {float: left; width: 300px; margin-left: -300px; padding: 10px 0 0 0;}

#sidebar-top {float: left; width: 300px;}
#sidebar-top div.wrap {margin: 0px 5px 0px 5px;}

#sidebar1 {float: left; width: 300px;}
*html #sidebar1 {overflow: hidden;}
*+html #sidebar1 {overflow: hidden;}
#sidebar1 div.wrap {margin: 0px 5px 0px 5px;}

#sidebar2 {float: right; width: 300px;}
*html #sidebar2 {overflow: hidden;}
*+html #sidebar2 {overflow: hidden;}
#sidebar2 div.wrap {margin: 0px 5px 0px 5px;}

#footer {clear: both; color: #CCCCCC; margin: 0; padding: 5px; text-align: center; font-size: 8pt;}
#footer a {color: #990000; }



/* DIV */

div.widget { background: #000000; margin: 0 0 5px 0; border: #333333 3px solid; color: #cccccc; }
div.widget  h2{ background: url(images/bullet.png) no-repeat; padding: 0 0 0 22px; color: #990000; margin-left: 5px}
div.widget a:hover { color: #990000; text-decoration: none; }
div.widget a { color: gray; }
div.w0 { }
div.w1 { }
div.w2 { }

div.loginform {position: fixed; top: 20%; left: 50%; margin-top: 50px; margin-left: -150px; text-align: center;  padding: 20px 20px 20px 15px; border: 3px outset #D5DDF3; background: #F0F0FB; width: 300px;}
* html div.loginform {position: absolute;}

div.twitter {}
div.twitter p {border-bottom: 1px solid #CCCCCC; padding: 0 0 10px 0;}

div.pagination {border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 3px; font-size: 8pt; margin: 25px 0 10px 0; text-align: center;}
div.pagination strong {background: #000000; padding: 2px;}

#flogin span {display: block; font-weight: bold;}
#flogin_user {width: 98%;}
#flogin_password {width: 98%;}
#flogin_submit { margin: 5px 0;}

div.page_content {margin-bottom: 0px;}
div.info {margin: 0 0 9px 0; font-size: 8pt; color: #999999; line-height: 1.4em; }
div.info span {font-weight: bold}

div.tagclouds {text-align: center;}
div.tagclouds span {line-height: 1.4em;}

div.catclouds {text-align: center;}
div.catclouds span {line-height: 1.4em;}

div.home_top {border: #333333 3px solid; margin: 10px 0 0 0;}

div.page_other_pages {margin: 5px 0 5px 0;}
div.page_other_pages h3 {color: black; margin: 0 0 5px 0; background: #990000; padding: 3px;}
div.page_other_pages a {background-color:#000000; border:2px dotted #990000; display:block; line-height:100%; margin:3px; padding:5px}
div.page_other_pages a:hover {background-color:#990000;}

div.gallery {background: #000000; padding: 3px 3px 3px 3px; text-align: justify;}
div.gallery img {border: 2px solid #990000; margin: 0 4px; }
div.gallery img:hover {border: 1px solid #CCCCCC; }
div.gallery div {text-align: left; font-weight: bold; margin: 0 0 3px 3px;}


/* LIST */
ul.is_link {margin: 0 0 10px 5px; padding: 0px; list-style-type: none; line-height: 1.5em;}

ul.is_link ul {margin: 0; padding: 0px; list-style-type: none;}

ul.is_link li {margin-left: 5px; background: url(images/bullet.jpg) no-repeat 0 6px; padding: 0 0 0 14px;}
ul.is_link li li {margin-left: 5px; }

li.level0, li.level0 a {}
li.count0 {color: grey;}

ul.category {color: gray;}
ul.category div.category_desc {color: gray;}


ul.last_comment {font-size: 8pt; }
ul.last_comment em {display: block; color: #990000; font-size: 0.9em; text-align: right;}
ul.last_comment li {margin-bottom: 7px;}

div.comments ul.last_comment li {margin: 5px 0;}

ul.links div {margin: 0px 0 5px 0; font-style: italic; color: #FFFFFF; line-height: 1.0em; font-size: 0.9em;}


/* CALENDAR */
div.calendar table {width: 100%;}
div.calendar td {border: 1px solid white; text-align: center; padding: 1px; font-size: 8pt;}
div.calendar tr.week td {background: #D5D5E1;}
div.calendar div.today {background: #8591B7;}
div.calendar div.today-content {background: #8591B7;}
div.calendar td a {text-decoration: underline;}


/* COMMENTS */
div.comment-form {line-height: 1.2em; width: 100%;}
div.comment-form label {width: 120px; font-weight: bold; float: left; text-align: right; clear: both; margin: 3px;}
div.comment-form p {margin: 3px;}
div.comment-form input.text {width: 300px; margin: 3px;}
div.comment-form input.no-margin {width: auto; margin: 3px; }
div.comment-form textarea {width: 99%; margin: 3px;}
*html div.comment-form textarea {width: 95%; margin: 3px;}
div.comment-form span { position: relative; top: -5px; font-size: 8pt; color: gray;}
div.comment-form span.black { font-size: 9pt; color: gray;}
div.comment-form input.comments_submit {width: 120px; margi1n-left: 126px;}
div.comment-form input.comments_captha {width: 90px;}
div.comment-form img { position: relative; top: 7px; }

div.comment-form div.comments-reg {border: 1px solid #990000; margin: 10px 0; background: #000000; padding: 10px; -moz-border-radius: 10px; color: #cccccc;}
div.comment-form div.comments-noreg {border: 1px solid #990000; margin: 10px 0; background: #000000; padding: 10px; -moz-border-radius: 10px; #cccccc;}
div.comment-form div.comments-textarea {border: 1px solid #990000; margin: 10px 0; background: #000000; padding: 10px; -moz-border-radius: 10px;}

div.comment-form div.comments-user {border: 1px solid #990000; margin: 10px 0; background: #000000; padding: 10px; -moz-border-radius: 10px; font-weight: bold;}

div.comment-ok {background: #000000; color: white; padding: 10px; text-align: center; -moz-border-radius: 10px; font-weight: bold;}
div.comment-error {background: #990000; color: white; padding: 10px; text-align: center; -moz-border-radius: 10px; font-weight: bold;}

div.comment-form .comment_button input {margin: 0px; padding: 0 5px; font-size: 8pt;}


div.comments {margin: 20px 0 0 0;}
div.comments ul, div.comments ol {margin: 10px 0 20px 0;}
div.comments li {border-bottom: 1px solid #990000; margin: 0 0 20px 30px;}
div.comments li span {border-bottom: 1px solid #990000; font-style: italic;}

div.comments h3.comments {background: #E8E8E8; padding: 3px;}
div.comments blockquote {margin-left: 0; padding: 10px; border-left: 2px gray solid;}

div.comments-link {margin: 10px 0 0 0; text-align: right; font-size: 8pt;}


/* comusers*/

form.comusers-form p strong {width: 180px; display: block; float: left;}
form.comusers-form p input {width: 260px; }
form.comusers-form p input[type="submit"] {width: 120px; }
form.comusers-form p textarea {width: 260px; height: 300px;}
form.comusers-form p  {background: #000000;}
form.comusers-form p.info  {background: none; color: #CCCCCC; margin: 0 0 15px 0; border: 1px solid #990000; padding: 3px; text-align: center;}


/* SITEMAP */
div.sitemap ul {list-style-type: none; margin: 0;}
div.sitemap h3 {margin: 15px 0 5px 0;}
h2.sitemap {margin: 25px 0 0 0; background: #000000; padding: 3px;}

/* IMG */
img.text {margin: 5px 10px 5px 0px;}
img.text-left {float: left; margin: 5px 10px 5px 0px;}
img.text-right {float: right; margin: 5px 0 5px 10px;}
img.text-center {margin: 0 auto; display: block;}
img.border {border: 1px solid #990000; }

img.left {float: left; margin: 5px 10px 5px 5px;}
img.right {float: right; margin: 5px 0 5px 10px;}
img.center {margin: 0 auto; display: block;}

img.smiley {vertical-align: middle;}

/*  PRE to OL */
div.pre {background: #CCCCCC; padding: 5px; overflow: auto; width: 99%; margin: 0 0 10px 0;}
ol.pre {line-hei1ght: 1em; font-family: monospace; padding: 0; margin: 0 0 0 30px;  }
ol.pre li {padding: 0; margin: 0; white-space: pre; line-he1ight: 0.8em;}
ol.pre li.odd {background: none;}
ol.pre span.php-comment {color: gray;}


/*FORMS*/
div.forms {background: #000000; padding: 10px 5px 0 5px; border: #990000 1px solid;}
div.forms div {margin: 5px 0 15px 0; }
div.forms div.break {height: 0; padding: 0; margin: 0; clear: both; }
div.forms span {display: block; float: left; text-align: right; width: 165px; padding: 0 10px 0 0;}
div.forms input {width: 270px;}
div.forms select {width: 270px;}
div.forms textarea {height: 100px; width: 270px;}
div.forms input.forms_checkbox {width: auto;}
div.forms input.forms_submit {width: auto;}
div.forms input.forms_reset {width: auto;}
div.forms label {cursor: pointer;}
div.forms-post h2 {color: red; font-size: 18pt; margin: 20px 0;}

/* OTHER */
span.cut {display: block; }
div.break {clear: both;}