/*
Theme Name: Squarefeet Redsign 12/2008
Theme URI: http://squarefeetstudio.com/
Description: The Wordpress Theme for Squarefeet.
Version: 0.5
Author: Lucas Smith
Author URI: http://volanstudio.com/

*/

body{background:#FFF; text-align:center; font-size:62.5%; font-family: 'Helvetica Neue', helvetica, arial, sans-serif; font-size:.9em; line-height:1.4em; color:#000;}

#wrap{margin:0 auto; width:750px; text-align:left;}

h1{font-size:2em; line-height:1.4em; border-bottom:1px solid #999; text-transform:uppercase; letter-spacing:-.03em; margin:.8em 0 .5em 0;}
h2{font-size:1.4em; line-height:1.4em; text-transform:uppercase; letter-spacing:-.00em; font-weight:bold;}
h3{font-size:2em; line-height:1.2em;}
h4{font-size:2.1em; line-height:1.2em;}
h5{font-size:1.4em; line-height:1.2em; margin:0 0 15px 0;}

li {line-height:1.0em; list-style-type:disc; color:#8F8770; padding:5px 0 0 0;}
ul {margin:0 0 10px 20px;}
li span{line-height:1.2em; font-size: 1.2em; color:#333;}

a{color:#9A4111; text-decoration:none;} /* orange */
a:hover{color:#9A4111; text-decoration:underline;} /* green */
a:visited{color:#9A4111; text-decoration:none;} /* orange */

p{margin:0 0 14px 0; padding:0 0 0 0; font-size:1em; color:#333; line-height:1.4em;}

#header{float:left; display:inline; width:750px;}
.logo{float:left; display:inline; margin:1em 0 0;}
#header .menu{float:left; display:inline; background:#fff; margin:0; padding:0;}

/* Home Page */
#homeTop{float:left; display:inline; width:750px; background:#fff; margin:0; padding:0;}
.homeLeft{float:left; display:inline; width:750px; margin:0;}
#highlight{list-style:none; width:750px; height:750px; margin:0; padding:0; overflow:hidden;}
#highlight li{list-style:none; width:750px; height:750px; margin:0; padding:0;}
div.hi_entry{float:left; display:inline; width:750px; height:750px;}
	
#homeRight{float:left; display:inline; margin:0 0 15px 15px; padding:10px; width:210px; height:205px; background:#f4f4f4;}
#homeRight h4{text-transform:none; margin:0 0 60px 0px; color:#333; font-size:21px; line-height:1.2em; font-weight:normal; width:201px;}
#homeRight h5{text-transform:none; margin:0; color:#333; font-size:12px; line-height:1em; text-transform:uppercase; font-weight:bold; text-align:right; width:208px;}
#homeRight p{margin:8px 0 0 0; line-height:1em; width:210px; text-align:right;}

#homeRightF{float:left; display:inline; margin:0 0 15px 15px; padding:10px; width:210px; height:205px; background:#f4f4f4 url(images/facebook.jpg) bottom right no-repeat;}
#homeRightF h4{text-transform:none; margin:0 0 60px 0px; color:#333; font-size:21px; line-height:1.2em; font-weight:normal; width:201px;}
#homeRightF h5{text-transform:none; margin:0; color:#333; font-size:12px; line-height:1em; text-transform:uppercase; font-weight:bold; text-align:right; width:208px;}
#homeRightF p{margin:8px 0 0 0; line-height:1em; width:210px; text-align:right;}

#quote{list-style:none; margin:0; padding:0; overflow:hidden;}
#quote li{list-style:none; margin:0; padding:0; color:#333;}
#quote li p{line-height:1.4em;}

#quote .pQuote{float:left; display:inline; margin:0;}
#quote .pQuote p{width:208px; font-size:11px;}
#quote .author{float:left; display:inline; width:208px;}
#quote .author h2{float:left; display:inline; margin:1em 0 0 0; padding:0; font-size:.8em; line-height:1.3em; text-align:right; width:208px; background:#f4f4f4;}
small{margin:0; padding:0; font-size:.9em; line-height:1.6em; text-transform:none; font-weight:normal;}

#content{float:left; display:inline; width:750px; background:#fff; padding:0;}
#content h1{float:left; display:inline; width:750px;}
#content .post{float:left; display:inline; width:750px;}
#content .post .entry{float:left; display:inline; width:750px; margin:0 0 40px 0;}
#content .post .entry p{font-size:.7em; margin:0; padding:0;}
#content p.full{padding:30px;}
#content .post .entry p img{float:left; display:inline; display:inline; margin:0 14px 15px 0;}

#content .post .entryPeople{float:left; display:inline; margin:0 0 30px 0;}
#content .post .entryPeople h5{margin:0 0 12px 0;}
#content .post .entryPeople p{font-size:.9em; margin:0 0 12px 0; padding:0;}

/* Portfolio Specific (assigned by functions.php)*/
.full{float:left; display:inline; width:523px; height:475px; padding:0 40px 0 0;}
.medium{float:left; display:inline; width:225px; height:240px; margin:0 0 0 20px; text-align:justify;}
#content .post .entry p.medium{font-size:.78em; line-height:1.35em;}
.medium3{float:left; display:inline; width:750px; height:225px; margin:40px 0 0 0; padding:0;}
span.uno{float:left; display:inline; padding:30px 23px 0 0;}
span.theLast{float:left; display:inline; margin:0; padding:30px 0 0 0;}
#content .post .entry p.medium3 span.theLast img{margin:0; padding:0;}

#content, #content .post, #content .post h1{padding-top:0; margin-top:0;}
#content .post .entry{padding:0;}

#content .archive{float:left; display:inline; width:130px; margin:5px 25px 15px 0;}
#content .last{margin:5px 0 15px 0;}
#content .archive p{float:left; display:inline; width:130px; margin:0;}
#content .archive h6{float:left; display:inline; width:125px; margin:4px 0 0 0; font-weight:bold; font-size:.8em; height:2em;}
#content .archive h6 a{font-weight:normal; color:#999; font-size:.9em; line-height:1.1em;}
#content .archive h6 a:hover{font-weight:normal; color:#c9bf6b; font-size:.9em; line-height:1.1em; text-decoration:none;}

#content .navigation{float:left; display:inline; width:750px; font-size:.6em; margin:0 0 25px 0; text-transform:uppercase;}
#content .navigation .projects{float:left; display:inline; width:120px; height:20px; text-align:left;}
#content .navigation .projects a{color:#444; font-weight:bold; margin:0 6px 0 0;}
#content .navigation .previousWrap{float:left; display:inline; width:120px; height:20px; margin:0 0 0 405px;}
#content .navigation .previous{float:left; display:inline; width:120px; height:20px; text-align:right;}
#content .navigation .previous a{color:#444; font-weight:bold; margin:0 6px 0 0;}
#content .navigation .nextWrap{float:left; display:inline; width:100px; height:20px; margin:0 0 0 1px;}
#content .navigation .next{float:left; display:inline; width:100px; height:20px; text-align:right;}
#content .navigation .next a{color:#444; font-weight:bold; margin:0 0 0 6px;}

#quotes{float:left; display:inline; width:750px;}
ul#quot{list-style:none; margin:0; padding:0; text-align:left;}
ul#quot li{list-style:none; margin:0; padding:0;}
blockquote{padding:0;}
blockquote p:before{content:'"';}
blockquote p:after{content:'"';}


#footerWrap{float:left; display:inline; width:750px; background:#fff; margin:0; text-align:right;}
.footer{float:left; display:inline; width:750px; margin:0; padding:0 0 5px 0; color:#000; font-size:.6em; background:#fff; border-top:1px solid #999; text-align:right;}
.footer p{padding:20px 0 10px 0;}
#footerWrap .footer .right .logotype{color:#999; font-size:1.7em; font-weight:bold; text-align:right;}
#footerWrap .footer .right img{padding:0 0 0 10px;}

#footerWrap .footer .left{float:left; display:inline; width:500px; text-align:left;}
#footerWrap .footer .right{float:left; display:inline; width:250px; text-align:right;}

/* Services Page */
#servicesVideo{float:left; display:inline; width:750px; background:#fff;}
#processprocess {float:left; display:inline; margin:20px 0 40px 0; background-color:#f7f7f7; padding:15px 10px 20px 10px; border:1px solid #eee; font-size:.7em;}
.process_step {float:left; display:inline; padding:0; margin:0 0 0 20px; width:221px;}
.process_step p {padding:0; margin:0; text-align:left;}
.process_step img {margin:0 0 5px 0;}
#processP{float:left; display:inline; width:750px;}
#ColLeft {float:left; display:inline; padding:0; width:340px; text-align:left; margin:0 25px 20px 0; font-size:.7em;}
#ColRight {float:left; display:inline; padding:0; width:340px; text-align:left; margin:0 0 20px 0; font-size:.7em;}

/* GENERAL */
.alignleft{float:left; display:inline; margin:0 20px 15px 0;}
p.date{margin:0; padding:0; font-size:.9em; color:#999; font-weight:bold;}

/* MENU JS */
ul#menu{float:left; display:inline; width:750px; margin:0; padding:0 0 20px;}
ul#menu a{font-size:15px; font-weight:normal; text-decoration:none; color:#444;}
ul#menu li{float:left; display:inline; margin:0; padding:0 2em 0 0;}
ul#menu li a{float:left; display:inline; text-align:center; padding:4px 0; color:#999;}

ul#menu li.services a:hover{color:#9a4111;}
ul#menu li.portfolio a:hover{color:#c9bf6b;}
ul#menu li.news a:hover{color:#8f8770;}
ul#menu li a:hover{color:#78948d;}