/*

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 fully responsive 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, along with a threaded comments section. It supports sticky notes with special effects and allows for the best placement of feature images on posts.



Version: 1.3

License: GNU General Public License v2

License URI: license.txt



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

*/



/* 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(lib/css/skeleton.css);



/* #Reset & Basics (Inspired by E. Meyers)

================================================== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

		margin: 0;

		padding: 0;

		border: 0;

		font-size: 100%;

		font: inherit;

		vertical-align: baseline; }

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

		display: block; }

	body {

		line-height: 1; }

	ol, ul {

		list-style: none; }

	blockquote, q {

		quotes: none; }

	blockquote:before, blockquote:after,

	q:before, q:after {

		content: '';

		content: none; }

	table {

		border-collapse: collapse;

		border-spacing: 0; }





/* #Basic Styles

================================================== */

	body {

		background: #fff;

		font: 13px/18px Arial, Helvetica, sans-serif;

		color: #535353;

		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */

		-webkit-text-size-adjust:100%;

		-ms-text-size-adjust:100%

 }

 

/* Highlight Color */

	::-moz-selection{ background: #bcd74c; color:#fff; text-shadow: none; }

	::selection { background:#bcd74c; color:#fff; text-shadow: none; }

/* Device onclick */	

	a:link { -webkit-tap-highlight-color: #F60; }





/* #Typography

================================================== */

	#home-nav {
		color: #535353;
		
		font-size: 14px;
		
		font-family: Arial,Helvetica,sans-serif;
		
		text-transform: lowercase;
		
		}
	
	h1, h2, h3, h4, h5, h6, #comment-header {

		color: #AB2323;

		font-family: "Droid Serif", serif;

		line-height:1.23;

		margin-bottom:10px;

		}

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }

	h1 { font-size: 20px; margin-bottom: 14px;}

	h2 { font-size: 18px; margin-bottom: 10px; }

	h3 { font-weight: bold; font-size: 16px; margin-bottom: 8px; }

	h4 { font-size: 14px; margin-bottom: 4px; }

	h5 { font-size: 12px; }

	h6 { font-size: 10px; }

	.subheader { color: #777; }



	p { margin: 0 0 20px 0; }

	p.lead { font-size: 21px; line-height: 27px; color: #777;  }



	em { font-style: italic; }

	strong { font-weight: bold; color: #333; }

	small { font-size: 80%; }



/*	Blockquotes  */

	blockquote, blockquote p { font-size: 12px; line-height: 24px; color: #777; font-style: italic; }

	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }

	blockquote cite { display: block; font-size: 12px; color: #555; }

	blockquote cite:before { content: "\2014 \0020"; }

	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }



	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }





/* #Links

================================================== */

	a:link, a:visited { color: #104577; text-decoration: none; outline: 0; }

	a:hover, a:focus { color: #80938F; }

	p a, p a:visited { line-height: inherit; }



.widget_tag_cloud {

    text-transform: lowercase;

}



.post-author-title a {

    font-size: 12px;

    font-weight: bold;

    line-height: 15px;

    margin: 0;

    word-wrap: break-word;

    font-family: "Droid Serif",serif;

    color: #104577;

}



.post-author-title {

    padding: 0px 5px 10px 10px;

}



body.single article.post .post-author-title {

    font-size: 25px;

    line-height: 25px;

    padding: 0px 40px 40px;

}



body.single article.post .post-author-title a {

    font-size: 16px;

    font-weight: bold;

    margin: 0;

    word-wrap: break-word;

    font-family: "Droid Serif",serif;

    color: #104577;

}



/* #Lists

================================================== */

	ul, ol, dl { margin-bottom: 20px; }

	ul { list-style: disc; }

	ul ul { list-style:circle; }

	ol { list-style: decimal; }

	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }

	ul.square { list-style: square outside; }

	ul.circle { list-style: circle outside; }

	ul.disc { list-style: disc outside; }

	ul ul, ul ol,

	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 100%;  }

	ul ul li, ul ol li,

	ol ol li, ol ul li { margin-bottom: 6px; }

	li { line-height: 14px; margin-bottom: 12px; }

	ul.large li { line-height: 21px; }

	li p { line-height: 21px; }

	dl dt {

		font-weight:bold;

		}

	dl dd {

		margin:0 0 10px 20px;

		}



/* #Images/videos

================================================== */

	img {

		max-width: 100%;

		height:auto;

		 }

	embed, object {

		max-width:100%;

		max-height:100%;

		position:relative;

		}

	iframe {

		max-height:100%;

		max-width: 100%;

}

/* #Helper classes

================================================== */

	.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

	.hidden { display: none; visibility: hidden; }

	.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px); }

	.invisible { visibility: hidden; }

	.col { display:inline; float:left;}

	.overflow-hidden { overflow:hidden; }



/* #Basic WordPress Classes

================================================== */

/* Aligns, prev next links */

	.alignleft {float:left;}

	.alignright {float:right;}

	.aligncenter, div.aligncenter {	display: block;	margin-left: auto;	margin-right: auto;}

	.navigation, .comment-navigation {display: block;clear:both;}

	.navigation {	margin-top: 40px; padding-bottom: 70px;	}

	.comment-navigation {margin-top: 15px;	padding-bottom: 5px;}		

	.navigation a, .comment-navigation a {}

	.navigation a:hover, .comment-navigation a:hover {}

	.attachment a { border:0}

	.navigation a img {border-radius:0; border:none}

	.navigation-image a {border:none}	



/* images */

	p img { padding: 0;}

	img.aligncenter { display: block; margin:5px auto; }

	img.alignright { padding: 4px; margin: 5px 5px 5px 20px; display: inline;}

	img.alignleft {	padding: 4px; margin: 5px 20px 5px 5px; display: inline; }

	.alignright { float: right; }

	.alignleft { float: left; }



/* Captions */

	.wp-caption {	border: 1px solid #ddd;	text-align: center;	background-color: #fafafa;	padding-top: 5px;	margin:10px;	-moz-border-radius: 3px;	-khtml-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;}

	.wp-caption img {	margin: 0;	padding: 0;	border: 0 none;}

	.wp-caption p.wp-caption-text {	font-size: 12px; line-height: 16px;	padding: 4px 4px 5px 0;	margin: 0; color:#666;}

	.wp-caption.alignleft { margin:0 20px 5px 0; }

	.wp-caption.alignright { margin:0 0 5px 20px; }



/* Various Tags & Classes */

	acronym, abbr, span.caps { cursor: help;}

	acronym, abbr {	border-bottom: 1px dashed #999;}

	blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 5px solid #ddd;}

	blockquote cite { margin: 5px 0 0; display: block;}

	.center { text-align: center;}

	.hidden { display: none;}	

	.screen-reader-text { position: absolute; left: -1000em;}





/* #Buttons

================================================== */



	.button,

	button,

	input[type="submit"],

	input[type="reset"],

	input[type="button"] {

		background:url(images/arrow-right.png) no-repeat 10px 9px #bcd74a;

	border:none;

	  padding: 6px 12px 6px 25px;

	  -moz-border-radius: 3px;

	  -webkit-border-radius: 3px;

	  border-radius: 3px;

	  color: #fff;

	  display: inline-block;

	  text-decoration: none;

	  cursor: pointer;

	  font:normal 14px "Droid Serif", serif;

	   }



	.button:hover,

	button:hover,

	input[type="submit"]:hover,

	input[type="reset"]:hover,

	input[type="button"]:hover {

		background-color:#63857F;

		}



	.button:active,

	button:active,

	input[type="submit"]:active,

	input[type="reset"]:active,

	input[type="button"]:active {

		background-color:#ff8a00;

		 }



	.button.full-width,

	button.full-width,

	input[type="submit"].full-width,

	input[type="reset"].full-width,

	input[type="button"].full-width {

		width: 100%;

		padding-left: 0 !important;

		padding-right: 0 !important;

		text-align: center;

		}



	/* Fix for odd Mozilla border & padding issues */

	button::-moz-focus-inner,

	input::-moz-focus-inner {

    border: 0;

    padding: 0;

	}





/* #Forms

================================================== */



	form {

		margin-bottom: 20px; }

	fieldset {

		margin-bottom: 20px; }

	input[type="text"],

	input[type="password"],

	input[type="email"],

	textarea,

	select {

		border: 1px solid #eee;

		padding: 6px 4px;

		outline: none;

		-moz-border-radius: 3px;

		-webkit-border-radius: 3px;

		border-radius: 3px;

		color: #777;

		margin: 0;

		width: 400px;

		max-width: 100%;

		display: block;

		margin-bottom: 20px;

		background: #fff;

		font-size:13px;

		font-family: Arial, Helvetica, sans-serif;

		

		box-shadow:-1px -1px 0 #A6BBB7;

		-moz-box-shadow:-1px -1px 0 #A6BBB7;

		-webkit-box-shadow:-1px -1px 0 #A6BBB7;

		

		-webkit-appearance: none;

	 }

	select {

		padding: 0;

		margin:0;

		}

	input[type="text"]:focus,

	input[type="password"]:focus,

	input[type="email"]:focus,

	textarea:focus {

 		color: #444;

 		box-shadow:1px 1px 0 #A6BBB7;

		-moz-box-shadow:1px 1px 0 #A6BBB7;

		-webkit-box-shadow:1px 1px 0 #A6BBB7; }

	textarea {

		min-height: 80px; }

	label,

	legend {

		display: block;

		font-weight: bold;

		font-size: 13px;  }

	label {

		display:inline-block;

		font-weight:normal;

		margin-bottom:5px;

		}

	select {

		width: 220px; }

	input[type="checkbox"] {

		display: inline; }

	label span,

	legend span {

		font-weight: normal;

		font-size: 13px;

		color: #444; }



/* #Table

================================================== */

table {

	width:100%;

	margin-bottom:20px;

	}

table td, table th {

	border:1px solid #eee;

	padding:5px;

	}

table th {

	font-weight:bold;

	}



/* #Misc

================================================== */

	.remove-bottom { margin-bottom: 0 !important; }

	.half-bottom { margin-bottom: 10px !important; }

	.add-bottom { margin-bottom: 20px !important; }

	



/* #Gallery

================================================== */

.gallery {

	margin:0 auto 18px;

}



.gallery .gallery-item {

	float:left;

	margin-top:0;

	text-align:center;

	width:155px;

}



.gallery img {

	border:1px solid #ddd;

}



.gallery .gallery-caption {

	font-size:12px;

	margin:0 0 12px;

}



.gallery dl {

	margin:0;

}



.gallery br+br {

	display:none;

}



.attachment-gallery img {

	background:#fff;

	border:1px solid #f0f0f0;

	display:block;

	height:auto;

	margin:15px auto;

	max-width:96%;

	padding:5px;

	width:auto;

}



.gallery-meta .full-size, .gallery-meta .aperture, .gallery-meta .focal-length, .gallery-meta .iso, .gallery-meta .shutter, .gallery-meta .camera {

	display:block;

}





/* #Common Styles (Dynamic)

================================================== */

address, pre {

	margin-bottom:20px;

	}

pre {

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:14px;

	margin-left:20px;

	}

#site-title {

	color:#AB2323;

	}

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;

	  }

	 

#searchform input#searchsubmit, .sm-top a, #primary-nav ul.nav-listing li a span, .ico, .btn-top, select, #comments-header a, .commentlist span.pointer, #btn-nav-opt {

	background:url(images/sampression-css-sprite.png) no-repeat 0 0;

	}



#page-not-found-message h2,

article.post .post-title,

article.post .post-title a,

#page-not-found-message h3 a {

	color:#AB2323;

	}



#comment-header h3,

#comments-title,

#comment-form-title,

.widget .widget-title,

#page-not-found-message h3,

#reply-title

{

	color:#535353;

	}



#site-description {

	color:#535353;

    	text-shadow: 1px 1px 1px #FFFFFF;

	}



/* #Site Styles

================================================== */



body {

	background: url("images/content-bg-rpt.gif") repeat scroll 0 0 transparent;

	}

#header {

	padding:5px 0 10px;

	border-bottom:1px dashed #C3DAD5;

	}

a#logo-area:link {

	text-decoration:none;

	}

#logo-wrapper .logo-img{

	display:inline;

	float:left;

	}

#logo-wrapper .logo-img {

	margin-right:10px;

	}

#logo-wrapper .logo-txt  {

	overflow:hidden;

	}

#site-title {

	font-size:27px;

	line-height:1;

	margin:10px 0 0 0;

	font-weight:bold;

	text-transform:uppercase;

	}

#site-description {

	font-size:16px;

	font-weight:bold;

	line-height:1;

	margin:5px;

	}

#content .bypostauthor {

}



/** Top Nav **/

#top-nav ul {

	margin:0 0 20px 0;

	padding:0;

	list-style:none;

	text-align:right;

	}

#top-nav ul li {

	display:inline-block;

	background:url(images/bullet-1.gif) no-repeat right 8px;

	padding-right:10px;

	margin:0 10px 0 0;

	position:relative;

	padding:2px 10px 2px 0;

	}

#top-nav ul a:link, #top-nav ul a:visited {

	color:#104577;

	text-decoration:none;

	}

#top-nav ul li a:hover, #top-nav ul li.current-menu-item a, #top-nav ul li:hover > a, #top-nav ul li.current-menu-ancestor a, #top-nav ul li.current-menu-parent a, #top-nav ul li.sfHover li li a:hover {

	color:#ab2323;

	}



/* Second Level */

#top-nav ul ul {

	background-color:#fff;

	border:1px solid #d2dfdc;

	border-bottom:none;

	position:absolute;

	left:-60px;

	top:22px;

	z-index:2;

	display:none;

	width:150px;

	text-align:left;

	}

#top-nav ul li:hover > ul {

	display:block;

	}

#top-nav ul ul:before {

	content:"arrow";

	position:absolute;

	z-index:3;

	left:50%;

	top:-12px;

	margin-left:-3px;

	

	/* building arrow */

	border:none;

	border-color: transparent;

	border-width:6px;

	border-style:solid;

	border-bottom-color:#d2dfdc;

	

	display:block;

	text-indent:-9999em;

	width:0;

	height:0;

	}



#top-nav ul ul li {

	background:none;

	display:block;

	margin:0;

	padding:0;

	}

#top-nav ul ul li a {

	border-bottom:1px solid #d2dfdc;

	}



#top-nav ul li li a, #top-nav ul li.current-menu-item li a, #top-nav ul li.current-menu-parent li a, #top-nav ul li.current-menu-ancestor li a, #top-nav ul li li.current-menu-item li a, #top-nav ul li li.current-menu-parent li a, /*3rd level*/

#top-nav ul li li.current-menu-parent li.current-menu-item a {

	background-color:#fff;

	color:#8AB7AD;

	zoom:1;

	height:auto;

	line-height:18px;

	padding:5px 10px;

	font-weight:normal;

	font-size:12px;

	float:none;

	display:block;

	text-align:left;

}

#top-nav ul li li a:hover, #top-nav ul li li:hover > a, #top-nav ul li.current-menu-item li a:hover, #top-nav ul li.current-menu-parent li a:hover, #top-nav ul li.current-menu-ancestor li a:hover, #top-nav ul li li.current-menu-item a, #top-nav ul li li.current-menu-parent a, #top-nav ul li li li.current-menu-item a {

	color:#ab2323;

}



/* Third Level */

#top-nav ul ul ul {

	top:0;

	left:inherit;

	right:150px;

	}

#top-nav ul ul ul:before {

	display:none;

	}



#interaction-sec {

	float:right;

	}





/* Search Form */

#searchform {

	margin:0 5px 0 0;

	float:left;

	}

#searchform input, .sm-top a, #get-cats, select {

	display:inline;

	float:left;

	position:relative;

	border:1px solid #D2DFDC;

	margin:0;

	

	box-shadow:2px 2px 3px #D2DFDC;

	-moz-box-shadow:2px 2px 3px #D2DFDC;

	-webkit-box-shadow:2px 2px 3px #D2DFDC;

	}

#searchform input {

	-moz-border-radius: 0;

	  -webkit-border-radius: 0;

	  border-radius: 0;

	}

	

#searchform:hover input {

	border-color:#8AB7AD;

	}

#searchform input#s {

	border-right:none;

	width:200px;

	padding-left:10px;

	height:16px;

	z-index:0;

	

	border-top-left-radius:5px;

    -moz-border-radius-topleft:5px;

    -webkit-border-top-left-radius:5px;

	

	 border-bottom-left-radius:5px;

      -moz-border-radius-bottomleft:5px;

      -webkit-border-bottom-left-radius:5px;

	}



#searchform input#searchsubmit {

	background-color:#fff;

	background-position:-10px -7px;

	border-left:0;

	text-indent:-9999px;

	font-size:0;

	line-height:0;

	width:29px;

	height:30px;

	

	border-top-right-radius:5px;

    -moz-border-radius-topright:5px;

    -webkit-border-top-right-radius:5px;

	

	border-bottom-right-radius:5px;

      -moz-border-radius-bottomright:5px;

      -webkit-border-bottom-right-radius:5px;

	  }

	  

#searchform ::-webkit-input-placeholder {

	color:#ddd;

	font-style:italic;

}



#searchform :-moz-placeholder {  

   color:#ddd;

	font-style:italic; 

}



/* Top Social Medias */

.sm-top {

	margin:0;

	padding:0;

	list-style:none;

	float:right;

	}

.sm-top li {

	display:inline;

	float:left;

	margin-right:3px;

	}

.sm-top li:last-child {

	margin-right:0;

	}



.sm-top li a {

	width:28px;

	height:28px;

	display:block;

	text-indent:-999em;

	background-color: #FFFFFF;

	}

.sm-top li.sm-top-fb a {

	background-position:-6px -36px;

	}

.sm-top li.sm-top-fb a:hover {

	background-position:11px -36px;

	background-color:#3B5998;

	border-color:#3B5998;

	}

.sm-top li.sm-top-tw a {

	background-position:-5px -72px;

	}

.sm-top li.sm-top-tw a:hover {

	background-position:11px -72px;

	background-color:#1DCAFF;

	border-color:#1DCAFF;

	}

.sm-top li.sm-top-gplus a {

	background-position:6px -384px;

	}

.sm-top li.sm-top-gplus a:hover {

	background-position:6px -364px;

	background-color:#c23a2c;

	border-color:#c23a2c;

	}



/* Primary Navigation */

select {

	background-color:#fff;

	background-position:200px -181px;

	padding:5px;

	}

#get-cats {

	display:none;

	margin-left:90px;

	}

#primary-nav {

	background-color:#fff;

	text-transform:lowercase;

	font-size:14px;

	}

#primary-nav.fixed {

	background-color:#fff;

	width:100%;

	position:fixed;

	left:0;

	top:0;

	z-index:999;

	

	box-shadow:0 2px 5px #A6BBB7;

    -moz-box-shadow:0 2px 5px #A6BBB7;

    -webkit-box-shadow:0 2px 5px #A6BBB7;

	}

body.admin-bar #primary-nav.fixed {

	top:20px;

	}

#primary-nav .sixteen {

	height:20px;

	overflow:hidden;

	border-bottom:15px solid #fff;

	border-top:20px solid #fff;

	}

#primary-nav.fixed .sixteen {

	border-top-width:10px;

	border-bottom-width:5px;

	}



#btn-nav-opt {

	background-position:0 -308px;

	width:22px;

	height:13px;

	display:block;

	text-indent:-9999px;

	position:absolute;

	bottom:0;

	left:10px;

	z-index:999;

	display:none;

	}

#btn-nav-opt.up {

	background-position:0 -322px;

	}

#btn-nav-opt:hover {

	background-position:0 -336px;

	}

#btn-nav-opt.up:hover {

	background-position:0 -350px;

	}

#primary-nav .nav-label {

	margin-right:15px;

	position:absolute;

	left:10px;

	top:20px;

	}

#primary-nav.fixed .nav-label {

	top:10px;

	}

#primary-nav ul.nav-listing {

	margin:0 0 0 120px;

	padding:0;

	list-style:none;

	}

	



#primary-nav ul.nav-listing li {

	display:inline;

	float:left;

	margin:0 20px 10px 0;

	}



#primary-nav ul.nav-listing li a {

	display:block;

	padding:0;

	color:#535353;

	text-decoration:none;

	}

#primary-nav ul.nav-listing li a:hover, #primary-nav ul.nav-listing li a.selected {

	color:#535353;

	}

#primary-nav ul.nav-listing li a span {

	background-color:#bcd74a;

	background-position:-9999px 0;

	width:18px;

	height:18px;

	display:block;

	float:left;

	margin-right:5px;

	

	-moz-border-radius: 3px;

	  -webkit-border-radius: 3px;

	  border-radius: 3px;

	}

#primary-nav ul.nav-listing li a:hover span, #primary-nav ul.nav-listing li a.selected span {

	background-color:#bcd74a;

	background-position:2px -104px;

	}



/*** Content ***/

#content-wrapper {

	background:url(images/content-bg-rpt.gif) repeat;

	padding:20px 0;

	min-height:400px;

	}

.quick-note {

	font-size:25px;

	color:#535353;

	text-shadow: 2px 2px 10px #fff;

	}

.quick-note a.btn-back {

	background:url(images/sampression-css-sprite.png) no-repeat 0 -265px;

	color:#fff;

	text-decoration:none;

	padding-left:20px;

	}

	

#content {

	background:url(images/separator.gif) repeat-x left bottom;

	padding-bottom:10px;

	margin-bottom:20px;

	}

body.single #content, body.page #content {

	background:url(images/separator.gif) repeat-x left bottom;

	padding-bottom:10px;

	margin-bottom:20px;

	}



#post-listing {

	width:100%;

	float:left;

	padding-bottom:20px;

	}



article.post {

	background-color:#fff;

	margin-bottom:30px !important;

	position:relative;

	}

article.post.corner-stamp, .sticky {

	border: 2px solid #AB2323;

	}

article.post.corner-stamp .entry {

	border:none;

	}





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;

	}

body.single article.post:after,

body.page article.post:after {

	background:url(images/box-shadows.png) no-repeat 0 -55px;

	left:10px;

	bottom:-15px;

	height:15px;

	}

article.post .post-title {

	font-size:16px;

	line-height:20px;

	padding:10px 5px 5px 10px;

	margin:0;

	word-wrap:break-word;

	}

body.single article.post .post-title,

body.page article.post .post-title {

	font-size:25px;

	padding:30px 40px 0px;

	line-height:27px;

	}

article.post .post-title a {

	text-decoration:none;

	}

article.post .post-title a:hover {

	color:#ab2323;

	}

article.post .featured-img {

	height:100%;

	overflow:hidden;

	}

body.single article.post .featured-img {

	height:auto;

	margin:0;

    	padding: 30px 7% 0;

	}

article.post .entry {

	padding:0 20px 10px 20px;

	word-wrap: break-word;

	}

body.single article.post .entry,

body.page article.post .entry {

	padding:0 40px 30px 40px;

	}

article.post .meta {

	border-top:1px dashed #C2CFCC;

	padding:5px 15px;

	}

body.single article.post .meta {

	border-bottom:1px dashed #C2CFCC;

	padding:10px 0px;

	margin-bottom:20px;

	}

body.single article.post .meta .col {

	margin-right:10px;

	}



.meta {

	font-size:13px;

	clear:both;

	}

.meta, .meta a {

	color:#808080;

	}

.meta a:link, .meta a:visited {

	text-decoration:none;

	}

.meta a:hover, .meta a:active {

	color:#104577;

	}

.post-author {

	margin-right:5px;

	}

.ico {

	width:10px;

	height:11px;

	display:block;

	float:left;

	text-indent:-9999px;

	margin:5px 2px 5px 5px;

	}

.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;

	}



#post-listing article.post .entry p {

	margin-bottom:0;

	}

#post-listing article.post .read-more {

	display:block;

	padding:10px 0 0 0;

	}



.count-comment {

	position:absolute;

	right:10px;

	top:10px;

	z-index:10;

	}

body.single .count-comment {

	position:relative;

	top:inherit;

	right:inherit;

	float:right;

	}

.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;

	bottom:-2px;

	}



@-moz-document url-prefix() { 

  .count-comment .pointer {

	 bottom:-1px; 

	  }

}



body.single .meta .overflow-hidden,

body.page .meta .overflow-hidden {

	overflow:visible;

	}

.page-link {

	clear:both;

	padding-top:10px;

	}



/*** Post Navigation ***/

.post-navigation {}

#nav-below {

	background:url(images/separator.gif) repeat-x left top;

	padding-top:10px;

	clear:both;

	}

#nav-above {

	margin-bottom:20px;

	}

/* if wp-pagenavi plugin is enabled*/

.post-navigation .wp-pagenavi {

	padding:5px 0;

	}

.post-navigation .wp-pagenavi a, .post-navigation .wp-pagenavi span {

	background-color:#fff;

	border-color:#C2CFCC;

	color:#8AB7AC;

	padding:5px 10px;

	}

.post-navigation .wp-pagenavi a:hover, .post-navigation .wp-pagenavi span.current {

	border-color:#8AB7AC;

	color:#666;

	} 

	

	

/*** Sidebar ***/

.sidebar-right {

	padding-top:30px;

	}

.sidebar-right .widget {

	margin-bottom:20px;

	}

.sidebar-right .widget .widget-title {

	background:url(images/separator.gif) repeat-x left bottom;

	margin-bottom:10px;

	padding-bottom:10px;

	}

.sidebar-right .widget .widget-entry {

	margin-left:0px;

	}

	

.widget .widget-title {

	font:bold 16px/24px "Droid Serif", serif;

	text-shadow:1px 1px 1px #fff;

	margin-bottom:15px;

	}

.widget ul {

	margin:0;

	padding:0;

	list-style:none;

	}

.widget ul li {

	margin-bottom:10px;

	}

.widget a {

	text-decoration:none;

	color:#104577;

	}

.widget a:hover {

	text-decoration:none;

	color:#ab2323;

	}

.widget-quick-message input, .widget-quick-message textarea {

	margin-bottom:10px !important;

	}

.widget ul li ul {

	margin:10px 0 0 20px;

	}



.widget-commentlist {

	margin:0;

	padding:0;

	list-style:none;

	}

.widget-commentlist li {}

.widget-commentlist .avatar {

	float:left;

	margin:0 10px 5px 0;

	}

.widget-commentlist .cmt-txt {

	overflow:hidden;

	}



/* interior widget search */

.sidebar-right .widget.widget_search .widget-entry {

	margin-left:0;

	}

.sidebar-right #searchform input#s {

	width:166px;

	}



/* Single */

body.single .featured-img img {

	border-top-right-radius: 5px;

	-moz-border-radius-topright: 5px;

	-webkit-border-top-right-radius: 5px;

	

	border-top-left-radius:5px;

    -moz-border-radius-topleft:5px;

    -webkit-border-top-left-radius:5px;

	}



/*** Footer ***/

#footer {

	padding:20px 0;

	}

.copyright {

	margin-right:5px;

	}

.footer-right {

	position:relative;

	height:20px;

	}

#btn-top-wrapper {

	position:absolute;

	z-index:9999;

	right:0;

	top:0;

	width:30px;

	}

.btn-top.fixed {

	position:fixed;

	bottom:7px

	}



.btn-top {

	background-position:10px -152px;

	background-color:#fff;

	border:1px solid #DDEAE7;

	width:32px;

	height:32px;

	display:block;

	text-indent:-9999px;

	}

.btn-top:hover {

	background-color:#eee;

	border-color:#ccc;

	}



/*** Comments ***/

#comments {

	padding-top:10px;

	}

ol.commentlist {

	margin:0 0 40px 0;

	padding:0;

	list-style:none;

	}

ol.commentlist ul.children {

	margin-left:120px;

	}

ol.commentlist article.comment {

	margin-bottom:20px;

	}

.avatar-wrapper {

	float:left;

	width:100px;

	padding-right:20px;

	position:relative;

	}



.commentlist span.pointer {

	background-position:-5px -243px;

	width:8px;

	height:13px;

	display:block;

	text-indent:-9999px;

	position:absolute;

	z-index:9;

	right:0;

	top:10px;

	}

.comment-wrapper {

	overflow:hidden;

	}



#comment-header h3, #comments-title, #comment-form-title, #reply-title {

	font-size:16px;

	text-shadow:1px 1px 1px #fff;

	margin-bottom:40px;

	}

#reply-title {

	margin-bottom:20px;

	}

#comment-form-title {

	line-height:1;

	}

#comment-header h3 {

	display:inline;

	float:left;

	}



#comment-header h3 a {

	background:url(images/sampression-css-sprite.png) no-repeat 130px -201px;

	color:#fff;

	text-decoration:none;

	text-shadow:1px 1px 1px #A6BDB8;

	padding-right:35px;

	}

#comment-header h3#comments-title  {

	background:url(images/separator-ver.png) no-repeat right 6px;

	padding:0 17px 0 0;

	margin:0 15px 0 0;

	}



.commentlist .avatar img, .commentlist .comment-entry {

	/* round corner */

	-moz-border-radius: 3px;

	  -webkit-border-radius: 3px;

	  border-radius: 3px;

	}

.commentlist .avatar img, .widget-commentlist img {

	 /* box shadow */ 

	 box-shadow:1px 1px 1px #A6BBB7;

	-moz-box-shadow:1px 1px 1px #A6BBB7;

	-webkit-box-shadow:1px 1px 1px #A6BBB7;

	}

.commentlist .comment-entry {

	box-shadow:-1px -1px 1px #A6BBB7;

	-moz-box-shadow:-1px -1px 1px #A6BBB7;

	-webkit-box-shadow:-1px -1px 1px #A6BBB7;

	}

.commentlist .avatar img {

	border:9px solid #fff;

	}

.widget-commentlist img {

	border:2px solid #fff;

	}



.commentlist .comment-entry {

	background-color:#fff;

	position:relative;

	}



.commentlist .comment-meta {

	border-bottom:1px dotted #C2CFCC;

	padding:10px 20px;

	}

.commentlist .comment-author {

	float:left;

	}

.commentlist .reply {

	float:right;

	}

.commentlist .comment-meta a {

	text-decoration:none;

	}

.commentlist .comment-content {

	padding:20px;

	}

.commentlist p {

	margin-bottom:10px;

	}

.commentlist p:last-child {

	margin-bottom:0;

	}

.comment-awaiting-moderation {

	padding:10px 20px 0 20px;

	color:#F00;

	font-style:italic;

	font-size:14px;

	}

.cancel-comment-reply {

	margin-bottom:20px;

	}

.cancel-comment-reply a {

	color:#F60;

	}



#respond {

	background:url(images/separator.gif) repeat-x left top;

	padding-top:30px;

	}



#commentform textarea {

	width:500px;

	}

#cancel-comment-reply-link {

	font-family:Arial, Helvetica, sans-serif;

	font-weight:normal;

	text-decoration:underline;

	}

.form-allowed-tags {

	display:none;

	visibility:hidden;

	}



/* Corner Stamp */

.corner-stamp {

	background-color:#FFFFFF;

	float:right;
	
	margin-bottom:20px;

	}

.corner-stamp.columns.four {

	float:right;
	
	margin-bottom:20px;

	}

.corner-stamp header {

	border-bottom:1px solid #75AB9F;

	padding:10px 20px;

	}

.corner-stamp header h3 {

	font-size:16px;

	line-height:20px;

	font-weight:bold;

	color:#fff;

	margin:0;

	}


.corner-stamp .categories, .corner-stamp .categories ul, .corner-stamp .categories ol {

	margin:0;

	padding:0;

	list-style:none;

	}

.corner-stamp .categories li {

	margin:0;

	}

.corner-stamp .categories ul {

	margin:0 0 0 15px;

	}

.corner-stamp .categories a {

	display:block;

	margin-bottom:5px;

	text-decoration:none;

	}

.corner-stamp .categories a,

.corner-stamp .categories li.current-cat li a {

	color:#CDEBE6;

	}

.corner-stamp .categories a:hover,

.corner-stamp .categories li.current-cat a,

.corner-stamp .categories li.current-cat li a:hover {

	color:#fff;

	}



/* Search Results */

.search-title span {

	font-style:italic;

	}



/* 404 */

body.error404 #content {

	background:none;

	padding:100px 0;

	}

#page-not-found-message {

	background:url(images/sampression-404.png) no-repeat left center;

	padding:0 0 0 190px;

	}

#page-not-found-message h2 {

	font-size:27px;

	margin:0;

	}

#page-not-found-message h3 {

	font-size:16px;

	line-height:20px;

	padding:0 0 10px 0;

	margin:0 0 10px 0;

	}

#page-not-found-message h3.separator {

	background:url(images/separator.gif) repeat-x left bottom;

	}

#page-not-found-message h3 a {

	text-decoration:none;

	}



/* #Media Queries

================================================== */

				

	/* Smaller than standard 960 (devices and browsers) */

	@media only screen and (min-width: 959px) {

				}



	/* Tablet Portrait size to standard 960 (devices and browsers) */

	@media only screen and (min-width: 768px) and (max-width: 959px) {

		article.post:after {

			width:166px;

			background-position:0 0;

			}

		body.single article.post:after,

		body.page article.post:after {

			width:546px;

			height:10px;

			bottom:-10px;

			left:5px;

			background-position:0 -45px;

			}

		#searchform input#s {

			width:150px;

			}

			}



	/* All Mobile Sizes (devices and browser) */

	@media only screen and (max-width: 767px) {

		

		#logo-wrapper .logo-img, #logo-wrapper .logo-txt {

			display:block;

			float:none;

		}

		#logo-wrapper { text-align:center; }

		#site-title { line-height:1.3; }

		#site-description { line-height:1.3; }

	

		#site-title { margin-top:0; }

		.logo-txt { margin-bottom:10px; }

		

		#interaction-sec { float:left;}

		

		#top-nav ul { float:none; text-align:center}

		#top-nav ul li { float:none;}

		#searchform input#s { width:190px;}

		#top-nav ul li:hover ul { display:none; }

		

		article.post:after,

		body.single article.post:after,

		body.page article.post:after {

			width:294px;

			height:10px;

			bottom:-10px;

			left:3px;

			background-position:0 -22px;

			}

		iframe {

    max-width: 100%;

}

#post-listing article.post .featured-img {

    height: auto;

    float: left;

    padding-right: 5px;

    padding-top: 5px;

    padding-left: 5px;

	}

		

		.footer-right {

			height:40px;

			}

		

		/* Primary nav */

		#primary-nav .sixteen {

			border-bottom-width:10px;

			border-top-width:10px;

			height:auto;

			}

		#primary-nav .nav-listing {

			display:none;

			}

		#get-cats {

			display:block;

			}

		#primary-nav .nav-label {

			margin-top:0;

			top:15px;

			}

		#btn-nav-opt {

			display:none;

			visibility:hidden;

			}

		

		/* Sidebar */

		#sidebar .widget {

			margin-bottom:20px;

			}

		

		/* Comments */

		ol.commentlist ul.children {

			margin-left:20px;

		}

		ol.commentlist .avatar-wrapper {

			float:none;

			padding:0 0 10px 0;

		}

		.commentlist span.pointer {

			background-position:0 -233px;

			width:13px;

			height:8px;

			right:inherit;

			top:inherit;

			left:10px;

			bottom:-1px;

		}

		

		

		body.single #content {

			background:url(images/separator.gif) repeat-x left bottom;

			padding-bottom:20px;

			margin-bottom:40px;

		}

		body.single .sidebar-right {

			padding-top:0;

			}

		

		/* 404 */

		#page-not-found-message {

			background-position:center top;

			padding:120px 0 0 0;

			text-align:center;

			}

		/* Footer */

		#footer .credit {

			float:left;

			}

		#btn-top-wrapper {

			right:inherit;

			left:0;

			}

		

		}



	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

	@media only screen and (min-width: 480px) and (max-width: 767px) {

		#searchform { margin-left:30px; }

		

		article.post:after,

		body.single article.post:after,

		body.page article.post:after  {

			width:414px;

			height:10px;

			bottom:-10px;

			left:3px;

			background-position:0 -33px;

			}

iframe {

    max-width: 100%;

}

#post-listing article.post .featured-img {

    height: auto;

    float: left;

    padding-right: 5px;

    padding-top: 13px;

    padding-left: 5px;

	}

		

		}



	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

	@media only screen and (max-width: 479px) {

iframe {

    max-width: 100%;

}

#post-listing article.post .featured-img {

    float: left;

    padding-right: 5px;

    padding-top: 12px;

    padding-left: 5px;

    width: 50%;

	}



		#searchform input#s {

			width:140px;

			}

		#get-cats {

			margin-left:76px;

			}

		

		#commentform textarea, #commentform .input-text {

			width:300px;

			}

		#primary-nav .nav-label {

			left:0;

			}

		

		/* Comments */

		#comment-header h3 {

			display:block;

			float:none;

			}

		#comment-header h3#comments-title {

			background:none;

			padding-right:0;

			margin-right:0;

			}

			}

		

	

	/* Small Andriod Mobile Portrait Size ( 240 devices and browsers) */

	@media only screen and (max-width: 319px) {

iframe {

    max-width: 100%;

}

#post-listing article.post .featured-img {

    height: auto;

    float: left;

    padding-right: 5px;

    padding-top: 5px;

    padding-left: 5px;

	}

}

		



/**** Isotope Filtering ****/



.isotope-item {

  z-index: 2;

}



.isotope-hidden.isotope-item {

  pointer-events: none;

  z-index: 1;

  display:none;

}



/**** Isotope CSS3 transitions ****/

.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;

}



.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-item {

  -webkit-transition-property: -webkit-transform, opacity;

     -moz-transition-property:    -moz-transform, opacity;

      -ms-transition-property:     -ms-transform, opacity;

       -o-transition-property:         top, left, opacity;

          transition-property:         transform, opacity;

}



/**** disabling Isotope CSS3 transitions ****/



.isotope.no-transition,

.isotope.no-transition .isotope-item,

.isotope .isotope-item.no-transition {

  -webkit-transition-duration: 0s;

     -moz-transition-duration: 0s;

      -ms-transition-duration: 0s;

       -o-transition-duration: 0s;

          transition-duration: 0s;

}