/*  
Theme Name: Lestini Designs Blog 2010
Description: A simple, 2-column widget-ready WordPress theme, created Jan 2010
Author: Natalie Lestini
Author URI: http://lestini.com

*/

/* Defaults */

* {
  margin: 0;
  padding: 0;
  }

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 10px;
  }

a {
  color: #768aff;
  text-decoration: none;
  }

a:hover {
  color: #444d83;
  text-decoration: underline;
  }

blockquote {
  background: url(images/bquotes.gif) left top no-repeat;
  padding-left: 35px;
  margin: 10px 0 0 10px;
  font-style: italic;
  }

code {
  color: #555;
  }

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:48px;
	clear:both;
	display:block;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	margin-top:15px;
	padding-top:12px;
	padding-left:40px;
}



#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.4em;
	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:5px 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;
}
/*sidecols hold sidebars which are styled below line 718*/
#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;
}

#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 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 */

#contentwrapper {
  width: 602px;
  float: left;
  padding-left: 5px;
  padding-right: 20px;
  }

#header h3 {
  padding: 0;
  margin: -40px 0 0 5px;
  color: #768aff;
  font-size: 11pt;
  float: left;
  }

#header #searchform {
  float: right;
  margin-left: 0;
  }

#searchform {
  margin-left: 750px;
  width: 228px;
  padding-top: 10px;
  margin-top:10px;
  height: 28px;
  background: #ccc;
  background: url(images/bgsearch.jpg) left 3px no-repeat;
  }

*:first-child+html #searchform { /* Filter for IE7 */
  padding: 5px 0;
  }

* html #searchform { /* Filter for IE6 */
  padding: 5px 0;
  }

#searchbox {
  margin-left: 8px;
  margin-bottom: 3px;
  width: 145px;
  background: none;
  border: none;
  }

#searchbutton {
  width: 50px;
  background: none;
  border: none;
  }

#searchbutton:hover {
  cursor: pointer;
  }


#content .pageTitle {
  font-size: 15pt;
  letter-spacing: -1px;
  color: #222;
  }

.post {
  margin-top: 0px;
  margin-bottom: 15px;
  }

h2.postTitle {
  padding: 0 10px;
  font-size: 16pt;
  letter-spacing: -1px;
  }

h2.postTitle a {
  font-size: 16pt;
  font-weight: bold;
  color: #333;
  }
  
h2.postTitle a:hover {
  font-size: 16pt;
  font-weight: bold;
  color: #709d43;
  }  

#content p.postMeta {
  padding: 0 10px;
  font-size: 10pt;
  color: #7b7b7b;
  }

.post img {
  margin: 10px;
  }

#content p, .postContent p {
  font-size: 11pt;
  color: #333;
  }

.postContent ul, ol {
  padding: 0 0 0 35px;
  }

.postContent ul li, ol li {
  font-size: 11pt;
  color: #333;
  }

.comment {
  border-top: 1px solid #ebebeb;
  }


#commentslinks {
  float: right;
  text-align: right;
  padding: 5px 10px;
  width: 160px;
  color: #444d83;
  font-size: 9pt;
  }

#commentslinks a {
  text-decoration: underline;
  }

#comments {
  margin: 0 10px;
  padding: 5px 10px;
  padding-left: 25px;
  font-size: 9pt;
  color: #444d83;
  background: url(images/comment.jpg) left 5px no-repeat;
  }

p.comments {
  clear: both;
  padding: 5px 10px;
  }

p.comment {
  padding: 0 10px;
  }

p.comments a {
  padding-left: 20px;
  background: url(images/comment.jpg) left top no-repeat;
  font-size: 10pt;
  text-decoration: none;
  }

p.comments a:hover {
  text-decoration: underline;
  }

.commentlist {
  margin: 10px 25px;
  padding: 0 10px;
  font-size: 10pt;
  list-style: none;
  }

.commentlist li {
  margin: 0 0 5px -25px;
  padding-bottom: 5px;
  }

.commentlist cite {
  font-size: 10pt;
  font-style: normal;
  }

.commentlist cite a {
  }

.comment .commentmetadata a {
  color: #333;
  }

.commentlist p {
  padding: 10px 0;
  }

.comment h3 {
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  }

p.comment a {
  padding-left: 20px;
  background: url(images/comment.jpg) left top no-repeat;
  font-size: 10pt;
  }

textarea {
  width: 480px;
  }

.comment #submit {
  width: 118px;
  height: 30px;
  background: url(images/commentbutton.jpg) left top no-repeat;
  border: none;
  font-size: 9pt;
  color: #fff;
  }

.comment #submit:hover {
  cursor: pointer;
  }

.commentbody {
  float:right;
  width: 370px;
  margin: 10px 0 15px 0;
  padding-bottom: 10px;
  }

a.gravatar {
  float:left;
  margin:10px 15px 20px 0;
  width:69px;
  }

#nextprevious {
  margin: 10px;
  }



/* Sidebars */
#sidebars {
  float: right;
  margin-top: 0px;
  margin-left: 15px;
  padding-top: 5px;
/*  width: 350px;*/
  }

#sidebar0 {
  padding: 0 15px 0 0;
  }
  
  
#sidebar0  ul ul li { /*sidebar 0 put in bullet for blogroll*/
	margin: 0 0 5;
	padding: 3px 2px 2px 16px;
	color: #333;
	background: url(images/bullet.gif) left 7px no-repeat;
*/
  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
  }  
  
/*sidebar 1 is left*/  

#sidebar1 {
  float: left;
  width: 160px;
  }
  
  
#sidebar1  ul ul li { /*puts in bullet*/

  padding: 2px 2px 2px 16px;
  color: #333;
  background: url(images/bullet.gif) left 7px no-repeat;*/
  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
  }
  
  

/*ilast fm widget styling-gets rid of bullet on ul of sidebar1 with bullet2*/
  
#sidebar1 #ilastfm ul li, #sidebar1 #ilastfm_display  ul li {
	list-style-type: none;
	background: url(images/bullet2.gif) left 7px no-repeat;
	display: inline;
	
}

#sidebar1  #ilastfm ul, #sidebar1 #ilastfm_display ul {
	margin: 5px 0 0 5px;
	padding: 0;
	
}

#sidebar1 #ilastfm a img, #ilastfm_display a img {
	background: #E8E5DC;
	padding: 2px;
	border: 1px solid #E8E5DC;
	width: 50px; 
	height: 50px;
}

#sidebar1 #ilastfm a:hover img, #ilastfm_display a:hover img {
	border: 1px solid #C0C0A8;
}
  
  

/*twitter feed styling  for blog*/
.aktt_tweets {
	background: url(images/icon_twitter.png) no-repeat left top;
	padding-left: 45px;
	height: 70px;
	width: 160px;
	padding-right: 15px;
	padding-bottom: 20px;
}



#sidebar2 {/*right sidebar-no bullet*/
  float: right;
  padding-right: 15px;
  width: 160px;
  }
  


#sidebars h2 {
	padding: 0 0 2px;
	font-size: 12pt;
	color: #333;
	letter-spacing: -1px;
	border-bottom: 1px solid #e4e4e4;
	margin-top: 25px;
  }

#sidebars table {
  width: 160px;
  }
  
/*general styling for all sidebar links*/  

#sidebars ul {
  margin: 0;
  padding: 0 0 8px 0;
  }

#sidebars li {
  margin-bottom: 2px;
  margin-top:2px;
  padding-bottom:8px;
  padding-top:4px;
  list-style: none;
  font-size: 9pt;
  }

#sidebars li ul {
  padding: 0;
  }

/* not using now, bullet on sidebar1 
#sidebars ul ul li {
  margin: 0;
  padding: 3px 2px 2px 16px;
  color: #333;
background: url(images/bullet.gif) left 7px no-repeat;
  line-height: 17px; 
  }*/

#sidebars a {
  display: inline;
  color: #333;
  text-decoration: none;
  }
#sidebars a.showit {
  color: #444d83;
  }
#sidebars a:hover {
  color: #444d83;
  text-decoration: underline;
  }


#sidebars p {
	padding: 2px 0 4px;
	font-size: 9pt;
	color: #333;
	margin-bottom: 3px;
  }

#tag_cloud a {
  display: inline;
  }

#sidebars ul.children li {border-bottom:none;}
#sidebars ul.children {margin-bottom:-5px;}






/* Misc */
.cleared {
  clear: both;
  }

.aligncenter,
div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }

.alignleft {
  float: left;
  }

.alignright {
  float: right;
  }


img {border-style: none;}

.imgLeft {
	margin-right: 10px;
	float: left;
	margin-bottom: 8px;
}


.border {
  border: 5px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding: 4px 4px;
  margin: 10px;
  /* optional rounded corners for browsers that support it */
 -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  }

/*button for view example link to code example page*/
.button								{ background: #4868a3 url(images/button-bg.png) top left repeat-x; color: white !important; 
									  font-weight: bold; font-size: 18px; -moz-border-radius: 10px; border: none;
									  letter-spacing: -1px; padding: 8px 15px 6px 15px; -webkit-border-radius: 10px; }
.button:hover						{ background: #2e2e2e; cursor: pointer; }



/*------------------------------------------------------------------------------------
    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
--------------------------------------------------------------------------------------*/