/*
Theme Name: StanfyBlogTheme
Theme URI: http://www.stanfy.com.ua/
Description: Заметки об ИТ технологиях, интернете, маркетинге и бизнесе ... 
Version: 1.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-size: 0.75em; color: #000;}
	  #wrapper {border: 0px solid grey; width: 915px; margin: 0px auto;}
  /* End of Styles for centering site (not for IE)*/ 
  
  
  /* @@@@@@@ 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;}
	  .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 {width: 907px;}
	  
	  .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: 12px Georgia; color: #898989;}  
	  
	  #content {margin:0px; padding:0px; width: 915px; margin-top:10px;  }  
	  #index { width: 76%; /*padding-top: 16px;*/ position: relative; top: 0px;} 
	
	   
	  .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: 904px; }
	/*  .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 76px 0px 81px;*/ 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: 13px; }    
	  
	  .articleBlock .articleTitleDate {font: 12px Georgia; color: #898989; /* padding-bottom: 28px;*/padding-top: 15px; }
	  .articleBlock .articleTitleDate .titleLink {font: 26px Lucida; color: #205dad; text-transform:uppercase;}
	  .articleBlock .articleTitleDate .titleLink  a {font: 26px Lucida; color: #205dad; text-decoration: none; text-transform:uppercase;}
	  .articleBlock .articleTitleDate a:hover {text-decoration: underline;}
	  .articleBlock .articleTitleDate .authorLink {font: 12px Georgia; color: #898989;} 
	  .articleBlock .articleTitleDate p {padding-top: 5px;}  
	  .articleBlock .articleTitleDate .countComLinkOrange a {font: 12px Georgia; color: #fe7701;}  
	  .articleBlock .articleTitleDate .floatLeftImgComLink {float: left; display: inline; margin: 4px 3px 0px 0px;}
	 
	/* >>>>> Typographic styles. */

      .articleBlock .articleContent {font: 14px/20px Georgia; color: #000; padding: 16px 0px 10px 0px;}
	  .articleBlock .articleContent p {padding: 8px 0px 0px 0px;}
	  .articleBlock .articleContent h2 {clear: left; font: bold 18px Georgia; color: #000; padding-top: 15px;}
	  .articleBlock .articleContent h3 {clear: left; font: bold 14px Georgia; color: #000; padding-top: 15px;}
	  .articleBlock .articleContent h4 {clear: left; font: bold 12px Georgia; color: #000; padding-top: 15px;}
	  	

	  *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 Georgia; 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 Georgia; color: #000;}
	  .articleBlock .articleContent ul li {font: 14px/20px Georgia; color: #000;}
	  .articleBlock .articleContent a img {border: 0px;}
	    
	/* <<<<<< End of typographic */  

	  .articleBlock .tagsCl {padding: 0px; font: 14px Georgia; color: #000;} 
	  .articleBlock .tagsCl a {text-decoration: none; font: 14px Georgia; color: #205dad;}
	  .articleBlock .tagsCl a:hover {color: #3231f1; text-decoration: underline;}
	  .articleBlock .tagsCl a:visited {color: #898989;}
	  
	  .articleBlock  .moreButton {float: right; display: inline; margin-top: 9px;}
	  
	/* 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: 12px Georgia; 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 12px Georgia; color: #000;}
	  .shareButtonCont a {font: bold 12px Georgia; color: #000;}
    	  
	  .pageLister { /*clear: both;  text-align: center; vertical-align: middle;*/ padding: 20px 0px 10px 0px; /*width: 740px;*/}
	  .pageLister table{background: none; border: none; margin: 0px;}
	  .pageLister td {border: none; padding: 0px; margin: 0px; /*text-align: center;*/  }	 
	  .pageLister tr:hover  {background: none;}
	  .pageLister a {font: 12px/18px Georgia; color: #175cbb;}
	/*  .pageLister img {vertical-align: middle; margin: 0px 7px;} */
	
	  .borderCont {border-left: 2px solid #175cbb; padding: 0px; margin: 0px; width: 5px; height: 38px; }
	  
	  
	  .rightP {float: right; display: inline; /*width: 360px;*/ width: 49%; height: 38px; overflow-y: hidden; overflow-x: hidden; 
text-align: left; }
	  *html .rightP {width: 47%; margin-right: 5px;}
	  .leftP {float: left; display: inline;/* width: 358px;*/ width: 49%; height: 38px; overflow-y: hidden; overflow-x: hidden; 
text-align: right;}
	
	  .leftP table{ float: right; display: inline; text-align: right;}
		  
	  .rightP a {display: block;  max-width: 332px; margin-right: 5px;}
	  .leftP a {display: block; max-width: 332px; margin-left: 5px; text-align: right;}

	  .centerP {/*margin-left: 368px;*/ 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 {padding: 0px 10px 30px 0px; font: 11px Georgia; color: #666; text-align: right;}
	  #footer a {font: 11px Georgia; color: #666;}
	  
    /* 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 Georgia; color: #898989; margin: 0px 0px 20px 50px;}
	  .commentsList .commentsAuthor .authorL  {font: 20px Georgia; color: #000; margin-right: 5px; text-decoration: underline;}
	  .commentsList .commentsAuthor .authorL a {font: 20px Georgia; color: #000; margin-right: 5px;}
	  .commentsList .commentsText {border: 0px solid black; font: 14px/20px Georgia; color: #000; padding: 0px 0px 0px 50px; width: 90%; overflow-x: hidden;}
	  
	  .workTextStyle {font: 14px Georgia; color: #898989;}
	  

	  .addCommentForm {background-color: #f7f7f7; padding: 20px 37px; margin: 10px 0px;}   
	  .addCommentForm  .fieldLabelCont {padding-bottom: 9px; vertical-align: middle;}  
	  .addCommentForm  .commentLabel {font: 14px Georgia;  color: #959595; float: left; display: inline; width: 45px; margin: 2px 5px 0px 0px;}
	  .addCommentForm  .commentField {border: 1px solid #d4d4d4; font: 14px Georgia;  color: #252525; padding: 2px; width: 316px; margin-right: 10px;}   
	  .addCommentForm .textareaHolder {width: 90%;}
	  .addCommentForm   textarea {border: 1px solid #d4d4d4; font: 14px Georgia; 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 Georgia; color: #959595; padding-bottom: 9px;}
	  .youIsText a {font: 14px Georgia; 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: 12px/16px Georgia; color: #000; padding:0px; margin:10px 0px}
	  #authors table .textCell .contacts {font: bold 12px/14px Georgia; padding:0px; margin:0px; color: #000;}
	  #authors table .textCell .label {font: bold 12px/14px Georgia; color: #000; text-decoration:none;}
	  #authors table .textCell .activity {font: 12px/14px Georgia; color: #999;}
	  #authors table .textCell .contact {font: 12px/16px Georgia; 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 12px; 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 {border: 0px dotted #ccc; position: relative; float: right;
top: 2px; padding: 0px 0px 0px 15px; /*left: 628px;*/ overflow: hidden; width: 21%;}
	#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: normal 16px Lucida; color: #205dad; padding: 15px 0px 5px 0px; text-transform: uppercase; text-align: left;}
	#sidebar h2 {font: normal 16px Lucida; color: #205dad; padding: 15px 0px 5px 0px; text-transform: uppercase;  text-align: left;}
	#sidebar ul {padding: 0px 0px 0px 8px; margin: 0px 0px 0px 20px;}
	#sidebar li {padding: 0px; margin: 0px 0px 5px 0px;}
	#sidebar div.stanfyFriends p {text-align: center; margin: 15px 0px;}