/* 
Theme Name: THE INFANTREE
Theme URL: www.theinfantree.com
Description: The Infantree is a design studio in Lancaster, PA.  - Theme Based on Whiteboard by http://brianpurkiss.com
Author: Timothy Hoover
Author URI: www.theinfantree.com
Version: 2.0

Obviously, you may edit the above info upon your customization.
Though I wouldn't mind a link somewhere... *hint hint*
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}ul, li{ list-style-type:none;}
* {margin:0;padding:0;}

/*
Colors

Border for Work: #f5f6f1
Gray Nav Text: #bebfb8
Gray Text: #a2a39f
*/

html, body {height: 100%;
}

h1, h2{font-size:1.2em;}

h1, h2, h3, h4, h5, h1 a, h2 a, h3 a, h4 a, h5 a{font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:black;}
p{color:#a2a39f; margin:10px 0; font-familyArial, Helvetica, sans-serif; font-size:9pt; line-height:1.4em;}

h2 a{color:#000;}
h2 a:hover{color:#333;}
a{text-decoration:none; color:#666666; }
a:hover{color:#000;}

#wrapper{width:910px; margin:0 auto -36px auto; min-height: 100%; height: auto !important;height: 100%;}
#container{width:910px; margin:0 0 0 10px;}

#header{width:910px; height:200px; margin:0 auto; background:white url(images/infLogo.gif) top left no-repeat;}
#header a.logoLink{width:535px; height:110px;display:block; position:absolute; z-index:2; }
#header h1, #header p{text-indent:-9999px;}
#header p{text-indent:-9999px; margin:0;}

#mainNav{width:910px; height:24px; margin:132px 0 0 0;}
#mainNav li{height:24px; display:inline; text-indent:-9999px;}

#mainNav li a.news{display:block;width:60px; background:url(images/news.gif) top left; float:left;}
#mainNav li a.news:hover{background:url(images/news.gif) top right;}
#mainNav li.newsCurrent{display:block;width:60px; background:url(images/news.gif) top right; float:left;}
#mainNav li.newsCurrent a{display:block;width:60px; background:url(images/news.gif) top right; float:left;}

#mainNav li a.work{display:block;width:64px; background:url(images/work.gif) top left; float:left;}
#mainNav li a.work:hover{background:url(images/work.gif) top right;}
#mainNav li.workCurrent{display:block;width:64px; background:url(images/work.gif) top right; float:left;}
#mainNav li.workCurrent a{display:block;width:64px; background:url(images/work.gif) top right; float:left;}

#mainNav li a.about{display:block;width:71px; background:url(images/about.gif) top left; float:left;}
#mainNav li a.about:hover{background:url(images/about.gif) top right;}
#mainNav li.aboutCurrent{display:block;width:71px; background:url(images/about.gif) top right; float:left;}


#mainNav li a.contact{display:block;width:88px; background:url(images/contact.gif) top left; float:left;}
#mainNav li a.contact:hover{background:url(images/contact.gif) top right;}
#mainNav li.contactCurrent{display:block;width:88px; background:url(images/contact.gif) top right; float:left;}

/*--------------------------------------

GLOBAL PAGE STYLING

--------------------------------------*/
#pageContent{width:525px;}
#pageContent p{margin:10px 0;}
#pageContent img{border:1px solid #e5e5e3; background-color:#f5f6f1; padding:9px; margin:10px 0;}




/*--------------------------------------

BLOG PAGE T

--------------------------------------*/
#blog{widht:930px;}

#blog img{max-width:540px; border:5px solid #ebeceb; padding:2px; margin:10px 0;}

#blog img.aligncenter{
	display: block;
	margin:10px auto;
	text-align:center;
}

#blogContent{width:530px; float:left; padding:0 20px 0 0;}

#blogSidebar{width:160px; float:left; border-top:6px solid #a2a39f;margin:0px 0 0 20px; padding:0px 0 0 0; font-size:11px; color:#333; line-height:16px; font-family:Arial, Helvetica, sans-serif}

#blogSidebar h2{margin:10px 0; font-family:Arial, Helvetica, sans-serif; font-style:normal; text-transform:uppercase;}
#blogSidebar p{font-size:11px; color:#333;}






/*--------------------------------------

HAITI PAGE

--------------------------------------*/
#header.haiti{width:910px; height:150px; margin:0 auto 0 10px; background:white url(images/HHH-Project.jpg) top left no-repeat;}
#header.posters{height:170px; margin:20px 0 0 0;background-image:url(images/haitiHeader.jpg); text-indent:-9999px;}

#haitiContent{width:540px; float:left; padding:0 20px 0 0;}
#haitiContent a{}
#haitiContent h2{}
#haitiSidebar{width:160px; float:left; border-top:6px solid red;margin:20px 0 0 20px; padding:0px 0 0 0; font-size:11px; color:#333; line-height:16px; font-family:Arial, Helvetica, sans-serif}

#haitiSidebar h2{margin:10px 0; font-family:Arial, Helvetica, sans-serif; font-style:normal; text-transform:uppercase;}
#haitiSidebar p{font-size:11px; color:#333;}

#posterPrice{background-color: #f5f6f1;height:148px;
	width: 258px; padding:10px; display:block;float:left; margin:0 30px 30px 0; border:1px solid #e5e5e3}

/*--------------------------------------

SINGLE POSTER

--------------------------------------*/

#haitiPosters p {margin:10px 0;}

#posterImage{width:426px; float:left;}
#posterImage img{border:5px solid #f5f6f1; width:380px; height:570px;}
#posterInfo{width:410px; float:left;}

#blogSidebar a.haitiBtn{display:block; width:160px; height:56px; margin:20px 0 0 0; background:url(http://www.theinfantree.com/wp-content/themes/inf/images/haitiPosterBtn.jpg) top left; text-indent:-9999px;}




/*--------------------------------------

WORK STYLING

--------------------------------------*/

#workContent{width:930px; /*background:#e5e5e3;*/}

#workThumbnails li{width:280px; height:170px; background:#fff; float:left; margin:0 30px 30px 0;}

/* THUMBS */

.thumb-container {
	display: block;
	height:148px;
	width: 258px;
	background-color: #f5f6f1;
	cursor: pointer;
	margin: 0;
	padding:10px;
	border:1px solid #e5e5e3
}

.thumb-type {
	padding: 12px;
	position: absolute;
	z-index: 50;
	width: 240px;
}

.thumb-type h3{
	color: black;
	line-height: 12pt;
	font-size:12pt;
	margin-bottom: 10px;
	font-weight:normal;
	padding:0;
	margin:0;
}

.thumb-type p{
	color: #777c7b;
}

a .thumbheading, a:hover .thumbheading {
	color: #777c7b;
	padding: 0;
}

.thumb-bg {
	display: block;
	height:170px;
	width: 280px;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;

}

/*--------------------------------------

WORK SINGLE PAGE

--------------------------------------*/ 
#workSlides{width:880px; height:500px; background-color: #f5f6f1; margin:0 0 0px 0; padding:10px;}
#workSlidesInside{width:880px; height:460px;}

#projectInfo{width:880px;margin-top:30px;}

#workImages{margin:10px 0 0 10px; display:block; overflow:hidden; width:880px;}
#workImages ul, #workImages li{margin:0; padding:0; list-style:none;}
#workImages, #workImages li{width:880px; height:460px; overflow:hidden;padding:0px;margin:0px; }
#prevBtn, #nextBtn{ 
	display:block;
	width:100px;
	height:50px;
	position:absolute;
	z-index:5;
	margin:0px 0 0 0px;
	}	
#nextBtn{margin:-50px 0 0 790px;}
#prevBtn{margin:-50px 0 0 10px;}
#nextBtn a{background:url(http://www.theinfantree.com/wp-content/themes/inf/images/nextArrow.jpg) no-repeat;}
#prevBtn a{background:url(http://www.theinfantree.com/wp-content/themes/inf/images/previousArrow.jpg) no-repeat;}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:100px;
	height:50px;
	text-indent:-9999px;
	
	}	

#projectNav{margin:30px 0 0 0;}
#projectNav a{ font-weight:bold; padding:0px 0 0 0; color:#a2a39f; text-transform:uppercase; font-size:7.5pt; letter-spacing:1px; font-family:arial;}
#projectNav a:hover{color:#333;}

.nextClient{display:inline; padding:0 0 0 0px;}


#nav-below{border-top:1px solid #ebeceb; margin:10px 0 0 0; padding:20px 0 0 0;}
#nav-below a{ font-weight:bold; padding:0px 0 0 0; color:#a2a39f; text-transform:uppercase; font-size:7.5pt; letter-spacing:1px; font-family:arial;}
#nav-below a:hover{color:#333;}
.nav-previous{float:left;}
.nav-next{float:right;}

/*--------------------------------------

BLOG STYLING

--------------------------------------*/

.blogPostContent{}

 p.date{margin:0; padding:2px 0 0 0; color:#6f6f6e;}
li.blogPost{margin:0 0 30px 0;}
.blogPostContent a.more-link{display:block; font-weight:bold; padding:4px 0 0 0; color:#a2a39f; text-transform:uppercase; font-size:7.5pt; letter-spacing:1px;}
.blogPostContent a.more-link:hover{color:#6f6f6e;}


a.back{display:block;width:110px; font-weight:bold; padding:30px 0 0 0; color:#a2a39f; text-transform:uppercase; font-size:7.5pt; letter-spacing:1px; font-family:Arial, Helvetica, sans-serif;}
a.back:hover{color:#6f6f6e;}

#blog p.caption{margin:0; padding:0 0 10px 0; font-size:8px; font-style:italic;}


/*--------------------------------------

CONTACT

--------------------------------------*/

h2.address{margin:30px 0 0 0;}

/*--------------------------------------

FOOTER

--------------------------------------*/
#push{height:80px;}
#footer{background:black; height:36px; padding:10px 0 0 0;}
#footer p{margin:0; color:#999; font-size:7pt;}
#footer a{color:#999999}
#footer a:hover{text-decoration:underline;}
#footerContent{width:910px;margin:0 auto; padding:0 0 0 10px;}

#wpstats {
position: absolute; text-indent:-9999px; background-color:black; display:none;
}



/*-------------------------------------

COMMENTS

---------------------------------------*/

#comments{padding:20px 0 20px 0; width:530px;}
#comments #comments_list li{background:#fff; border:1px solid #ebeceb; margin:10px 0;}
.comments_meta{background:#fff; border-bottom:1px solid #ebeceb;}
#comments p{margin:0px;}
#comments h3{margin:10px 0;}
#comments h3 u{text-decoration:none;}
.comments_reply{border-top:1px solid #ebeceb; padding:20px 0 0 0;}
.comment_text{padding:10px;}

#comments p.commentAuthor{color:#3a3d39; font-family:Georgia, "Times New Roman", Times, serif; font-size:11pt; font-style:italic; padding:4px 10px 0;}
#comments p.commentAuthor a{color:#3a3d39;}
#comments p.commentDate{font-size:8pt; padding:0 0px 4px 10px;}



#comment{width:530px;}



.post{}
.postmeta{}
.postnavigation{}
#searchform{}
#sidebar{}

#comments
.comments_navigation{}
.comments_navigation{}
.comments_reply{}






.clear{clear:both;}
.post{}
.postmeta{}
.postnavigation{}
#searchform{}
#sidebar{}
#comments
.comments_navigation{}
.comments_navigation{}
.comments_reply{}
.comments_text{}
.comments_meta{}