/*
Theme Name: Livabl
Theme URI: http://www.livabl.com
Author: Vivin K V
Author URI: http://www.livabl.com
Description: This theme was custom designed and built for the BuzzBuzzHome News site
Version: 0.1
License: -
License URI: -
Tags: BuzzBuzzHome, Leonard
Text Domain: Livabl

*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */
html,body
{
	margin:0px;
	padding:0px;
	background-color:#F2F2F2;
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
    -webkit-font-smoothing: antialiased;
}

a img
{
  border:0;
}
.nodisplay
{
	display:none;
}


#postcontent  a
{
	color: #00A0A0;
	text-decoration:none;
}
#postcontent  a:hover
{
	color: #00A0A0;
	text-decoration:underline;
}




/*-- hack fix for stupid broken shit */
.separator{
	clear:none !important;
}


/*-- grabbed this from other code */
/*---------------------------------------------------------------*/
/* GALLERY
/*---------------------------------------------------------------*/

.gallery { margin: auto; /* gallery clearing*/ overflow: hidden; width: 100%; } 
.gallery .gallery-item { float: left; margin-top: 10px; text-align: center; } 
.gallery img {border: 2px solid #cfcfcf;}
.gallery .gallery-caption {margin-left: 0;}
.gallery br {  }

/* available Columns */
.col-2 { width: 50% } .col-3 { width: 33.333% } .col-4 { width: 25% } .col-5 { width: 20% } .col-6 { width: 16.666% } .col-7 { width: 14.285% } .col-8 { width: 12.5% } .col-9 { width: 11.111% } 

/*Resize images to fit the main content area.*/
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img { 
max-width: 100%; /* When images are too wide for containing element, force them to fit. */ 
height: auto; /* Override height to match resized width for correct aspect ratio. */ }
.alignleft, img.alignleft { display: inline; float: left; margin-right:24px; margin-top: 4px; border-style:solid !important; border-width:1px !important; border-color:#e6e6e6 !important; /*-webkit-border-radius: 5px; -moz-border-radius:5px; border-radius:5px;*/} 
.alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; border-style:solid !important; border-width:1px !important; border-color:#e6e6e6 !important; } 
.aligncenter, img.aligncenter { display: block; margin-left: auto; margin-right: auto; border-style:solid !important; border-width:1px !important; border-color:#e6e6e6 !important; } 
img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; } 
.wp-caption {
background: #f1f1f1;line-height: 18px;	margin-bottom: 20px;	max-width: 632px !important; /* prevent too-wide images from breaking layout */padding: 0px;	text-align: center;}
.wp-caption img {margin: 5px 5px 0;}
.wp-caption p.wp-caption-text {color: #888; font-size: 11px;	margin: 5px;}
.wp-smiley {	margin: 0;}
.gallery {margin: 0 auto 18px;}
.gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } 
.gallery-columns-2 .gallery-item {width: 50%;}
.gallery-columns-4 .gallery-item {width: 25%;}
.gallery img {border: 2px solid #cfcfcf;}
.gallery-columns-2 .attachment-medium {max-width: 92%;height: auto;}
.gallery-columns-4 .attachment-thumbnail {max-width: 84%; height: auto;}
.gallery .gallery-caption {color: #888;	font-size: 12px; margin: 0 0 12px;}
.gallery dl {	margin: 0;}
.gallery img {	border: 10px solid #f1f1f1;}
.gallery br+br {	display: none;}

#container .attachment img {
/* single attachment images should be centered */
display: block;	margin: 0 auto; margin-top:20px}

/*.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}*/


#postcontent .lightboxIcon  {position:absolute;cursor: url(./img/img-icon.gif),auto;}
#postcontent .lightboxIcon { clear: both;display:block;background-image:url(./img/img-icon.gif); background-repeat:no-repeat; width:16px; height:16px;}
.custom-pointer {
    cursor: url(./img/img-icon.gif), auto;
}

.twentytwenty-after {
  width:100%; }