/*

Site: www.ua-energy.org

Autor: Vlad Yakovenko 2010

*/

* {margin:0; padding:0;}

* html {margin:0; padding:0;}

body {font: .8em Arial, Helvetica, sans-serif; background:#ccc url(../images/bg.jpg) repeat-x /*#646464*/; color: #000;}

a {color: #0f3e58; text-decoration: none; font-weight: bold;}

	a:hover {color:#823F0A;}

p {}

img {border:0;}

h1 {font-size: 3em; font-weight: bold;}

	h1 a{color: #000;}

	h1 a:hover{color: #000;}

h2 {font-weight: bold; font-size: 1.4em; padding: 0 0 10px;}

h3 {font-weight: bold; font-size: 1.1em; border-top: 4px solid #ccc; border-bottom: 1px dotted #ccc; margin: 0 0 5px 0; padding:5px 0 5px 4px;}

h3 a {}



.x {margin-top:25px;}



#baner-top {width: 730px; margin: 0 auto; padding: 5px 0 5px 0;}

#wraper {width: 990px; margin: 0 auto; padding-top: 5px; border: 1px solid #f7f4a3; background: #fff;}



/*Header*/

#header {*margin:0 10px 0 -6px;}

	/* #header #baner-top {width: 730px; margin: 0 auto;} */

	#header #input-field {margin: 0 15px 0 15px; clear:both; display:block;}

        #auth-block{width:350px; float: left;}

		#header #input-field #login-block {float: left;}

			.loginfield {background: #feffd5; width: 100px; border: 2px solid #ccc; color: #999;}

			.loginbutton {background: #ccc; height: 20px; padding: 0 4px 0 4px; border: 0;  color: #000; font-weight: bold;}

		#header #registry {float: left; width:80px; margin:-1px 0 0 4px; font-size: 0.7em;}

        #header #lang {float: left; padding:2px 0 0 50px; font-size: 0.9em; width:230px;}

		#header #input-field #search-block {float: right; margin-right: 4px; width:325px;}

			.searchfield {width: 250px; border: 2px solid #ccc; color: #999; margin-left:10px;}

			.searchbutton {float: right; background: #ccc; height: 20px; padding: 0 4px 0 4px; border: 0;  color: #000; font-weight: bold;}



	#header #logo {margin: 0 0 0 15px; clear:both; display:block; padding-top:10px;}

		#header #logo #logoname {float: left;}

			#header #logo #logoname span{color:#7a0000;}

		#header #logo #logourl {color: #ccc; float: right; margin-right: 19px; font-size: 2.5em; margin-top: .2em;}

	#header #menu {margin: 0 5px 5px 5px; clear:both; /*float:right;*/ background:#000;}

		#header #menu ul {list-style: none; margin-right: 19px; padding:2px 0 2px 7px;}

			#header #menu ul li {display: inline; margin-left: 10px;}

				#header #menu ul li a {color:#fff; padding: 2px;}

				#header #menu ul li a:hover {background:#ccc; color:#900;}

	#header #partner-link {margin: 0 0px 0 5px; clear:both; padding:4px 0 5px 0; display:block; background:#ccc; width: 720px; float: left;}

		#header #partner-link span {float: left; font-weight: bold; color: #000; margin-left:15px; margin-right: 5px;}

		#header #partner-link ul {list-style: none;}

			#header #partner-link ul li {display: inline-block; margin-left: 10px;}

				#header #partner-link ul li a {color:#900; text-decoration:underline;}

				#header #partner-link ul li a:hover {color:#0f3e58;}

	#header #social-media {margin: 0 5px 0 0px;  padding:4px 0 2px 0; display:block; background:#ccc; width: 259px; float: left;}
		#header #social-media ul{list-style: none; float: right; margin-right: 10px;}
				#header #social-media ul li{display: inline-block; margin-left: 10px;}
		

/*Content*/

#content {margin: 5px 15px 0 15px; *display:inline; clear: both;}

    #announces-baner {width:720; margin:40px 0 0 118px;}

	#content #reg-form {border: 2px solid #ccc; padding:5px; margin: 10px 0 10px 0; width: 330px;}

.info {font-size: 0.9em;}

.list {list-style: none; margin:0 4px 0 4px;}

	.list li {border-bottom: 1px solid #ccc; padding: 4px 0 4px 0;}

	.list li a {}

.post-list {list-style: none; margin:0 4px 0 4px;}

	.post-list li {padding: 4px 0 4px 0;}

	.post-list li a {font-size: 1.1em;}

	.post-list li .info {color:#666;}

	.post-list li .data-rubric {font-size: 11px;}

		.post-list li .data-rubric .post-data {color:#900;}

.more a {float:right; margin:4px 4px 4px 0;}



#eiti img {margin-left:10px; padding:1px; border: 1px solid #ccc;}

#library  img {margin-left:10px;}

#ep img {margin-left:2px; padding:1px; border: 1px solid #ccc;}

#banner_doc {margin-left:3px; padding:1px;}

#nf_book {margin-left:10px; padding:1px;}

/* Left col of 3 */

	#content #left-col {float: left; width: 260px; margin-right: 15px;}

		#content #left-col #main-news {margin-top: 15px; border: 1px solid #DED588; display:inline-block; width:100%;}

			#content #left-col #main-news img {margin: 4px;}

			#content #left-col #main-news h2 {margin-left: 4px;}

			#content #left-col #main-news p {margin-left: 4px; margin-bottom: 4px;}

		#content #left-col #paid-news {display:inline-block; border: 1px solid #ccc; margin-top:15px; margin-bottom:10px; background:#feffd5; width: 100%;}

			#content #left-col #paid-news h3 {border-top: 3px solid #ccc;}

			#content #left-col #paid-news ul {}

				#content #left-col #paid-news ul li {}

/* Center col of 3 */

	#content #center-col {float: left; width: 365px; margin-right: 15px;}

	#content #center-col #lib img{border:0; margin: 10px 0 10px 12px;}

	#content #center-col #ep img{border:0;}

		#content #center-col #news {display:inline-block; margin-top:15px; width: 100%;}

			#content #center-col #news h3 {}

			#content #center-col #news ul {}

			#content #center-col #news ul li {}

		#content #center-col #library {}

		#content #center-col #comments {display:inline-block; margin-top:15px; width: 100%;}

			#content #center-col #comments h3 {}

			#content #center-col #comments ul {}

			#content #center-col #comments ul li {display:inline-block;}

				#content #center-col #comments ul li img{float: left; margin-right: 4px; padding: 4px 0 4px 4px; border-left: 4px solid #ccc;}

				#disqus_thread h3{border: 0;}

/* Left col of 2 - page col */

    #content #left-page-col {float: left; width: 640px; margin-right: 15px;}

    	#content #left-page-col #post {margin-top: 15px;}

    	    #content #left-page-col #post #tool-comment {float: left;}

    	    #content #left-page-col #post span {margin-left: 3px;}

    	    #content #left-page-col #post #toolbar {border:1px solid #ccc; margin-bottom: 10px; padding: 3px 3px 0 3px; display: inline-block; list-style: none; width:630px; font-size: .8em;}

    	        #content #left-page-col #post #toolbar ul {float:right;}

    	    	#content #left-page-col #post ul li {display: inline-block; margin-left: 0; padding:2px 8px 2px 8px;}

    	    	#content #left-page-col #post #toolbar .social {margin-left:200px; padding:2px 8px 2px 8px; float: left; display: inline;}

    	    		#content #left-page-col #post #toolbar .social a {padding:0 8px 0 8px;}

    	    	#content #left-page-col #post #toolbar .social .socialtext {display: inline; color: #0F3E58; font-weight: bold;}

    		#content #left-page-col #post h2 {font-size: 2em;}

    		#content #left-page-col #post-info {display:inline-block;}

    			#content #left-page-col #post-info #author{float:left; width: 575px; color: #6b6b6b;}

    			#content #left-page-col #post-info #post-date {float:right; margin-bottom: 10px; color: #6b6b6b;}

    		#content #left-page-col #post #post-body {font-size: 1.2em; /*text-align: justify; */}

    	 		#content #left-page-col #post #post-body img {margin: 0 10px 10px 0;}

    	 	#social-bottom {display: block;}

    	 		#social-bottom #twitter {float:left; margin-top:2px; display:inline;}

    	 		#social-bottom #vk {float:left; display:inline;}

    	 		#social-bottom #facebook {float:left; display:inline;}

    	 #content #left-page-col #comments {margin: 15px 0 15px 0; padding: 15px 0 0 0; border-top: 1px solid #ccc;}

    	 	#content #left-page-col #comments .comments-list {}

            #content #left-page-col #comments #comment-block {padding: 10px 0 10px 0; background: #dce6e8;}

	            #content #left-page-col #comments #comment-block p{margin: 10px 0 0 10px;}

            	#content #left-page-col #comments #comment-block #comment-name {width: 530px;}

            	#content #left-page-col #comments #comment-block #comment-body {width: 600px;}

            	#content #left-page-col #comments #comment-block #comment-button {padding:0 5px 0 5px; background: #ccc; height: 20px; border: 0; color: #000; font-weight: bold;}

		#content #left-page-col #post-list {margin-top: 15px;}

			#content #left-page-col #post-list ul {list-style: none;}

		#content #left-page-col #lib-list {margin-top: 15px;}

			#content #left-page-col #lib-list ul {list-style: none;}

			#content #left-page-col #lib-list ul li{display:inline-block; border:0px; width: 600px;}

			#content #left-page-col #lib-list img{float: left; margin-right: 4px; padding: 4px 4px 4px 4px; border:1px solid #ccc;}

				#user-info {display: inline-block; clear: both; margin-top:15px; border-top: 4px solid #ccc;} 

				#user-info #user-avatar {float: left; width: 100px; margin-right: 5px; margin-top:5px;}

				#user-info #user-name {float: left; width: 535px; margin-top:5px;}

				#user-info #user-name h2 { color:#7a0000;}

				.blog-date {float:left; color:#900;}

				.blog-list {display: inline-block; clear: both; margin-top:5px; border-bottom: 1px dotted #ccc; padding-bottom: 10px;}

					.blog-list .blog-avatar {float: left; width: 100px; margin-right: 5px; margin-top:5px; border-left: 4px solid #ccc; padding: 4px 0 4px 4px;}

					.blog-list .blog-body {float: left; width: 527px; margin-top:5px;}

						.blog-list .blog-body .blog-date {float: left; color: #777;}

						.blog-list .blog-body .blog-author {float: left; padding-left: 5px;}

							.blog-list .blog-body .blog-author a {color: #900;}

						.blog-list .blog-body .blog-title {float: left; clear:left; margin-top:10px; font-size: 1.1em;}

						.blog-list .blog-body .blog-descript {float: left; clear:left; margin-top:10px; font-size: 0.9em; color:#666;}

						

		#panel {padding: 0 5px 5px 5px; display: none; width:300px; margin-left: 334px;}

		#sand-mail {padding:5px;}

			#sand-mail LEGEND {padding: 0 5px;}

		.btn-slide {}

		.active {}

/* Right col of 3 */

	#content #right-col {float: left; width: 300px;}

    #content #right-col #announces {width: 100%; display:inline-block; border: 1px solid #ccc; margin-top:15px; background: #ebeff4;}

	#content #right-col #vidrodz img{border:0;}

	#content #right-col #eiti img{border:0; margin-top: 10px;}

		#content #right-col #analitics{width: 100%; display:inline-block; border: 1px solid #ccc; margin-top:15px; background:#feffd5;}

			#content #right-col #analitics h3 {border-top: 3px solid #ccc;}

			#content #right-col #analitics ul {}

			#content #right-col #analitics ul li img {float: left; margin-right: 4px; padding: 4px 0 4px 4px;}

		#content #right-col #terminal {margin-top:15px;}

		#content #right-col #blogs {display:inline-block; margin-top:15px; width: 100%; }
/*
		    #content #right-col #blogs h3 {}

			#content #right-col #blogs ul {margin-left: 0px;}

			#content #right-col #blogs ul li {width:295px; background: #dce6e8; border:1px solid #ccc; padding: 3px 3px 3px 3px; display:inline-block; }

				#content #right-col #blogs ul li .person {float: left; color:#900; font-size: 1.1em;}

				#content #right-col #blogs ul li .anons {float: left; padding-top:15px;}

				#content #right-col #blogs ul li .blog-text {float:left; width: 170px; padding:5px 3px 0 0; }

				#content #right-col #blogs ul li .avatar {border:0; float:right;}
*/
#blog-block{
    background: #dce6e8;
    padding: 3px 3px 3px 3px;
    border:1px solid #ccc;
}
/* Easy Slider */

	#blog-sl ul, #blog-sl li{
		margin:0;
		padding:0;
		list-style:none;
	}
	#blog-sl li{
		width:289px;
		overflow:hidden;
        border-bottom:0;
	}
    #blog-sl ul li .person {float: left; color:#900; font-size: 1.1em;}
    #blog-sl ul li .anons {float: left; padding-top:15px;}
    #blog-sl ul li .blog-text {float:left; width: 170px; padding:5px 3px 0 0; }
    #blog-sl ul li .avatar {border:0; float:right;}

    p#controls{
	    margin:0;
	    position:relative;
        top:-133px;
        right:-270px;
        width:40px;
	}

    #prevBtn, #nextBtn{
        display:block;
        margin:0;
	    overflow:hidden;
        text-indent:-8000px;
        position:absolute;
    }

	#prevBtn a, #nextBtn a{
        display:block;
	    width:16px;
	    height:16px;
	}
    #nextBtn a{
        background:url(/images/next.png) no-repeat 0 0;
    }
    #prevBtn a{
        background:url(/images/prev.png) no-repeat 0 0;
    }

    #nextBtn {left:10px; top:1px;}
    #prevBtn{left:-6px;}

/* // Easy Slider */


		#content #right-col #news {display:inline-block; margin-top:15px;}

		#content #right-col #paid-news {display:inline-block; border: 1px solid #ccc; margin-top:15px; background:#feffd5;}

		#content #right-col #conferense {display:inline-block;}

		#content #right-col #partners {display:inline-block;}

	.list-date{display:inline-block; width:295px; color:#900; padding: 4px 0px 4px 4px; border-bottom: 1px solid #ccc;}

	.postlist-date{display:inline-block; width:629px; color:#900; padding: 4px 0px 4px 4px; border-bottom: 1px solid #900;}

	.postlist-date p {float:right; margin-right: 4px;}

	.list-date p{float:right; margin-right: 4px;}

	.list-time{color:#900; margin: 4px 0px 0px 4px; float: left; font-size: 11px;}

	.list-mess{/*margin: 4px 0px 4px 45px;*/ padding: 4px;}

	



/* Blog edit */

	#content #blog-edit {}



/*Footer*/

#foo-line{clear: both; margin: 20px 15px 0px 19px; height: 50px; background-color: #ccc;}
#footer {clear: both; margin: 0px 15px 15px 19px; padding-top: 15px; padding-bottom: 5px; display:inline-block; border-top:1px solid #ccc;}
    #partner {float:left; width: 260px;}
    #copy {float:left; width: 450px;}
    #webcount {float:left; width: 200px; display:inline-block;}
        #webcount1 {float:left;}
        #webcount2 {float:left;}
        #webcount3 {float:left;}