/*
Theme Name: Danielle Lehto Photography
Theme URI: http://daniellelehto.com
Description: Danielle Lehto Photography Wordpress theme. 
Version: 1 (WP7.2.1)
Author: middle EAR media
Author URI: http://middleEARmedia.com
Tags: danielle, lehto, photography
*/

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


/*
	 Danielle Lehto Photography
	 by middle EAR media
	 http://www.middleEARmedia.com
*/

/*
	 main red: #CC0011
	 dark red: #AA0000
 	 darkest red: #96000B
	 lightest gray #FBFBFB
 	 light gray #EEEEEE	 
	 medium gray #333333
	 dark gray: #222222
	 off white: #F3F2E4
	 light green: #7EB675

*/



* { margin: 0; padding: 0; }
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}

body								{ font-family:Verdana, Arial, Helvetica, sans-serif;  font-size: 85%; line-height: 1.8em; width:100%; background-color:#222222; color:#222222;}


a 									{color:#CC0011; text-decoration:none; outline:none!important;}
a:hover								{ color:#96000B;  }
a:focus 							{outline:none!important;}


#wrap {margin:0px auto; width:960px; background-image:url(../../../images/bg-body.png); background-repeat: repeat-y;}
#wrapCover {margin:0px auto; width:960px; background-image:url(../../../images/bg-body-cover.png); background-repeat: repeat-y;}
#main {padding-bottom: 200px;}  /* must be same height as the footer */
#header { background-image:url(../../../images/header.jpg); height:180px; background-repeat:no-repeat; margin-top:-80px;}
#cover { position:relative; width:785px; background-image:url(../../../images/bg-cover.jpg); background-position:center top; background-repeat:no-repeat; min-height:510px; padding:190px 0px 0px 175px;}

#content { position:relative; width:785px; background-image:url(); background-repeat:no-repeat; padding:190px 0 0 175px;}



#side { position:absolute; top:0px; right:160px; width:140px;}
#side ul li a { text-indent:-99999px; width:140px; display:block; float:right;}
#side ul li a:hover { cursor:pointer;}

#side-cover { position:absolute; top:500px; right:160px; width:140px;}
#side-cover ul li a { text-indent:-99999px; width:140px; display:block; float:right;}
#side-cover ul li a:hover { cursor:pointer;}

li a#home { background-image:url(../../../images/nav-main-home.png); height:25px;}
li a#home:hover { background-image:url(../../../images/nav-main-home-hover.png); height:25px;}
li a#artistStatement { background-image:url(../../../images/nav-main-artist.png); height:52px;}
li a#artistStatement:hover { background-image:url(../../../images/nav-main-artist-hover.png); height:52px;}
li a#blog { background-image:url(../../../images/nav-main-blog.png); height:25px;}
li a#blog:hover { background-image:url(../../../images/nav-main-blog-hover.png); height:25px;}
li a#photos { background-image:url(../../../images/nav-main-photos.png); height:30px;}
li a#photos:hover { background-image:url(../../../images/nav-main-photos-hover.png); height:30px;}
li a#resume { background-image:url(../../../images/nav-main-resume.png); height:28px;}
li a#resume:hover { background-image:url(../../../images/nav-main-resume-hover.png); height:28px;}
li a#contact { background-image:url(../../../images/nav-main-contact.png); height:25px;}
li a#contact:hover { background-image:url(../../../images/nav-main-contact-hover.png); height:25px;}


li a#homeCover { background-image:url(../../../images/nav-cover-home.png); height:25px;}
li a#homeCover:hover { background-image:url(../../../images/nav-main-home-hover.png); height:25px;}
li a#artistStatementCover { background-image:url(../../../images/nav-cover-artist.png); height:52px;}
li a#artistStatementCover:hover { background-image:url(../../../images/nav-main-artist-hover.png); height:52px;}
li a#blogCover { background-image:url(../../../images/nav-cover-blog.png); height:25px;}
li a#blogCover:hover { background-image:url(../../../images/nav-main-blog-hover.png); height:25px;}
li a#photosCover { background-image:url(../../../images/nav-cover-photos.png); height:30px;}
li a#photosCover:hover { background-image:url(../../../images/nav-main-photos-hover.png); height:30px;}
li a#resumeCover { background-image:url(../../../images/nav-cover-resume.png); height:28px;}
li a#resumeCover:hover { background-image:url(../../../images/nav-main-resume-hover.png); height:28px;}
li a#contactCover { background-image:url(../../../images/nav-cover-contact.png); height:25px;}
li a#contactCover:hover { background-image:url(../../../images/nav-main-contact-hover.png); height:25px;}

/*#side {position:relative; float:right; width:300px; margin: -60px 0 0 0; }*/
#footer {position: relative;
	margin-top: -200px; /* negative value of footer height */
	margin: -200px auto 0px;
	height: 200px;
	clear:both;
	width:960px; padding:0px; background-image:url(../../../images/footer.jpg); background-repeat:no-repeat;
	font-size:11px;
	font-weight:normal;
	}

#footer #copy {position:absolute; top:0px; left:160px;}
#footer #mem {position:absolute; top:0px; right:160px;}


#footer a {color:#333333; }
#footer a:hover {color:#F3F2E4; }


.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


::selection                         { background: #CC0011; color: white; /* Safari */ }
::-moz-selection                    { background: #CC0011; color: white; /* Firefox */ }

.clear { clear: both; }
.small-text {font-size:.8em; line-height:1.2em; margin:0 0 10px 0; }

.hide {background-image:none; text-indent:-99999px; }
.current-date {position:absolute; top:150px; left:160px; font-size:90%; font-weight:normal;}

.current-day {}
.current-month {}
.current-year {} 

.search {position:absolute; top:150px; right:160px;}
.black-border {border:1px solid #222222;}

.field {border:1px solid #222222; padding:3px 5px; background-color:#FBFBFB;}
.field:hover {background-color:#EEEEEE;}
.field:focus {background-color:#F3F2E4;}

.button {border:none; color:#FFFFFF; background-color:#CC0011; padding:3px 5px; font-weight:bold;}
.button:hover { color:#FFFFFF; background-color:#96000B; cursor:pointer;}
.button-border { border:1px solid #222222; color:#FFFFFF; background-color:#CC0011; border:none; padding:3px 5px;}
.button-border:hover { border:1px solid #222222; color:#FFFFFF; background-color:#96000B; cursor:pointer;}

.moreLink { padding:0 5px;}


.main-logo { width:422px; height:160px; text-indent:-99999px; position:absolute; top:190px; left:165px;}
h1.main-logo { background-image:url(../../../images/logo.png); width:422px; height:160px; text-indent:-99999px; z-index:100;}

.mainLogoCover { width:422px; height:160px; text-indent:-99999px; position:absolute; top:35px; left:265px;}
h1.mainLogoCover { background-image:url(../../../images/logo-cover.png); width:422px; height:160px; text-indent:-99999px; z-index:100;}


/*	Typography	*/
a 									{color:#999999; text-decoration:none; outline:none;}
a:hover								{ color:#AA0000; }
p { margin: 0 0 10px 0; }

h1, h2, h3, h4, h5, h6 {font-family:;}

h1 { color:#11171F; font-size:2em; background-image:url(../../../images/bg-h1.jpg); background-repeat:no-repeat; background-position:bottom center;}


h1 span { padding:0 0 40px 0;}
h2 { font-size:1.8em; color:#3a3a3a; font-weight:normal;  }
.postTitle {margin-bottom:20px;}
.postTitle a {color:#3a3a3a;}
.postTitle a:hover {color:#CC0011;}

h3 {color:#999999; text-transform:uppercase; }
h4 {}

ul {	
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1em;	
	list-style-type:none; 	
	list-style-position: inside
	}
	
.gray { color:#999999;}


a.mem-logo { background-image:url(../../../images/mem-logo2.png); background-repeat:no-repeat; text-indent: -9999px; display:block; width:286px; height:121px;}

a:hover.mem-logo { background-image:url(../../../images/mem-logo2.png); background-repeat:no-repeat; background-position: -286px 0px;}


/*	Navigation Styles	*/
#nav {margin:0px auto; width:960px; position:relative;}
#catNav								{ padding: 0px 0px 0px 600px; overflow: hidden; margin: 0 0 0px 0; }
#catNav li							{ display: block;}
#catNav li a						{ display: block; width: 100px; height: 50px; text-indent: -9999px;
	                                  background: url(../../../images/nav-sprite.jpg); float: left;
	 								  border: none; padding: 0; }
#catNav li a:hover                  { cursor:pointer; }									  

#catNav li a#list-one-button		{ background-position: 0px 0px; }
#catNav li.activeCatButton a#list-one-button { background-position: 0px 50px; }
#catNav li a#list-one-button:hover { background-position: 0px 50px; }

#catNav a#list-two-button			{ background-position: -100px 0px; }
#page-wrap #catNav li.activeCatButton a#list-two-button { background-position: -100px 50px; }	
#catNav li a#list-two-button:hover { background-position: -100px 50px; }	

#catNav a#list-three-button			{ background-position: -200px 0px; }
#page-wrap #catNav li.activeCatButton a#list-three-button { background-position: -200px 50px; }
#catNav li a#list-three-button:hover { background-position: -200px 50px; }


a.rssIcon			{ background-image:url(../../../images/feed-icon-28x28.png); position:absolute; top:5px; right:5px; }
a.rssIcon:hover { cursor:pointer; }





/*
	BLOG ENTRIES
*/
.post {
border:5px solid #222222;
margin:15px 0 0 -15px;
padding:10px;
width:610px;
background-image:url(../../../../images/bg-post.jpg); background-position:top left; background-repeat:repeat-x;
}

.page {
border:5px solid #222222;
margin:15px 0 0 -15px;
padding:10px;
width:610px;
background-image:url(../../../../images/bg-post.jpg); background-position:top left; background-repeat:repeat-x;
}


.day								{ color:#000000; font-size: 2.2em; font-weight: bold; margin: 0; padding:0 8px 0;  font-family: Georgia, serif;}
.month								{ color:#000000; font-size: 1.2em; font-weight: bold; text-transform: uppercase; margin: 0 0 0; padding:0 8px 0; font-family:Arial, Helvetica, sans-serif; }

.year								{ color:#CC0011; font-size: 1em; font-weight: bold; margin:5px 0 0; padding:0; font-family:Arial, Helvetica, sans-serif; text-indent:-99999px;}






/*	Date Calendar Styles	*/

.datebox							{ height:70px; width:70px; float: left; padding: 5px 20px 5px 5px; color: white; text-align: right; z-index:21; margin: 0 0px 0 -95px; background-image:url(../../../images/bg-datebox.png); background-repeat:no-repeat; }



.commentscloud {
	padding: 0;
	margin: -20px 0 0 0;
	z-index:20;
	font-weight:bold;
	font-size:.8em;
}

.commentscloud a {color:#999999;}
.commentscloud a:hover {color:#666666;}

/*
	COMMENTS
*/
.commentList { }
.commentList ol li { padding: 5px; border:1px solid #222222; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius:0px;}
.commentList ol li.alt { background-color:#F3F2E4; margin:5px 0px;}




#side ul li ul li {border:1px solid #224863; margin:2px; padding:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px; width:260px; display:block; background:#3096D3;}

.searchForm {position:absolute; top:0px; padding:0 0 20px 0;}
.resultSearchForm { margin:50px 0 0 0; }


.linklove { text-indent:-99999px!important;}
img#wpstats{display:none}

#resumeLink {
border-bottom:5px solid;
font-size:0.9em;
line-height:1.5em;
margin-bottom:10px;
padding-bottom:10px;
width:280px;
}