@import "/wp-content/themes/life-collage/css/lib.less";
@import "/wp-content/themes/life-collage/css/shadowbox.css";

body { 
	.bg-img("bg-pattern", "transparent", "repeat", "left","top");
	padding:0;
	margin:0;
	.prox-r(25px,16px);
}

#body-container {
    margin: 0 auto;
    width: 940px;
}

#container {
    width: 940px;
	overflow:hidden;
}


p {
	.prox-r(25px,16px);
	color:@text;
	margin:0 0 25px 0;
}

a, .entry-title a, .entry-meta a {
	color:@orange;
	text-decoration:none;
	
	&:hover {
		color:@darkorange;
		text-decoration:none;
	}
}

a.read-more {
	.bg-img("read-more-btn", "transparent", "no-repeat", "left","top");
	display:block;
	width:70px;
	height:41px;
	padding-left:50px;
	.prox-sb-c(40px,12px);
	text-transform:uppercase;
	color:@white;
	margin-top:10px;
	margin-left:-2px;
	
	&:hover {
		background-position:0 -41px;
	}
}

a.more {
	padding:5px 10px;
	.rc(5px);
	background:@orange;
	color:@white;
	text-align:center;
	text-transform:uppercase;
	.prox-sb-c(20px,12px);
	
	&:hover {
		background:@dkOrange;
	}
}

a.register {
	.bg-img("register-btn", "transparent", "no-repeat", "left","top");
	display:block;
	width:70px;
	height:41px;
	padding-left:50px;
	.prox-sb-c(40px,12px);
	text-transform:uppercase;
	color:@white;
	margin-top:10px;
	
	&:hover {
		background-position:0 -41px;
	}
}


h1 {
	background:none;
	.prox-b(40px,36px);
	border:none;
    margin: 0 0 20px;
	font-weight:normal;
    padding: 0;
}

h2 {
	color: @black;
	.prox-b(30px,24px);
	font-weight:normal;
	margin-bottom:20px;
}



h3, .widget-title {
    border-bottom:none;
    color: @black;
	.prox-b(25px,18px);
    margin: 0 0 15px;
    padding: 0;
}



h4, .yd_rp_widget h4 {
   .prox-b(20px,14px);	
   font-weight:normal;
}


blockquote {
	padding-left:40px;
	background:none;
	.bg-img("quote", "transparent", "no-repeat", "left","top");
	display:block;
	
	p {
		
	}
	
	span.author {
		.prox-r(20px,14px);
		color:@lightGray;
		font-style:italic;
	}
}


.content ul {
	list-style:none;
	padding:0;
	margin:0;

	li {
	   .bg-img("bullet", "transparent", "no-repeat", "left","top");
		overflow: hidden;
		padding-left: 20px;
		.prox-r(20px,14px);
	}


}



.entry-title {
	background:none;
	.prox-b(30px,24px);
    margin: 0 0 20px;
    padding: 0;
}

.page-title, .archive-title, .search-title, .error-404-title {
    margin: 0 0 0px 0;
	background:none;
	border:none;
    padding: 0;
	.prox-b(40px,36px);
	
	span {
		.prox-r(40px,36px);
	}
}

.page-header {
	padding:40px;
	background:@white;
	margin:0 0 1px 0;
	padding-left:160px;
	position:relative;
	
	span.icon {
		width:110px;
		height:80px;
		display:block;
		.bg-img("page-header-icons", "transparent", "no-repeat", "left","top");
		left:40px;
		top:40px;
		position:absolute;
	}
	
	em {
		.prox-r(25px,18px);
		display:block;
		margin-top:0px;
		margin-bottom:5px;
		
		a {
			.prox-b(25,18px);
			font-style:normal;
		}
	}
}

.singular-page-16 { //PRODUCTS PAGE

	.page-header span.icon {
		background-position:left -399px;
	}
}

#header-container { margin:100px 0 0 0; }
#header {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 160px;
    margin: 0 auto;
	position:relative;
    padding: 0;
    width: 940px;
	
	#site-title {
		float:none;
		font-size: 16px;
		font-weight: bold;
		margin: 0 auto;
		padding: 0;
		text-align: center;
		text-transform: uppercase;
		width: 420px;
		
		a {
			color: #9C8165;
			display: block;
			padding: 60px 0 0;
			position: relative;
			
			img {
				left: 50%;
				margin-left: -65px;
				position: absolute;
				top: -65px;
			}
			
			span {
				color: black;
				font-family: 'ProximaNovaBold';
				font-size: 48px;
				font-weight: normal;
				line-height: 50px;
				margin: 0;
				padding: 0;
				text-align: center;
			}
		}
	}
	
	#site-description {display:none;}
}



#social-media-icons {
	position:absolute;
	left:40px;
	top:80px;
	
	ul {
		padding:0;
		margin:0;
		
		li {
			display:block;
			margin-right:10px;
			float:left;
			width:31px;
			
			&:last-child {
				margin-right:0;
			}
			
			a {
				display:block;
				text-indent:-9999px;
				width:31px;
				height:31px;
				.bg-img("social-media-icons", "transparent", "no-repeat", "left","top");
			}
			
			
		}
		
		.fb a {
			background-position:left top;
			
			&:hover {
				background-position:left -40px;
			}
		}
		
		.twitter a {
			background-position:-40px top;
			
			&:hover {
				background-position:-40px -40px;
			}
		}
		
		.rss a {
			background-position:-80px top;
			
			&:hover {
				background-position:-80px -40px;
			}
		}
	}
}


#primary-menu { 
	background: @white;
    height: 58px;
    margin-bottom: 0;
    padding: 1px;
    position: relative;
    width: 938px;
	
	div.menu {
		width:938px;
	}
	
	li {
		float: left;
		margin: 0 1px 0 0;
		position: relative;
		width: 155px;
		
		a {
			background: none repeat scroll 0 0 #E6E6E6;
			color: #999999;
			display: block;
			.prox-b(58px,14px);
			height: 58px;
			padding: 0;
			text-align: center;
			text-transform: uppercase;
			width: 155px;
			
			&:hover {
				color:@white;
				background:@orange;
			}
		}
		
		.sf-sub-indicator {display:none;}
	}
	
	
	li#menu-item-22 {
	
		a {
			width:158px !important;
		}
	}
	
	.menu > ul > li.sfHover {
		margin:0;
		//.box-shadow(0,0,10px,0,#4f4f4f);
		background:@orange;
		z-index:9999;
		border-bottom:none;
		
		>a {
			background:@orange;
			color:@white;
		}
		
		ul {
			border:5px solid @orange;
			//.box-shadow(0,0,10px,0,#4f4f4f);
			background:@black;
			z-index:9998;
			border-top:none;
			width:145px;
			padding-top:5px;
			
			li {
				margin:0;
				background:@black;
				border:none;
				width:145px;
				a {
					background:@black;
					color:@orange;
					height:30px;
					.rc(5px);
					.prox-b(30px,12px);
					padding:0 10px;
					width:115px;
					margin-bottom:5px;
					margin:0 auto 5px auto;
					
					&:hover {
						background:@orange;
						color:@white;
					}	
				}
			}
			
				
			li#menu-item-26 {
			
				a {
					height:inherit;
					line-height:20px;
				}
			}
		}
	}
	
	.current-menu-item > a, .current-menu-parent > a {
		background:@black;
		color:@white;
	}
	
	
	.search {
		float: right;
		height: 29px;
		position: absolute;
		right: 40px;
		top: -80px;
		width: 140px;
	
		form {
			position:relative;
		}
		
		#search-text-1 {
			.rc(5px);
			border:1px solid #ccc;
			background: #E6E6E6;
			color: @gray;
			display: block;
			float: left;
			line-height: 25px;
			padding: 7px;
			.prox-sb(25px,11px);
			width:125px;
		}
		
		.search-submit {
			.bg-img("search-icon", "transparent", "no-repeat", "left","0");
			position:absolute;
			right:2px;
			top:2px;
			text-indent:-9999px;
			display:block;
			width:25px;
			border:none;
			height:25px;
		}
	}
}


div.menu {

	ul {
		margin: 0;
		padding: 0;
		list-style: none;
		line-height: 1.0;
		
		ul {
			position: absolute;
			top: -999em;
			
			li {
				width: 100%;
			}
		}
	}
	
	li {
		float: left;
		position: relative;
		
		&:hover {
			visibility: inherit;
		}
	}

	a {
		display: block;
		position: relative;
	}
	
	
	
	li:hover ul, li.sfHover ul {
		left: 0;
		top: 58px;
		z-index: 99;
	}

	li:hover li ul, li.sfHover li ul {
		top: -999em;
	}

	li li:hover ul, li li.sfHover ul {
		left: 10em;
		top: 0;
	}

	li li:hover li ul, li li.sfHover li ul {
		top: -999em;
	}

	li li li:hover ul, li li li.sfHover ul {
		left: 10em;
		top: 0;
	}

}


#breadcrumbs-container {
    background: @black;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    padding: 0 40px;
	border-right:1px solid @white;
	border-left:1px solid @white;
	.prox-b(40px,12px);
	color:@white;
	text-transform:uppercase;
	
	span.breadcrumbs-header {
		.prox-r(40px,12px);
		font-style:italic;
		text-transform:none;
	}
	
	span.current-item {
		.bg-img("breadcrumb-icons", "transparent", "no-repeat", "left","-120px");
		display:inline-block;		
		padding:0 10px 0 20px;
	}
	
	a {
		.bg-img("breadcrumb-icons", "transparent", "no-repeat", "left","-80px");
		.prox-b(40px,12px);
		text-transform:uppercase;	
		padding:0 10px;
		display:inline-block;
		padding:0 10px 0 20px;
		
		&:hover {
			color:@white;
			background-position:0 -120px;
		}
		
		&:last-child {
			.bg-img("breadcrumb-icons", "transparent", "no-repeat", "left","-120px");
			display:inline-block;		
			padding:0 10px 0 20px;
			color:@white;
		}
	}
	
	.home-crumb {
		background-position:left -2px;
		margin-left:10px;
		
		&:hover {
			color:@white;
			background-position:0 -42px;
		}
	}
}


#comments-template {display:none;}
.singular-post #comments-template {display:block;}

#content {
    float: left;
    overflow: hidden;
	background:none;
    width: 540px;
}


.hentry {
    border-top: medium none;
    margin: 0 0 0px;
	background:none;
    overflow: hidden;
	padding:0;
}

.entry-content, .entry-summary {
    margin: 0;
    overflow: hidden;
	

}

.entry-meta {
    background: none;
	.prox-r(20px,12px);
    overflow: hidden;
    padding:20px 0 0 0;
}


.content-box {
	
	> div{
		padding:40px;
		background:@white;
	}
}

#primary, #secondary {
    float: right;
    line-height: 19px;
    overflow: hidden;
    width: 399px;
	
	ol {

		padding:0;
		margin:0 0 20px 20px;
	}
	
	ul {
		list-style:none;
		padding:0;
		margin:0;
	}

	p, li {
		
		.prox-r(18px,12px);
	}
	
	>div:last-child {
		
	}
}



.widget {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: medium none;
    margin: 0 0 1px;
    overflow: hidden;
    padding: 40px;
	
	ul {
		
		li {
			margin-bottom:0px;
			display:block;
			line-height:20px;
			border:none;
			padding:0;
			
			a {
				display:block;
				padding-left:20px;
				.bg-img("link-arrow-small", "transparent", "no-repeat", "left","-2px");
				
				&:hover {
					background-position:left -22px;
				}
			}
		}
	
	}
	
	.yd_rp_excerpt {
		.prox-r(18px,12px);
	}
	
	form {	
		padding:20px;
		.prox-r(20px,12px);
		
		label {
			.prox-sb(20px,12px);
		}
		
		input {
		
		}
	}
	
	
}


.widget_yd_rp {

	ul li a {
		display:inline;
		padding:0;
		background:none;
	}
	
	ul li {
		margin-bottom:20px;
	}
}







#ns_widget_mailchimp-3, #ns_widget_mailchimp-4 {

	form {
		padding:20px;
		.rc(10px);
		color:@white;
		background:@orange;
		overflow:hidden;
		
		label {
			float:left;
			margin-right:20px;
		}
		
		input[type="text"] {
		
		}
		
		input[type="text"]:enabled {
		
		}
		
		#ns_widget_mailchimp-email-3, #ns_widget_mailchimp-email-4 {
			margin-bottom:20px;
			width:220px;
			.rc(5px);
			width:168px;
			border:none;
			.prox-r(20px,12px);
		}
		
		
		input.button {
			clear:both;
			border:none;
			margin:0;
			background:@black;
			.rc(5px);
			color:@white;
			text-align:center;
			.prox-sb-c(25px,12px);
			float:right;
			padding:5px 20px;
			text-transform:uppercase;
		}
	}
}

.widget_wp_digi_cart {

	.shopping_cart {
		padding:0 !important;
		
		img, h2, br {display:none;}
		
		form {
			padding:0;
		}
	}
	
	table {
	
		tr {
		
			th:first-child { 
				padding-left:10px;
			}
			
			th:last-child { 
				padding-right:0;
			}
			
			&:last-child td {
				background:@black;
				color:@white;
				padding:0 5px;
				
				&:first-child {
					.prox-b(30px,11px);
					font-family:'ProximaNovaBold' !important;
					font-weight:normal;
					text-transform:uppercase;
				}	
			}
		}
		
		th {
			padding:5px 10px 5px 0;
			color:@white;
			background:@black;
			
			&:first-child {
			
			}
		}
		
		td {
			padding:5px 0;
			.prox-sb(18px,12px);
			
			a {
				color:@orange;
				top:-8px;
				.prox-sb(18px,12px);
				position:relative;
			}
		}
	}
}

.eStore_remove_item_button,
.eStore_empty_cart_button {
	top:5px;
	position:relative;
}

.eStore_empty_cart_button, input[type="image"]{
	border:none !important;
	background:none !important;

}

.eStore_paypal_checkout_button {
	float:right;
}

#post-0 {display:none;}

.eStore-button-form .eStore_button {
    background: url("/wp-content/themes/life-collage/img/add-to-cart-btn.png") no-repeat scroll left top transparent;
    border: medium none;
    color: white;
    display: block;
    font-size: 12px;
    height: 41px;
    line-height: 20px;
	.prox-sb-c(20px,12px);
	text-transform:uppercase;
    padding: 0 0 0 45px;
    text-align: left;
    width: 130px !important;
}

#footer {
    background: transparent;
    clear: both;
    color: @black;
	.prox-r(20px,14px);
    height: 40px;
    width: 940px;
}


.singular-post, .blog, .archive {


	.entry-meta {
		background: none repeat scroll 0 0 transparent;
		border-bottom: 1px dotted #999999;
		border-top: 1px dotted #999999;
		font-family: 'ProximaNovaRegular';
		font-size: 12px;
		font-weight: normal;
		line-height: 20px;
		overflow: hidden;
		padding: 5px 0;
		text-align: center;
	}
	
	.entry-title {
		text-align:center;
	}
}


.blog, .archive, .singular-post {

	#primary { width:299px;}
	#content { width:640px;}
	
	
	.hentry {
		padding:40px;
		background:@white;
		margin-bottom:1px;
	}
	.archive-title, .archive-description, .archive-info { display:none;}
}

.singular-page-16 {
	.hentry {
		padding:40px;
		background:@white;
	}
	
	.entry-title {
		display:none;
	}
}


.singular-page-13 {
	
	#content {width:940px;}
	
	.hentry {background:@white; padding:40px;}
}	


#respond {
	padding:40px;
}



#post-13 .entry-title {
	display:none;
}






body.search  {

	#content {
		width:940px;
		
		.loop-meta {display:none;}
	}
	
	.hentry {
		padding:40px;
		background:@white;
		margin-bottom:1px;
	}

}



.wp-pagenavi .pages {
    margin-right: 6px;
    padding: 3px 6px;
	margin-bottom:40px;
}

.wp-pagenavi .pages {
    font-style: normal;
    margin: 2px 20px 2px 0;
}

.wp-pagenavi {
    background: @white;
    margin: 0 0 0px;
    overflow: hidden;
    padding: 40px;
	min-height:60px;
}

.wp-pagenavi span.current {
    font-weight: bold;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: @black;
}

.wp-pagenavi .current, .wp-pagenavi .extend, .wp-pagenavi a {
    background: url("images/dark.jpg") repeat scroll 0 0 transparent;
    border: 1px solid #E2DECC;
    margin-right: 6px;
    padding: 3px 6px;
	font-style:normal;
	.rc(5px);
}


#content > div:last-child,
#primary > div:last-child {
	margin-bottom:-2000px;
	padding-bottom:2000px;
}


#content, #primary, #secondary {
	padding-bottom:2000px;
	margin-bottom:-2000px;
}


.singular-post, .blog, .category, .tag, .archive {

	.page-header span.icon {
		background-position: left -480px;
	}
}




#comments {

	ol {
		clear: left;
		list-style: none outside none;
		margin: 0 20px;
		overflow: hidden;
		z-index: 0;
	}
	
	li {
		height: 100%;
		overflow: hidden;
		padding: 19px 0 0;
	}
	
	.avatar {
		background: url("images/photo-bg.gif") repeat-x scroll 0 bottom #E2DECC;
		float: left;
		height: 50px;
		margin: 5px 10px 0 0;
		overflow: hidden;
		padding: 5px 5px 10px;
		width: 50px;
		
	}
	
	.comment-meta {
		font: 12px/22px arial,verdana,sans-serif;
		padding: 0 0 4px;
	}

	.comments-header {
		margin-bottom: 0;
		.prox-b(30px,18px);
		
		span {
			display:block;
			.prox-r(20px,12px);
		}
	
	}
}

#comments, #respond {
    background: @white;
    border-top: none;
    height: 100%;
    margin: 0 0 1px 0;
    overflow: hidden;
    padding: 40px;
}


.comments-header, #reply {
    background: url("images/border.jpg") repeat-x scroll 0 bottom transparent;
    font: 18px/19px georgia,cambria,times,'times new roman',serif;
    margin: 2px 0 20px;
    padding: 0 20px 18px;
}


.previous, .next {
	padding-bottom:10px;
}


.page-225 {
	
	#content {
		width:940px;
	}
	
	
	.hentry {
		padding:40px;
		background:@white;
	}
	
	h1 {
		color:@black;
		margin-bottom:20px;
		text-align:center;
		
		a {
			color:@black;
		}
	}
}


.faq {
	margin-bottom:40px;
}


#footer a {
	color:@white;
	.prox-b(20px,14px);
	text-transform:uppercase;
}

#footer p {
	color:@white;
	.prox-r(20px,14px);
	text-transform:normal;
}

#footer {
	padding:20px 0;
	overflow:hidden;
}



.singular-post {

	.entry-content {overflow:visible;}
	
	.shareaholic-show-on-load {
		margin-left:-30px !important;
		margin-bottom:20px;
	}

}

.addtoany_list a {
    padding: 0;
}

#secondary ul.archives, #primary ul.archives {
	margin-bottom:30px;
}


textarea#comment {
	width:550px;
}


.singular-page-5,
.singular-page-2 {

	
	#secondary, .shareaholic-show-on-load, .addtoany_share_save_container {
		display:none !important;
	}
}


.singular-courses .shareaholic-show-on-load, .singular-webinars .shareaholic-show-on-load {
	display:none !important;
}

.error-404 .page-header {
	padding-left:40px;
	text-align:center;
}


p.address {
	float:right;

}