/******************************************************************
Theme Name: Lightly
Theme URI: http://www.plus62.me/
Description: Lightly is a WordPress theme for news or magazine website, neat designed, well coded and more importantly easy to use.
Author: +62
Author URI: http://www.plus62.me/
Version: 1.08
License: GNU General Public License
License URI: license.txt
Tags: light, white, black, gray, two-columns, right-sidebar, flexible-width, custom-background, custom-colors, custom-menu, editor-style, featured-images, full-width-template, post-formats, sticky-post, theme-options, translation-ready

******************************************************************/

/******************************************************************
GENERAL NORMALIZE
******************************************************************/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]), [hidden] { display: none; }

/** Base Styles **/

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.5; }
body, button, input, select, textarea { font-family: sans-serif; color: #333; }

/** IE Fixes **/
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

/** Links **/
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

/** Typography **/
h1 { font-size: 2em; } /* fixes html5 bug */
p { -webkit-hyphens: auto; -moz-hyphens: auto; -epub-hyphens: auto; hyphens: auto; }
abbr[title] { border-bottom: 1px dotted; }
b, strong, .strong { font-weight: bold; }
dfn, em, .em { font-style: italic; }
small, .small, sub, sup { font-size: 75%; }
ins, .ins { background: #ff9; color: #000; text-decoration: none; }
mark, .mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
hr { display: block; height: 1px;border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
blockquote { margin: 1.5em 40px; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
ul, ol { margin: 1.5em 0; padding: 0; }
dd { margin: 0; }
nav ul, nav ol, .widget ol, .widget ul, .commentlist { list-style: none; list-style-image: none; margin: 0; }

/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/** Forms **/
form, fieldset, form ul, form ol, fieldset ol, fieldset ul { margin: 0; border: 0; }
legend { border: 0; *margin-left: -7px; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0;padding: 0; }
textarea { overflow: auto; vertical-align: top; }

/* Colors for form validity */
input:invalid, textarea:invalid { background-color: #f0dddd; }

/** Tables **/
table { border-collapse: collapse;border-spacing: 0; }

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after, nav[role=navigation] .menu ul:before, nav[role=navigation] .menu ul:after { content: ""; display: table; }
.clearfix:after, nav[role=navigation] .menu ul:after { clear: both; }
.clearfix, nav[role=navigation] .menu ul { zoom: 1; }

/* wordpress junk */
.wp-smiley { margin: 0 !important;max-height: 1em; }

				
/******************************************************************
PRINT STYLESHEET
******************************************************************/
@media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999;page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; }
    @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; }
}

/******************************************************************
COMMON & REUSABLE STYLES
******************************************************************/

/* text alignment */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

/* highlighting search term on search page */
mark, .search-term { background: #EBE16F; }

/* alerts & notices */
.help, .info, .error, .success { margin: 10px;padding: 5px 18px;border: 1px solid #cecece; }
.help { border-color: #E0C618;background: #EBE16F; }
.info { border-color: #92cae4;background: #d5edf8; }
.error { border-color: #fbc2c4;background: #fbe3e4; }
.success { border-color: #c6d880;background: #e6efc2; } 
.placeholder{ color:#bbb !important; }

/******************************************************************
BASE MOBILE STYLES
Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible.
******************************************************************/

body {
	font-family:'Lato', Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.571em;
	color: #222;
	background:#fff;
}

/*********************
LAYOUT & GRID STYLES
*********************/

#container { 
	max-width: 90%;
	max-width:310px;
	margin:0 auto;
	-moz-box-shadow:0 -6px 6px rgba(0,0,0,0.4);
	-webkit-box-shadow:0 0 6px rgba(0,0,0,0.4);
	box-shadow:0 0 0px rgba(0,0,0,0.0);
	background:#fff;
	overflow:hidden;
}

.wrap{
}
.col60, .col140, .col220, .col300, .col380, .col480, .col540, .col620, .col700, .col780, .col860, .col940 { 
	padding:0 5%;
}


/*********************
LINK STYLES
*********************/

a, a:visited { 
	color:#70a49d;
	text-decoration:none;
}

a:hover, a:focus { 
	text-decoration:underline;
}

a:active {} 
a:link { 
	-webkit-tap-highlight-color : rgba(0,0,0,0);
}

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { 
	font-family:'Copse', Georgia, "Times New Roman", Times, serif;
	font-weight: 500;
	color:#000;
	line-height: 1.2em;
}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
	color:#130e0e;
}

h1, .h1 { 
	font-size: 2.571em;
	line-height: 1.278em;
}

h2, .h2 { 
	font-size: 1.75em;
	line-height: 1.333em;
	margin-bottom:0.750em;
}

h3, .h3 { 
	font-size: 1.143em;
	line-height:1.5em;
}

h4, .h4 {
	font-size: 1em;
	line-height:1.429em;
}

h5, .h5 { 
	font-size: 0.846em;
	line-height: 2.09em;
	text-transform: uppercase;
	letter-spacing: 2px;
}

img{
	width:auto;
	max-width:100%;
	height:auto;
}

/*********************
HEADER SYTLES
*********************/
#container > header{
	position:relative;
	z-index:100;
}
#header-ad{
	border-bottom:#70a49d 1px solid;
	text-align:center;
}
#header-ad .widget h4{
	display:none;
}
#logo {
	text-align:center;
}
#logo { margin:30px 0 30px; font-size:64px;letter-spacing:-0.05em; line-height:70px;  }
#logo img { margin-bottom:-5px;}
#logo span{ display:block; font-size:16px; letter-spacing:normal; line-height:30px;}
#logo a{ color:#000; text-decoration:none; }

#sidebar-top{  }
#sidebar-top .widget{ margin:0; }
/*********************
NAVIGATION STYLES
*********************/

.nav {
	border-bottom:#70a49d 4px solid;
	float:none;
	clear:both;
}

.nav .menu {
	margin: 1.1em 0 0;
}
	
.nav .menu > ul {
	background:none;
	text-align:center;
	padding-bottom:30px;
}
.nav .menu li, .nav .menu > li { 
	background-color:inherit;
	background:none;
	display:inline;
	text-align:center;
}
.nav .menu li a {
	font-family:'Copse', Georgia, "Times New Roman", Times, serif;
	font-size:1.143em;
	line-height:1.5em;
	background-color:inherit;
	color:#fff;
	margin-bottom:-1px;
	text-decoration: none;
	padding: 0.25em 0.5em;
}
.nav .menu li:after {
	content:"/";
	color:#bbb;
}
.nav .menu li:last-child:after {
	content:"";
}

.nav .menu li:nth-child(2n) > a{
	border-right:none;
}
					
.nav .menu li a:hover,
.nav .menu li.current-menu-item a, 
.nav .menu li.current_page_item a,
.nav .menu li.current-page-ancestor a { color:#fff;}


.nav .menu ul li:hover > ul {
	display:none;
}
.nav .menu .sub-menu, .nav .menu .children { display:none; }

.nav .menu ul ul li a {
	padding-left: 30px;
}

/*********************
BREADCRUMBS
*********************/
#breadcrumbs{
	background:#fafafa;
	font-size:0.786em;
	line-height:1.273em !important;
	padding-top:20px;
	padding-bottom:20px;
	line-height:1em;
	border-bottom:#70a49d 1px solid;
}
#breadcrumbs a:after{
	content:" ";
	background:url(library/images/arrow-little.png) 50% 3px no-repeat;
	padding-right:10px;
	padding-left:10px;
}
#breadcrumbs a{
	text-decoration:none;
}
/*********************
POSTS & CONTENT STYLES
*********************/

#content { 
	position:relative;
}

#main{
	padding-top:20px;
}
	
.hentry {
	position:relative;
}
		
/* post meta */
.meta{
	font-family:'Lato', Arial, Helvetica, sans-serif;
	font-size:0.857em;
	color: #bbb;
	margin:-5px 0 1em;
	font-style:italic;
}
.meta, .meta a  {
	color:#70a49d;
}

/*	Post title class,
	The global style for post title, make the link black colored ( inversed color of global link ) */
.post-title, .post-title-small{
	font-weight:normal;
	margin-top:0;
	margin-bottom:0.243em;
}
.post-title a{
	color:#000;
}
.post-title-small a{
	color:#222;
}
.post-title a:hover, .post-title-small a:hover{
	color:#70a49d;
}
/*	Comment count, 
	The style square buble speak */		
.comment-count a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.714em;
	line-height:1.4em;
	background:#222;
	color:#fff;
	text-align:center;
	text-decoration:none;
	min-width:13px;
	padding:1px 5px;
	position:absolute;
	right:0;
	top:0;
}
.comment-count a:hover{
	background:#70a49d;
}
.comment-count a:after {
	content:"";
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #70a49d;
	position:absolute;
	bottom:-5px;
	left:0;
	z-index:100;
}
.comment-count a:hover:after{
	border-left: 5px solid #70a49d;
}
.home-thumb{
	max-width:100%;
}
/*	Post content */
.post_content { 
	border-bottom:#70a49d 1px dotted;
	margin-bottom:1.5em;
}
.post_content p {
	margin-bottom:1em;
}
.post_content .read-more{
	margin-top:0;
}
			
.post_content .home-thumb img{
	margin:5px 0 0.714em;
}

.post_content img { 
	margin: 0 0 1.5em;
	max-width: 100%;
	height:auto;
}

.post_content p { 
	margin:0 0 1.25em 0 ;
}
.post_content ul, .post_content ol, .post_content table, .post_content dl { 
	margin: 1.5em 0;
}
.post_content ul, .post_content ol { 
	list-style-position:outside;
	line-height:1.5;
	margin-left: 1.4em;
	margin-right: 2.2em;
}
.post_content li { 
}
.post_content ul li { 
	list-style-type: disc;
}
.post_content ol li { 
	list-style-type: decimal;
}

.post_content blockquote { 
	background:#fafafa;
	color:#222;
	line-height:1.6em;
	margin: 1.5em 0 ;
	padding:1em 1.3em 0.1em ;
	border-left:#70a49d 1px dotted;
}

.post_content dl { 
	margin:1.75em 0 1.75em;
}
.post_content dt { 
	font-style:italic;
	margin-top:1.25em;
	font-size:1.13em;
	font-weight:700;
}
.post_content dd { 
	font-style:italic;
	font-size:.85em;
	margin-top:1em;
	line-height:1.6em;
}

/*	image alignment.
	*/
.bypostauthor{}
.sticky{}
.alignleft, img.alignleft {
	float:left;
	margin-right:20px;
}
.alignright, img.alignright {
	float:right;
	margin-left:20px;
}
.aligncenter, img.aligncenter { 
	text-align:center;
	max-width:100%;
}
.post_content video, .post_content object, .post_content iframe { 
	max-width: 100%;
	border:none;
}
.post_content .fluid-width-video-wrapper{
	margin-bottom:2.143em;
}
.post_content pre, .post_content code {
	background: #eee;
	border: 1px solid #cecece;
	padding: 10px;
}

/* wp caption image */
.wp-caption {
	max-width:100%;
	background: #eee;
	padding: 5px;
}
.wp-caption img {
	margin-bottom: 0;
	width: 100%;
	height:auto;
}
.wp-caption p.wp-caption-text {
	font-size: 0.85em;
	margin: 4px 0 7px;
	text-align: center;
}

/* image gallery styles */

.gallery { 
	width:100%;
	margin: 0 auto 1.429em;
}
.gallery .gallery-item {
	float: left;
	margin: -10px 0 0;
	padding:0;
	text-align: center;
	width: 33.33333333%;
}
.gallery-columns-2 .gallery-item { 
	width: 50%;
	margin:0;
}
.gallery-columns-4 .gallery-item { 
	width: 25%;
	margin:0;
}
.gallery img {
	margin:0 0 -5px;
	padding:0;
}
.gallery img:hover {
	background: white;
}
.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, .gallery dt { margin: 0; }
.gallery br+br { display: none; }
		
/*	Custom post style, 
	type-1 is post with big picture and title, 
	type-2 is a bulleted title
	type-3 is post with small thumbnail and title */
.type-1 .post_content{
	padding-bottom:0.214em;
}

.type-1 .comment-count-meta{
	display:none;
}

.single #main h1.post-title{
	font-size: 1.75em;
	line-height: 1.25em;
}
#main .default-post{
	margin-bottom:10px;
}
.post_content{
	padding-bottom: 10px;
}
#main .default-post:last-child{
	margin-bottom:0;
	background:#fee;
}
.type-2 .post_content, .type-3 .post_content{
	border-bottom:none;
	margin-bottom:0.714em;
}
.type-2 .author-meta, .type-3 .author-meta{
	display:none;
}
.type-2:nth-child(1) .post_content{
	border-bottom:#70a49d 1px dotted;
	padding-bottom:0.714em;
	margin-bottom:1.429em;
}
.type-2{
	padding-left:10px;
	margin-bottom:-0.357em;
}
.type-2:last-child{
	margin-bottom:-0.714em;
}
.type-2 .post-title{
	position:relative;
	padding-right:0;
}

.type-2 .post-title:before, .type-2 .post-title-small:before{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	content:"\2022";
	color:#70a49d;
	margin-left:-12px;
	position:absolute;
}

.type-2 .meta, .type-3 .meta{
	margin-bottom:-0.091em;
}
.type-3 { 
	padding-bottom:0;
	margin-bottom:20px;
	border-bottom:#70a49d 1px dotted;
}
.type-3:last-child{ 
	padding-bottom:0;
	margin-bottom:-0.357em;
	border-bottom:none;
}
.type-3 a.home-thumb{
	width:55px;
}
.type-3 .home-thumb img { 
	max-width:55px;
	margin-top:5px;
	height:auto;
}

.widget_posts article{
	position:relative;
}

/* hide carousel on the little screen */
#headline-carousel{
	display:none;
}
#headline-carousel{
	position:relative;
	width:100%;
	background-color:#fff;
	position:relative;
	overflow:hidden;
	border-bottom:#70a49d 1px solid;
	padding-bottom:20px;
	padding-top:20px;
	z-index:10;
}

#headline-carousel .custom-loop .widgettitle{
	margin-left:20px;
	margin-right:20px;
	margin-left: 2.1276596%;  
	margin-right: 2.1276596%; 
}
#headline-carousel .custom-loop .widgettitle span{
	background:#fff;
}
#headline-carousel .loop-items{
	width:500%;
}
#headline-carousel .loop-items article{
	float:left;
	width:5%;
	height:100%;
	padding:0 0.4166667%;
	margin-bottom:20px;
	/*padding:20px;*/
	border-right:#70a49d 1px dotted;
	/*margin-left:-1px;*/
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}
#headline-carousel .loop-items .hentry{
	border-bottom:none;
	margin-bottom:0;
}
#headline-carousel .loop-items .hentry img{
	margin-bottom:10px;
}
#headline-carousel .custom-loop nav a{
	font-size:14px;
	text-decoration:none;
	color:#fff;
	padding:2px;
	display:block;
	position:absolute;
	top:36%;
	outline:none;
	opacity:1;
}
#headline-carousel .custom-loop nav a span{
	display:block;
	background-color:#000;
	padding:8px 14px 10px;
}
#headline-carousel .custom-loop nav .nav-index{
	display:none;
}
#headline-carousel .custom-loop nav a:hover span{
	opacity:1;
	background-color:#70a49d;
}
#headline-carousel .custom-loop nav .slider-prev{
	left:10px;
}
#headline-carousel .custom-loop nav .slider-next{
	right:10px;
}

/*	Style for featured slider,
	big slider placed on homepage */
	
/* featured posts */
#featured-posts{
	position:relative;
	width:100%;
	position:relative;
	overflow:hidden;
	border-bottom:#70a49d 1px solid;
	padding-bottom:20px;
	margin-bottom:20px;
}
#featured-posts .loop-items{
	width:1000%;
}
#featured-posts .loop-items article{
	float:left;
	width:10%;
	height:100%;
	padding:0%;
	margin-bottom:20px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}
#featured-posts .loop-items article .h1{
	font-size:1.75em;
	line-height:1.25em;
}
#featured-posts .loop-items .hentry{
	border-bottom:none;
	margin-bottom:0;
}
#featured-posts .loop-items .hentry img{
	margin-bottom:10px;
}
#featured-posts .custom-loop nav{
	display:block;
	text-align:center;
	width:100%;
	border-top:#70a49d 1px dotted;
	padding-top:15px;
	margin-top:10px;
	margin-bottom:-5px;
}
#featured-posts .custom-loop nav a{
	color:#222;
	font-size:0.857em;
	padding:0px 10px;
	margin:0;
	border-right:#70a49d 1px dotted;
}
#featured-posts .custom-loop nav a:last-child{
	border-right:none;
}
#featured-posts .custom-loop nav .active-index{
	color:#bbb;
}

/*	Single post special,
	All individual treatment on single posts */
.single #main, .page #main{
	border-top:none;
	padding-top:30px;
}
.single .hentry section{
	margin-bottom:0 !important;
	border-bottom:none;
}
.single .post header, .page .hentry header{
	margin-bottom:30px;
	padding-bottom:10px;
	border-bottom:#70a49d 1px dotted;
}
.single .post footer{
	margin:0 -2.857em;
	position:relative;
	padding-left:2.857em;
	padding-right:2.857em;
	padding-bottom:0.714em;
}
.single .post_content img, .single .post_content iframe { 
	margin-top:0.571em;
}
.single #main .post_content, .page-default #main .post_content{
	margin-bottom:0;
}
.single .post footer #article-footer-meta{
	position:relative;
	z-index:10;
	padding-right:95px;
	margin-bottom:20px;
	padding-top:5px;
	border-top:#70a49d 1px dotted;
}
.single .post footer #article-footer-meta:after{
	display:block;
	content:"";
	float:none;
	clear:both;
}
#social-share{
	display:block;
}
.share-button{
	width:15px;
	height:15px;
	background-color:#fee;
	background-image:url(http://www.parentshaped.co.uk/wp-content/themes/lightly/library/images/social.png);
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	float:left;
	margin-left:1px;
}
.social-twitter{
	background-position:-16px 0;
}
.social-google{
	background-position:-32px 0;
}
.social-tumblr{
	background-position:-48px 0;
}
.social-su{
	background-position:-64px 0;
}
.social-linkedin{
	background-position:-80px 0;
}

.single .post footer #author-box{
}
.single .post footer #author-box .post-title{
	font-size:1.143em;
	margin-bottom:3px;
}
.single .post footer #related-box header{
	border-bottom:none;
	margin-bottom:0;
}
.single .post footer #related-box header img{
	margin-bottom:10px;
}

/*	Posts navigation,
	style for next and previous post on single post */
.post-nav{
	/*background:#f6f6f6;*/
	position:relative;
	border-top:#70a49d 1px dotted;
	border-bottom:#70a49d 1px dotted;
	margin:0 0 20px;
	padding:0 ;
}
.post-nav:before{
	content:"";
	position:absolute;
	display:block;
	left:50%;
	top:0;
	width:0;
	height:100%;
	border-right:#70a49d 1px dotted;
	z-index:0;
}

.post-nav a{
	display:block;
	width:50%;
	padding:15px 0;
	text-decoration:none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

}
.post-nav a .post-title-small, .post-nav a .meta{
	padding:0;
}
#main .post-nav a .post-title-small{
	color:#000;
}
#main .post-nav a:hover .post-title-small{
	color:#70a49d;
	text-decoration:underline;
}
.post-nav a[rel=prev]{
	float:left;
	padding-right:20px;
}
.post-nav a[rel=next]{
	float:right;
	text-align:right;
	padding-left:20px;
}

/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.page-navigation{
	width:100%;
	clear:both;
	float:none;
	background:#fff;
	padding:0;
	padding-bottom:20px;
	position:relative;
	margin-top:-15px !important;
}
.page_navi { 
	padding: 0;
	float:right;
	margin-top:6px;
}
.page_navi li { 
	float: left;
	margin-left: 10px;
}
.page_navi li, .wp-prev-next li, .page-of { 
	margin-left:0;
	color:#bbb;
	font-size:0.857em;
}
.page_navi li:last-child{ 
	background:none;
}
.page_navi li:last-child a{ 
	padding-right:5px;
}
.page_navi li a, .page_navi li span, .wp-prev-next li a { 
	padding:0px 15px;
	border-right:#70a49d 1px dotted;
	margin:0;
	color:#222;
	display: block;
	line-height:1em;
	text-decoration: none;
	position: relative;
}
.page_navi li:last-child a{
	border-right:none;
}
.page_navi li a:hover { 
	color:#000;
	text-decoration:none;
	border-bottom:none;
}
.page_navi li .current { color:#bbb; } 
					
.wp-prev-next .prev-link { float: left; } 
.wp-prev-next .next-link { float: right; }

.page-navigation, .wp-prev-next { 
	margin: 1.1em 0 0;
}
.homepage-navigation{
	margin-top:-5px;
	padding-top:0;
}		
.homepage-navigation:before{
	display:none;
}
.homepage-navigation .nextpostslink{
	font-size:0.786em;
}

.not-found .post_content, .error404 .post_content, .page .post_content {
	border-bottom:none;
	
}
.search .page .post_content{
	border-bottom:#70a49d 1px dotted;
}
/* fallback previous & next links */
.wp-prev-next .prev-link { float: left; }
.wp-prev-next .next-link { float: right; }
		
			
/******************************************************************
COMMENT STYLES
******************************************************************/

.commentlist { 
	padding:0;
	margin-bottom:20px;
}
.commentlist ul { 
	padding:0;
	margin:0;
}
.commentlist li { 
	position: relative;
	clear: both;
	overflow: hidden;
	margin:0;
	list-style:none;
}
.commentlist li[class*=depth-] { 
	margin-left:4%;
}
.commentlist li.depth-1 { 
	margin-left: 0;
}
.commentlist article{ 
	padding:1em 0 1.429em;
	border-bottom:#bbb 1px dotted !important;
	position:relative;
}
.commentlist li.depth-1 > article{ 
	border-left:none;
}
.commentlist li.depth-1:first-child > article:first-child{
	padding-top:0;
} 
.commentlist .vcard {  }
.commentlist li.depth-1 > article .vcard { 
	margin-left: 0;
}
.commentlist .vcard cite.fn { 
	font-family:'Copse', Georgia, "Times New Roman", Times, serif;
	font-style:normal;
	font-size: 1.143em;
}
.commentlist .meta{
	margin-top:0px;
	margin-bottom:0;
}
.commentlist .meta a{
	color:#bbb;
}
.commentlist .vcard .time { 
	font-size:12px;
	color:#bbb;
	display:block;
}
.commentlist .vcard .time a {
	text-decoration: none;
}
.commentlist .vcard .time a:hover {
	text-decoration: underline;
}
.commentlist .vcard img.photo {}
.commentlist .vcard img.avatar {
	position: absolute;
	right: 0;
	top: 1.5em;
}
.commentlist li.depth-1:first-child > article .vcard img.avatar{
	top: 0;
}
.commentlist li .comment_content { 
	padding-right:60px;
}
.commentlist li.depth-1 > article .comment_content{
	padding-left:0;
}
.commentlist li .comment_content p {
	font-size: 1em;
	margin: 0.7335em 0 0;
}
.commentlist li ul { }		
.commentlist .comment-reply-link {
	font-size:0.786em;
}
.commentlist a.comment-reply-link:hover {
	opacity: 1;
}
					
/******************************************************************
COMMENT FORM STYLES
******************************************************************/

#respond {
	margin: -2px 0 20px;
	padding:0;
	position:relative;
}
.commentlist li #respond{
	margin-left:4%;
	border-bottom:#70a49d 1px dotted;
}
#comment-form-title {  }
#comment-form-elements {
	margin: 0.75em 0 0;
	position:relative;
}
#respond #comment-form-elements li {
	clear:none;
	overflow: hidden;
	list-style:none;
	width:50%;
	border:#70a49d 1px solid;
	margin-bottom:15px;
	padding:5px 0;
}
#comment-form-elements label {
	display:none;
}
#comment-form-elements label span {
	color:#ccc;
}
#comment-form-elements small {}
#author, #email, #url, #comment {
	background:none;
	font-size: 1em;
	color:#222;
}
#author:focus, #email:focus, #url:focus, #comment:focus {
	outline: none;
}
#author, #email, #url {
	font-family:'Lato', Arial, Helvetica, sans-serif;
	padding:6px 10px;
	width:100%;
	border:none;
}
#url{
	margin-right:0;
}
#allowed_tags {
	font-size: 0.846em;
	line-height: 1.5em;
	margin: 1.5em 10px 0.7335em 0;
}

#comment {
	font-family:'Lato', Arial, Helvetica, sans-serif;
	resize: none;
	width:100%;
	height: 150px;
	border:#70a49d 1px solid;
	padding:12px 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
		
#commentform {}
.comments-logged-in-as {
	margin-bottom:20px;
}
.required-attr{
	color:#bbb;
	float:left;
	width:50%;
	margin:1.818em 0 0;
}
#submit { 
	font-family:'Lato', Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:10px;
	color:#fff;
	text-decoration:none;
	background-color:#222;
	padding:10px 10px;
	border:none;
	float:right;
	margin:5px 0;
}
#submit:hover{ 
	background-color:#70a49d;
}


/* form validation */
#commentform input:invalid, #commentform textarea:invalid { 
	border-color: red;
	outline: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	background-color: #f6e7eb;
}
#commentform input:valid {}
		
/* no comments */
.nocomments { 
	margin: 0 20px 1.1em;
}

			
/*********************
SIDEBARS & ASIDES
*********************/

.sidebar, #main, .f-widget {
	overflow:hidden;
}
.sidebar{
	padding-top:20px;
}
.widget {
	padding: 0;
	margin: 0 0 1.429em;
}	
.widgettitle{
	font-family:'Lato', Arial, Helvetica, sans-serif;
	font-size:1.143em;
	font-size:18px;
	color:#E8BF01;
	margin-top:0;
	margin-bottom:20px;
	position:relative;
}
.widgettitle:before{
	width:100%;
	position:absolute;
	content:"";
	bottom:7px;
	height:1px;
	border-top:#888 1px dotted;
	border-bottom:#888 1px dotted;
	z-index:1;
}
.widgettitle > span{
	background:#fff;
	padding:0 10px 0 0;
	z-index:10;
	position:relative;
}
		
/*	Search form widget style */
#searchform{
	border:#70a49d 1px solid;
	background:#fff;
	padding-bottom:2px;
	position:relative;
	padding-right:60px;
}
#searchform label{
	display:none;
}
#searchform #s{
	font-family:'Lato', Arial, Helvetica, sans-serif;
	font-size:0.875em;
	color:#bbb;
	border:none;
	background:none;
	padding:10px 6px;
	width:100%;
}
#searchform #searchsubmit{
	background:url(library/images/searchbtn.png) left top no-repeat;
	text-indent:100px;
	padding:7px 10px;
	border:none;
	float:right;
	margin-top:-1px;
	display:block;
	position:absolute;
	width:20px;
	right:2px;
	top:10px;
	/*margin-bottom:-1px;*/
}
#searchform #searchsubmit:hover{
	color:#222;
}

/*	Video widget style */
.widget_video{
	boder-top:#70a49d 1px solid;
	overflow:hidden;
	position:relative;
}
.widget_video iframe{
	border:none;
}			
.widget_video .video-post-wrap{
	position:relative;
	width:1000%;
}
.widget_video .video-post-wrap .the-video{
	width:10%;
	float:left;
}
.widget_video .video-post-wrap .meta, .widget_video .video-post-wrap .post-title{
	margin-bottom:10px;
	padding:0;
}
.widget_video nav{
	background:#fff;
	font-size:0.875em;
	line-height:1em;
	position:absolute;
	right:0;
	bottom:10px;
	height:20px;
}
.widget_video nav a{
	color:#222;
}
.widget_video nav .slider-prev{
	border-right:#70a49d 1px dotted;
	padding-right:10px;
}
.widget_video nav .slider-next{
	padding-left:10px;
}

.widget_video .video-container, .widget_video .video-flash, .video-flash {
	position: relative;
	padding-bottom: 62.25%;
	padding-top: 30px;
	margin-bottom:20px;
	height: 0;
	overflow: hidden;
}

.widget_video .video-container iframe,  
.widget_video .video-container object,
.video-flash object,  
.widget_video .video-container embed {
	border:none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*	Tabs style */
.tabs-widget h4 span{
	visibility:hidden;
}
.tabs{
	margin-top:-10px;
}
.tabs ul.nav-tab{ 
	border-bottom:#70a49d 1px dotted;
	padding-bottom:20px;
}
.tabs ul.nav-tab li{ 
	float:left;
	padding:0 10px;
	margin-bottom:-2px;
	margin-top:-1px;
	padding:0 10px 3px;
}
.tabs ul.nav-tab li.second_tab, .tabs ul.nav-tab li.third_tab{ 
	border-left:#70a49d 1px dotted;
} 
.tabs ul.nav-tab li h3{
	font-family:'Lato', Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:0 0 ;
	margin:0;
}
.tabs ul.nav-tab li h3 a{ 
	display:inline-block;
	font-weight:normal;
	letter-spacing:0;
	color:#bbb;
	text-decoration:none;
	margin-bottom:0;
	outline:none;
}
.tabs ul.nav-tab li.tab-active  h3 a{  
	color:#333;
}
.tabs .tab-content{ 
	margin-top:20px;
}
.tabs .hide{ display:none; }

/* flickr widget */
.widget_flickr{
	margin-left:-1px;
}
.flickr_widget{
}
.widget_flickr img{
	width:65px;
	height:65px;
	margin-left:1px;
	float:left;
	margin-bottom:1px;
}

/* social media links widget */
.widget_social .social-links{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:#70a49d 1px solid;
}
.widget_social .social-links li{
	float:left;
	padding:0;
	margin:0;
}
.widget_social .social-links li a{
	color:#000;
	border-right:#70a49d 1px solid;
	display:block;
	padding:6px 10px 6px 31px;
}
.widget_social .social-links a:hover{
	color: #70a49d;
}
.widget_social .social-links .twitter-link{
	background:url(http://www.parentshaped.co.uk/wp-content/themes/lightly/library/images/twitter.png) 10px 8px no-repeat;
}
.widget_social .social-links .rss-link{
	background:url(http://www.parentshaped.co.uk/wp-content/themes/lightly/library/images/feed.png) 10px 8px no-repeat;
	border-right:none;
}
.widget_social .social-links .facebook-link{
	background:url(http://www.parentshaped.co.uk/wp-content/themes/lightly/library/images/facebook.png) 10px 8px no-repeat;
}
.widget_comments li{
	border-bottom:#70a49d 1px dotted;
	padding-bottom:20px;
	margin-top:20px;
}

/* advertisement 125 */
.widget_ad125{
}
.widget_ad125 ul li{
	width:50%;
	text-align:center;
	float:left;
}
.widget_ad125 ul li a{
	margin:0 auto;
	max-width:100%;
	display:block;
	text-align:center;
}
.widget_ad125 ul li img{
	max-width:100%;
}

/* twitter widget */
.widget_twitter li{
	margin-bottom:1em !important;
}
.textwidget p { margin:0 0 1.5em; }
.textwidget img{
	margin-bottom:-5px;
}

@font-face {
  font-family: 'puricons';
  src: url('library/fonts/icons/puricons-webfont.eot');
  src: url('library/fonts/icons/puricons-webfont.eot#iefix') format('embedded-opentype'),
       url('library/fonts/icons/puricons-webfont.woff') format('woff'),
       url('library/fonts/icons/puricons-webfont.ttf') format('truetype'),
       url('library/fonts/icons/puricons-webfont.svg') format('svg');
  font-weight: normal; font-style: normal;
}

.widget_nav_menu [class^="icon-"], .widget_nav_menu [class*=" icon-"] {
	display:block;
	speak: none;
	position:relative;
	padding-left:25px;
	text-align:left;
	float:left;
	width:50%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	
}

.widget_nav_menu [class^="icon-"]:before, .widget_nav_menu [class*=" icon-"]:before {
	font-family: 'puricons';
	font-size:28px;
	font-weight: normal;
	position:absolute; 
	left:-5px;
	top:-2px;
}

.widget_nav_menu .menu li:after {
	content:"";
}

.icon-behance:before{ content:"b"; }
.icon-soundcloud:before{ content:"c"; }
.icon-dribbble:before{ content:"d"; }
.icon-flickr:before{ content:"e"; }
.icon-facebook:before{ content:"f"; }
.icon-google:before{ content:"g"; }
.icon-github:before{ content:"h"; }
.icon-linkedin:before{ content:"i"; }
.icon-digg:before{ content:"j"; }
.icon-forrst:before{ content:"k"; }
.icon-lastfm:before{ content:"l"; }
.icon-myspace:before{ content:"m"; }
.icon-aol:before{ content:"n"; }
.icon-picasa:before{ content:"o"; }
.icon-pinterest:before{ content:"p"; }
.icon-instagram:before{ content:"q"; }
.icon-rss:before{ content:"r"; }
.icon-skype:before{ content:"s"; }
.icon-tumblr:before{ content:"t"; }
.icon-youtube:before{ content:"u"; }
.icon-vimeo:before{ content:"v"; }
.icon-stumbleupon:before{ content:"w"; }
.icon-xing:before{ content:"x"; }
.icon-yahoo:before{ content:"y"; }
.icon-twitter:before{ content:"z"; }

#sidebar-top .widgettitle{
	display:none;
}
#sidebar-top .widget ul{
	text-align:right;
}
#sidebar-top .widget ul ul{
	display:none;
}
#sidebar-top .widget ul li{
	display:inline;
}
#sidebar-top .widget ul li:after {
	content:"/";
	margin:0 10px;
}
#sidebar-top .widget ul li:last-child:after{
	content:"";
	margin:0 0;
}
#sidebar-top .widget_nav_menu [class^="icon-"], #sidebar-top .widget_nav_menu [class*=" icon-"]{
	display:inline;
	float:none;
}
#sidebar-top a{
	max-width:100%;
}
#sidebar-top img{
	margin-bottom:-5px;
	max-width:100%;
}

/*********************
FOOTER STYLES
*********************/

.footer {
	background:#70a49d;
	border-top:#70a49d 4px solid;
	clear: both;
	padding-top:20px;
	color:#fff;
}
.footer a, .footer a.widget-more{
	color:#70a49d;
}
.footer .widgettitle{
	color:#bbb;
	border-top-color:#888;
}
.footer .widgettitle span{
	background:#111;
}
.footer-links { 
	margin:0;
}
.footer-links ul {}
.footer-links li { 
	display:inline;
}
.footer-links li:after{
	content:" |";
	font-size:0.8em;
	margin:0 0.4em;
}
.footer-links li:last-child:after{
	display:none;
}
.footer-links li a {
	line-height:1em;
}
/* remember, no hover in mobile */
.footer-links li a:hover {} 
				
/* highlight current page */	
.nav li.current-menu-item a, .nav li.current_page_item a {}
			
/* be careful with the depth of your menus */
.footer-links .sub-menu { display:none; }
		
.attribution {
	font-size:0.786em;
	background:#333;
	text-align:center;
	padding:30px 0 25px;
	margin:0;
}
.attribution p{
	margin-top:-5px;
}


/** Supporting Contact Form 7 **/

.wpcf7-text, .wpcf7 textarea{
	border:#70a49d 1px solid;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:6px 10px;
}
.wpcf7 textarea{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
}

.wpcf7-submit { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:10px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	background-color:#222;
	padding:8px 10px 8px 10px;
	border:none;
	margin:5px 0;
}
.wpcf7-submit:hover{ 
	background-color:#70a49d;
}


/******************************************************************
iPAD & TABLET STYLES 
These is your iPad styles. They will be visible to anyone who 
resizes their browser from the smallest size to the next break
point.
******************************************************************/
@media only screen and (min-width: 480px) {

#container{
	max-width:460px;
	max-width:95%;
}

/*	Thumbnail on homepage, 
	this for mobile view, make the image left floated */		
#main .home-thumb{
	max-width:35%;
	float:left;
	margin-bottom:0.714em;
	margin-right:1.428em;
}
#main .home-thumb img{
	margin-bottom:-5px;
}

#main .default-post header, #main .default-post .post_content, #main .default-post footer {
	padding-left:39%;
}

.single #main h1.post-title { 
	font-size: 2.857em;
	line-height: 1.2em;
}

.single .post footer #article-footer-meta p{
	margin:0;
	padding:1.071em 0 0;
	display:block;
	float:left;
	width:auto;
}
.single .post footer #article-footer-meta .tags-title{
	border-left:#70a49d 1px dotted;
	padding-left:10px;
	margin-left:10px;
}
#social-share{
	position:absolute;
	right:0;
	top:0.357em;
}

#featured-posts .loop-items article .h1{
	font-size:2.571em;
	line-height:1.2em;
}

.widget_ad125 ul li{
	width:25%;
}

} /* end of media query */

/******************************************************************
DESKTOP & JUST BIGGER THAN AN iPAD
This is your standard iPad size or average tablet size. It's also
a decent size for desktop users.
******************************************************************/
@media only screen and (min-width: 768px) {



/******************************************************************
WORDPRESS BODY CLASSES
want to style a page via body class? go ahead
******************************************************************/

#container{
	width:95%;
	max-width:1000px;
}

#logo{
	text-align:left;
}

/*********************
LAYOUT & GRID STYLES
*********************/

.wrap {
	width: 100%;
}
/***** Grid Options down here, where they are usable ******/
/* layout options */
.col220 { width:25%; } 
.col300 { width:33.3333333%; } 
.col480 { width:50%; } 
.col620 { width:66.66666666%; } 
.col700 { width:75%; } 
.col940 { width:100%; } 

/* layout & column defaults */
.col60, .col140, .col220, .col300, .col380, .col480, .col540, .col620, .col700, .col780, .col860, .col940 { 
	display: inline;
	float: left;
	position: relative;
	padding-left: 1.0638298%;  
	padding-right: 1.0638298%; 
	padding-left:20px;
	padding-right:20px;
	padding-left: 2.1276596%;  
	padding-right: 2.1276596%; 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

/* floats */
.left { float: left; }
.right { float: right; }

/* default styles & fixes */
.first { margin-left: 0; } /* fixes alignment */
.last { margin-right: 0; } /* fixes alignment */


/*********************
HEADER SYTLES
*********************/

.header {}
#sidebar-top{
	margin:30px 0 0;
}
/*********************
NAVIGATION STYLES
*********************/

.nav { 
	border-top:#70a49d 1px dotted;
	background:#70a49d;
}

.nav .menu { 
	margin:0;
}
	
.nav .menu ul {
	margin:0;
	border-bottom:none;
	padding-bottom:0;
}
		
.nav .menu li {
	float: left;
	position: relative;
	border-left:#70a49d 1px dotted;
	width:auto;
}
.nav .menu > li:last-child{
	border-right:#70a49d 1px dotted;
}
.nav .menu li a {
	border-bottom: 0;
	display:block;
	background:none;
	color:#222;
	font-size:1.143em;
	border-right:none;
	border-bottom:none;
	border-top:none;
	padding:0.65em 1.071em;
}
.nav .menu li:after {
	content:"";
}
.nav .menu > li:hover > a, .nav .menu > li.current-menu-item > a, 
.nav .menu > li.current_page_item > a,
.nav .menu > li.current-page-ancestor > a {
	color:#70a49d;
}

/*
plan your menus and drop-downs wisely.
*/
.nav .menu ul li ul {
	background:#fff;
	text-transform:none;
	width: 180px;
	border: 1px solid #70a49d;
	position: absolute;
	top:0;
	display: none;
	z-index: 8999;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}
					
/* show the dropdowns on hover */
.nav .menu ul li:hover > ul {
	top: auto;
	display: block;
	margin-left:-1px;
}
.nav .menu ul ul li {
	display:block;
	float:none;
	padding:0;
	text-align:left;
	border-left:none;
}
.nav .menu ul ul li a {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:1em;
	text-transform:none;
	font-weight:normal;
	border-right: 0;
	display: block;
	margin:0 1.5em;
	padding:0.357em 5px 0.357em 0;
	border-bottom:#70a49d 1px solid !important;
}
.nav .menu ul ul li a:hover{
	color:#fff;
}
.nav .menu ul ul li:first-child a {}
.nav .menu ul ul li:last-child > a {
	border-bottom: 0 !important;
}

.nav .menu ul ul ul{
	margin-top:-2.143em;
	left:180px;
}

/* 
more levels
*/
.nav .menu ul li:hover ul ul { }
.nav .menu .has-child > a{
	background: url(library/images/arrow-little.png) right 50% no-repeat;
}


/*********************
POSTS & CONTENT STYLES
*********************/

.type-3 .home-thumb{
	float:left;
	margin-bottom:0;
}
.home #inner-content, .archive #inner-content, .single #inner-content, 
.page #inner-content, .search #inner-content, .error404 #inner-content { 
	position:relative;
}

#inner-content:before{
	content:"";
	display:block;
	position:absolute;
	z-index:0;
	width:33.333%;
	height:100%;
	top:0;
	right:0;
	border-left:#70a49d 1px solid;
}

.archive #main{
	border-top:none;
	position:relative;
}

.single #main .post_content, .page-default #main .post_content{
	margin-bottom:0;
}

#headline-carousel{
	display:block;
}
/*********************
SIDEBARS & ASIDES
*********************/
.sidebar iframe{
	max-width:100%;
}
.widget li {
	margin-bottom: 0.75em;
}
.widget li ul {
	margin-top: 0.75em;
	padding-left: 1em;
}
.widget_ad125 ul li{
	width:50%;
}
	
/*********************
FOOTER STYLES
*********************/

.footer {
	position:relative;
	padding-top:0;
}
	.footer #footer-widgets{
		padding-top:20px;
		position:relative;
		border-right-color:#70a49d;
		border-left-color:#70a49d;
	}
	#inner-footer{
		position:relative;
		border-right-color:#70a49d;
	}
	#inner-footer:before{
		content:"";
		display:block;
		position:absolute;
		width:50%;
		height:100%;
		top:0;
		left:-1px;
		border-right:#000 1px solid;
		border-right-color:inherit;
	}
	.footer #footer-widgets:before{
		content:"";
		display:block;
		position:absolute;
		z-index:0;
		width:50%;
		height:100%;
		top:0;
		right:25%;
		border-right:#000 1px solid;
		border-left:#000 1px solid;
		border-right-color:inherit;
		border-left-color:inherit;
	}
} /* end of media query */

/******************************************************************
AVERAGE VIEWING SIZE 
This is the average viewing window. So Desktops, Laptops, and 
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
******************************************************************/
@media only screen and (min-width: 992px) {
	#container{
		max-width:1140px;
	}


} /* end of media query */

/******************************************************************
SUPER LARGE MONITORS STYLES 
This is for super wide monitors for the l33t people. If you 
worked in a good base in the previous styles, this should work
pretty seamlessly.
******************************************************************/
@media only screen and (min-width: 1382px) {

body {}

.wrap {
}

} /* end of media query */

/******************************************************************
RETINA (iPhone 4 & 5) OR SUPER HIGH RES SCREENS STYLES 
This is for the high res phones or devices.
******************************************************************/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
/* insert styles here */

} /* end of media query */