/*
Theme Name: Sampression Lite
Theme URI: http://www.sampression.com/sampression-lite/
Author: Sampression
Author URI: http://www.sampression.com 
Description: Sampression Lite is a minimalist, fully responsive, retina ready, translation ready, clean theme, perfect for blogging. It's lightweight responsive design allows this theme to adapt across a range of screen sizes. Besides an elegant design, Sampression Lite features customizable menus and widgets, supports custom header color and image, custom background color and image, along with a threaded comments section. It supports sticky notes with special effects and allows for the best placement of feature images on posts. It is a full fledged theme with easily customizable theme option page.

Version: 1.4.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, orange, green, one-column, two-columns, flexible-width, custom-menu, featured-image-header, featured-images, post-formats, sticky-post, theme-options, threaded-comments, right-sidebar
Text Domain: sampression

This theme is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Table of Content
==================================================
	#Import CSS
	#Reset & Basics
	#Basic Styles
	#Typography
	#Links
	#Lists
	#Images
	#Helper classes
	#Basic WordPress Classes
	#Buttons
	#Forms
	#table
	#Misc
	#Gallery
	-----------------------------------------------
	
	#Common Styles
	#Site Styles
	#Media Queries
	*/

/* #Import CSS
================================================== */
	@import url(/css/skeleton.css);

.ico {
width: 10px;
height: 11px;
display: block;
float: left;
text-indent: -9999px;
margin: 4px 2px 5px 5px;
text-indent: -9999px;
background: url(/images/sampression-css-sprite.png) no-repeat 0 0;
}
#post-listing .col {
display: inline;
float: left;
}

article.post, .sm-top li a, .btn-top, .cancel-comment-reply a, .corner-stamp, .post-navigation .wp-pagenavi a, .post-navigation .wp-pagenavi span {
	-moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
	  border-radius: 5px;
	  }
	 

#post-listing {
	width:100%;
	float:left;
	padding-bottom:20px;
	font-size:12px;
	width: 700px;
	}
#post-listing p { text-indent:0; margin:0; color: rgb(102, 102, 102);}
#post-listing a { text-decoration:none; }
article.post {
	background-color:#fff;
	margin-bottom:30px !important;
	position:relative;
	}
article.post:after {
	content:".";
	background:url(/images/box-shadows.png) no-repeat 0 -11px;
	width:100%;
	height:10px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	bottom:-10px;
	left:3px;
	}
article.post .post-title {
	text-align:left;
	font-weight:bold;
	padding:10px 35px 10px 20px;
	margin:0;
	word-wrap:break-word;
	border:none;
	}
article.post .post-title a {
	color: #FF6600;
	font-family: "Droid Serif", serif;
	text-transform: none;
	text-decoration:none;
	}
article.post .post-title a:hover {
	color:#666;
	}
article.post .featured-img {
	height:100%;
	overflow:hidden;
	margin-bottom:10px;
	}
article.post .featured-img img {
    height: auto;
    width: 100%;
}
body.single article.post .featured-img {
	height:auto;
	margin:0;
	}
article.post .entry {
	padding:0 20px 10px 20px;
	word-wrap: break-word;
	}
article.post .meta {
	border-top:1px dotted #C2CFCC;
	padding:5px 15px;
	}
.meta .col { 
   min-height: 20px;
}

.meta {
	font-size:11px;
	clear:both;
	}
.meta, .meta a {
	color:#9BB0AB;
	}
.meta a:link, .meta a:visited {
	text-decoration:none;
	}
.meta a:hover, .meta a:active {
	color:#666;
	}
.post-author {
	margin-right:5px;
	}
.ico{
	width:10px;
	height:11px;
	display:block;
	float:left;
	text-indent:-9999px;
	margin:4px 2px 5px 5px;
	text-indent: -9999px;
	}
.post-author .ico {
	background-position:0 -128px;
	margin-top:4px;
	}
.meta time {
	margin-right:10px;
	}
.meta time .ico {
	background-position:-14px -128px;
	margin-top:4px;
	}
.cats .ico {
	background-position:0 -139px;
	margin-top:3px;
	margin-right:5px;
	}
.edit .ico {
	background-position:-14px -141px;
	}
.tags .ico {
	background-position:-14px -113px;
	width:13px;
	}
div.entry.clearfix p a{
	color: #8AB7AC;
	}
#post-listing article.post .read-more {
	display:block;
	padding:10px 0 0 0;
	}
#post-listing article.post .read-more a:hover{
	color:#666;
}

.count-comment {
	position:absolute;
	right:10px;
	top:10px;
	z-index:0;
	}
.count-comment a {
	background:#C1D6D2;
	padding:0 7px;
	display:inline-block;
	color:#fff;
	line-height:1;
	text-align:center;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	
	-moz-border-radius: 10px;
	  -webkit-border-radius: 10px;
	  border-radius: 10px;
	}
.count-comment .pointer {
	background:url(/images/sampression-css-sprite.png) no-repeat -3px -295px;
	width:5px;
	height:3px;
	display:block;
	position:absolute;
	left:5px;
	}
.home .count-comment .pointer{

	bottom:-2px;
}
@-moz-document url-prefix() { 
  .count-comment .pointer {
	 bottom:-1px;
	  }
}
.page-link {
	clear:both;
	padding-top:10px;
	} 

.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope, .isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.clearfix:before, .clearfix:after, .row:before, .row:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}