/* 
Theme Name: investingcom.ru
*/

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset { margin: 0; padding: 0;}
input[type=search] {-webkit-appearance: none; outline: none;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {display: none;}
img, fieldset { border: 0;}
img { max-width: 100%; height: auto; width: auto\9;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
@font-face { font-family: Open Sans; font-style: normal; font-weight: normal; src: url("open-sans.ttf") format("truetype");}
body { background: #eee url(images/bg.png); font: .85em/150% Open Sans, Arial, Helvetica, sans-serif; color:#353535;}
a { color:#1868B5; text-decoration: underline; outline: none;}
a:hover { text-decoration: underline; color: #950095;}
p { margin: 1% 0 ; padding: 0 2%;}
h2, h3, h4, h5, h6 { line-height: 1.4em; margin: 4% 0 0 2%;  color:#000;}
h1 { font-size: 1.6em;  line-height: 1.2em; margin: 0 0 0 2%; color: #000;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1.0em;}
h6 {font-size: 0.9em;}
img {}
blockquote {padding: 2%; margin: 2%; }

#head-site { width: 100%; height: auto; padding: 0; min-height: 100px; height: auto; margin: 0; display: block; background: #2B334A url(images/bg.png); overflow: hidden;}
#logo-site {width: 980px; height: 30px; margin: 20px auto;}
#logo-site #logo { background: url(images/logo.png) no-repeat 50% 50%; display: block; width: 220px; height:30px; margin: 0 auto; opacity: 0.95; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;}
#logo-site #logo:hover {opacity: 1;}

#navi-site-bg { margin: 0; bottom: 0; height: auto; background-color: rgba(0,0,0,0.25); display: block; width: 100%; overflow: hidden; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3); box-shadow: 0 1px 3px rgba(0,0,0,.3);  }
#navi-site {width: 980px; margin: 0 auto;}
#navi-site ul { margin: 0; padding: 0; float: left;}
#navi-site li {margin: 0;padding: 0;list-style: none;float: left;}
#navi-site a { line-height: 100%; font-weight: normal; color:#f1f1f1; display: block; padding: 14px 15px 16px 15px; text-decoration: none; text-shadow: 0 -1px 0 rgba(0,0,0,.5); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;}
#navi-site a:hover { color:#fff; background: rgba(0,0,0,.33);}
#navi-site form { z-index: 100; width: 150px; float: right; height: 25px; background:#fff; margin: 9px 0 0 0; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); box-shadow: inset 0 1px 2px rgba(0,0,0,.2);  -webkit-transition: width .7s; -moz-transition: width .7s; transition: width .7s;}
#navi-site form input{ width:105px; float: left; border: none; height: 17px; background:none;  margin: 0; padding: 4px 5px 4px 10px; font: .95em Open Sans, Arial, Helvetica, sans-serif;}
#navi-site form button {float: right; width:30px; height: 25px; border: 0; background: url(images/search.png) no-repeat 50% 50%; opacity: 0.7; }
#navi-site form button:hover {opacity: 1; cursor:pointer;}
#body-site { width: 980px; margin: 1% auto;}
.breadcrumbs {width: 950px; padding: 5px 15px; overflow: hidden; background-color: rgba(255,255,255,0.90); font-size: 0.9em; margin: 0 0 1% 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.breadcrumbs a {color: #333;}
.breadcrumbs a:hover{color: #D90000;}
.breadcrumbs span {overflow: hidden; }
.breadcrumbs div {display: inline-block;}

#content { background:#fff; margin: 0 0 2% 1%; padding: 1%; width: 70%; float: right; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3); box-shadow: 0 1px 3px rgba(0,0,0,.3);}


.text {overflow: hidden;}
.text .poststitle { margin: 1% 0 1% 2%; padding: 0; font-weight: bold; font-size: 1.2em;}
.text ul { margin: 1% 2%; padding: 2% 3% 2% 15px; line-height: 140%; background-color: rgba(230,240,240,0.90); border-left: 4px solid rgba(9,28,68,0.20); }
.text ol { margin: 1% 2%; padding: 2% 3% 2% 15px; line-height: 140%; background-color: rgba(222,240,204,0.90); border-left: 4px solid rgba(90,80,0,0.20);}
.text li { margin: 0 0 1% 15px; padding: 0;}
.text blockquote {background-color: rgba(245,215,215,0.70); border-left: 4px solid rgba(215,0,0,0.20); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.text img {margin: 10px auto; display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.text img.logosite {float: left; width: 20%; margin: 2%;}
.text .postdate {float: right; margin: 0 2% 0 0;}
.text .postinfo {float: left; margin: 0 0 0 2%;}

.posts {overflow: hidden; padding: 2% 1% 0 2%;}
.posts .poststitle { margin: 1% 0 1% 0; padding: 0; font-weight: bold; font-size: 1.2em;}
.thumb {float: left; position:relative; display: block; height: auto; max-height: 170px; width: 49%; margin: 0 1% 1% 0; overflow: hidden; padding: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.thumb a.postlink { opacity: 0.9; width: 100%; font-size: 1.1em; color: #00172F; text-decoration: none; display:thumb; position:absolute; left:0; bottom:0; padding: 2% 4%; box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color:#fafafa; background-color:rgba(0,0,0,0.80);}
.thumb a.postlink:hover { opacity: 1;}
.thumb a.dir { opacity: 0.9; color: #00172F; font-size: 1.3em; text-decoration: none; overflow: hidden; display:thumb; position:absolute; left:0; top:0; padding: 2% 4%; box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color:#fafafa; background-color:rgba(0,0,0,0.80); -webkit-border-radius: 0 0 3px 0; -moz-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0;}
.thumb a.dir:hover { opacity: 1;}
.thumb .views { opacity: 0.9; font-size: 0.8em; cursor: default; display:thumb; position:absolute; right:0; top:0; padding: 1% 2% 1% 25px; box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color:#fafafa; background: rgba(0,0,0,0.80) url(images/views.png) no-repeat left; -webkit-border-radius: 0 0 0 3px; -moz-border-radius: 0 0 0 3px; border-radius: 0 0 0 3px;}
.thumb .views:hover { opacity: 1; }
.thumb img {width: 100%; height: auto; margin: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}





.ya-share2 { text-align: center; background-color: rgba(245,215,215,0.70); padding: 5px 1%; margin: 1% 2%; border-top: 4px solid rgba(215,0,0,0.20); border-bottom: 4px solid rgba(215,0,0,0.20); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} 

#sidebar { width: 27%; float: left; margin: 0;}

#sidebar .thumb {float: left; position:relative; height: auto; max-height: 130px; width: 100%; margin: 1% 0 2% 0; overflow: hidden; padding: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#sidebar .thumb a.postlink { opacity: 0.9; width: 100%; font-size: 1.1em; color: #00172F; text-decoration: none; display:thumb; position:absolute; left:0; bottom:0; padding: 2% 4%; box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color:#fafafa; background-color:rgba(0,0,0,0.80);}
#sidebar .thumb a.postlink:hover { opacity: 1;}
#sidebar .thumb a.dir { display: none; opacity: 0.9; color: #00172F; font-size: 1.3em; text-decoration: none; overflow: hidden; display:thumb; position:absolute; left:0; top:0; padding: 2% 4%; box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color:#fafafa; background-color:rgba(0,0,0,0.80); -webkit-border-radius: 0 0 3px 0; -moz-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0;}
#sidebar .thumb a.dir:hover { opacity: 1;}
#sidebar .thumb .views { opacity: 0.9; font-size: 0.8em; cursor: default; display:thumb; position:absolute; right:0; top:0; padding: 1% 2% 1% 25px; box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color:#fafafa; background: rgba(0,0,0,0.80) url(images/views.png) no-repeat left; -webkit-border-radius: 0 0 0 3px; -moz-border-radius: 0 0 0 3px; border-radius: 0 0 0 3px;}
#sidebar .thumb .views:hover { opacity: 1; }
#sidebar .thumb img {width: 100%; height: auto; margin: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.widget { background:#fff; margin: 0 0 4% 0; overflow: hidden; padding: 4% 6%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3); box-shadow: 0 1px 3px rgba(0,0,0,.3); }
.widgettitle { margin: 0 0 3% 0; padding: 0; font-weight: bold; font-size: 1.2em;}
.widget ul { margin: 0; padding: 0;}
.widget li { margin: 3% 0; padding: 0; list-style: none; float: left;}



ul#sitemap {list-style-type: none; background: none; border: 0; padding: 2% 0 0 0; margin: 1% 0 0 0;}
ul#sitemap li.rubr { list-style-type: none; padding: 0; font-weight: bold;}
ul#sitemap ul {border-left: 4px solid rgba(0,160,215,0.20); background: none; list-style-type: none; margin: 1% 0; font-weight: normal;}
ul#sitemap ul li { list-style-type: square; padding: 0; color: #999; font-weight: normal;}

#foot-site-bg { clear: both; color:#ccc; font: .85em/120% Open Sans, Arial, Helvetica, sans-serif; background: #2B334A url(images/bg.png); height: auto; padding: 2% 0; margin: 0 auto; -moz-user-select: none; -webkit-user-select: none; }
#foot-site {width: 980px; margin: 0 auto; overflow: hidden; cursor: default; }
#foot-site .crights, .warning {margin:0 0 10px 0; display: block;}
#foot-info {float: left; width: 700px; }
#foot-info .cntacts {opacity: 1;}
#foot-info p {margin:0 0 10px 0; display: block; opacity: 0.75; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;}
#foot-info p:hover {opacity: 1;}
#foot-info .minilogo {background: url(favicon.ico) left no-repeat; padding: 0 0 0 21px;}
#foot-site a {color:#e0e0e0;}
#foot-site a:hover {color:#fff;}
#foot-site img {float: right; margin: 0 0 0 5px; opacity: 0.25; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;}
#foot-site #counts {float: right; }
#foot-site .rambler {}
#foot-site .mailru { width: 38px; height: 29px; border: 1px solid#FCFEFC; }
#foot-site .liru { width: 29px; height: 29px; border: 1px solid#FCFEFC;}
#foot-site .rambler:hover {opacity: 0.6; }
#foot-site .mailru:hover {opacity: 0.6;}
#foot-site .liru:hover {opacity: 0.6;}


#feedback {margin: 2%; padding: 0;}
#feedback input {width: 40%; padding: 1% 2%; border:0; border-left: 4px solid rgba(0,160,215,0.20); font: 1.2em Open Sans, Arial, Helvetica, sans-serif; background-color: rgba(230,240,240,0.90);}
#feedback textarea {width: 96%; color: #003040; padding: 1% 2%; border:0; border-left: 4px solid rgba(0,160,215,0.20); font: 1.2em Open Sans, Arial, Helvetica, sans-serif; background-color: rgba(230,240,240,0.90);}
#feedback button {width: 40%; padding: 1% 2%; border:0; border-left: 4px solid rgba(0,160,215,0.20); font: 1.1em Open Sans, Arial, Helvetica, sans-serif; background-color: rgba(230,240,240,0.90);}
#feedback button:hover{ background-color: rgba(0,160,215,0.20); cursor: pointer;}
#feedback .errors { color: #8C0000; font: .95em Open Sans, Arial, Helvetica, sans-serif; background-color: rgba(245,215,215,0.70); padding: 1%;}



#comments {padding: 2%; margin: 1% 0; overflow: hidden;}
#comments .awaiting {color: green;}
#comments .comstitle {font-weight: bold; font-size: 1.2em; margin: 0; padding: 0 0 1% 0; border-bottom: 4px solid rgba(70,140,0,0.20); }
#comments .reply-title {color: #034962; border-bottom: 1px dashed #D0D0D0;}
#comments .cancel-reply {float: right;}
#comments .up {float: right; font-size: 0.9em; font-weight: normal;}
#comments .main-list-comments {}
#comments .main-list-comments ul{list-style: none; background: none; border: none; padding: 0; margin: 0;}
#comments .main-list-comments ul li{list-style: none;}
#comments .comment-author { padding: 2%;}
#comments .comment-author-admin .comment-author {border:0; background-color: rgba(222,240,204,0.50);}
#comments  img {margin: -4px 7px 0 0; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; float: left; box-shadow: 0 1px 3px rgba(23, 74, 121, .1), -3px 0 10px -3px rgba(23, 74, 121, .1), 3px 0 10px -3px rgba(23, 74, 121, .1), 0 0 10px rgba(23, 74, 121, .3) inset;}
#comments .author-name {color: #034962; font-size: 1.2em; overflow: hidden;}
#comments .author-city{color: #676767; float: right;}
#comments .author-time {color: #999; font-size: 0.9em;}
#comments  p { background: none; margin: 1% 0; padding:0;}
#comments ul.children {margin: 0 0 0 1%;}
#comments li.comment {overflow: hidden; padding: 0; margin: 1% 0 0 0;}
#comments ul li.byuser {border-left: 4px solid rgba(215,0,0,0.20);}
#comments ul li.thread-even  {border-left: 4px solid rgba(230,230,230,0.9);}
#comments ul li.thread-even .comment-author {background-color:rgba(230,230,230,.20);}
#comments ul li.thread-odd {border-left: 4px solid rgba(230,230,230,0.9); }
#comments ul li.thread-odd .comment-author {background-color:rgba(230,230,230,.20);}
#comments ul.children li.even {border-left: 4px solid rgba(0,160,215,0.20);}
#comments #reply-title {font-weight: bold; font-size: 1.2em; margin: 2% 0 0 0; padding: 0 0 1% 0; border-bottom: 4px solid rgba(70,140,0,0.20);}
#comments form {width: 100%;}
#comments form p { font: italic 1em Open Sans, Arial, Helvetica, sans-serif;}
#comments form input  {width: 40%; color: #777; padding: 1% 2%; border:0; border-left: 4px solid rgba(0,160,215,0.20); font: 1.2em Open Sans, Arial, Helvetica, sans-serif; background-color: rgba(230,240,240,0.90);}
#comments form .submit { padding: 1% 2%; color: #333; margin: 0; border:0; border-left: 4px solid rgba(0,160,215,0.20); font: 1.1em Open Sans, Arial, Helvetica, sans-serif; background-color: rgba(230,240,240,0.90);}
#comments form .submit:hover{ background-color: rgba(0,160,215,0.20); cursor: pointer;}
#comments textarea {width: 96%; color: #003040; padding: 1% 2%; border:0; border-left: 4px solid rgba(0,160,215,0.20); font: 1.2em Open Sans, Arial, Helvetica, sans-serif; background-color: rgba(230,240,240,0.90);}











@media screen and (max-width: 980px)
{
#foot-site {width: 95%;}
#foot-info {width: 70%;}
	
#content .thumb {float: left; position:relative; height: auto; max-height: 120px; width: 49%; margin: 0 1% 1% 0; overflow: hidden; padding: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#sidebar .thumb {float: left; position:relative; height: auto; max-height: 100px; width: 100%; margin: 1% 0 2% 0; overflow: hidden; padding: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#sidebar .thumb a.dir {display: block;}
.breadcrumbs {width: 96%; padding: 5px 2%;}
#body-site { width: 95%; margin: 2% auto;}
#content {padding: 1% 0 1% 1%; width: 68%;}
#sidebar { width: 30%; }
#sidebar .widget { padding: 4% 7%; margin-bottom: 10px; }
#navi-site { width: 96%; }
#logo-site{ width: 96%; }
#navi-site form { position: absolute; top: 15px; right: 3%; z-index: 100; height: 27px; width: 100px;}
#navi-site form input{width:55px;}
#navi-site a { padding: 10px 8px;}
#logo-site #logo { margin: 15px 1%; position: static; }
.video embed, .video object, .video iframe { width: 100%; height: auto; min-height: 300px; }

.max-post {width: 47%; height: 130px; }
.max-thumb {height: 130px; }
.mini-post{width: 47%; height: 130px;}
.mini-thumb {height: 130px;}
}

@media screen and (max-width: 650px)
{
#content .thumb {float: left; position:relative; height: auto; max-height: 170px; width: 99%; margin: 0 1% 3% 0; }
#sidebar .thumb {float: left; position:relative; height: auto; max-height: 140px; width: 99%; margin: 0 1% 3% 0; }

.breadcrumbs {display: none;}
#navi-site {width: 95%;}
#logo-site{width: 95%;}
#logo-site #logo{margin: 0 1%;}
#navi-site a {font-size: 95%; padding: 10px 8px;}
#content { width: auto; float: none; padding: 2%; margin: 0 0 2% 0; }
#sidebar { width: 100%; margin: 0; float: none; }
#sidebar .widget { padding: 3% 4%; margin: 0 0 10px; }
#counts {display: none;}
.video embed, .video object, .video iframe { min-height: 250px; }

#foot-info {width: 100%;}
#foot-site .warning {margin:0 0 10px 0; display: block;}
#foot-site .crights {display: none;}

#feedback input {width: 96%; padding: 1% 2%; }
#feedback textarea {width: 96%; padding: 1% 2%; }
#feedback button {width: 100%; padding: 1% 0;}

#comments form {width: 100%;}
#comments form input{ width: 95%; padding: 1% 2%;}
#comments form .submit { width: 100%; padding: 1% 0;}
#comments textarea {width: 95%; padding: 1% 2%; }



.text .postdate {display: none;}
}


@media screen and (max-width: 480px)
{
html {-webkit-text-size-adjust: none;}
#navi-site form {display: none;}
#logo-site #logo{margin: 0 auto;}
#navi-site a {font-size: 90%;padding: 10px 8px;}
.logosite {display: none;}
}