/*
Theme Name: Lestini Designs 2010
Theme URI: http://www.lestini.com
Description: Lestini Designs Site Redesign 2010
Author: Natalie Lestini
css Copyright 2010 Lestini Designs 
All associated graphics Copyright 2010 Lestini Designs 
/* Created November, 2009 */



 /*------------------------------------------------------------------------------------
    UTILITY
  ------------------------------------------------------------------------------------*/

.floatLeft 									{ float: left; }
.floatRight									{ float: right; }
.clear										{ clear: both; }
img 										{ border: 0;}

.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
	
img.left {
	float:left;
	margin: 0.3em 1em 1em 0
	padding:3px;
}

img.right {
	float:right;
	margin: 0.3em 1em 1em 0
	padding:3px;
}

img.icon-services {
	float:right;
	margin-right: 150px;
	margin-top: -30px;
}
	

body {
	background-color:#2b2f3f;
	background-repeat:no-repeat;
	background-position:center top;
	background-image:url(images/large-bg.jpg);
	text-align:center;
	font:62.5%/1.5 Helvetica Neue, Helvetica, Arial, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	color:#23262e;
	margin:0;
}

#wrapper {
	width:1000px;
	text-align:left;
	margin:0 auto;
}

/**** Masthead ******/

#masthead {
	margin:5px 0 0;
}

#masthead .banner,#masthead .banner-home {
	padding-top:19px;
	padding-left:13px;
	float:left;
	cursor:pointer;
}

#masthead h1 {
	width:420px;
	height:101px;
	display:block;
	cursor:pointer;
}

#masthead .banner h1 {
	width:420px;
	background-position:-398px 0;
	height:101px;
	margin:0;
	cursor:pointer;
}

#masthead .banner-home h1 {
	width:420px;
	background-position:0 0;
	height:101px;
	margin:0;
	cursor:pointer;
}

#masthead .banner h1 span,#masthead .banner-home h1 span {
	display:none;
}

/*------------------------------------------------------------------------------------
    GLOBAL NAVIGATION
--------------------------------------------------------------------------------------*/


#nav {
	width:1000px;
	height:60px;
	clear:both;
	display:block;
	float:left;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	margin-top:15px;
	padding-top:8px;
}

#nav ul {
	margin-left:5px;
	float:left;
	display:inline;
}

#nav li {
	height:40px;
	overflow:hidden;
	float:left;
}

#nav li a {
	line-height:40px;
	text-indent:-500px;
	overflow:hidden;
	display:block;
	background-position:center top;
	text-decoration:none;
}

#nav li a:hover {
	line-height:40px;
	background-position:center -40px;
	display:block;
	overflow:hidden;
}

#nav li a.current,#nav li a.current:hover {
	background-position:center -40px;
}

#nav_about {
	background-image:url(images/nav_about.png);
	background-repeat:no-repeat;
	width:110px;
}

#nav_portfolio {
	background-image:url(images/nav_portfolio.png);
	background-repeat:no-repeat;
	width:140px;
}

#nav_photography {
	background-image:url(images/nav_photography.png);
	background-repeat:no-repeat;
	width:175px;
}

#nav_resume {
	background-image:url(images/nav_resume.png);
	background-repeat:no-repeat;
	width:130px;
}

#nav_services {
	background-image:url(images/nav_services.png);
	background-repeat:no-repeat;
	width:128px;
}

#nav_blog {
	background-image:url(images/nav_blog.png);
	background-repeat:no-repeat;
	width:106px;
}

#nav_contact {
	background-image:url(images/nav_contact.png);
	background-repeat:no-repeat;
	width:122px;
}


 /*------------------------------------------------------------------------------------
    TYPOGRAPHY
--------------------------------------------------------------------------------------*/

p {
	font-size:1.5em;
	margin-bottom:1.2em;
}

a {
	color:#709d43;
	font-weight:700;
	text-decoration:none;
}

a:hover {
	color:#709d43;
	font-weight:700;
	text-decoration:underline;
}

a:visited {
	color:#546994;
	font-weight:700;
}

 /*------------------------------------------------------------------------------------
    END TYPOGRAPHY
--------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------
    CONTENT START
--------------------------------------------------------------------------------------*/


#content {
	clear:both;
	display:block;
	border:1px solid #fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background:#FFF;
	min-height:800px;
	-moz-border-radius-topleft:0;
	-webkit-border-top-left-radius:0;
	-moz-border-radius-topright:0;
	-webkit-border-top-right-radius:0;
	-moz-box-shadow:1px 8px 8px #131313;
	-webkit-box-shadow:1px 8px 8px #131313;
	box-shadow:1px 8px 8px #131313;
	margin-bottom:30px;
	margin-right:18px;
	margin-left:19px;
	padding:20px 10px;
}

#content.frontpage {
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
}

div#content:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

/* Primary Content Start */

.primary-content {
	float:left;
	width:640px;	
}

.wide {
	display:block;
}
/* Primary Content End */


/* Secondary Content Start */

#secondary-content {
	float:right;
	width:270px;
	padding-right:10px;
}

#secondary-content h2 {
	display:block;
	width:270px;
	height:155px;
	text-indent:-999em;
	background:url(images/bg_h2-home.gif) no-repeat left top;
	margin:10px 0 1.2em -2px;
}

#fullcol {/*will run full length of homepage/frontpage content*/
	width:920px;
	clear:both;
	padding-top:30px;
	margin-bottom:15px;
}

#fullcol2 {/*will run full length of frontpage content-inside pages*/
	width:920px;
	clear:both;
	padding-top:5px;
	padding-left:10px;
	margin-bottom:15px;
}

#sidecol {
	width:620px;
	float:left;
	display:inline;
	clear:left;
	padding-top:30px;
	margin-bottom:15px;
	padding-left:7px;
}

#sidecol2 {
	width:280px;
	float:right;
	display:inline;
	padding-top:70px;
	padding-right:10px;
	margin-bottom:25px;
}

ul {
	font-size:1.4em;
	margin-bottom:1.2em;
}

#sidecol2 a.buttonweb {
	background-image:url(images/web-btn.gif);
	width:250px;
	height:75px;
	margin-bottom:20px;
	display:block;
	text-indent:-9999px;
}

#sidecol2 a.buttonphoto {
	background-image:url(images/photo-btn.gif);
	width:250px;
	height:75px;
	margin-bottom:20px;
	display:block;
	text-indent:-9999px;
}

#sidecol2 a.buttonservices {
	background-image:url(images/services-btn.gif);
	width:250px;
	height:75px;
	margin-bottom:20px;
	display:block;
	text-indent:-9999px;
}

#sidecol-inside {
	width:600px;
	float:left;
	display:inline;
	clear:left;
	padding-top:5px;
	padding-left:10px;
	margin-bottom:15px;
}

#sidecol2-inside {
	width:280px;
	float:right;
	display:inline;
	padding-top:25px;
	padding-left:10px;
	margin-bottom:15px;
}

#secondary-content a.freelance-btn {
	background-image:url(images/freelance-btn.gif);
	width:250px;
	height:50px;
	display:block;
	text-indent:-9999px;
}

#secondary-content a.freelance-btn:hover {
	background-position:0 -50px;
}

.secondary-content .white-box {
	background:#fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding-bottom:20px;
}

.secondary-content a img {
 border:none;
}

.secondary-content .sops-feature {
	background:#e5f2ff url(stylesheets/images/blue-bg.gif) top repeat-x;
	border-top:1px solid #f2f5f8;
	font-family:Helvetica, Arial, sans-serif;
	font-size:.8em;
	color:#0d1011;
	border-bottom:1px solid #b0bac4;
	padding:20px;
}

.secondary-content .sops-feature .sopslead a {
	background:url(stylesheets/images/sopslead.jpg) no-repeat;
	width:260px;
	height:188px;
	display:block;
}

.secondary-content .sops-feature .sopslead a span {
 display:none;
}

.secondary-content .sops-feature a {
	color:#2a5178;
	font-weight:700;
}

.secondary-content .sops-feature a:hover {
 color:#3d87d0;
}

.secondary-content .fade p,.secondary-content .sidesubscribe p {
	font-family:Helvetica, Arial, sans-serif;
	font-size:.8em;
	color:#0d1011;
	margin:20px;
}

.white-box h4 {
	color:#0d1011;
	font-family:"Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif;
	font-weight:400;
	border-bottom:1px dotted #adadad;
	font-size:.9em;
	padding-bottom:5px;
	margin:20px 20px 0;
}

.secondary-content .white-box h4 {
	color:#0d1011;
	font-family:"Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif;
	font-weight:400;
	border-bottom:1px dotted #adadad;
	font-size:.9em;
	padding-bottom:5px;
	margin:0 20px;
}

#sidecol2 a.buttonweb:hover,#sidecol2 a.buttonphoto:hover,#sidecol2 a.buttonservices:hover {
 background-position:0 -75px;
}
/* Secondary Content End */



/* Front Page-Facing White Part of Content Block */

#content.frontpage .featured-box .fade h2 {
	color:#0d1011;
	clear:both;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:400;
	font-size:1.4em;
	padding-bottom:5px;
	border-bottom:1px dotted #adadad;
	text-shadow:1px 1px 0 #fff;
	margin:0 20px;
}

#content.frontpage h3 {
	color:#474e5c;
	padding-bottom:5px;
	font:normal 30px Tahoma, Geneva, sans-serif;
}

#content h4 {
	color:#474e5c;
	padding-bottom:5px;
	font:normal 20px Tahoma, Geneva, sans-serif;
}

#sidecol2-inside h4 {
	color:#474e5c;
	padding-bottom:5px;
	font:normal 20px Tahoma, Geneva, sans-serif;
	border-bottom:1px solid #474e5c;
}
/* End Front Page-Facing White Part of Content Block */


 /*------------------------------------------------------------------------------------
    SITEWIDE FOOTER
--------------------------------------------------------------------------------------*/


.clearfooter {
	height:294px;
	clear:both;
}

#footer_wrap {
	height:245px;
	background:#111218 url(images/footer-outside-bg.gif) no-repeat 50% 0;
	text-align:left;
}

#footer {
	width:960px;
	color:#454c55;
	margin:0 auto;
	padding:11px 0 0;
}

#footer li {
 display:inline;
}

#footer a {
 color:#454c55;
}

#footer a:hover {
 color:#999;
}

#footer p {
	font:11px "Helvetica Neue", Helvetica, Arial, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	color:#82b153;
}

.twitter {
	float:right;
	bottom:51px;
	width:265px;
}

.twitter-add {
	background:url(images/twitter01.png) no-repeat;
	width:270px;
	height:110px;
	overflow:hidden;
	margin-right:-80px;
	margin-top:4px;
	padding:6px 15px 5px;
}


#twitter_update_list {/*style for tweet itself*/
	list-style:none;
	font-size:11px;
	padding-left:5px;
	padfing-right:5px;
	width:190px;
	float:right;
	color:#000;
	margin-right:34px;
	margin-top:-40px;
}

.twitter-add01 {
	width:35px;
	overflow:hidden;
	padding:2px 4px 0 0;
}

.twitter-add01 a {
	background:url(images/twitter.png) no-repeat;
	width:40px;
	height:40px;
	overflow:hidden;
	float:left;
	text-indent:-9999px;
}

/*Social media icons in footer*/
#footer_stickies {
	float:left;
	display:inline;
	width:680px;
	margin-top:10px;
}

#iconbar {
	height:40px;
	margin-bottom:25px;
	margin-top:-47px;
	float:right;
	padding-top:9px;
}

#iconbar a img {
 border:0;
}

#iconbar li {
	float:left;
	position:relative;
	margin-right:10px;
}

#simpleTooltip {
	border:1px solid #2b2f3f;
	background-color:#bbc2d0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:10px;
}

.with-tooltip {
 font-weight:700;
}

 /*------------------------------------------------------------------------------------
    FOOTER END
--------------------------------------------------------------------------------------*/

 /*------------------------------------------------------------------------------------
    FEATURED CONTENT SLIDER HOMEPAGE
--------------------------------------------------------------------------------------*/

.featured-box .fade, {
	clear:both;
	background:#fff url(testimages/fade.gif) repeat-x top;
	border-top:1px solid #fff;
}

.featured-box .fade {
 padding-top:20px;
}

.primary-content .featured-box {
	background:#dedede url(images/featured.gif) no-repeat top;
	border-top:1px solid #fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding-bottom:20px;
	margin-top:4px;
	height:470px;
}

#slider {
	position:relative;
	display:block;
	width:640px;
	height:440px;
	overflow:hidden;
}

#slider h2 {
	font-size:1.3em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:400;
	margin:0 0 3px;
}

#slider h2 a {
 color:#fff;
}

#slider h2 a:hover {
 text-decoration:none;
}

.panelContainer img {
 border:none;
}

.panelContainer {
	display:block;
	height:260px;
	overflow:hidden;
	margin-bottom:24px;
}
.slider-wrap {
	width:600px;
	position:absolute;
	top:42px;
	left:20px;
}

.stripViewer .panelContainer
.panel ul {
	text-align:left;
	margin:0 15px 0 30px;
}

.stripViewer {
	position:relative;
	overflow:hidden;
	width:600px;
	height:285px;
}

.stripViewer .panelContainer {
	position:relative;
	left:0;
	top:0;
}

.stripViewer .panelContainer .panel {
	float:left;
	height:100%;
	position:relative;
	width:600px;
}

.stripNavL,.stripNavR,.stripNav {
	display:none;
}

.nav-thumb {
	border:1px solid #a19583;
	margin-right:5px;
	width:110px;
	height:110px;
}

#movers-row {
 margin:-17px 0 0 -12px;
}

#movers-row div {
	width:122px;
	float:left;
}

#movers-row div a.cross-link {
 float:right;
}

.photo-meta-data {
	background:url(stylesheets/images/transpBlack.png);
	height:60px;
	overflow:hidden;
	margin-top:-80px;
	position:relative;
	z-index:998;
	color:#d6d6d6;
	font-family:Helvetica, Arial, sans-serif;
	font-size:.8em;
	padding:10px;
}

.photo-meta-data p {
	font-size:.9em;
	margin:0;
}

.cross-link {
	display:block;
	width:110px;
	margin-top:-17px;
	position:relative;
	padding-top:20px;
	z-index:998;
}

.active-thumb {
 background:transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat;
}
/* End  Featured Content Slider */


 /*------------------------------------------------------------------------------------
    FLASH PHOTOGALLERY
--------------------------------------------------------------------------------------*/

/* hide from ie on mac \*/
		#flashcontent {
		width: 860px;
		height: 600px;
	}
	
	
 /*------------------------------------------------------------------------------------
    STYLING FOR WEB PORTFOLIO
--------------------------------------------------------------------------------------*/

.box {
	height:800px;
	margin-bottom:35px;
	background:url(images/semitrans_.png);
	text-align:left;
	padding:10px;
}

.slideshow {
	width:560px;
	padding-bottom:15px;
	position:relative;
	height:800px;
	margin:0 auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 5px 5px 5px #888;
}

.slideshow ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

.slideshow ul li {
	padding-bottom:5px;
	width:560px;
	background:url(images/carousel_.jpg) no-repeat center bottom;
	height:800px;
}

.slideshow ul:after,.slideshow ul li:after {
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
	font-size:0;
}

.slideshow .caption {
	color:#23262e;
	font-size:10px;
	padding:0 10px;
}

.slideshow .caption h2 {
	color:#474e5c;
	padding-bottom:5px;
	font:bold 20px Tahoma, Geneva, sans-serif;
	margin:15px 5px -10px 0;
}

.slideshow .caption a em {
	font-size:1em;
	font-style:bold;
}

.slideshow .next,.slideshow .prev {
	position:absolute;
	top:110px;
	width:59px;
	height:46px;
	cursor:pointer;
	border:0;
	color:#63C9BA;
	font-weight:700;
	font-size:1.2em;
	overflow:hidden;
}

.slideshow .next {
	right:-80px;
	padding-left:10px;
}

.slideshow .next span {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(images/next.png) no-repeat 0 top;
}

.slideshow .prev {
	left:-80px;
	text-align:right;
	padding-right:10px;
}

.slideshow .prev span {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:-0;
	background:url(images/prev.png) no-repeat 0 top;
}

.slideshow .disabled span {
	background-position:-80px top;
}

#caption {
	font-weight:700;
}

.left {
	float:left;
}

.right {
	float:right;
}

a:hover img {
	border-color:#709d43;
}

a img {
	border:3px solid #3a3c51;
}