/* @override http://envisionlaie.com/wp-content/themes/themeforest_foliodelight_40740.zip%20Folder/style.css */

/* 
Theme Name: Envision Laie 
Description: 
Version: 1.0
Author: Stacey Leong Design
Author URI: http://www.staceyleong.com
*/

a#contactlink h3 {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#navarea a.rss img {
	float: right;
	top: -45px;
	position: relative;
	right: 8px;
}

.rss img {
float: right;
}

body {
background:url(./images/background.jpg) repeat-x #6c8e82;
color:#4b4b4b;
text-align:center;
font-family: Georgia, 'Serif';
font-size:13px;
line-height:120%;
}

body.inner {
background:url(./images/background.jpg) repeat-x #6c8e82;
}

#page {
width:1020px;
margin:auto;
text-align: left;
background:url(./images/home_container.gif) no-repeat #e3d4bf;
}


@font-face {
	font-family: './images/OFLSortsMillGoudyRegular';
	src: url('./images/OFLGoudyStM-webfont.eot');
	src: local('?'), url('./images/OFLGoudyStM-webfont.woff') format('woff'), url('./images/OFLGoudyStM-webfont.ttf') format('truetype'), url('./images/OFLGoudyStM-webfont.svg#webfontbdeuPKEQ') format('svg');
	font-weight: normal;
	font-style: normal;
}


.alignleft {
float:left;
display:block;
margin:0 10px 0px 0;
}

.alignright {
float:right;
text-align: right;
display:block;
margin:0 0 20px 20px;
}

//#introtext p a {
	color: #FFE97C;
}

#contentarea a h2 {
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	font-family: Georgia,'./images/OFLSortsMillGoudyRegular', 'serif';
}

#contentarea a:hover h2 {
	font-weight: bold;
	font-style: normal;
	text-decoration: underline;
}

a {
	color: #3d2c15;
}

a:hover {
	color: #006a70;
	text-decoration: none;
}

ul#nav li a:hover, h1 a:hover {
text-decoration: none;
}

h1 {
font-size:40px;
}

h2 {
font-size: 18px;
color:#006a70;
font-weight: bold;
padding:0 0 20px 0;
font-family: Georgia, 'Serif';


}

h2.pagetitle {
font-weight:normal;
}

h2.pagetitle span {
font-weight:bold;
}

h3 {
font-size:16px;
color:#333333;
font-weight:bold;
padding:0 0 20px 0;
line-height:30px;
}

h4 {
font-size:16px;
color:#333333;
font-weight:bold;
padding:0 0 20px 0;
line-height:30px;
}

p {
padding:0 0 20px 0;
line-height:24px;
}

div.widget div.textwidget p {
	padding: 0 0 9px 0;
	line-height: 15px;
}

#introtext p {
	padding: 0 0 24px 0;
	line-height: 24px;
}

#header {
width:1020px;
height:30px;
clear:both;
}

#header h1 {
padding:30px 0 0 0;
line-height:40px;
}

#header h1 a {
color:#FFFFFF;
}

#header h1 span {
font-weight:normal;
padding-left:10px;
color:#5d5750;
}




#menulinks {
width:1020px;
height:48px;
padding-top:455px;
padding-left:15px;
clear:both;
position:relative;
overflow: hidden;
z-index:1;
	font-family:'./images/OFLSortsMillGoudyRegular', Georgia, 'serif';

}

ul#nav {
height:48px;
}

ul#nav li {
float:left;
display:block;
margin:0 0px 0 20px;
}

ul#nav li.line {
width:2px;
height:40px;
margin:0 10px 0 10px;
}

ul#nav li a {
padding:15px 20px 0 0;
height:46px;
display:block;
float:left;
color:#ffffff;
line-height:15px;
font-size:16px;
text-decoration:none;
}

#nav li.rss a {
	padding: 0 0 0 0;
}

ul#nav li a.active {
background:url(./images/navActive.png) no-repeat 5px bottom;
}

ul#nav li a span {
font-size:11px;
color:#ffffff;
font-weight:normal;
}

ul#nav li a.active, ul#nav li a:hover {
color:#c5b39a;
}

ul#nav li a.active span, ul#nav li a:hover span {
color:#ffffff;
}

ul#nav li.rss {
float:right;
margin:0px;
padding-right: 20px;
}

ul#nav li.rss a {
background:url(./images/rss.png) no-repeat center center;
width:38px;
}

#mainarea {
padding:30px 0;
overflow: hidden;
}

a.button {
display:block;
float:left;
padding:0 30px 0 15px;
line-height:30px;
height:30px;
font-size:14px;
color:#FFFFFF;
background:url(./images/arrowButtonBrown.png) no-repeat top right;
}

a.button:hover {
text-decoration: none;
}

#contentarea {
width:530px;
float:left;
margin-left:30px;
display:block;
overflow: hidden;
}

ul#twitter {
list-style:none;
}

ul#twitter li {
padding:0 0 20px 0;
line-height:22px;
font-size:13px;
}

ul#twitter li small {
font-size:12px;
font-style:italic;
color:#888888;
}

.contactform {

}

.contactform p {

}

.contactform label, #commentform label {
float:left;
display:block;
width:70px;
}

.contactform input, #commentform input {
width:220px;
border:2px solid #CCCCCC;
padding:5px;
font-family: Arial;
font-size:12px;
}

.contactform textarea, #commentform textarea {
width:300px;
height:120px;
border:2px solid #CCCCCC;
padding:5px;
font-family: Arial;
font-size:12px;
}

.contactform #submit, #commentform #submit {
background:url(./images/arrowButtonGreen.png) no-repeat top right;
height:30px;
line-height:22px;
border:none;
display:block;
margin-left:70px;
padding:0 20px 0 10px;
color:#FFFFFF;
width:120px;
}

#commentform #submit {
width:130px;
}

ul#latestposts p.left {
float:left;
display:block;
width:50px;
}

ul#latestposts p.left a.commentsIcon {
background:url(./images/icons/commentsIcon.png) no-repeat;
overflow: hidden;
text-align: center;
width:45px;
height:36px;
padding:10px 0 0 0;
font-size:16px;
color:#40362a;
line-height:16px;
display:block;
clear:both;
}

ul#latestposts span.date {
margin-top:2px;
clear:both;
margin-bottom:10px;
}

ul#latestposts li {
clear:both;
padding:0 0 40px 0;
overflow: hidden;
}

ul#latestposts li p.content {
width:460px;
float:right;
display:block;
font-size:13px;
line-height:24px;
}

ul#latestposts li p.content span {
font-size:20px;
font-weight:bold;
}

ul#latestposts p.content img {
border:5px solid #170f05;
margin:10px 0;
}

ul#latestposts p.content a.button {
margin:10px 0 0 0;
}

.post {

}


.post h2 {
padding:0 0 10px 0;
}

//p.meta {
border-bottom:3px solid #f4f4f4;
padding:0 0 10px 0;
margin-bottom:10px;
}

.post .share {
background:url(./images/postShare.png) no-repeat;
width:250px;
height:126px;
margin:20px 0 0 0;
padding:24px 0px 0 280px;
}

.post .share a {
display:block;
float:left;
margin:0 10px 5px 0;
}

.post .comments {
padding:80px 0 40px 0;
overflow: hidden;
}

.post .comments h2.numberOfComments {
padding-left:55px;
line-height:40px;
height:50px;
background:url(./images/icons/commentsIcon.png) no-repeat top left;
}

.post .comments h2.leaveComment {
padding-left:55px;
line-height:50px;
height:50px;
margin-top:60px;
background:url(./images/icons/addComment.png) no-repeat top left;
}

.post .comments #commentform {
border:4px solid #CCCCCC;
background:#f4f4f4;
padding:20px;
overflow: hidden;
}

.post .comments ol.commentslist {
border-bottom:1px solid #CCCCCC;
list-style:none;
padding:0px;
margin:0px;
}

.post .comments ol.commentslist li {
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
padding:20px;
overflow: hidden;
}

.post .comments ol.commentslist li.alt {
background:#eaeaea;
}

.post .comments ol.commentslist li h4 {
padding:0 0 10px 0;
}

.post .comments ol.commentslist li .avatar {
float:right;
display:block;
margin:0 0 10px 10px;
}

#sidebar {
width:370px;
float:right;
margin-right:30px;
padding-top:80px;
display:block;
overflow: hidden;
background-image: url('./images/home_sidebar.png');
background-position: top-left;
background-repeat: repeat-x;
}

//#introtext p {
	color: #F0EAD8;
	text-shadow: #2E261E 5px 5px 9px;
	padding-bottom: 8px;
}

//#introtext h2 {
	background: #F5F2EB;
	color: #FFFFFF;
	text-shadow: #2E261E 5px 5px 9px;
	padding-bottom: 20px;
	padding-top: 10px;
	
}

#sidebar .widget {
	background: #c39f7b;
	padding: 20px 20px 20px 20px;
	overflow: hidden;
}

ul#catList {

}

li.cat-item {
width:120px;
display:inline;
}

li.cat-item a {
float:left;
display:block;
width:110px;
margin:0 200px 5px 20px;
border-bottom:1px solid #d2e7cd;
line-height:24px;
}

ul#servicesList {
list-style: none;
margin:0 0 0 0px;
}

ul#servicesList li {
background: url(./images/icons/servicesBullet.png) top left no-repeat;
font-size:18px;
line-height: 20px;
padding:0 0 15px 40px;
color:#433a2d;
}

ul#servicesList li span {
font-size:14px;
color:#766a58;
}

ul#contactDetails {
list-style: none;
margin:0 0 0 0px;
}

ul#contactDetails li {
font-size:18px;
line-height: 20px;
padding:0 0 15px 0;
color:#433a2d;
}

ul#contactDetails li span {
font-size:14px;
color:#766a58;
}

ul#latestpostssidebar {

}

ul#latestpostssidebar li {
clear:both;
padding:0 20px 0 0;
overflow: hidden;
list-style-type: none;
}

ul#latestpostssidebar li p.content {
width:300px;
float:right;
display:block;
font-size:11px;
line-height:20px;
}

ul#latestpostssidebar li p.content span.title {
font-size:16px;
font-weight:bold;
}

ul#latestpostssidebar li p.content span.excerpt {
overflow: hidden;
position: relative;
display:block;
height:60px;
}

#contentarea ul li {
	list-style-position: inside;
	list-style-type: disc;
	padding-bottom: 5px;
    padding-left: 2em;
	margin-left: 2em;
    text-indent: -1em;
    line-height: 18px;
    margin-top: .3em;
}

#contentarea ul#latestposts li {
	list-style-position: inside;
	list-style-type: none;
    padding-left: 0em;
	margin-left: 0em;
    text-indent: 0em;
    line-height: 1;
    margin-top: .3em;
}

p.date, span.date {
background:url(./images/date.png) no-repeat;
overflow: hidden;
text-align: center;
width:45px;
height:37px;
padding:10px 0 0 0;
font-size:16px;
color:#FFFFFF;
line-height:14px;
display:block;
float:left;
text-transform: uppercase;
margin-top:3px;
}

p.date span, span.date span {
color:#ddd1ae;
font-size:11px;
}

#footer {
width:100%;
clear:both;
overflow: hidden;
position: relative;
height:70px;
background:url(./images/footer.png);
text-align: center;
}

#footer .inner {
width:960px;
margin:auto;
height:70px;
text-align: left;
}

#footer .inner p {
padding:18px 0 0 0;
line-height: 18px;
font-size:11px;
color:#b09b7c;
}

#footer .inner p a {
color:#e5b84e;
}

#footer .inner p a:hover {
color:#FFFFFF;
}

#footer .inner p.left {
float:left;
display:block;
}

#footer .inner p.right {
float:right;
display:block;
text-align: right;
}

#footer .inner p.right a {
display: block;
float:left;
margin:0 0 0 20px;
}

.spacerule {
width:100%;
height:40px;
clear:both;
display:block;
}

#portfoliomainarea {

}

#portfoliomainarea #contentarea {
width:650px;
}

#portfoliomainarea #sidebar {
width:260px;
float:right;
}

#portfoliomainarea h2 {
padding-bottom:20px;
}

ul#portfolioLinks {
list-style: none;
width:240px;
margin:0 0 0 0px;
float:left;
display:block;
}

ul#portfolioLinks li {
margin-bottom:10px;
}

ul#portfolioLinks a {
display:block;
overflow: hidden;
width:200px;
padding:15px 0 0 25px;
height:45px;
font-size:17px;
line-height: 16px;
color:#433a2d;
}

ul#portfolioLinks li a span {
font-size:12px;
color:#766a58;
}

ul#portfolioLinks a:hover {
color:#222222;
text-decoration: none;
}

ul#portfolioLinks a:hover span {
color:#433a2d;
}

ul#portfolioLinks a.active {
background:url(./images/portfolioArrow.png) no-repeat top left;
color:#FFFFFF;
}

ul#portfolioLinks a.active span {
color:#f3e7c9;
font-size:12px;
}

.portfolioItem {
overflow:hidden;
padding:0 0 40px 0;
}

.portfolioItem h3 {
font-size:22px;
}

.portfolioItem .screenshot img {
border:5px solid #170f05;
margin:0 0 20px 0;
}

#contactFormResult {
margin:50px auto;
overflow: hidden;
padding:20px;
border:5px solid #DBC99E;
width:400px;
}

.post .navigation {
padding:10px 0;
overflow: hidden;
}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry blockquote {
padding:0 0 20px 0;
}

blockquote {
margin:2px 4px;
upadding:3px;
color:#575757;
padding: 0 40px;
.entry blockquote p {
padding:10px;
}

.entry blockquote {
padding:0 0 0px 10px;
margin:0 0 20px 0;
overflow: hidden;
border-left:4px solid #CCCCCC;
}

.entry blockquote p {
padding:0px;
}

.entry h2.nopadding {
padding:0px;
}

.entry img {
border:5px solid #170f05;
margin:0 0 20px 0;
}

.entry ul {
padding:0 0 20px 0;
line-height:24px;
margin-left:20px;
list-style: disc outside;
}

.entry ol {
padding:0 0 20px 0;
line-height:24px;
margin-left:30px;
list-style: decimal outside;
}

.entry ul ul, .entry ul ul ul, .entry ul ul ul ul, .entry ol ol, .entry ol ol ol, .entry ol ol ol ol {
padding:0px;
}


.portfolioItem h1, .portfolioItem h2, .portfolioItem h3, .portfolioItem h4, .portfolioItem h5, .portfolioItem blockquote {
padding:0 0 20px 0;
}

.portfolioItem blockquote {
padding:0 0 0px 10px;
margin:0 0 20px 0;
overflow: hidden;
border-left:4px solid #CCCCCC;
}

.portfolioItem blockquote p {
padding:0px;
}

.portfolioItem h2.nopadding {
padding:0px;
}

.portfolioItem img {
border:5px solid #170f05;
margin:0 0 20px 0;
}

.portfolioItem ul {
padding:0 0 20px 0;
line-height:24px;
margin-left:20px;
list-style: disc outside;
}

.portfolioItem ol {
padding:0 0 20px 0;
line-height:24px;
margin-left:20px;
list-style: decimal outside;
}

.portfolioItem ul ul, .portfolioItem ul ul ul, .portfolioItem ul ul ul ul, .portfolioItem ol ol, .portfolioItem ol ol ol, .portfolioItem ol ol ol ol {
padding:0px;
}

}
@charset "UTF-8";
/* CSS Document */