/*
Theme Name: AppLabs
Theme URI: http://vl.vg/
Description: Тема подготовлена эксклюзивно для сайта <a href="/">AppLabs</a>. Автор: <a href="http://vj.vg/">Александр Кузнецов aka Regent</a>
Author: Regent
Version: 1.0.2
*/

/*** --------------- **** ----------------- ****
**** RESET CSS STYLE **** (c) http://vj.vg/ ****
**** --------------- **** ----------------- ***/
ABBR,ARTICLE,ASIDE,AUDIO,BB,CANVAS,DATAGRID,DATALIST,DETAILS,DIALOG,FIGURE,FOOTER,HEADER,MARK,MENU,METER,NAV,OUTPUT,PROGRESS,SECTION,TIME,VIDEO{display:block;}HTML,BODY,DIV,SPAN,APPLET,OBJECT,IFRAME,H1,H2,H3,H4,H5,H6,P,BLOCKQUOTE,PRE,A,ABBR,ACRONYM,ADDRESS,BIG,CITE,CODE,DEL,DFN,EM,FONT,IMG,INS,KBD,Q,S,SAMP,SMALL,STRIKE,STRONG,SUB,SUP,TT,VAR,HR,B,U,I,CENTER,DL,DT,DD,OL,UL,LI,FIELDSET,FORM,LABEL,LEGEND,TABLE,CAPTION,TBODY,TFOOT,THEAD,TR,TH,TD{padding:0;margin:0;border:none;outline:none;vertical-align:baseline;font-family:inherit;font-size:100%;}DFN,I,CITE,VAR,ADDRESS,EM{font-style:normal;}TH,H1,H2,H3,H4,H5,H6{font-weight:normal;}TEXTAREA,INPUT,SELECT{font-family:inherit;font-size:1em;}BLOCKQUOTE,Q{quotes:none;}Q:before,Q:after,BLOCKQUOTE:before,BLOCKQUOTE:after{content:'';content:none;}OL,UL{list-style:none;}INS{text-decoration:none;}DEL{text-decoration:line-through;}TABLE{border-collapse:collapse;border-spacing:0;}CAPTION,TH,TD{text-align:left;}HTML{padding:0;margin:0;}BODY{cursor:default;font-size:14px;font-family:"TrebuchetMS",Tahoma,Arial,Helvetica,sans-serif;font-stretch:inherit;font-style:normal;font-variant:normal;font-weight:normal;color:#000;margin:0;padding:0;}IMG{border:none;}A{color:#717171;text-decoration:underline;}A:hover{color:#06F;text-decoration:none;}:focus{outline:none;}

/*** ---------------- **** ----------------- ****
**** DESIGN CSS STYLE **** (c) http://vj.vg/ ****
**** ---------------- **** ----------------- ***/

body {
	background:url(img/bg.jpg) left top repeat;
	font:12px/18px Arial,Tahoma,Verdana,sans-serif;
	color:#bbb;
}
a {
	color:#05aafc;
	text-decoration:underline;
}
a:hover {
	color:#FF8484;
	text-decoration:none;
}
a:focus {
	outline:none;
}



/*********************************/
/*********** HEADER **************/
/*********************************/
header {
	margin:0 auto;
	margin-top:61px;
	width:1052px;
	height:235px;
	background-image:url(img/clip.jpg);
	position:relative;
}

a#logo {
	position:absolute;
	left:30px;
	top:40px;
	width:300px;
	height:130px;
}

header menu {
	position:absolute;
	top:202px;
	padding:0;
	margin:0;
	margin-right:160px;
	left:10px;
	overflow:hidden;
	height:31px;
}

#se {
	position:absolute;
	top:207px;
	right:20px;
}
#seText {
	background:none;
	display:inline-block;
	width:150px;
	height:20px;
	border:none;
	color:#d3d3d3;
	font-size:12px;
}
#seSubmit {
	background:none;
	cursor:pointer;
	display:inline-block;
	width:24px;
	height:20px;
	border:none;
}






.buttom {
	display:inline-block;
	list-style:none;
	overflow:hidden;
	padding:4px;
	padding-bottom:0;
	margin:0;
	margin-left:8px;
	margin-right:8px;
}

.buttom a {
	color:#d3d3d3;
	font-size:15px;
	text-decoration:none;
	display:block;
	padding-bottom:4px;
}
.buttom a:hover {
	-color:#9A9A9A;
}
.buttom a span {
	display:inline-block;
	padding-top:4px;
	padding-bottom:6px;
	padding-left:3px;
	padding-right:1px;
	margin-right:7px;
	margin-left:11px;
}

.buttom.selected, .buttom:hover {
	background:url(img/buttom-right.png) right 4px no-repeat;
}
.buttom.selected a, .buttom:hover a {
	background:url(img/buttom-left.png) left top no-repeat;
}
.buttom.selected a span, .buttom:hover a span {
	background:url(img/buttom-repeat.png) left top repeat-x;
}

















/*********************************/
/************ MAIN ***************/
/*********************************/
#main {
	margin:0 auto;
	width:1052px;
	background:url(img/body.jpg) left top repeat-y;
	overflow:hidden;
}


#inner {
	float:left;
	padding-top:17px;
	padding-left:18px;
	padding-right:15px;
	width:691px;
	_background-color:rgba(150,150,150,0.5);
}

article {
	background:url(img/article.jpg) left top repeat-y;
	width:691px;
	margin-bottom:15px;
}
.art-text {
	padding-left:17px;
	background:url(img/round.jpg) left -53px no-repeat;
	position:relative;
	
}
h1.art-name {
	font-size:20px;
	font-weight:normal;
	padding-top:11px;
	padding-right:90px;
}
.art-data {
	position:absolute;
	top:18px;
	right:17px;
	color:#FFF;
	font-style:italic;
	font-size:11px;
}
.art-tags {
	padding:10px;
	padding-left:0;
}
.art-tags a {
	display:inline-block;
	color:#FFF;
	text-decoration:none;
	background-color:#05aafc;
	padding:1px;
	padding-left:5px;
	padding-right:5px;
	margin-right:7px;
	font-size:11px;
}
.art-tags a:hover {
	background-color:#FF8484;
	color:#06C;
}
.art-content {
	padding-right:15px;
	text-align:left;
	
}
P {  margin-top: 0.5em; /* Отступ сверху */
 margin-bottom: 1em; /* Отступ снизу */
 }
a.art-more {
	text-decoration:none;
	display:inline-block;
	margin:2px;
	margin-left:0;
}

.art-info {
	background-image:url(img/round.jpg);
	height:38px;
	position:relative;
}
.art-bottom {
	background-image:url(img/article-bottom.jpg);
	height:11px;
	position:relative;
}
a.art-comment {
	position:absolute;
	left:40px;
	top:11px;
}
.art-rate {
	position:absolute;
	top:11px;
	right:20px;
}

.art-separator {
	background:url(img/article-separator.jpg) 1px top no-repeat;
	height:2px;
	margin-top:8px;
	margin-bottom:8px;
}




aside {
	width:310px;
	float:left;
	padding-top:19px;
	padding-bottom:15px;
}
#baners {
	text-align:center;
}
.bar {
	background:url(img/aside-repeat.jpg) left top repeat-y;
	margin-top:12px;
}
.sHeader {
	text-align:center;
	background:url(img/aside.jpg) left -24px no-repeat;
	padding-top:4px;
	height:40px;
}
.sContent {
	background:url(img/aside-bottom.jpg) left bottom no-repeat;
	padding:12px;
	padding-top:2px;
	padding-bottom:16px;
}

.ul li {
	list-style:none;
	display:block;
	font-size:11px;
	padding-top:7px;
	padding-bottom:10px;
	background:url(img/separator.jpg) center bottom no-repeat;
	font-size:12px;
}
.ul li a {
	display:inline-block;
	background:url(img/rarr.jpg) left 5px no-repeat;
	padding-left:9px;
}

#s-tags a {
	color:#bbb;
	text-decoration:none;
}
#s-tags a:hover {
	color:#FFF;
}









/*********************************/
/*********** FOOTER **************/
/*********************************/
footer {
	margin:0 auto;
	margin-bottom:50px;
	width:1052px;
	height:72px;
	background-image:url(img/clip.jpg);
	background-position:0 -235px;
	position:relative;
}
#copyright {
	position:absolute;
	left:20px;
	top:15px;
	line-height:20px;
}
a#isindeev {
	position:absolute;
	top:12px;
	right:12px;
	width:62px;
	height:45px;
	border:none;
}
#counters {
	position:absolute;
	top:25px;
	left:500px;
}






#comments {
	padding:15px;padding-left:50px;padding-right:40px;
}
.comments-autor a {
	text-decoration:none;
}
td.comtext {
	background-color:#1a1a1a;
	border:1px solid #424242;
	padding:12px;
	vertical-align:top;
}
.comavatar img {
	border:1px solid #000;
}
.comtitle {
	color:#05aafc;
	font-size:18px;
	margin-top:10px;
	margin-bottom:15px;
}

#commentform .input {
	background-color:#1a1a1a;
	border:1px solid #424242;
	padding:6px;
	display:block;
	width:100%;
	color:#434343;
	margin-bottom:7px;
	width:587px;
}


#top-baner {
	position:absolute;
	top:40px;
	right:40px;
}
#top-baner  .top-baner {
	margin-bottom:10px;
}





.none {
	display:none;
}

div#macbook {
	height:198px;
}

div#rss {
	background:url('img/macbook_left.png') no-repeat;
}

div#twitter {
	background:url('img/macbook_right.png') no-repeat;
}

div#rss, div#twitter {
	float:left;
	width:152px;
	height:198px;
}

div#rss img, div#twitter img {
	margin-top:10px;
}

div#twitter img {
	margin-left:-5px;
}

div#rss img {
	margin-left:45px;
}

div#macbook div#text {
	background:url('img/text.png') no-repeat;
	height:21px;
	width:97px;
	font-size:11px;
	padding:5px;
	font-family:Arial;
	text-decoration:none;
}

div#twitter div#text {
	margin-left:2px;
	padding-left:25px;
	text-decoration:none;
}

div#rss div#text {
	margin-top:-1px;
	margin-left:50px;
	padding-left:7px;
	text-decoration:none;
}

div#twitter div#text a {
	coor:#05aafc;
	text-decoration:none;
}

div#rss div#text a {
	color:#e84b00;
	text-decoration:none;
}

.retweet  {
		 	background: url("img/retweet.png"); 
    		width: 71px; 
    		height: 16px; 
			position:absolute;
	        left:170px;
	        top:11px;
		 }
div#toptop  {
		 	background: url("img/toptop.png") no-repeat; 
    		width: 306px; 
    		height: 300px; 
			padding-top: 8px;
		 }
.ul2 li {
	list-style:none;
	display:block;
	font-size:11px;
	padding-top:2px;
	padding-bottom:8px;
	background:url(img/separator.jpg) center bottom no-repeat;
	font-size:12px;
	padding-left:33px;
}
.ul2 li a {
	display:inline-block;
	background:url("img/rarr.jpg") left 20px no-repeat;
}
.sharee  {
		 	background: url("img/sharee.png"); 
    		width: 690px; 
    		height: 34px; 
			position:absolute;
			
		 }
.sharee2  {
		 	width: 213px; 
    		height: 24px;
			position: relative;
			left:50%;
			margin-left:-100px;
		 }
.hviews  {
			position:absolute;
	        left:265px;
	        top:11px;
			color:#05aafc;
		 }
.related {
	padding-bottom:14px;
	list-style-image: url("img/bulleto.png");
	margin-left: 25px;
}
div#eform {
	width: 306px;
	height: 80px;
	background:url('img/eform.png') no-repeat;
	padding-top: 8px;
}
div#eform2 {
	width: 306px;
	height: 100px;
	background:url('img/eform2.png') no-repeat;
	padding-top: 8px;
}
div#download {
	margin:0px auto;
	width:582px;
	height:305px;
	background:url('img/board.png') no-repeat;
}

#download #content {
	padding:60px;
	padding-left:70px;
}

#content #icon, #content #info {
	width:50%;
}

#info {
	color:#fff;
	font-family:Trebuchet MS;
	font-size:12px;
	text-decoration:none;
}

#info h1 {
	font-size:30px;
	margin-bottom:15px;
}

#info h1, #info span {
	text-decoration:underline;
}

#info ul {
	list-style:none;
	margin-left:-40px;
}

#info li {
	margin-bottom:10px;
}

.float {
	float:left;
}

.clear {
	clear:both;
}


.share {
	padding-bottom:14px;
	list-style-image: url("img/bulleto.png");
	margin-left: 25px;
	

	.share li a { color: #333; font-size: 10px; font-weight: bold; text-transform: uppercase; }
	.share li.facebook { background: url(images/facebook.png) no-repeat left; }
	.share li.twitter { background: url(images/twitter2.png) no-repeat left; }
	.share li.delicious { background: url(images/delicious.png) no-repeat left; }
	.share li.digg { background: url(images/digg.png) no-repeat left; }
	.share li.stumble { background: url(images/stumble.png) no-repeat left; }