/*
Theme Name: Bookmate Default
Theme URI: http://bookmate.ru/
Description: The default Bookmate theme based on the famous <a href="http://twitter.com/tenkirill">Ten</a>.
Version: 1.0
Author: Ten&Khmelev
Tags: gray
*/

/* Global reset (begin) */

	html {}

	body {
		padding: 0;
		margin: 0;
	}

	img {
		border: 0;
	}

	table {
		width: 100%;
		border-collapse: collapse;
		border: 0;
	}
	td, th {
		padding: 0;
		vertical-align: top;
		text-align: left;
		border: 0;
	}

	p {
		margin-top: 0;
		margin: 0px;
	}

	form, fieldset {
		margin: 0;
		padding: 0;
		border: 0;
	}

	h1,h2,h3,h4,h5,h6 {
		font-weight: normal;
		margin: 0;
		padding: 0;
	}

	small {
		font-size: 80% !important;
	}

	ul, ol, li, dl, dl dt, dl dd {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
  a::-moz-focus-inner, a {
    border: 0;
    padding: 0;
    margin: 0;
    outline: none;
  }
	

/* Global reset (end) */

/* Global definitions: Links (begin) */

	a:link, a:visited {
		color: black;
		text-decoration: none;
	}

	a:hover {
		text-decoration: underline;
	}

	a.g-link-inv:link, a.g-link-inv:visited {
		color: #888;
		text-decoration: underline;
	}

	a.g-link-inv:hover {
		text-decoration: none;
	}
	
    .g-pseudo-link, .g-border-link
    {
        position: relative;
        top: -0.14em;

        cursor: pointer;
        white-space: nowrap;
        text-decoration: none;

        border-bottom: 1px dotted;
    }
    
    .g-border-link {
      border-bottom-style: solid;
    }
    
    .g-pseudo-link:hover, .g-border-link:hover
    {
      text-decoration: none;
    }

    .g-pseudo-link span, .g-border-link span
    {
        position: relative;
        top: 0.14em;
				font-weight: normal;
    }

/* Global definitions: Links (end) */

/* Global definitions (begin) */

	html, body {
		width: 100%;
		height: 100%;
	}

	body {
		font: 13px Helvetica, Arial, sans-serif;
		color: black;
		position: relative;
		background-image: url(d.gif);
		background-attachment: fixed;
	}
	
	.g-color {
		color: #0971B2;
	}


	/* Default styles for clear blocks */
	.clear {
		clear: both;
	}

	.clear-left {
		clear: left;
	}

	.clear-right {
		clear: right;
	}
	
	.g-clear-after {
		height: 1%;
	}
	
	.g-clear-after:after {
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
		clear: both;
	}
	
	/* Default limits for layout */
	.g-limit {
	  width: 1000px;
	}
	
	.g-centered {
		margin: 0 auto;
	}

	/* Pre-define headers */
	h1, h2, h3, h4, h5 {
		font-weight: bold;
		position: relative;
	}
	
	h1 {
		font-size: 22px;
	}
	
	h2 {
		font-size: 20px;
	}
	
	h3 {
		font-size: 16px;
	}

	h4 {
		font-size: 14px;
	}
	
	h5 {
		font-size: 11px;
	}
	
	/* Чтобы бабл был на уровень выше контента */
	.g-page { 
		position: relative;
		z-index: 1;
		height: 100%;
	 }
	
/* Global definitions (end) */

/* Прижимаем блок к нижнему краю страницы */

  .l-page {
    position: relative;
    min-height: 100%;
  }
  
  .l-page .l-page {
    min-height: 0;
    padding-bottom: 120px;
  }
  
  .l-page-bottom {
    z-index: 1;
    clear: both;
    position: relative;

    margin-top: -100px;
    height: 100px;
  }

/* Прижимаем блок к нижнему краю страницы (end) */

/* Главный layout страницы */

  .l-float { float: left; }
  .l-rfloat { float: right; }
  
  /* Основная сетка */
  .l-block { margin: 0 6%; }
  .l-block-left { margin-right: 0; }
  
  .l-column-half { width: 48%; }
  .l-layout { width: 990px; margin: 0 auto; }
  
  .l-column { float: left; }
  .l-column,
  .l-x1 { width: 250px; }
  .l-x2 { width: 500px; }
  .l-x3,
  .l-column-full { width: 750px; }
  
  .l-column-right { width: 200px; float: right; }

  .l-grid .l-column,
  .l-grid .l-x1 { width: 230px; }
  .l-grid .l-x2 { width: 460px; }
  .l-grid .l-x3,
  .l-grid .l-column-full { width: 690px; }
  .l-grid .l-column-right { width: 300px; }

  .l-offset-right { padding-right: 30px; }
  
  .l-layout-block { padding: 15px; border: 1px solid #d9d9d9; border-top-width: 0; }
  
  /* Серая тема */
  .l-layout-gray { background: #303030; }


/* Главный layout страницы (end) */

/* Подвал */

  .l-page-bottom .l-layout { padding-top: 15px; }

  .b-footer { height: 60px; border: 1px solid #dfdfdf; color: #888; padding-left: 55px; background: url(images/b-footer/logo.gif) no-repeat 17px 16px; font-size: 13px; }
  .b-footer a { color: #888; }
  .b-footer .b-footer-info { height: 60px; border-left: 1px solid #dfdfdf; }
  .b-footer .b-footer-menu { border-bottom: 1px solid #dfdfdf; font-weight: bold; padding: 8px 11px 7px; }
  .b-footer .b-footer-menu ul { float: left; }
  .b-footer .b-footer-menu ul li { display: inline; padding-right: 15px; }
  .b-footer .b-footer-menu .b-footer-menu-twitter { float: right; font-weight: normal; }
  .b-footer .b-footer-menu .b-footer-menu-twitter a { color: black; padding-left: 22px; background: url(images/b-footer/twitter.png) no-repeat 0 0; padding-top: 3px; padding-bottom: 1px; }

  .b-footer .b-footer-copyright { padding: 8px 0 0 11px; }
  .b-footer .b-footer-copyright span { padding-left: 18px; }

/* Подвал (end) */

/* Шапка */

  .b-header .b-header-account { border-bottom: 1px solid #ccc; padding: 12px 0 7px 0; }
  .b-header .b-header-account .b-header-bookmate { width: 160px; height: 20px; background: url(images/b-header/logo.png) no-repeat 0 -30px; float: left; position: relative; top: -3px; margin-bottom: -3px; zoom: 1; }
  .b-header .b-header-account a .b-header-bookmate { cursor: pointer; }
  .b-header .b-header-account ul { float: right; font-weight: bold; font-size: 13px; padding-top: 1px; }
  .b-header .b-header-account ul li { float: left; margin-left: 30px; }
  .b-header .b-header-account ul li.right { float: right; }
  .b-header .b-header-account ul li.space { width: 60px; height: 1em; }

  .b-header .b-header-blog { font-family: Georgia, serif; border-bottom: 1px solid #d6d6d6; padding-bottom: 35px; position: relative; }
  .b-header .b-header-blog h1 { font-size: 48px; font-weight: normal; color: #736357; float: left; padding-top: 5px; }
  .b-header .b-header-blog h1 a { color: #736357; text-decoration: underline; }
  .b-header .b-header-blog h1 a:hover { color: black; }
  .b-header .b-header-blog p { margin-left: 120px; font-size: 12px; color: #736357; font-style: italic; line-height: 14px; width: 380px; padding-top: 24px; }
  .b-header .b-header-blog p a { color: #736357; text-decoration: underline; }
  .b-header .b-header-blog p a:hover { color: black; }
  .b-header .b-header-blog .b-header-logo { width: 38px; height: 52px; background: url(images/b-header/logo.png) no-repeat -200px 0; float: right; position: relative; top: 15px; }
  .b-header .b-header-blog a .b-header-logo { cursor: pointer; }

/* Шапка (end) */

/* post list */

  .b-post-list { font-size: 15px; line-height: 25px; font-family: Georgia, serif; width: 740px; float: left; }
  .b-post-list .b-post-list-entry { border-bottom: 1px solid #d6d6d6; padding: 10px 0 50px; }
  .b-post-list .b-post-list-entry .bpe-side { font-size: 12px; font-family: Helvetica, Arial, sans-serif; line-height: 20px; float: left; }
  .b-post-list .b-post-list-entry .bpe-side,
  .b-post-list .b-post-list-entry .bpe-side a { color: #606060; }
  .b-post-list .b-post-list-entry .bpe-entry { margin-left: 120px; width: 620px; }
  
  .b-post-list .b-post-list-entry .bpe-entry h2 { font-size: 25px; font-style: italic; font-weight: normal; margin-bottom: 0.3em; }
  .b-post-list .b-post-list-entry .bpe-entry a { text-decoration: underline; }
  .b-post-list .b-post-list-entry .bpe-entry a:hover { text-decoration: none; }
  .b-post-list .b-post-list-entry .bpe-entry h2 a { text-decoration: none; }
  .b-post-list .b-post-list-entry .bpe-entry h2 a:hover { text-decoration: underline; }
  .b-post-list .b-post-list-entry .bpe-entry .more { font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; }
  .b-post-list .b-post-list-entry .bpe-entry p { margin-bottom: 1em; }
  .b-post-list .b-post-list-entry .bpe-entry .centered { text-align: center; margin-left: auto; margin-right: auto; }
  .b-post-list .b-post-list-entry .bpe-entry table.centered td,
  .b-post-list .b-post-list-entry .bpe-entry table.centered th { text-align: center; line-height: 18px; }
  .b-post-list .b-post-list-entry .bpe-entry .gray { color: #736357; }

/* post list (end) */

/* comments */

  .b-post-comments { padding-left: 120px; width: 620px; }
  .b-post-comments h3 { font-size: 20px; color: #736357; font-style: italic; font-weight: normal; padding-top: 5px; }
  .b-post-comments p.note { font-size: 14px; }
  .b-post-comments .b-post-comments-form p { position: relative; padding-bottom: 10px; }
  .b-post-comments .b-post-comments-form p label { font-size: 14px; position: absolute; left: 0; top: 0; }
  .b-post-comments .b-post-comments-form p span { margin-left: 60px; display: block; }
  .b-post-comments .b-post-comments-form p span input { width: 340px; vertical-align: top; }
  .b-post-comments .b-post-comments-form p span em { font-size: 11px; color: #636363; vertical-align: top; padding-left: 5px; }
  .b-post-comments .b-post-comments-form p textarea { width: 95%; font-family: Arial, sans-serif; font-size: 14px; padding: 5px; display: block; margin: 5px 0; }

  .b-post-comments .b-post-comments-list { padding-bottom: 40px; }
  .b-post-comments .b-post-comments-list li { padding-top: 25px; }
  .b-post-comments .b-post-comments-list li .info { font-size: 13px; color: #898989; font-family: Helvetica, Arial, sans-serif; line-height: 17px; }
  .b-post-comments .b-post-comments-list li .info a { color: #898989; }
  .b-post-comments .b-post-comments-list li .info span,
  .b-post-comments .b-post-comments-list li .info span a { color: black; font-weight: bold; }
  

/* comments (end) */

  .b-sidebar { width: 220px; float: right; padding-top: 10px; }
  .b-sidebar h4 { font-family: Georgia, serif; font-weight: normal; font-style: italic; color: #808080; font-size: 16px; }
  .b-sidebar .twtr-widget .twtr-ft span { display: none; }
  
  .b-sidebar .b-sidebar-info { font-size: 13px; line-height: 20px; padding-left: 12px; }
  .b-sidebar .b-sidebar-info a { text-decoration: underline; }
  .b-sidebar .b-sidebar-info a:hover { text-decoration: none; }
  
/* sharing */
  .bm_share { width: 100%;/* height: 25px; overflow: hidden;*/ margin-bottom: 1em; }
  .bm_share .bm_share_service { padding-top: 10px; }
  .bm_share .bm_share_fb { margin-top: 2px; }
  .bm_share .bm_share_tw { margin-top: 3px; }