/*
Theme Name: Stanfy Blog Theme
Theme URI: http://www.stanfy.com.ua
Description: Об интернет технологиях, стартапах и программировании ... 
Version: 2.0
Author: Stanfy
Author URI: http://www.stanfy.com.ua
*/
  div, span, p, a, h1, h2, h3, h4, h5, h6, label, select, input {margin: 0px; padding: 0px; }
  
  /* Styles for CENTERING SITE (not for IE) */
	  body {margin: 0px auto; /*font-family: Georgia;*/ font-family:Trebuchet MS,sans-serif; font-size: 14px; color: #000;}
	  #wrapper {border: 0px solid grey; /*width: 875px; margin: 0px auto;*/ width: 880px; margin-left: auto; margin-right: auto; position: relative;}
  /* End of Styles for centering site (not for IE)*/ 
  
  a img {border: none;}
  
  a {text-decoration: none;}
  a:hover {text-decoration: underline;  }
  
  /* @@@@@@@ MEGA HACK FOR IE (centering site and images inside) - don't modify @@@@@@@*/
	  *html body {text-align: center;}
	  *html body #wrapper  {text-align: left;}
	  *html body #wrapper #index .articleBlock .articleContent  {text-align: center;} 
	  *html body #wrapper #index .articleBlock .articleContent p, h2, h3, h4, h5, h6, ul li, ol li, a, label, select, input, div, span, table  {text-align: left;} 
  /* @@@@@@@ End of MEGA HACK FOR IE @@@@@@@ */ 
  
  
  /* General styles */
	  .floatLeft {float: left; display: inline;}
	  .floatRight {float: right; display: inline;}
	  .clearLeft {clear: left; font-size: 0px;}
	  .clearBoth {clear: both; font-size: 0px;}  
	  .nocomments {border: 0px solid gray; font: 22px Lucida; color: #aeaeae;  padding-bottom: 20px;}
	  .border {border: 1px solid red;}
  /* End of General styles */  
   
  	
  /* ###############################  header.php  ############################################# */     
	
	    /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Header @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
	  .header {height: 130px; position: relative; width: 877px;}
	  .header .logo {float: left; display: inline; margin-top: 32px;}
	 
	   
	 

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Menu @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
	  .menu {height: 40px; padding-top: 20px; margin-right: 0px; clear: right;}
	  .menu .item {height: 37px; float: right; margin-left: 5px; padding: 0px 5px 0px 15px;}
	  .menu .item a {font: normal 22px Trebuchet MS; color: #595959; text-decoration: none; display: block; height: 100%; text-align: center; vertical-align: middle; line-height: 35px; float: left;}
	  .menu .item a:hover { color: #000;}
	  
	  .menu .selected {color: #595959; text-decoration: underline; font: normal 22px Trebuchet MS; vertical-align: middle; line-height: 35px;}
	  .menu .selected a { text-decoration: underline;}
	  .menu .selected a:hover {color: #595959; cursor: default;}
  
    
	.lang {border-bottom: 0px solid #ddd; padding-bottom: 0px; height: 45px; margin: 20px 0px 0px 0px; float: right; }
	.lang p {border: 1px solid #fff; width: 20px; height: 20px; padding: 4px 4px 4px 7px; margin: 3px; font: bold 16px Arial; color: #595959; float: left;}
	.lang p a {color: #187CD1; text-decoration: none;} 
	.lang p a:hover {color: #1a66a9;}
	.lang p.active {background-color: #eee;}
	.lang p.active a {color: #595959; /*text-decoration: underline;*/} 


  
  /*
  .menu .selected {background:url('../images/menuSelectedGrad.gif') top left repeat-x; border: solid 1px #C6D7EC; color: #FFF; font: normal 20px Trebuchet MS; }
  .menu .selected a {color: #FFF; }
  */
  
  	  .floatLeftLogo {float: left; display: inline; padding: 10px 0px 0px 15px;}
		
	  .menuLinksRight {float: right; display: inline; text-align: right; padding: 5px 5px 0px 0px;}
	  .menuLinksRight a {font: 20px Lucida; color: #545454; text-decoration: none; }
	  .menuLinksRight a:hover {text-decoration: underline;}  
	 	  
	  .titleBlogBlock {margin-left: 80px;}
	  .titleBlogBlock .blogMainTitle {font: 42px Lucida; color: #545454;}
	  .titleBlogBlock .subTitle {font: 14px Trebuchet MS; color: #898989;}  
	  
	  #content {margin:0px; padding:0px; width: 875px; margin-top:10px; position: relative;  }  
	  #index { width: 70%; /*padding-top: 16px;*/ position: relative; } 
	
	   
	 /* .borderTop {background: url('images/backg_border_top.gif') top left no-repeat; width: 915px; height: 4px;}
	  .borderCenter {background: url('images/backg_border_center.gif') center left repeat-y; width: 915px;}
	  .borderBottom {background: url('images/backg_border_bottom.gif') top left no-repeat; width: 915px; height: 9px;} */
	  .centerCont {width: 875px; }
	/*  .withPartners {background:transparent url('images/partners_sep.gif') repeat-y scroll 670px 0;}*/
	  
	  .rssBlock {background-color: #ececec; float: right; display: inline; padding: 8px 5px 10px 10px;}
	  .rssBlock .rssLinks{font: bold 16px Lucida; letter-spacing: 1.2; color: #636363; margin: 0px 5px; text-decoration: none;}
	  .rssBlock .rssLinks:hover  {text-decoration: underline;}	  
	 	  
	/*  #marginSetter { margin: 0px 50px 0px 65px;  padding-bottom: 10px; position: relative;}*/
  /* ###############################  End of header.php  ############################################# */  
  
  
  
  /* ###############################  Styles for articles ############################################# */  
	  .articleBlock {/*padding: 28px 75px 0px  81px; padding-bottom: 28px;*/ margin-bottom: 30px; clear:left; padding-top: 30px;}    
	  
	  .articleBlock .articleTitleDate {font: 14px Trebuchet MS; color: #898989; /* padding-bottom: 28px; padding-top: 15px;*/ min-height: 35px; _height: 35px; }
	  .articleBlock .articleTitleDate .titleLink {font: 24px Trebuchet MS; color: #187CD1;/*#205dad;*/ line-height: 26px;}
	  .articleBlock .articleTitleDate .titleLink  a {font: 24px Trebuchet MS; color: #187CD1;/*#205dad;*/ text-decoration: none; line-height: 26px;}
	  .articleBlock .articleTitleDate .titleLink  a:hover {color: #1a66a9;}
	  
	  .articleBlock .articleTitleDate .dateBlock {float: right; display: inline; padding-top: 5px; padding-left: 10px; *width: 225px;}
	  .articleBlock .articleTitleDate a:hover {text-decoration: underline;}
	  .articleBlock .articleTitleDate .authorLink {font: 13px Trebuchet MS; color: #898989;} 

	  .articleBlock .articleTitleDate p { float: right; font: 13px Trebuchet MS;}  
	  .articleBlock .articleTitleDate .countComLink {float: right; padding-top: 2px;}
	  .articleBlock .articleTitleDate .countComLink a {font: 13px Trebuchet MS; color: #898989;}  
	  .articleBlock .articleTitleDate .authorLink:hover, .articleBlock .articleTitleDate .countComLink a:hover {color: #5c5b5b;}
	  .articleBlock .articleTitleDate .floatLeftImgComLink {float: left; display: inline; margin: 3px 3px 0px 0px;}
	 
	 
	 

	/*  .socialButton .tweetmeme_button {padding-top: 1px; _padding-top: 1px; width: 80px;}
	  .socialButton  span.FBConnectButton_Text_Simple  {font-size: 12px; color: #187CD1; line-height: 16px;}
	 */
	 
	/* 
	 .socialButton {padding: 25px 0px 0px; height: 20px; position: relative;}
	iframe {
		margin: 0px;	
		width: 100px;
		height: 25px;
		float: left;
		*position: absolute;
		*top: 0px;
		*left: 0px;

	}		 
	.socialButton #fb_share_1 {
		margin: 0px;	
		*position: absolute; 
		*top: 0px; 
		*left: 100px;
	}
	*/
	
/*	.socialButton #fb_share_1 {
		margin: 0px;	
		width: 100px;
		height: 25px;
		
		position: absolute;
		top: 25px;
		left: 0px;
		z-index: 200;
	}		 
	 iframe {
		margin: 0px;	
		position: absolute; 
		top: 25px; 
		left: 70px;
	}
	.cover {
		position: absolute;
		top: 25px;
		left: 70px;
		height: 19px;
		width: 15px;
		background-color: #fff;
		z-index: 200;
	}

	*/
	
	.socialButtons {
		/*margin-left: 5px;
		padding-top: 12px;	*/	
		*position: absolute;
		*top: 0px;
		*left: 0px;
		_margin-left: 0px;
		padding: 25px 0px 0px 0px; 
		height: 20px;
		width: 100%;
		position: relative;
	}
	
	
	.socialButtons .retweetButton iframe {
		margin: 1px 0px;	
		width: 93px;
		height: 25px;
		float: left;	
		left: -15px;
		position: relative;		
	}	
	.likeButton {
		float: left;
		margin: 0px;
	}
	.socialButtons #fb_share_1 {
		margin: 1px 0px 0px 15px;	
		float: left;		
	}
	.vk-button table {
		padding: 0px;
		margin: 0px 0px 0px 5px;
		float: left;
	}
	.articleContent #fb-like, #sidebar #fb-like {
		display: none;
	}
	.cover {
		position: absolute;		
		top: 22px;
		left: -15px;
		height: 20px;
		width: 15px;
		background-color: #fff;
		z-index: 200;
	}
	 
	/* >>>>> Typographic styles. */

      .articleBlock .articleContent {font: 14px/20px Trebuchet MS; color: #000; /*padding: 10px 0px 0px 0px;*/ padding: 0px;}
	  .articleBlock .articleContent p {padding: 8px 0px 0px 0px; text-align: justify;}
	  .articleBlock .articleContent h2 {clear: left; font: bold 18px Trebuchet MS; color: #000; padding-top: 15px;}
	  .articleBlock .articleContent h3 {clear: left; font: bold 14px Trebuchet MS; color: #000; padding-top: 15px;}
	  .articleBlock .articleContent h4 {clear: left; font: bold 14px Trebuchet MS; color: #000; padding-top: 15px;}
	  	
	  .articleBlock .articleContent a {color: #187CD1;}
	  .articleBlock .articleContent a:hover {color: #1a66a9;}
		

	  *html .articleBlock .articleContent ol.withImgLeft {float: left; display: table-cell; padding: 0px;/*padding: 0px 81px 0px 0px;*/ margin: 8px 0px 0px -22px;}	  
	  *html .articleBlock .articleContent ul.withImgLeft {float: left; display: table-cell; padding: 0px; /*padding: 0px 81px 0px 0px;*/ margin: 8px 0px 0px -22px;}	
	

      .articleBlock .articleContent ol.withImgLeft, ul.withImgLeft {position: relative; left: 35px; padding:0px 0px 0px 35px; margin-top: 8px;}	  
	  .articleBlock .articleContent .withImgLeft li {font: 14px/20px Trebuchet MS; color: #000; margin: 0px 0px 0px 30px;  padding: 0px;}
	  
	  .articleBlock .articleContent ol, ul {margin-top: 8px; margin-bottom: 0px;}
	  .articleBlock .articleContent ol li {font: 14px/20px Trebuchet MS; color: #000;}
	  .articleBlock .articleContent ul li {font: 14px/20px Trebuchet MS; color: #000;}
	  .articleBlock .articleContent a img {border: 0px;}
	    
	/* <<<<<< End of typographic */  

	  .articleBlock .tagsCl {clear: left; padding-top: 10px; font: 14px Trebuchet MS; color: #000;} 
	  .articleBlock .tagsCl a {text-decoration: none; font: 14px Trebuchet MS; color: #898989;}
	  .articleBlock .tagsCl a:hover { text-decoration: underline; color: #5c5b5b;}

	  
	  .articleBlock  .moreLink {float: left; clear: left; margin-top: 9px; color: #187CD1; font-size: 14px; font-weight: bold; line-height: 15px;}
	  .articleBlock  .moreLink a{color: #187CD1; font-weight: bold;}
	  .articleBlock  .moreLink a:hover {color: #1a66a9;}
	  
	  
	/* Styles for default classes of wordpress for images */
	  .alignleft {float: left; display: inline; margin: 11px 10px 5px 0px;}
	  .aligncenter {display: block; margin: 11px auto 5px;}
	  .alignright {float: right; display: inline; margin: 11px 0px 5px 10px;}
	  .wp-caption {background-color: #f7f7f7; padding: 10px 5px; text-align: center;} 
	  *html .wp-caption {background-color: #f7f7f7; padding: 10px; text-align: center;} 
	  .wp-caption-text {text-align:center !important; font: 14px Trebuchet MS; color: #626262;}  
    /* End of Styles for default classes of wordpress for images */    	
	  
	  .shareButtonCont {clear: left; margin-bottom: 10px; padding-top: 15px;/*margin: 10px 0px 10px 0px;*/ font: bold 14px Trebuchet MS; color: #000;}
	  .shareButtonCont a {font: bold 14px Trebuchet MS; color: #000;}
    	  
	  .pageLister { /*clear: both;  text-align: center; vertical-align: middle;*/ padding: 20px 0px 0px 0px; height: 30px;/*width: 740px;*/ text-align: left; }
	  .pageLister * {margin: 0px 1px; color: #b8b8b8;}
	 .pageLister table{background: none; border: none; margin: 0px;}
	  .pageLister td {border: none; padding: 0px; margin: 0px; vertical-align: middle;  }	 
	  .pageLister tr:hover  {background: none;}
	 
	  #indexPage.pageLister {text-align: center;}
	 
	
	 
	/*  .pageLister img {vertical-align: middle; margin: 0px 7px;} */
	
	  /*.borderCont {border-left: 2px solid #b8b8b8;  padding: 0px; margin: 0px; width: 5px; height: 38px; }*/
	  
	  .rightP, .leftP {width: 250px;}
	  .rightP {float: right; display: inline; /*width: 360px;*/ height: 38px; overflow-y: hidden; overflow-x: hidden; text-align: right; }
	  .rightP table {float: right;}
	  *html .rightP {width: 47%; margin-right: 5px;}
	  .leftP {float: left; display: inline;/* width: 358px;*/  height: 38px; overflow-y: hidden; overflow-x: hidden; }
	
	  .leftP table{text-align: left;}
		  
	  .rightP a {display: block;  max-width: 250px; margin-right: 5px; text-align: right;}
	  .leftP a {display: block; max-width: 250px; margin-left: 5px;}

	  /*.centerP { margin-left: 50%;}*/
	/*html .centerP {margin-left: 365px; }	  */
 
	  blockquote {background-color: #f2f2f2; margin: 20px auto 8px auto; padding: 7px 20px 17px 20px; width: 90%;}
 /* ###############################  End of Styles for articles ############################################# */
  
 
 /* #################################  footer.php  ########################################### */  
  /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Footer @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
  #footer { /*text-align: center; */ padding: 15px 10px 30px 0px; font: 11px Trebuchet MS; color: #898989; text-align: right;}

	  #footer a {font: 11px Trebuchet MS; color: #898989;}
	  #footer a:hover {color: #5C5B5B;}
	  
    /* Styles for goUpLink button */
	  .goUpLinkGrey {clear: left;margin: 10px 0px; height: 30px;}
	  .goUpLinkGrey  .goUp {margin-top: 7px; font: 20px Lucida; color: #e4e4e4; float: left; display: inline; text-decoration: none;}
	  .goUpLinkGrey  .goUp:hover {text-decoration: underline;}
    /* End of Styles for goUpLink button */ 	
 /* ################################# End of footer.php  ########################################### */ 
 
 
 /* #################################  comments.php  ########################################### */    
	  #comments {border-top: 2px solid #ccc; position: relative;  /*margin: 20px 75px 10px 81px;*/ margin: 20px 0px; padding-top: 10px; /*clear: both;*/}
	 
	  #comments form {margin: 0px; padding: 0px; }
	  #comments form * {position: relative; z-index: 10;}
	  .commentsList .singleCommentLine {margin-bottom: 25px; padding: 10px 0px; position: relative;}
	  .commentsList .alt {background-color: #f7f7f7;}  
	  .commentsList .commentImg {border: 0px solid blue; float: left;display: inline; padding-left: 10px; z-index: 10; position: relative;}  
	  .floatRightGravatar {border: 0px solid green; float: right; display: inline; margin: 0px 10px 0px 0px; z-index: 10; position: relative;}
	  .commentsList .commentsAuthor {border: 0px solid red; width: 70%; font: 14px Trebuchet MS; color: #898989; margin: 0px 0px 20px 50px;}
	  .commentsList .commentsAuthor:hover{color: #5c5b5b;}
	  .commentsList .commentsAuthor .authorL  {font: 20px Trebuchet MS; color: #000; margin-right: 5px; text-decoration: underline;}
	  .commentsList .commentsAuthor .authorL a {font: 20px Trebuchet MS; color: #000; margin-right: 5px;}
	  .commentsList .commentsText {border: 0px solid black; font: 14px/20px Trebuchet MS; color: #000; padding: 0px 0px 0px 50px; width: 90%; overflow-x: hidden;}
	  
	  .workTextStyle {font: 14px Trebuchet MS; color: #898989;}
	  

	  .addCommentForm {background-color: #f7f7f7; padding: 20px 37px; margin: 10px 0px;}   
	  .addCommentForm  .fieldLabelCont {padding-bottom: 9px; vertical-align: middle;}  
	  .addCommentForm  .commentLabel {font: 14px Trebuchet MS;  color: #959595; float: left; display: inline; width: 45px; margin: 2px 5px 0px 0px;}
	  .addCommentForm  .commentField {border: 1px solid #d4d4d4; font: 14px Trebuchet MS;  color: #252525; padding: 2px; width: 316px; margin-right: 10px;}   
	  .addCommentForm .textareaHolder {width: 90%;}
	  .addCommentForm   textarea {border: 1px solid #d4d4d4; font: 14px Trebuchet MS; color: #252525; padding: 18px; width: 100%; height: 155px; margin: 20px 0px;}
	  

	  .addCommentForm .buttonSubmit {border: 0px; background: url('images/button_submit.gif') center center no-repeat; width: 194px; height: 33px; margin: 0px; padding: 0px;}
	  
	  .youIsText {font: 14px Trebuchet MS; color: #959595; padding-bottom: 9px;}
	  .youIsText a {font: 14px Trebuchet MS; color: #959595;}	  
	  
  /* ################################# End of comments.php  ########################################### */  
  
  
  /* ################################# 404.php  ########################################### */   
	  #err404 {clear: both; font: 14px Lucida; color: #aeaeae;}
	  #err404 .title {text-align: center; font: 38px/100px Lucida; color: #aeaeae;}
	  #err404 .errTextBig {text-align: center; font: 22px Lucida; color: #aeaeae; margin-top: 30px;}
	  #err404 .errTextSmall {text-align: center; font: 14px Lucida; color: #aeaeae; margin-top: 30px;}
	  #err404 .errTextSmall #errLink {font: 14px Lucida; color: #aeaeae; }	  
  /* ################################# End of 404.php  ########################################### */ 
  
  /* ################################# styles for About page  ########################################### */ 
	  #authors table {border: 0px solid #000;}
	  #authors table .imgCell {padding:10px 15px 0px 10px; border: 0px solid #999;}
	  #authors table .imgCell img {border: 1px solid #ccc;}
	  #authors table .textCell {padding:10px 0px 15px 0px;}
	  #authors table .textCell strong {}
	  #authors table .textCell .bio {font: 14px/16px Trebuchet MS; color: #000; padding:0px; margin:10px 0px}
	  #authors table .textCell .contacts {font: bold 14px/14px Trebuchet MS; padding:0px; margin:0px; color: #000;}
	  #authors table .textCell .label {font: bold 14px/14px Trebuchet MS; color: #000; text-decoration:none;}
	  #authors table .textCell .activity {font: 14px/14px Trebuchet MS; color: #999;}
	  #authors table .textCell .contact {font: 14px/16px Trebuchet MS; color: #333;}
  /* ################################# End of styles for About page   ########################################### */ 
  
  #index .dp-highlighter {margin:0px;}
  
  pre {margin: 0px; line-height: 0px;}
    
/* for tables */
	table {margin: 8px 0 14px; border-bottom: 3px solid #d9d9d9; border-left: 1px solid #d9d9d9;  }
	table td,table th {text-align: left; padding: 3px 6px; border-top: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9;}
	table td {margin: 4px;}
	table th {background: #ebebeb; border-bottom: 2px solid #d9d9d9;}
	table tr.odd {background: #ebebeb;}
	table tr:hover {background: #d9d9d9;}


	dl {padding: 2px 0 8px;} 
	dt {float: left; clear: left; width: 100px; text-align: right; font-weight: bold; text-decoration: underline;}
 	dt:after {content: ": ";}
 	dd {margin: 0 0 0 110px; padding: 0 0 0.5em 0;}
/* for tables */	

#authors table td {border: none;}
	.sidebar-top {border: 0px solid red; margin-top: 20px; height: 60px;  background: url('images/sidebar-border-top-1.png') top left no-repeat;}
	.sidebar-top .socialIcons {padding: 15px 0px 0px 15px;}
	.sidebar-top .socialIcons a {margin: 0px 3px;}
	
	
	.sidebar-bottom {border: 0px solid red; width: 20px; height: 100px;  background: url('images/sidebar-border-bottom-1.png') top left no-repeat;}
	.sidebar-cont {background: #efefef url('images/sidebar-border.png') top left repeat-y; padding: 20px 0px 20px 15px;}
	#sidebar {border-left: 0px dotted #ccc;  position: relative;  float: right;  /*left: 628px;*/ overflow: hidden; width: 27%;}
	#sidebar a {color: #000; text-decoration: none;}
	#sidebar a:hover {text-decoration: underline;}
	#sidebar a img {border: none;}
	#sidebar .langs_sidebar {padding-bottom: 15px;}
	#sidebar .title {font: bold 16px Trebuchet MS; color: #898989;/*#205dad;*/ padding: 15px 0px 5px 0px; text-align: left;}
	#sidebar h2 {font: bold 16px Trebuchet MS; color: #898989;/*#205dad;*/ padding: 15px 0px 5px 0px; text-align: left;}
	
	#sidebar ul {padding: 0px 0px 0px 8px; margin: 0px 0px 0px 20px;}
	
	#sidebar ul.tags, #sidebar .twitter ul  {padding: 10px 7px 10px 13px; margin: 0px; width: 85%; font-size: 13px; border: 1px solid #ddd; background-color: #fff; }
	#sidebar ul.tags li {padding: 1px 0px; width: 90%; list-style-type: none;}
	#sidebar ul.tags li  a {color: #187CD1;}
	#sidebar ul.tags li  a:hover {color: #1a66a9;}
	
	#sidebar .twitter ul  { list-style-position: outside; }
	#sidebar .twitter ul li {list-style-type: none;   padding: 3px 0px; width: 95%;  }
	
	#sidebar li {padding: 0px; margin: 0px 0px 5px 0px;}
	#sidebar div.stanfyFriends p {text-align: center; margin: 0px 0px 7px 0px;}
	#sidebar div.stanfyFriends p{border: 1px solid #ddd; padding: 10px; width: 85%; background-color: #fff;}
	#sidebar div.stanfyFriends p img {padding: 0px; margin-top: 0px; margin-bottom: 0px;} 
	
	
	#sidebar .stanfyFriends .tweetmeme_button,#sidebar .stanfyFriends #fb_share_1{ display: none;}
	 
	#sidebar .entry-meta, #sidebar .entry-meta a{font-size: 11px; font-weight: bold; color: #666;}

  
  
  
  #sidebar .entry-content {background: url('images/twitter_3.png') top left no-repeat; padding-left: 13px;}
  
  #sidebar .entry-content a, #sidebar .twitter-user {color: #187CD1;}
  /*#sidebar a.twitter-user  {color: #205DAD;}*/
  #sidebar a.twitterwidget  {color:  #898989;}