/*  
Theme Name: IRTA
Theme URI: http://www.irta-abakan.ru/
Description: 
Version: 1
Author: Infocentre Plus
Author URI: http://www.infocentre.su/
*/


@charset "utf-8";

body {color: #666; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; min-width:1000px; background:top left no-repeat fixed url(imgs/irta-logo1.png)}

p, table, td, tr, h1, h2, h3, ul, ol, li, div, form {margin:0; padding:0}

h2 {margin:20px 0 10px 0; font-size:18px; font-weight:normal; color:#666;}

a {color:#36c}
a:hover, a:active {color:#339}
/* a:visited {color:#69c} */
a:visited {color:#36c}

ul, ol, li {list-style:none;}
.clr {clear:both;}

.grad-line {margin:0 45px 0 20px; padding:2px 0 0 0}

.blog-page h1 {font-size:24px; font-weight:normal; padding:40px 0 10px 25px; border-bottom: 2px solid #c2c2c2; margin:0 45px 0 20px; color:#666}
.blog-page h1 .date{font-size:16px}
.blog-page h1 a, .blog-page h1 a:visited {color:#666; text-decoration:none}
.blog-page h1 a:hover {color:#666; text-decoration:underline}

.company-page h1 {font-size:24px; font-weight:normal; padding:40px 0 10px 25px; border:none; margin:0 45px 0 20px; color:#666}
.company-page .grad-line {background: #f17127 url(imgs/company-grad-line.jpg) left no-repeat}

.gorod-page h1 {font-size:24px; font-weight:normal; padding:40px 0 10px 25px; border:none; margin:0 45px 0 20px; color:#666}
.gorod-page .grad-line {background: #007fd0 url(imgs/gorod-grad-line.jpg) left no-repeat}

#page-content {font-size:12px; font-weight:normal; color:#666; padding:25px 45px 15px 45px;}
#page-content p {padding-bottom:1em;}
#page-content ul {padding-bottom:0.5em; list-style:disc; margin-left:2em;}
#page-content ol {padding-bottom:0.5em; list-style:decimal; margin-left:2em;}
#page-content li {padding-bottom:0.5em;}
#page-content ul li {list-style:disc}
#page-content ol li {list-style:decimal}
#page-content h2 {font-size:18px; font-weight:normal; padding-bottom:15px;}
#page-content img {border:none}

#irta-logo {position:fixed; top:0px; left:0px; width:172px; height:500px;} 
#irta-logo-link {width:172px; height:500px; cursor:pointer} 

#content {margin-left:172px; background: #fff url(imgs/bg-content.jpg) left repeat-y;}
#content-wrap-grad {background:url(imgs/bg-content-bottom.jpg) bottom repeat-x}
#content-wrap-logo {background:url(imgs/bg-content-bottom-logo.jpg) bottom left no-repeat;}

.blog-page #content-wrap-grad {background:url(imgs/blog-bg-content-bottom.jpg) bottom repeat-x}
.blog-page #content-wrap-logo {background:url(imgs/blog-bg-content-bottom-logo.jpg) bottom left no-repeat;}

.gorod-page #content-wrap-grad {background:url(imgs/gorod-bg-content-bottom.jpg) bottom repeat-x}
.gorod-page #content-wrap-logo {background:url(imgs/gorod-bg-content-bottom-logo.jpg) bottom left no-repeat;}

#main-menu {background: #fee7d2 url(imgs/bg-menu.jpg) left repeat-y; padding:45px 35px 45px 35px;}
#main-menu ul {list-style:none}
#main-menu li {list-style:none; float:left; padding-right:40px}
#main-menu a {font-size:18px; color:#f90;}
#main-menu a:hover, #main-menu a:active {color:#f63}

.blog-page #main-menu {background: #e1e1e1 url(imgs/bg-menu-blog.jpg) left repeat-y; }
.blog-page #main-menu a {color:#999;}
.blog-page #main-menu a:hover, .blog-page #main-menu a:active, .blog-page #main-menu .page-item-4 a {color:#666;}

.gorod-page #main-menu {background: #d3e0ef url(imgs/bg-menu-gorod.jpg) left repeat-y; }
.gorod-page #main-menu a {color:#69c;}
.gorod-page #main-menu a:hover, .gorod-page #main-menu a:active, .gorod-page #main-menu .page-item-3 a {color:#305d8a}

.company-page #main-menu .page-item-2 a {color:#f63}



.blocks {padding-right:20px;}

.branch-block .main-news,  .branch-block .news,  .branch-block .other-link {margin:0 20px 0 16px}
.branch-block .main-news {margin-top:19px}
.branch-block .main-news h2 {margin-left:100px; padding-top:0px; font-size:12px; font-weight:bold}
.branch-block .main-news img {float:left}
.branch-block .news {clear:both;}
.branch-block .news {list-style:none; padding-top:22px}
.branch-block .news li {list-style:none; margin-bottom:15px; color:#666}
.branch-block .other-link {margin-top:12px; color:#666}
.branch-block .other-link a {color:#666}
.branch-block .other-link a:hover, .branch-block .other-link a:active {color:#339}

#radio-block {padding: 0 0 0 16px}
#radio-block .logo {margin:0 0 6px 27px}
#radio-block .line {margin:0; padding:2px 0 0 0; background: #095812 url(imgs/line-grad-green.jpg) left no-repeat}

#tv-block {padding:31px 0 0 16px}
#tv-block .logo {margin:0 0 6px 27px}
#tv-block .line {margin:0; padding:2px 0 0 0; background: #0065c4 url(imgs/line-grad-blue.jpg) left no-repeat}

#paper-block {padding:22px 0 0 16px}
#paper-block .logo {margin:0 0 6px 27px}
#paper-block .line {margin:0; padding:2px 0 0 0; background: #ee5f15 url(imgs/line-grad-orange.jpg) left no-repeat}

#gorod-block {padding:30px 20px; margin:50px 50px 30px 20px; border-top:2px solid #c5c5c5; border-bottom:2px solid #c5c5c5; color:#666; font-size:14px}
#gorod-block .img {padding:0px 30px 10px 40px}
#gorod-block a {color:#666}
#gorod-block a:hover, #gorod-block a:active {color:#339}

.rss {padding:40px 0 0 32px; }
.rss img {padding-right:5px; vertical-align:top;}

.adv {margin: 10px 20px 10px 0px;}
.adv p.titles_adv a { color: #666; font-weight:bold; font-family: Verdana; font-size: 14px;}
.adv p a {color: #666; font-weight:normal; font-size: 10px;}
.adv p.titles_adv a:hover, .adv p.titles_adv a:active, .adv p a:hover, .adv p a:active {color: #339}
.adv iframe { border:  1px solid #bdbdbd; padding: 2px; margin: 5px 0 5px 0px}

#blog {color:#666;}
#blog .left {padding:0px 50px 0px 30px}
#blog .right {padding:0 50px 0 20px}
#blog-link h2 {padding-left:30px; font-size:18px; font-weight:normal; color:#666; margin-bottom:20px;}
#blog-link h2 a {color:#666}
#blog-link h2 a:hover, #blog-link h2 a:active {color:#339}
#blog .blog-block h3 {margin-bottom:7px; font-size:14px;}
#blog .blog-block h3 a {text-decoration:underline}
#blog .blog-block .foto {float:left; margin: 0 15px 15px 0}
#blog .blog-block .params {margin-top:10px;}
#blog .blog-block .comments {font-weight:bold; padding-left:10px;}


.footer {margin:70px 0 50px 0; color:#666}
.footer a {color:#f60; font-weight:bold}
.footer a:hover, .footer a:active {color:#f63}
.left .footer {margin-left:20px}

.post {font-size:12px; font-weight:normal; color:#666; padding:15px 45px 15px 45px;}
.post p {padding-bottom:0.7em;}
.post h2 {font-size:18px; font-weight:normal; padding-bottom:15px;}
.post .options {padding-top:10px;}
.post .options .date {font-weight:bold}
.post .avatar {float:left; margin:0 15px 10px 0; border:1px solid #ccc; padding:1px;}
#blog-single-page .post h2 {font-size:18px; font-weight:normal; padding-bottom:5px; margin:5px 0 0 0;}
#blog-single-page .post .options {padding:5px 0 20px 0;}

.post-navigation {padding:30px 45px 0 45px}
.post-navigation .alignleft{float:left}
.post-navigation .alignright{float:right}
#posts .post-navigation, #posts .post-navigation a {font-size:18px; color:#666}

#wp-calendar-wrap {margin:0; margin:60px 20px 0 0;}
#wp-calendar {margin:0; border-collapse:collapse;}
#wp-calendar td { margin:0;}
#wp-calendar caption {text-align:left; font-size:18px; color:#666; text-decoration:underline; padding-bottom:15px;}
#wp-calendar thead th {border-bottom:1px #999 solid; color:#999; margin:0; padding:5px; font-size:14px;}
#wp-calendar td {padding:7px 10px; font-size:14px;}
#wp-calendar tbody a {font-weight:bold; color:#333; text-decoration:none;}
#wp-calendar a:hover {color:red; text-decoration:underline;}
#wp-calendar tfoot a {font-weight:bold; color:#666; text-decoration:underline;}

#wp-categories {font-size:14px; color:#666; font-family:Arial, Helvetica, sans-serif; margin-right:20px;}
#wp-categories span {padding-right:7px; line-height:1.3em}
#wp-categories a, #wp-categories a:visited {color:#69c}

#best-posts {color:#69c}
#best-posts li {padding-bottom:0.3em;}

#wp-comments {padding:15px 45px 15px 45px;}
#wp-comments h3 {padding-bottom:10px;}
#wp-comments .commentlist {padding-bottom:20px;}
#wp-comments .commentlist li {padding-bottom:10px;}
#wp-comments .commentlist .text {padding-top:5px;}
#wp-comments input {margin-top:10px;}
#wp-comments textarea {margin-top:10px; width:80%;}

#footer {padding:75px 0 50px 0; color:#666; overflow:hidden; font-size:12px}
#footer a {color:#f60;}
#footer #contacts {float:right; margin-right:70px}
#footer #contacts strong {text-decoration:underline}
#footer #developers {float:right; margin:10px 70px 0 0;}

.company-page #footer a {color:#f60}
.gorod-page #footer a {color:#69c}
.blog-page #footer a {color:#666}

.second-menu {padding:65px 0 0 20px; font-size:16px; font-weight:bold;}
.second-menu li {padding-bottom:0.5em}

#magazine {padding:90px 0 70px 0; width:200px}
#magazine img {padding-bottom:10px;}
#magazine p {font-size:11px;}
#magazine p a {color:#666}
.lobby_contact {margin: 12px 20px 12px 0; text-align: centre; float:left;}
.lobby_contact a {color:#339; font-size: 12px; text-decoration: none;}
.lobby_contact a:hover {text-decoration: underline;}
.lobby_megatitle {margin: 12px 0 12px 0; text-align: centre;}
.lobby_megatitle a.megatitle {display:block; color:#339; font-size: 18px; text-decoration: none;padding-top:20px}
.lobby_megatitle a.megatitle:hover {text-decoration: underline;}
.lobby_center {margin-top: 20px;color: #666;}
.lobby_center ul {padding-left: 14px;}
.lobby_center ul li {padding-bottom: 14px;}
.lobby_center h4 {color:#36c; font-size:14px;}
.lobby_date {color:#f60; font-family: Georgia, Arial, Helvetica, sans-serif;font-weight:bold;}

.lobby_login, .lobby_password {width: 150px;}
.lobby_to {width: 200px;}
.lobby_email, .lobby_question {width: 400px;}
.lobby_photo {border: 1px #36c solid; padding: 4px;}
.lobby_photo_desc {padding-bottom: 14px;}

.lobby_error {color: #f00; font-size: 18px;}

a.bee_news {font-size: 16px;text-decoration: none; font-weight:bold; color:#36c;}
a.bee_news:hover {text-decoration: underline;}
.lobby_pages {margin-left: 10px;color: #666; }
.lobby_pages a {margin-left: 5px}
.lobby_pages a.current {background-color:#36c; color: #fff; padding: 2px 3px; text-decoration: none;}


div.descr {margin: 10px 0 0 34px;color:#339;font-size:14px}
div.descr li {list-style: disc;margin-bottom: 10px;}