/*



Theme Name: Lexi Dupont Custom Theme



Description: Wordpress Custom Theme for Lexi Dupont Website



Author: WIDSIX



Version: 1.0



*/











/*****RESET*****/



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;



}



/* HTML5 display-role reset for older browsers */



article, aside, details, figcaption, figure, 



footer, header, hgroup, menu, nav, section {



	display: block;



}



body {



	line-height: 1;



}



ol, ul, li {



	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;



}



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







body {



	background: url(images/content-bg.png) !important;



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



}



h1 {



	font-size: 26px;



}



h2 {



	font-size: 24px;



}



h3 {



	font-size: 22px;



}



h4 {



	font-size: 20px;



}



h5 {



	font-size: 18px;



}



h6 {



	font-size: 16px;



}



p {



	font-size: 16px;margin-bottom:10px;



}



small {



	font-size: 12px;



}



strong {



	font-weight: bold;



}



.alignleft {float:left;}



.alignright {float:right;}



#header {



	background: url(images/body-bg.png) repeat-x top #fff88f;



	width: auto;



	height: 723px;



}



#header-wrapper {



	width: 1025px;



	margin: 0 auto;



}







#container {



	margin: 0 auto;



	width: 1025px;	



}







#logo {



	margin: 0 auto;



	width: 340px;



}







#nav-left {



	display: block;



	width: 110px;



	height: 80px;



	position: relative;



	top: 85px;



	margin:0;



	float: left;



	left: 97px;



}







#nav-right {



	display: block;



	width: 110px;



	height: 80px;



	position: relative;



	top: -184px;



	margin:0;



	float: right;



}







span.about {



	background-image: url(images/menu-sprite.png);



	background-position: 0px -160px;	



	



}



span.about:hover,span.about-active:hover {



	background-image: url(images/menu-sprite.png);



	background-position: 0px -80px;	



}



span.about-active {



	background-image: url(images/menu-sprite.png);



	background-position: 0px 0px;



}



span.photos {



	background-image: url(images/menu-sprite.png);



	background-position: -110px -160px;



}



span.photos:hover,span.photos-active:hover {



	background-image: url(images/menu-sprite.png);



	background-position: -110px -80px;



}



span.photos-active {



	background-image: url(images/menu-sprite.png);



	background-position: -110px 0px;



}



span.contact {



	background-image: url(images/menu-sprite.png);



	background-position: -220px -160px;



}



span.contact:hover,span.contact-active:hover {



	background-image: url(images/menu-sprite.png);



	background-position: -220px -80px;



}



span.contact-active {



	background-image: url(images/menu-sprite.png);



	background-position: -220px 0px;



}



span.blog {



	background-image: url(images/menu-sprite.png);



	background-position: -330px -160px;



}



span.blog:hover, span.blog-active:hover {



	background-image: url(images/menu-sprite.png);



	background-position: -330px -80px;



}



span.blog-active {



	background-image: url(images/menu-sprite.png);



	background-position: -330px 0px;



}







span.home {



	background-image: url(images/menu-sprite.png);



	background-position: -440px -160px;



}



span.home:hover, span.home-active:hover {



	background-image: url(images/menu-sprite.png);



	background-position: -440px -80px;



}



span.home-active {



	background-image: url(images/menu-sprite.png);



	background-position: -440px 0px;



}







#home-banner {



	display:block;



	height: 508px;



	width: 100%;



	position:relative;



	left: 0;



	top: -75px;



	z-index: 10;



	background: url(images/home-header.png) no-repeat;



}







#mountain {



	position: absolute;



	left:0;



	top: 575px;



	background: url(images/mountain2.png) repeat-x;	



	display: block;



	height: 180px;



	width: 100%;



	border-bottom: 2px solid #fff;



}







#content-wrapper {



	margin: 55px 0 5px;



	width: 770px;



	float: left;



}







#footer {



	margin: 5px 0;



}



ul#sponsor {



	float:left;



}



ul#sponsor li {



	float: left;



	margin: 0  11px;



}







a.fa {



	display:block;



	height:80px;



	width:55px;



	background:url(images/first.png) no-repeat center top;



}



a.k2 {



	display:block;



	height:80px;



	width:80px;



	background:url(images/k2.png) no-repeat center top;



}



a.so {



	display:block;



	height:80px;



	width:115px;



	background:url(images/smith.png) no-repeat center top;



}



a.shiva {



	display:block;



	height:80px;



	width:65px;



	background:url(images/man.png)  no-repeat center top;


	height:50px;
}



a.swany {
  


	display:block;

	

	height:80px;



	width:136px;



	background:url(images/swany.png) no-repeat center top;



}

a.phgb {

	height:50px;

	display:block;



	width:100px;



	background:url(images/playhard.jpg) no-repeat center top;



}

a.jnb {



	display:block;



	width:100px;



	background:url(images/justins.jpg) no-repeat center top;



}

a.ye {



	display:block;



	width:100px;
	
	height:50px;



	background:url(images/yoga.jpg) no-repeat center top;



}

a.sv {



	display:block;



	width:100px;


	height:50px;

	background:url(images/sunvalley.png) no-repeat center top;



}



a.pf {



	display:block;



	height:80px;



	width:105px;



	background:url(images/peacefood.png) no-repeat center top;



}



a.diff {



	display:block;



	height:51px;



	width:52px;



	background:url(images/difference.png)  no-repeat center top;



}



a.sb {



	display:block;



	height:54px;



	width:53px;



	background:url(images/snowbird.png) center top;



}



a.ml {



	display:block;



	height:51px;



	width:77px;



	background:url(images/mlop.png) center top;



}







#footer-divider {



	display:block;



	height:2px;



	width:100%;



	background: url(images/footer-divider.png) repeat-x;



	float:left;



	padding: 5px 0;



}



#copyright {



	color:white;



	float:left;



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



	padding: 20px 0px 25px 60px;



	margin: 10px 0;



	font-family: helvetica;



	font-size: 12px;



}

#copyright a, #copyright a:visited {color:#fff;text-decoration:none;}

#copyright a:hover {text-decoration:none;color:#333;}

#social {



	float:right;



	padding: 22px 3px 16px;



}



#social p {



	font-family: helvetica;



	font-size: 12px;



	float:left;



	padding: 8px 16px;



}



#social ul {



	float:left;



}



#social ul li {



	float: left;



}



a.rss {



	display:block;



	height:30px;



	width:30px;



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



}



a.facebook {



	display:block;



	height:30px;



	width:33px;



	background:url(images/social-sprite.png) no-repeat -30px 0;



}



a.twitter {



	display:block;



	height:30px;



	width:35px;



	background:url(images/social-sprite.png) no-repeat -63px 0;



}



a.rss:hover {



	display:block;



	height:30px;



	width:30px;



	background:url(images/social-sprite.png) no-repeat 0 -30px;



}



a.facebook:hover {



	display:block;



	height:30px;



	width:33px;



	background:url(images/social-sprite.png) no-repeat -30px -30px;



}



a.twitter:hover {



	display:block;



	height:30px;



	width:35px;



	background:url(images/social-sprite.png) no-repeat -63px -30px;



}







/*** sidebar ***/



#sidebar {



	float:right;



	width:230px;



	margin-bottom: 20px;



	margin-top: 60px;



	font-size: 14px;



	position: relative;



}



h2.widgettitle {



	display:None;



}



.widget_links {



	margin-top: 16px;



	background: url(images/links.png) no-repeat left top;



	padding: 70px 0 10px 20px;



}



.widget_links a {



	text-decoration: none;



	color:#3b1773;	



	



}



.widget_links ul li {



	list-style: url(images/list-style.png);



	padding: 3px 0;



}







#twitter {



	background: url(images/twitter-sb.png) no-repeat left top;



	padding-bottom: 10px;



	padding-top: 70px;



	color: white;



}







#twitter_update_list li {



	padding: 10px 0 ;



	border-bottom: 1px solid white;



}



#twitter_update_list li a {



	color: black;



	text-decoration: none;



}



#twitter_update_list li a:hover {



	color: #3d3d3d;



} 







/******/







/*** sub pages ***/



#sub-header {



	background: url(images/subcontent-bg.png) repeat-x top #fff88f;



	width: auto;



	height: 345px;



}



#sub-header #mountain {



	position: absolute;



	left:0;



	top: 210px;



	background: url(images/mountain2.png) repeat-x;	



	display: block;



	height: 180px;



	width: 100%;



	border-bottom: 2px solid #fff;



}



#blog-banner, #about-banner, #photo-banner {



	display:block;	



	width: 1078px;



	position:relative;



	top: -88px;



	margin: 0 auto;



	z-index: 1;



}



#blog-banner {



	background: url(images/blog-banner.png) no-repeat;



	height: 142px;



}



#about-banner {



	background: url(images/about-banner.png) no-repeat;



	height: 170px;



}



#photo-banner {



	background: url(images/photo-banner.png) no-repeat;



	height: 355px;



}



/******/







/*** blog page ***/



#img-holder {



	background: none;



	margin: 5px 0;



}



#post-date {



	position:relative;



	display:block;



	background: url(images/blog-date.png) no-repeat;



	width: 127px;



    font-size: 12px;



    font-weight: bold;

float:left;

    /* left: -10px; top: 60px; */



    padding: 20px 6px 25px;



    position: relative;



    



	z-index: 1;



	font-style:italic;



	color:#2b0a5a;



}



#bb {



	position:relative;



	top: -59px



	



}



.post {



	margin-bottom: 90px;



}



#title-and-tags {



	position:relative;



	/* top:-30px; */	



}



.post h2 {	



	font-size:30px;



}



.post h2 a {



	text-decoration: none;	



	color:#2b0a5a;



}



.post p {



	margin: 4px 0;

padding-top:20px;

padding-left:144px;

padding-right:15px;



}



.post img {



	border: 8px solid white;



}



span.post-tags {



	background: url(images/tag-icon.png) no-repeat top left;



	padding:5px 2px 5px 24px;



	font-size: 10px;



	color:white;



}



span.post-tags strong {



	color: black;



	font-weight:bold;



	padding-right: 4px;



}



span.post-tags a {



	color: white;



	text-decoration: none;



}



span.post-tags a:hover {



	color: #101010;



}



#below-post {



	margin-top: 36px;



margin-left:140px;

	display:block;



	height: 25px;



	width:630px;



	background:url(images/bottom-post.png) repeat-x;



}



#below-post .comment-number {



	background: url(images/comment-icon.png) no-repeat center left;



	float:right;



	margin-top: 5px;



	padding-left: 20px;



	padding-right: 10px;



	padding: 2px 10px 3px 20px;



	font-size: 12px;



}



#navigation {



	



}



#navigation .prevPosts, 



#navigation .nextPosts,



#navigation .prevPosts span, 



#navigation .nextPosts span{



	display: block;



	height: 50px;



	



}



#navigation .prevPosts span {



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



	width: 227px;



}



#navigation .nextPosts span {



	background: url(images/nav-sprite.png) no-repeat -230px 0;



	width: 189px;



}



#navigation .prevPosts {



	background: url(images/nav-sprite.png) no-repeat -0 -50px;



	float:left;



	width: 227px;



}



#navigation .nextPosts {



	background: url(images/nav-sprite.png) no-repeat -230px -50px;



	float:right;



	width: 189px;



}



#navigation .prevPosts a, #navigation .nextPosts  a {



	text-decoration: none;



}







/******/







/***Comment template***/



.commentlist li {	



	padding: 6px 0;



	border-bottom: 1px dashed #81889C;



}



.comment-author {



	height:48px;



}



.comment-author-img {



	width:48px;



	float:left;



}



.comment-author-img img {



	border: 3px solid white;



}



p.au {



	width:100%;



	margin-bottom: 4px;



}



p.au a {



	color: black;



	font-size:12px;



}



.comment-meta {



	padding-top: 14px;



	font-size: 12px;



}



.comment-meta a {



	text-decoration: none;



	color: #4C4D4F;



}



.commentlist .children {



	padding-left: 30px;



}



.commentlist .children li {



	border:none;



}



div.reply {



	text-align: right;



}



div.reply a {



	text-decoration: none;



	color: #4C4D4F;



	font-size:12px;



}



div.comment-body {



	padding: 10px 0;



}







#reply-title {



	font-weight: bold;



	padding: 4px 0;



	font-size:18px;



}



p.comment-notes {



	font-size:10px;



	color:#151515;



	padding-bottom:8px;



}



p.form-allowed-tags {



	font-size:12px;



	color:#2d2d2d;



	padding-bottom:8px;



}



label[for="author"] {



	width:200px;



}



/*** Photo Gallery ***/



#gallery h2 {



	color: white;



    font-size: 48px;



    font-weight: bold;



    margin-bottom: 80px;



    margin-left: 300px;



    margin-top: 10px;



}