/*
Theme Name: Pixel Lily
Theme URI: http://pixellily.com
Description: Pixel Lily - based on the Starkers theme by elliot j stocks 
Version: 1.0
Author: Ashley Doughty
Author URI: http://pixellily.com
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


html{
	/*overflow-y: scroll;
	overflow-x: hidden;*/
}

body{
	margin:0 0;
	color:#3c2415;
	padding:0 0;
	/*font-size: 62.5%;  Resets 1em to 10px */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(images/headerSlice.gif) repeat-x top left #f2e2ca;
}

body.home{
	background: url(images/home-BG-Slice.png) repeat-x top center #f2e2ca;
}

body.home h3{
	color: #D94835;
}

div#outer-wrapper{
	position:relative;
	text-align:left;
	/*font-size:1.4em;*/
	line-height:1.6em;
}
div#footer{
	background: url(images/footerSlice.gif) repeat-x top left;
	height:210px;
	position:relative;
	color:#d9a577;
	text-align:left;
	/*bottom:0;*/
	width:100%;
	background-color:#3C2415;
}
div#footerContent{
	width:950px;
	margin:0 auto;
	background: url(images/footerFlowers.gif) no-repeat bottom center;
	height:210px;
}
div #footerContent a{
	color:#d9a577;
	text-decoration:none;
}
div #footerContent a:hover, div #footerContent a.active{
	text-decoration:underline;
}
div #footerContent li{
	margin-bottom:5px;
}
div#header{
	width:950px;
	margin:0 auto;
	height:130px;
	position:relative;
	z-index:1000;
}
div#body{
	width:950px;
	margin:0 auto;
	/*padding-bottom:200px;*/
	font-size:.8em;
	line-height:1.4em;
}
div#header #logo{
	background: url(images/logo.gif) no-repeat top left;
	width:377px;
	height:130px;
	border:0px solid #f00;
	left:-60px;
	position:absolute;
}
div#header #logo a{
	
}
div#header #logo h1{
	left:-5000px;
	position:absolute;
}
div#featured{
	/*border:1px solid #f00;*/
	height:300px;
	margin-top:1px;
	background:url(images/home-flowers.gif) no-repeat top center;
	z-index:1;
}

#Featuredslidewrap {
	color:#FBF4EA;
	position:relative;
	padding-left:75px;
	display:none;
}

img.jFlowPrev{
	position:absolute;
	top:130px;
	left:0px;
	cursor:pointer;
}
img.jFlowNext{
	position:absolute;
	top:130px;
	right:0px;
	cursor:pointer;
}
img.featuredProjRibbon{
	position:absolute;
	top:6px;
	left:15px;
	z-index:5;
	cursor:pointer;
}
div#featured .leftCol{
	float:left;
	width:420px;
	text-align:right;
	padding-top:9px;
}
div#featured img{
	border:none;
}
div#featured .rightCol{
	float:left;
	width:350px;
	padding-left:10px;
	padding-top:15px;
}
div#featured span.title{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.2em;
}
div#featured span.title a{
	color:#FBF4EA;
}
div#featured span.role{
	font-style:italic;
	line-height:1.2em;
	display:block;
	padding: 10px 0px 5px 0px;
}
div#featured{
	line-height:1.6em;
	margin-bottom:30px;
}
div#featured div.links a{
	color: #fff;
	line-height:1.6em;
}
div.action {
	position:absolute;
}
div.action.portfolio{
	bottom:15px;
	right:225px;
}
div.action.quote{
	bottom:20px;
	right:60px;
}
div.Header-beVisible{
	width:305px;
	height:50px;
	background:url(images/Header-beVisible.gif) no-repeat top left;
}
div.Header-beVisible h2{
	position:absolute;
	left:6000px;
}
h3{
	color:#5A3720;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	margin-bottom:10px;
	font-style:italic;
}
h3 a{color:#5A3720;}

p.intro{
	font-size:1.4em;
}
p{
	padding:5px 0px;
}

a{
	color:#d94835;
}
div#servicesBox{
	background:url(images/homeBox-slice.gif) repeat-y top center;
	width:402px;
	float:left;

}
div#servicesBox .top{
	background:url(images/homeBox-header.gif) no-repeat top center;
	height:45px;
}
div#servicesBox ul li{
	background:url(images/bullet_28.gif) left 2px no-repeat;
	padding:2px 0 5px 25px;
}
div#servicesBox .content{
	background:url(images/homeBox-footer.gif) no-repeat bottom center;
	padding:0px 20px 20px 20px;
}
div#home-content{
	background:url(images/home-content-slice.gif) repeat-y top center;
	width:952px;
}
div#home-content .top{
	background:url(images/home-content-top.gif) top left no-repeat;
	height:20px;
}
div#home-content .leftCol{
	border:0px solid #f00;
	float:left;
	width:295px;
	padding-left:15px;
	padding-right:15px;
}
div#home-content .midCol{
	border:0px solid #f00;
	float:left;
	width:282px;
	padding-left:15px;
	padding-right:15px;
}
div#home-content .rightCol{
	border:0px solid #f00;
	float:left;
	width:278px;
	padding-left:15px;
	padding-right:15px;
}
div.textRight{
	text-align:right;
}
div.textLeft{
	text-align:left;
}
div.date{
	font-size:.9em;
}
div.blogList a.articleName{
	color:#3c2415;
}

div#footerContent .leftCol{
	border:0px solid #f00;
	float:left;
	width:300px;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
}
div#footerContent .centerCol{
	border:0px solid #f00;
	float:left;
	width:600px;
	padding-top:20px;
}
div#footerContent .centerCol img{
	float:left; margin-right:50px;
}
div#footerContent .rightCol{
	border:0px solid #f00;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	float:left
}
div#footerContent h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#d9a577;
	font-size:1.2em;
}

ul.footerNav{
	margin-left:20px;

}
ul.footerNav li{
	display:inline;
	padding-right:15px;
	list-style-type:circle;
}
ul.footerNav.social li{
	padding-right:0px !important;
}
ul.footerNav {
	font-size:small;
}
ul.findUs{
	padding-left:20px;
}
/*Start Navigation Styles*/
#navigation{
	position:relative;
	height:39px;
	/*border:1px solid #fff;*/
}

ul#top-nav {
    position: absolute;
    top: 60px;
    right: -8px;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 581px;
    height: 39px;
    background: transparent url(images/nav.gif) no-repeat top left;
	z-index:5;
}
ul#top-nav li {
    position: absolute;
    top: 2px;
	border:0px solid #fff;
	height: 30px;
}

ul#top-nav li a {
    display: block;
    height: 30px;
    width: 100%;
    text-decoration: none;
    color: #ffffff;
    font-size: 1em;
}
li#homeBtn {
    width: 85px;
    left: 10px;
}
li#about {
    width: 80px;
    left: 95px;
}
li#services {
    width: 95px;
    left: 175px;
}
li#portfolio {
    width: 95px;
    left: 270px;
}
li#testimonials {
    width: 135px;
    left: 365px;
}
li#blog {
    width: 72px;
    left: 500px;
}
li#homeBtn:hover, li#homeBtn.active{
    background: transparent url(images/nav_on.gif) -10px -2px no-repeat;
}
li#about:hover, li#about.active{
    background: transparent url(images/nav_on.gif) -95px -2px no-repeat;
}
li#services:hover, li#services.active{
    background: transparent url(images/nav_on.gif) -175px -2px no-repeat;
}
li#portfolio:hover, li#portfolio.active{
    background: transparent url(images/nav_on.gif) -270px -2px no-repeat;
}
li#testimonials:hover, li#testimonials.active{
    background: transparent url(images/nav_on.gif) -365px -2px no-repeat;
}
li#blog:hover, li#blog.active{
    background: transparent url(images/nav_on.gif) -500px -2px no-repeat;
}

/*End Navigation Styles*/
div#banner{
	background:url(images/banner.gif)  center 1px no-repeat;
	height:71px;
	text-align:right;
	padding-top:20px;
}
div#searchBar{
	border:0px solid #000;
	height:55px;
	text-align:right;
	padding-top:5px;
	position:relative;
	width:950px;
}
div#contentWrapper{
	background:url(images/secondarySlice.gif) repeat-y top center;

}
div#content{
	background:url(images/secondaryTop.gif) no-repeat top center;
	padding:20px 0px 10px 25px;
}
div#content h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#d94835;
	font-size:2em;
	margin-bottom:15px;
}
div#mainColumn{
	float:left;
	width:660px;
	margin-right:25px;
	border:0px solid #000;
}
div#sidebar{
	border:0px solid #000000;
	float:left;
	padding:0 15px;
	width:210px;
	font-size:.9em;
	line-height:1.2em;
}
div#sidebar h3{
	font-size:1.2em;
	padding-top:30px;
}
div#sidebar h3.nav{
	padding-top:0px;
}
/*Search Form*/
.searchButton {
	background:transparent none repeat scroll 0 0;
	border:medium none;
	cursor:pointer;
	margin:0px 0px 0px 10px;
	padding:0;
	width:60px;
	
}
input.searchText{
	background: url(images/searchBar.gif) top left no-repeat;
	border:none !important;
	background-color:transparent;
	padding:5px 5px 0px 5px;
	width:150px !important;
	height:23px !important;
	background-color:#EBD0B2;
	position:absolute;
	right:60px;
	top:10px;
	z-index:1;
}
div.portfolio.leftCol{
	float:left;
	width:405px;
}
div.portfolio.rightCol{
	float:right;
	width:245px;
}
div.clearBoth{
	clear:both;
	height:1px;
	font-size:1px;
}
div.portfolio h3{
	margin-bottom:0px;
}
div.portfolio h4 a{
	text-decoration:none;
	color: #3c2415;
}
div.slide h4 {
	font-style:italic;
}

div.slide p{
	padding:5px 0px 0px 0px;
}
div#ContactUs{
	display:none;
	background-color:#F2E2CA;
	border:3px solid #5D3921;
	z-index:8;
	position:absolute;
	top:127px;
	left:0;
	padding:10px 20px 20px 20px;
	width:910px;
	/*haslayout:true;*/
}
div#ContactUs p{
	margin-top:10px;
	padding-top:0px;
}
div#ContactUs .leftCol{
	float:left; 
	margin-right:15px;
	padding-left:50px;
	width:450px;
}
div#ContactUs .rightCol{
	float:left; 
	margin-right:15px;
	width:300px;
}

div#ContactUs input, div#ContactUs textarea, div#ContactUs select{
	border:1px solid #5D3921;
}
div#ContactUs select{
	padding:5px 5px;
}
img.wpcf7-captcha-captcha-248{
	border:1px solid #5D3921;
	margin-bottom:5px;
}
div#ContactUs div.submit{
	text-align:right;
	margin-right:30px;
	margin-top:20px;
}
input.contactSubmit{
	border:0px solid #000 !important;
/*	font-size:0px;*/
	background-color:transparent;
	background:url(images/button.jpg) no-repeat top left;
	width:116px;
	height:34px;
	cursor:pointer;
	font-weight:bold;
	font-size:1.8em;
	color: #5D3921;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.post h2{
	margin-top:20px;
}
.post h2.title{
	margin-top:0px !important;
}
.post h3{
	margin-top:15px;
}
.post h4{
	margin-top:10px;
	font-size:1.25em;
	color:#5A3720;
}
.post li{
	background:transparent url(images/bullet_28.gif) no-repeat scroll left 2px;
	padding:2px 0 5px 25px;
}
.post ul{
	margin:10px 5px;
}
.post hr{
	height:1px;
	border:none;
	background-color:#D94835;
}
.post small{
	line-height:1.2em;
	display:block;
	margin:5px 5px;
}
#respond textarea{
	width:650px;
	/*border:3px solid #EBD0B2;*/
	border:1px solid #5D3921;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #5D3921;
	font-size:1em;
}
#respond input{
	/*border:3px solid #EBD0B2;*/
	border:1px solid #5D3921;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#5D3921;
	font-size:1em;
}
#respond input#submit{
	background:transparent url(images/button.jpg) no-repeat scroll left top;
	border:0 solid #000000 !important;
	color:#5D3921;
	cursor:pointer;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:1.8em;
	font-weight:bold;
	height:34px;
	width:116px;
	margin-top:15px;
}

ol.commentlist .avatar {
	border:5px solid #EBD0B2;
	position:absolute;
	top:5px;
	left:5px;
	
}
.vcard{
	
}
.says{
	display:none;
}
ol.commentlist li{
	border:1px solid #EBD0B2;
	padding-left:90px;
	position:relative;
	margin-bottom:10px;
}
.commentmetadata{
	font-style:italic;
	font-size:.75em;
}
div.reply{
	height:15px;
}
.bypostauthor {
	background-color:#EBD0B2;
}
.bypostauthor .avatar{
	border:5px solid #F2E2CA !important;
}

ul.sub-nav{
	margin:15px 0px 0px 15px;
}
ul.sub-nav li{
	padding:5px 0px 5px 20px;
	background: url(images/navArrow.gif) 0px 11px no-repeat;
	font-size:1.3em;
	line-height:1.4em;
}
div#ContactUs{
	font-size:.8em;
	line-height:1.4em;
}
div.links{
	line-height:.8em; margin-bottom:15px;
}
div.homeIntro{
	font-size:1.4em;
	line-height:1.2em;
	margin-bottom:10px;
	margin-top:10px;
}
#sidebar .recentWork h3{
	text-align:left;
	margin-bottom:15px;
}
#sidebar .recentWork{
	text-align:center;
}
#sidebar .recentWork img{
	margin-bottom:15px;
}
#sidebar .testimonials a{
	text-decoration:none;
}
#sidebar .testimonials a p{
	color:#3C2415;
	text-decoration:none;
}
#sidebar .testimonials a:hover p{
	text-decoration:underline;
}
.portfolioThumbs{
	float:left;
	padding-left:15px;
	position:relative;
	top:-4px;
}
.portfolioThumbs img{
	margin-bottom:15px;
}
.single .post img{
	background-color:#5D3921;
	padding:2px 2px;
	border:8px solid #fff;
}

.single .post img.noborder{
	background-color:transparent !important;
	padding:0 0 !important;
	border:0px solid #fff !important;
}
span.blogThumbnail img{
	background-color: #5D3921 !important;
	border: 8px solid white !important;
	padding: 2px !important;
	margin-top:5px !important;
}