/***** Redroot Design | Roots *******/

/* The Body */
html {
	background: #fffffb;
}
body {
	background: #fffffb;
	color: #484747;
	font-size: 62.5%;
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 0;
}
.hidden {
	display: none;
}

/* The Header */
#header {
	border-top: 5px solid #4f0e0e;
	background: url(/img/header.gif) no-repeat top center;
	height: 305px;
	margin: 0 auto;
	font-family: Georgia,serif;
}
#header-inner {
	position: relative;
	margin: 0 auto;
	width: 300px;
	height: 136px;
	top: 76px;
	padding-left: 36px;
}
#header-inner img {
	float: left;
	border: none;
}
#nav {
	background: url(/img/nav.png) no-repeat right 0;
	margin: 9px 0 0;
	padding: 0;
	font-size: 1.7em;
	font-weight: 700;
	text-transform: uppercase;
	height: 113px;
	width: 151px;
	float: right;
	text-indent: -9999em;
}
#nav a {
		color: #878787;
		vertical-align: top; /*for IE7*/
		overflow: hidden;
}
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav a:hover {
	overflow: hidden;
}
#nav li a {
	display:block;
}
#nav .services a {
	height: 22px;
	font-size: 1.2em;
}
#nav .portfolio a {
	height: 20px;
	font-size: 1.1em;
}
#nav .notes a {
	height: 31px;
	font-size: 1.6em;
}
#nav .about a {
	height:20px;
	font-size: 1.2em;
}
#nav .contact a {
	height:20px;
	font-size: 1.4em;
}
#nav .services a:hover {
	background: url(/img/nav.png) no-repeat right -113px;
}
#nav .portfolio a:hover {
	background: url(/img/nav.png) no-repeat right -135px;
}
#nav .notes a:hover {
	background: url(/img/nav.png) no-repeat right -155px;
}
#nav .about a:hover {
	background: url(/img/nav.png) no-repeat right -186px;
}
#nav .contact a:hover {
	background: url(/img/nav.png) no-repeat right -206px;
}

/** Nav: You Are Here **/
#services #nav .services a {
	background: url(/img/nav.png) no-repeat right -113px;
}
#portfolio #nav .portfolio a {
	background: url(/img/nav.png) no-repeat right -135px;
}
#notes #nav .notes a {
	background: url(/img/nav.png) no-repeat right -155px;
}
#about #nav .about a {
	background: url(/img/nav.png) no-repeat right -186px;
}
#contact #nav .contact a {
	background: url(/img/nav.png) no-repeat right -206px;
}


#header a,#footer a {
	text-decoration: none;
}
#header a:hover,#footer a {
	color: #4f0e0e;
}

/* The Trunk */

#trunk {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	padding-left: 1px;
	padding-top: 40px;
	position: relative;
}
#trunk a {
	color: #4f0e0e;
	border-bottom: 1px dashed;
	text-decoration: none;
}
#trunk a:hover {
	text-decoration: none;
}
.row-1, .row-2, .row-3 {
	clear:both;
}
#theroot .row-2 {
	padding-top: 3em;
	margin-top: -2em;
}
.left {
float: left;
}
.right {
	float:right;
}
#trunk h1, #trunk h2, #trunk h3 {
	font-family: Georgia,serif;
}
#home-intro {
	width: 370px;
	font-family: Georgia,serif;
	font-weight: 300;
	line-height: 1.2;
	padding-bottom: 1em;
}
#home-intro h2, #home-intro p {
	font-size: 1.85em;
	font-weight: 300;
	padding: 0 1.9em 0 .8em;
	color: #484747;
}
#home-intro .cta {
	border: none;
}
#home-intro .cta img {
	width: 175px;
	border: none;
	margin: 1em 9px 1em 0;
	display: block;
	float: left;
}
#home-content {
	width: 540px;
}
.row-1 p, .row-2 p, .row-3 p {
	font-size: 1.4em;
	line-height: 1.5;
	margin: 1em 0;
}
#home-featured {
	padding-top: 1px;
	padding-right: 1px;
}
#home-featured img {
	border: 2px solid #efefef;
}
#trunk #home-featured a {
	border: none;
}
#theroot .row-2 h2, .row-1 h1, .row-3 h1, .row-1 h2, .row-1 h3, .row-2 h1 {
	font-size: 2.7em;
	font-weight: 300;
	color: #4f0e0e;
	
}
#home-content h2 {
	margin-bottom: .4em;
	margin-top: .4em;
}
#trunk .notopmargin {
	margin-top: 0;
}
#trunk .nobottommargin {
	margin-bottom: 0;
}
#home-process h2 {
	margin: 0;
	padding: 6px 0 0 14px;
	background: url(/img/sidebar-top.gif) no-repeat;
	min-height: 30px;
}
#home-process {
	width: 345px;
}
#home-process li {
	font-size: 2.2em;
	font-family: Georgia,serif;
	font-style: italic;
	padding: 0 .7em 0 3em;
	margin: 0;
}
#home-process li p{
	font-size: .6em;
	font-style: normal;
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
	margin: 0 0 2em 0;
}
#home-process ol {
	background: #efefef;
	margin: 0;
	padding: 1em 0 0 0;
	list-style: none;
	width: 345px;
}
#li1 {
	background: url(/img/sidebar-1.png) no-repeat 14px 0;
	min-height: 55px;
}
#li2 {
	background: url(/img/sidebar-2.png) no-repeat 14px 0;
	min-height: 55px;
}
#home-process #li3 {
	background: url(/img/sidebar-3.png) no-repeat 14px 0;
	min-height: 55px;
	margin-bottom: 1em;
}
#li4 {
	background: url(/img/sidebar-4.png) no-repeat 14px 0;
	min-height: 55px;
}
#home-process span {
	display:block;
	margin: 0;
	padding: 0;
	background: url(/img/sidebar-bottom.gif) no-repeat;
	height: 19px;
	width: 345px;
}

/* Services */

#service-bullets {
	padding-left: 660px;
	font-size: 1.8em;
	font-family: Georgia,serif;
	font-style:italic;
	font-weight: 300;
}
#service-bullets ul {
	list-style: none;
	margin: 0;
	padding: 21px 0 0;
}
#service-bullets li {
	padding-bottom: .5em;
	margin: 0;
}
h2.title {
	color: #4f0e0e;
	font-size: 2.4em;
	font-weight: 300;
	padding-bottom: .5em;
	margin-top: 60px;
	border-bottom: 1px solid #e0dfdf;
}
#services .row-3, #about .row-2 {
	margin-top: 4em;
}
#services-content, #about-content {
	width: 480px;
}
#services-sidebar, #about-sidebar {
	width: 401px;
}
.sidebar {
	background: #efefef;
	padding: 1.5em 3em 0;
}
.sidebar span {
	font-weight: 700;
}
#services-sidebar h1, #about-sidebar h1 {
	background: url(/img/sidebar-s-top.gif) no-repeat;
	padding: 16px 0 0 28px;
	margin: 0;
}
#services-sidebar p, #about-sidebar p {
	font-size: 1.4em;
}
#services-s-bottom , #about-s-bottom {
	background: url(/img/sidebar-s-bottom.gif) no-repeat;
	height: 32px;
	display:block;
} 

/* Portfolio */

#trunk .page-title {
	margin: 0;
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	font-size: 1.7em;
	color: #484747;
	border-bottom: 1px solid #efefef;
	padding-bottom: 2px;
	font-weight: 300;
}
#trunk .page-title span {
	color: #bcbcbc;
}
#portfolio-content {
	width: 380px;
}
#portfolio-content h2, #portfolio-content h3 {
	margin: .5em 0;
}
#portfolio-content p {
	padding: 0 2em 0 0;
}
#portfolio-content ul {
	font-size: 1.6em;
	list-style: none;
	font-style: italic;
	font-family: georgia,serif;
	padding-left: 0;
	margin: 0;
}
#portfolio-content li {
	padding: .1em 0 .1em 1.1em;
	margin: 0;
	background: url(/img/drops.png) no-repeat 0 5px;
}
div.testimonial {
	width: 357px;
}
.testimonial blockquote {
	margin: 0;
	padding: 29px 27px 0;
	font-size: 1.6em;
	font-style: italic;
	font-family: georgia,serif;
	line-height: 1.5;
	color: #4f0e0e;
	background: #efefef url(/img/pullquote-top.gif) no-repeat;
}
.testimonial cite {
	background: url(/img/pullquote-bottom.gif) no-repeat;
	display: block;
	min-height: 53px;
	margin: 0;
	padding: 4px 27px 0 0;
	text-align: right;
	font-size: 1.3em;
	text-transform: uppercase;
	font-style: normal;
}
#portfolio .visit a {
	color: #484747;
	border: none;
}
#portfolio .visit a:hover {
	color: #4f0e0e;
	border-bottom: 1px dashed;
}
#portfolio-ss {
	margin-top: 43px; /* remove this when re-activating multiple-featured navigation */
	width: 574px;
	position: relative;
}
.portfolio-nav {
	margin-bottom: 4px;
}
#portfolio .portfolio-nav a {
	display: block;
	float: left;
	width: 35px;
	height: 35px;
	text-indent: -9999em;
	border: none;
	overflow: hidden;
}
a.prev {
	background: url(/img/arrow-left.png) no-repeat;
}
a.next {
	background: url(/img/arrow-right.png) no-repeat;
	margin-left: 6px;
}
#ssnav {
	position: absolute;
	right: 0;
	top: 60px;
	background: url(/img/featured-bg.png) no-repeat;
	height: 27px;
	width: 111px;
	text-align: center;
	font-family: georgia,serif;
	font-size: 1.3em;
	font-weight: 700;
	padding: 3px 0 0 0;
	z-index: 10;
}
#ssnav a {
	border: none;
	text-decoration: none;
	color: #fff;
	padding: 0 .4em;
}
#ssnav a:focus {
	outline: none;
}
#ssnav .activeSlide, #ssnav a:hover {
	color: #4f0e0e;
}
#screenshots {
	/*top: 40px;*/
	clear: both;
}
#screenshots img {
	width: 570px;
}
#portfolio-ss img {
	border: 2px solid #f5f5f5;
}
#portfolio-ss a {
	border: none;
}
/*#portfolio img.hidden {
	display: none;
}*/

/* Contact */

#contact #trunk {
	min-height: 500px;
}
#contact-form {
	width: 600px;
}
.formerror {
	border: 2px solid #FFD700;
	background:#ffffe0;
	padding: 1em 4em 1em 6em;
}
#thankyou {
	background: #DAFFA6;
	border: 2px solid #638B2A;
	padding: 1em 1em 1em 9em;
}
#contact-form ul li.error {
	background: #FFFFE0;
	border: 1px solid #FFD700;
}
fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
#contact-form ul, #comment-form ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#contact-form li, #comment-form li {
	margin: 4px 0 0 0;
	padding: 2.2em 0 2.2em 1em;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	position: relative;
}
#contact-form label, #comment-form label {
	color: #4f0e0e;
	font-family: georgia,serif;
	font-size: 1.9em;
	display: block;
	float: left;
	width: 22%;
	border-bottom: 1px solid #f5f5f5;
	margin: .3em 10px 0 0;
}
input {
	font-size: 1.4em;
	padding: .3em;
	border-style: solid solid none;
	border-width: 1px 1px 0;
	border-color: #9F9F9F #F5F5F5 #FFFFFF #9F9F9F;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	width: 20%;
	font-family: inherit;
}
#contact-form #email, #contact-form #org {
	width: 44.5%;
}
#contact-form #description, #comment-form #thecomment {
	width: 70%;
	height: 10em;
	border-style: solid solid none;
	border-width: 1px 1px 0;
	border-color: #9F9F9F #F5F5F5 #FFFFFF #9F9F9F;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-size: 1.4em;
	padding: .3em;
	font-family: inherit;
}
#contact-form .selected {
	background: #fffaf2;
}
#contact-form #namefirst {
	margin-right: 1em;
}
#contact-form #first, #contact-form #last {
	float: none;
	position: absolute;
	top: 3.4em;
	font-size: 1.4em;
	color: #484747;
	border: none;
}
#contact-form #first {
	left: 26%;
}
#contact-form #last {
	left: 50.5%;
}
#contact-form #submit, #comment-form #submit {
	border: none;
	padding: 0;
	width: auto;
}
#contact-sidebar {
	width: 308px;
}
.sb-bg {
	background: #efefef;
	padding: 0 2em;
}
.sb-bg h2 {
	margin: .5em 0;
}
h2#csb-top {
	background: #efefef url(/img/contact-sidebar-top.gif) no-repeat;
	min-height: 45px;
	margin-bottom: 0;
	padding: 0.5em 0.7em 0;
}
#contact-sidebar span {
	background: url(/img/contact-sidebar-bottom.gif) no-repeat;
	display: block;
	margin: 0;
	height: 24px;
	width: 307px;
}

/* About */

#about .row-1 {
	background: url(/img/about.jpg) no-repeat;
	margin-top: 18px;
}
#about-intro {
	width: 358px;
	margin-left: 520px;
	min-height: 419px;
	position: relative;
	padding-top: 1px;
}
#about-intro h1 {
	padding: 1em 0 0;
	font-style: italic;
	margin-top: 0;
}
#about-intro p {
	font-size: 1.4em;
}
#about-intro .credit {
	float: right;
	font-size: .9em;
	margin-right: -6em;
}
#about-intro .credit a {
	color: #181818;
	border: none;
} 
#badge {
	position: absolute;
	top: 0;
	right: 40px;
	z-index: 10;
}
#badge a {
	border: none;
	display: block;
}
#badge img {
	border: none;
}
	
/* Notes */

#notes-content {
	width: 600px;
}
#notes-content .post h2 {
	margin-bottom: 0;
}
#notes-content .post h3 {
	font-size: 2em;
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
	color: #484747;
	margin: .5em 0;
}
#notes-content .post h4 {
	font-size: 1.4em;
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
	color: #484747;
	margin: .5em 0;
}
#notes-content .post h2 a {
	border:none;
}
#notes .byline p, .info p {
	margin-top: 0;
	color: #8b8b8b;
	text-transform: uppercase;
	font-size: 1.4em;
}
#notes .info a {
	border-bottom: 1px dashed;
	color: #8b8b8b;
}
#notes .info a:hover {
	border-bottom: 1px dashed;
	color: #4f0e0e;
}
#notes p span, #notes-sidebar h2 span, #notes .italic {
	font-style: italic;
	font-family: georgia,serif;
	text-transform: lowercase;
}
#notes dl {
	margin: 1em 0;
}
#notes dt {
	font-size: 1.7em;
	margin: 1em 0 0;
	background: url(/img/drops.png) no-repeat scroll 0 6px;
	padding-left: 20px;
}
#notes dd {
	font-size: 1.4em;
	margin: 1em 0;
	padding: 0 0 0 20px;
}
#notes .post a.more {
	color: #8b8b8b;
	font-size: .9em;
	border: none;
}
#notes dd a:hover, #notes .post a.more:hover {
	color: #4f0e0e;
}
.topics h2 {
	color: #484747;
}
#notes .info {
	position: relative;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	padding: 2px 0;
}
#notes dd.info {
	margin-left: 20px;
	font-size: 1em;
}
#notes .info p {
	margin: 0;
	padding: 0;
}
p.count {
	position: absolute;
	top: 0;
	right: 0;
}
.post blockquote {
	font-family: georgia,serif;
	line-height: 1.4;
	margin-left: 1em;
	padding: 0 2em 0 1em;
	border-left: 1px dotted #4f0e0e;
	font-size: 1.4em;
	color: #707070;
}
abbr {
cursor: help;
}
code {
	font-size: 13px;
}
#notes .post pre {
	overflow: auto;
	font-size: 13px;
	padding: 1em 1em 1.5em 1em;
	background: #fff;
	border: 2px solid #f5f5f5;
	color: #000;
	overflow-y: hidden;
}
#notes .pages {
	margin: 2em 0;
	font-size: 1.2em;
}
#notes .pages a {
	border: none;
}
#notes .pages a:hover {
	border-bottom: 1px dashed;
}
#comments {
	clear:both;
}
#comments ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
#comments li h4 {
	background: url(/img/comments-top.gif) no-repeat;
	font-size: 1.4em;
	font-weight: 300;
	margin: 0;
	height: 31px;
	padding: 16px 70px 0;
	color: #8b8b8b;
	overflow: hidden;
}
#comments li.comment-josh h4 {
	background: url(/img/comments-top-josh.gif) no-repeat;
	height: 37px;
}
#comments h4 a {
	border: none;
}
#comments h4 a span {
	color: #8b8b8b;
}
#comments h4 a:hover span.red {
	color: #4f0e0e;
}
.smaller {
	font-size: .8em;
	vertical-align: top;
}
.comment-text {
	padding: 5px 70px 18px;
	margin: 0 0 1em 0;
	background: #efefef url(/img/comments-bottom.gif) no-repeat 0 bottom;
	font-size: .9em;
}
.comment-josh .comment-text {
	background: #fffffb url(/img/comments-bottom-josh.gif) no-repeat 0 bottom;
}
.comment-text p {
	margin-top: 0;
}
#comment-form h3 {
	margin: 1em 0 .2em 0;
}
#comment-form p {
	margin-top: .5em;
}
#comment-form input {
	width: 50%;
}
#comment-form input.check {
	width: auto;
	border: none;
}
#comment-form label {
	font-family: inherit;
	text-transform: uppercase;
	color: #484747;
	font-size: 1.5em;
}
#comment-form li {
	padding: 1.5em;
}
#comment-form li.checkbox {
	padding: .2em 1em;
	font-size: 1.4em;
}
#notes-sidebar {
	width: 280px;
}
#notes-sidebar h2 {
	font-size: 2.3em;
	padding: 8px 0 0 15px;
	margin-bottom: .5em;
}
#notes-sidebar ul {
	font-size: 1.4em;
}
#twitter li {
	font-size: .9em;
}
#feed {
	height: 5em;
}
#feed a {
	background: url(/img/feedicon.png) no-repeat right 0;
	height: 22px;
	display: block;
	float: right;
	padding: 0 26px 0 0;
	color: #8b8b8b;
	border: none;
	text-transform: uppercase;
}
#feed a:hover {
	background: url(/img/feedicon.png) no-repeat right -22px;
	color: #484747;
}
.searchfield {
	width: 255px;
	padding: 8px;
	margin: 0 0 0 4px;
	position: absolute;
	top: 0;
}
#search {
		position: relative;
		height: 4em;
		clear:both;
}
#search .button {
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	width: auto;
	padding: 0;
	margin: 0;
}
#notes-sidebar .bg h2 {
	background: url(/img/sidebar-notes-top.gif) no-repeat;
}
#notes-sidebar .bg {
	background: #efefef url(/img/sidebar-notes-bottom.gif) no-repeat 0 bottom;
}
#notes-sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0 15px .5em;
}
#notes-sidebar li {
	padding: 0 0 1em 20px;
	background: url(/img/drops.png) no-repeat 0 3px;
}
#notes-sidebar .bg a {
	color: #484747;
	border-bottom: 1px dashed;
}
#notes-sidebar .bg a:hover {
	color: #4f0e0e;
	border-bottom: 1px dashed;
}
#topics li {
	text-transform: uppercase;
}
#twitter p {
	font-size: .9em;
	margin: .5em 0 0;
	text-align: right;
}
/* Footer */

#footer {
	min-height: 5em;
	margin: 50px 0 20px;
}
#footer-inner {
		width: 960px;
		margin: 0 auto;
		border-top: 1px solid #efefef;
}
#footer p {
	margin: 0;
	padding: 1em 0;