/*
Theme Name: pixel8
Theme URI: http://www.wearepixel8.com/wp-content/themes/pixel8/
Description: Custom WordPress Theme for wearepixel8.com
Version: 1.0
Author: Erik Ford for pixel8
Author URI: http://www.wearepixel8.com/
*/

/* Structure and Layout */

.wrapper {
	margin: 0 auto;
	width: 960px;
}

#masthead {
	background: #302c2e url(images/masthead_bg.gif) no-repeat bottom center;
	height: 170px;
	margin: 0 0 75px;
	width: 100%;
}

#footerbottom {
	background: #302c2e url(images/footer_bg.gif) no-repeat top center;
	padding: 65px 0;
	width: 100%;
}

#logoposition {
	right: 153px;
	top: 60px;
}

#content {
	background: url(images/headline-top.jpg) no-repeat 0 0;
	padding: 115px 0 0 0;
	width: 960px;
}

#footer {
	margin: 75px 0 0 0;
}

#pageheading, #subnavigation, #pageheading-blog, .navigation {
	width: 940px;
}

#subnavigation {
	border-bottom: 1px solid #ebebeb;
	border-top: 1px solid #ebebeb;
	margin: 50px 0 0 0;
	padding: 10px 0;
	text-align: left;
}

#pageheading {
	margin: 0 10px 50px;
	text-align: center;
}

#pageheading-blog {
	margin: 75px 10px;
	text-align: center;
}

#recentwork {
	width: 640px;
}

#recentblog, .folio {
	width: 320px;
}

.folio {
	padding: 0 0 50px;
}

.foliothumb {
	background: url(images/thumbnail_bg.jpg) no-repeat 0 0;
	display: block;
	height: 295px;
	margin: 0 0 0 5px;
	padding: 15px 0 0 15px;
	width: 295px;
}

#footercolumns {
	background: url(images/footer-top.jpg) no-repeat 0 0;
	padding: 75px 0;
}

.column {
	padding: 0 10px;
	width: 220px;
}

#twitterfeed {
	background: url(images/tweettop.gif) no-repeat top left;
	padding: 5px 10px 0 10px;
	width: 200px;
}

#tweetbottom {
	background: url(images/tweetbottom.gif) no-repeat top left;
	padding: 18px 0 0 38px;
	width: 182px;
}

#worktext, #workdetails {
	width: 350px;
}

#worktext {
	margin: 0 10px 0 0;
}

#workdetails {
	margin: 10px 0 0 0;
}

#sliderframe {
	background: url(images/lrg-sliderframe.jpg) no-repeat 0 0;
	padding: 30px 0 0 30px;
	width: 530px;
}

#options-header {
	background-color: #ebebeb;
	margin: 30px 0 0 0;
	padding: 15px;
	width: 320px;
}

#related, #more-nav {
	width: 350px;
}

#more-nav {
	border-bottom: 1px solid #ebebeb;
	border-top: 1px solid #ebebeb;
	margin: 0 0 30px 0;
	padding: 10px 0;
}

.recentarchived {
	background-color: #eae9ea;
	overflow: hidden;
	padding: 15px;
}

.relatedwork {
	background-color: #eae9ea;
	height: 145px;
	overflow: hidden;
	padding: 15px;
	width: 145px;
}

.recentarchived {
	cursor: pointer;
	height: 130px;
	width: 130px;
}

.results {
	background-color: #eae9ea;
	cursor: pointer;
	height: 188px;
	overflow: hidden;
	padding: 15px;
	width: 188px;
}

#blogposts, #features, .blog-wrapper {
	width: 720px;
}

.featurebox {
	margin: 0 10px;
	width: 340px;
}

.featureexcerpt {
	background-color: #302c2e;
	height: 535px;
	padding: 15px;
	width: 310px;
}

.left-gutter {
	text-align: right;
	width: 135px;
}

.blog-content, #comments, #submit-comment, .comment-container {
	width: 525px;
}

.blog-content, #comments {
	border-bottom: 1px solid #ebebeb;
	margin: 0 20px 30px 0;
}

.date {
	background: url(images/date_bg.png) no-repeat 0 0;
	height: 20px;
	left: 15px;
	padding: 50px 0 0 0;
	text-align: center;
	top: 255px;
	width: 310px;
}

#sidebar {
	padding: 0 10px;
}

#sidebar, .sidebarcomponent, #tabs {
	width: 210px;
}

.sidebarcomponent {
	padding: 0 0 50px 0;
}

.author-image {
	height: 165px;
	width: 210px;
}

img.author-frame {
	bottom: 0;
	left: 0;
}

.author-info {
	background-color: #f4f4f4;
	padding: 0 15px 15px;
	width: 180px;
}

.discussion {
	width: 395px;
}

#submit-comment {
	margin: 0 20px 50px 0;
}

.popular-posts {
	padding: 0 0 45px;
}

.navigation {
	margin: 0 10px 75px;
}

#workhighlights {
	width: 560px;
}

#options-toggle {
	background-color: #ebebeb;
	display: none;
	padding: 5px 15px 15px 15px;
	width: 320px;
}

#left-col {
	padding: 10px 15px 0 0;
	width: 145px;
}

#right-col {
	border-left: 1px solid #bebdbe;
	padding: 10px 0 0 15px;
	width: 144px;
}

#lost {
	background: url(images/headline-top.jpg) no-repeat center top;
	padding: 75px 0 0 0;
	width: 960px;
}

#compass {
	background: url(images/compass.jpg) no-repeat 0 0;
	margin: 0 auto;
	padding: 0 0 0 360px;
	width: 360px;
}

#compass-text {
	width: 360px;
}

#about {
	margin: 0 10px 0 0;
	width: 450px;
}

#team, #team-container {
	width: 475px;
}

.profile {
	margin: 0 10px;
	width: 210px;
}

#footerbottom-container {
	margin: 0 0 15px;
	padding: 0 10px;
	width: 940px;
}

#footermap {
	width: 175px;
}

#flickr_badge_uber_wrapper {
	width: 500px;
}

#home-header {
	margin: 0 auto;
	width: 775px;
}

#lrgsearch {
	margin: 50px 0;
	width: 720px;
}

#moreposts {
	background-color: #302c2e;
	margin: 0 10px;
	padding: 15px;
	width: 670px;
}

/* Positioning */

.wrapper, #masthead, .talkbubble, #content, #recentwork, #recentblog, .folio, .foliothumb, #footer, #footercolumns, .column, tweettop, twitterfeed, #tweetbottom, #footerbottom, #pageheader, #subnavigation, #workdetails, #sliderframe, #related, .relatedwork, .featurebox, .featureexcerpt, #sidebar, .sidebarcomponent, #blogposts, #features, .recentarchived, form#searchform, .blog-wrapper, .left-gutter, .blog-content, .author-image, .author-info, #comments, .avatar, .discussion, #submit-comment, .comment-container, #pageheading-blog, .popular-posts, .navigation, #workhighlights, #worktext, #options-header, #options-toggle, #left-col, #right-col, #lost, #compass, #compass-text, #about, #team, #team-container, .profile, #tabs, #client-login, #more-nav, #flickr_badge_uber_wrapper, #footermap, #footerbottom-container, #home-header, #moreposts, .results, #lrgsearch {
	position: relative;
}

.popup, #logoposition, a.viewdetails, .relatedwork img, .results img, .date, p.featurecomments, .recentarchived img, .recentarchived small, .results small, form#searchform input#searchsubmit, .author-image img.author-frame, .banner, a.start-project, a.see-all {
	position: absolute;
}

/* Floats and Clearing Floats */

.left, ul#mainnav li, ul#subnav li, #subnavigation h3, .relatedwork, ul#recentarchive li, ul.subscribe li, ul#searchresults li, .alignleft, ul.tab-links li, ul#filter-portfolio li, ul#header-action li {
	float: left;
}

.right, .alignright, ul#header-action {
	float: right;
}

.clear {
	display: inline-block;
}
	
.clear:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

/* Masthead and Logo */

h1.logo, a.int-logo {
	background: url(images/pixel8.png) no-repeat 0 0;
	display: block;
	height: 50px;
	text-indent: -9999px;
	width: 152px;
}

h1.logo a {
	display: block;
	height: 100%;
	width: 100%;
}
/* Logo Talk Bubble */

.popup {
	display: none;
}

/* Main Navigation */

ul#mainnav {
	margin: 75px 0 0 10px;
}

ul#mainnav li.home-nav a, ul#mainnav li.work-nav a, ul#mainnav li.about-nav a, ul#mainnav li.blog-nav a, ul#mainnav li.contact-nav a, ul#mainnav li.client-nav a {
	display: block;
	height: 30px;
	margin: 0 10px 0 0;
	text-indent: -9999px;
}

ul#mainnav li.home-nav a {
	background: url(images/mainnav-home.gif) no-repeat 0 0;
	width: 60px;
}

ul#mainnav li.work-nav a {
	background: url(images/mainnav-work.gif) no-repeat 0 0;
	width: 65px;
}

ul#mainnav li.about-nav a {
	background: url(images/mainnav-about.gif) no-repeat 0 0;
	width: 70px;
}

ul#mainnav li.blog-nav a {
	background: url(images/mainnav-blog.gif) no-repeat 0 0;
	width: 60px;
}

ul#mainnav li.contact-nav a {
	background: url(images/mainnav-contact.gif) no-repeat 0 0;
	width: 85px;
}

ul#mainnav li.client-nav a {
	background: url(images/client-nav.gif) no-repeat 0 0;
	width: 95px;
}

ul#mainnav li.home-nav a:hover, ul#mainnav li.work-nav a:hover, ul#mainnav li.about-nav a:hover, ul#mainnav li.blog-nav a:hover, ul#mainnav li.contact-nav a:hover, ul#mainnav li.client-nav a:hover {
	background-position: 0 -30px;
}

#home ul#mainnav li.home-nav a, #work ul#mainnav li.work-nav a, #aboutus ul#mainnav li.about-nav a, #blog ul#mainnav li.blog-nav a, #blogpost ul#mainnav li.blog-nav a, #contact ul#mainnav li.contact-nav a {
	background-position: 0 -60px;
}

/* Page Headers */

#pageheading h1 {
	color: #302c2e;
	font: 60px/65px Helevtica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: -4px;
	margin: 0 0 15px 0;
	text-transform: lowercase;
}

.title_padding {
	padding: 0 125px;
}

#pageheading h2, #pageheading p {
	border-bottom: 1px solid #ebebeb;
	border-top: 1px solid #ebebeb;
	color: #b9b9b9;
	display: inline-block;
	font: 15px Palatino, Georgia, Times, "Times New Roman", serif;
	font-weight: normal;
	letter-spacing: 3px;
	padding: 10px 0;
	text-transform: uppercase;
	*zoom: 1;
	*display: inline;
}

#home-header h2 {
	background: url(images/home.h2.gif) no-repeat 0 0;
	display: block;
	height: 220px;
	margin: 0 0 30px;
	text-indent: -9999px;
	width: 775px;
}

ul#header-action {
	margin: 0 0 25px;
}

ul#header-action li {
	margin: 0 0 0 10px;
}

ul#header-action li.header-recent a, ul#header-action li.header-start a {
	display: block;
	height: 30px;
	text-indent: -9999px;
}

ul#header-action li.header-recent a {
	background: url(images/a_recentwork.gif) no-repeat 0 0;
	width: 150px;
}

ul#header-action li.header-start a {
	background: url(images/start-project.png) no-repeat 0 0;
	width: 175px;
}

ul#header-action li.header-recent a:hover, ul#header-action li.header-start a:hover {
	background-position: 0 -30px;
}

/* Portfolio Subnavigation */

ul#subnav li.all-filter a, ul#subnav li.web-filter a, ul#subnav li.print-filter a, ul#subnav li.identity-filter a {
	display: block;
	height: 30px;
	margin: 0 10px 0 0;
	text-indent: -9999px;
}

ul#subnav li.all-filter a {
	background: url(images/all-filter.gif) no-repeat 0 0;
	width: 45px;
}

ul#subnav li.web-filter a {
	background: url(images/web-filter.gif) no-repeat 0 0;
	width: 50px;
}

ul#subnav li.print-filter a {
	background: url(images/print-filter.gif) no-repeat 0 0;
	width: 60px;
}

ul#subnav li.identity-filter a {
	background: url(images/indentity-filter.gif) no-repeat 0 0;
	width: 85px;
}

ul#subnav li.all-filter a:hover, ul#subnav li.web-filter a:hover, ul#subnav li.print-filter a:hover, ul#subnav li.identity-filter a:hover {
	background-position: 0 -30px;
}

ul#subnav li.all-filter a.current, ul#subnav li.web-filter a.current, ul#subnav li.print-filter a.current, ul#subnav li.identity-filter a.current {
	background-position: 0 -60px;
}

a.start-project {
	background: url(images/start-project.png) no-repeat 0 0;
	display: block;
	height: 30px;
	right: 0;
	text-indent: -9999px;
	top: 10px;
	width: 175px;
}

a.start-project:hover {
	background-position: 0 -30px;
}

/* Portfolio Thumbs and Blog Archives */

a.viewdetails {
	background: url(images/inspect.png) no-repeat 0 0;
	bottom: 30px;
	height: 30px;
	right: 30px;
	text-indent: -9999px;
	width: 30px;
}

a.viewdetails:hover, a.viewdetails:active {
	background-position: 0 -30px;
}

.folio h3 a, .folio h3 a:visited {
	color: #302c2e;
	display: inline-block;
	font: 18px/20px Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: -.045em;
	margin: 20px 0;
	padding: 0 10px;
	text-decoration: none;
}

.folio h3 a:hover, .folio h3 a:active {
	color: #f26522;
}

.folio p {
	color: #444;
	font: 12px/19px Helvetica, Arial, sans-serif;
	padding: 0 10px;
}

.folio h2 {
	color: #888;
	font: 9px Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 20px 10px 0;
	text-transform: uppercase;
}

/* Work Details, Pages and Blog Posts */

.post h1, .post h2, .post h3, .post h4 {
	color: #302c2e;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.post h1 {
	font-size: 28px;
	letter-spacing: -.055em;
	line-height: 32px;
}

.post h2 {
	font-size: 24px;
	line-height: 28px;
	letter-spacing: -.055em;
}

.post h3 {
	font-size: 20px;
	letter-spacing: -.055em;
	line-height: 21px;
}

.post h4 {
	font-size: 16px;
	line-height: 19px;
}

.post h5, .post h6 {
	color: #302c2e;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-style: italic;
	font-weight: normal;
	margin: 0 0 10px 0;
}

.post h5 {
	font-size: 14px;
	line-height: 21px;
}

.post h6 {
	font-size: 12px;
	line-height: 19px;
}

p.datecompleted {
	border-bottom: 1px solid #ebebeb;
	display: block;
	font: 13px Georgia, Times, "Times New Roman", serif !important;
	font-weight: normal;
	letter-spacing: 4px;
	margin: 0 0 30px 0 !important;
	padding: 0 0 20px 0;
	text-align: center;
	text-transform: uppercase;
}

.post p, .post ul, .post ol, .post dl {
	color: #444;
}

.post p, .post ul, .post ol {
	font: 12px/19px Helvetica, Arial, sans-serif;
}

.post p {
	margin: 0 0 30px 0;	
}

.post a, .post a:visited {
	color: #00aeef;
	text-decoration: underline;	
}

.post a:hover, .post a:active {
	color: #f26522;	
}

.post ul {
	margin: 0 0 30px 30px;
}

.post dl {
	margin: 0 0 15px 30px;
}

.post dd {
	font: 12px/19px Helvetica, Arial, sans-serif;
	padding: 0 0 15px 15px;
}

.post ol {
	list-style: decimal;
	margin: 0 0 30px 40px;
}

.post ul li, .post ol li {
	margin: 8px 0 0 0;
}

.post ul li:first-child, .post ol li:first-child {
	margin: 0;
}

.post ul li {
	background: url(images/work_listitem.gif) no-repeat left 4px;
	padding: 0 0 0 15px;
}

.post blockquote, #comments blockquote {
	background: url(images/quotations.gif) no-repeat top left;
	padding: 10px 0 0 30px;
}

.post blockquote p, .post em, .post dl dt {
	font: 13px/20px Georgia, Times, "Times New Roman", serif;
	font-style: italic;
}

blockquote.pullquote {
	background-image: none;
	border-right: 3px solid #ddd;
	color: #aaa;
	font: 17px/130% Palatino, Georgia, Times, "Times New Roman", serif;
	font-style: italic;
	margin: 0 15px 0 0;
	padding: 15px;
	text-align: right;
	width: 200px;
}

/* Images */

img.alignleft {
	margin: 0 15px 0 0;
}

img.alignright {
	margin: 0 0 0 15px;
}

img.aligncenter {
	display: block;
	margin: 0 auto 30px auto;
}

/* Related Work */

h2.morerelated {
	background: url(images/h2_morework.gif) no-repeat 0 0;
	display: block;
	height: 10px;
	margin: 10px 0;
	text-indent: -9999px;
	width: 90px;
}

.relatedwork h3 a, .relatedwork h3 a:visited, .recentarchived h3 a, .recentarchived h3 a:visited {
	color: #6f6c6d;
	font: 14px/16px Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

.relatedwork h3 a:hover, .relatedwork h3 a:active, .recentarchived h3 a:hover, .recentarchived h3 a:active {
	color: #302c2e;
}

.relatedwork img {
	left: 0;
	top: 0;
}

a.see-all {
	background: url(images/a_seeall.gif) no-repeat 0 0;
	display: block;
	height: 30px;
	right: 0;
	text-indent: -9999px;
	top: 10px;
	width: 75px;
}

a.see-all:hover {
	background-position: 0 -30px;
}

/* Blog Page */

h2.featureheading {
	background: url(images/h2_feature.gif) no-repeat top left;
	color: #302c2e;
	font: 16px Helvetica, Arial, sans-serif;
	font-weight: bold;
	height: 25px;
	padding: 0 0 0 65px;
	width: 275px;
}

h2.lrgsearch-heading {
	background: url(images/h2_lrgsearch.gif) no-repeat top right;
	color: #302c2e;
	font: 16px Helvetica, Arial, sans-serif;
	font-weight: bold;
	height: 25px;
	margin: 0 10px;
	padding: 0 75px 0 0;
	text-align: right;
	width: 625px;
}

.date small {
	font: 14px Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-transform: lowercase;
}

.date small, .featureexcerpt p {
	color: #979797;
}

.featureexcerpt img {
	margin: 0 0 15px 0;
}

.featureexcerpt h3 a, .featureexcerpt h3 a:visited {
	color: #d2d2d2;
	display: inline-block;
	font: 24px/28px Helvetica, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: -.03em;
	margin: 0 0 15px 0;
	text-decoration: none;	
}

.featureexcerpt h3 a:hover, .featureexcerpt h3 a:active {
	color: #f26522;
}

.featureexcerpt p {
	font: 12px/19px Helvetica, Arial, sans-serif;
}

p.featurecomments {
	bottom: 15px;
	color: #d2d2d2;
	font: 16px Helvetica, Arial, sans-serif;
	font-weight: bold;
	right: 15px;
}

#moreposts h2 {
	color: #888;
	font: 12px Palatino, Georgia, Times, "Times New Roman", serif;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 0 0 20px 10px;
	text-transform: uppercase;
}

ul#searchresults {
	margin: 0;
}

ul#recentarchive li {
	margin: 3px;
	width: 160px;
}

ul#searchresults li {
	height: 350px;
	margin: 0 10px;
	width: 220px;
}

ul#searchresults li h3 a, ul#searchresults li h3 a:visited {
	color: #302c2e;
	display: block;
	font: 16px/18px Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin: 20px 0 0 0;
	text-decoration: none;	
}

ul#searchresults li h3 a:hover, ul#searchresults li h3 a:active {
	color: #f26522;
}

ul#recentarchive li .date small, ul#searchresults li .date small {
	color: #000;
}

.results p {
	color: #444;
	font: 12px/19px Helvetica, Arial, sans-serif;	
}

.recentarchived img, .results img {
	left: 0;
	top: 0;
	z-index: 10;
}

.recentarchived small, .results small {
	bottom: 15px;
	color: #00aeef;
	font: 12px Palatino, Georgia, Times, "Times New Roman", serif;
	font-style: italic;
	right: 15px;
	text-transform: lowercase;
}

a.continue, a.continue:visited {
	color: #00aeef;
	font: 12px Helvetica, Arial, sans-serif;
	display: inline-block;
	margin: 15px 0 0 0;
	text-decoration: none;
}

a.continue:hover, a.continue:active {
	color: #f26522;
}

/* Sidebar */

.sidebarcomponent h2 {
	border-bottom: 1px solid #ebebeb;
	border-top: 5px solid #ebebeb;
	color: #302c2e;
	display: block;
	font: 16px Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin: 0 0 15px 0;
	padding: 10px 0;
}

.sidebarcomponent h2.feed {
	background: url(images/feed.jpg) no-repeat right center;
}

.sidebarcomponent p a, .sidebarcomponent p a:visited, a.followtwitter, a.followtwitter:visited {
	color: #00aeef;
	text-decoration: underline;
}

.sidebarcomponent p a:hover, .sidebarcomponent p a:active, a.followtwitter:hover, a.followtwitter:active {
	color: #f26522;	
}

.sidebarcomponent p {
	color: #444;
	font: 12px/19px Helvetica, Arial, sans-serif;	
}

a.get-planner {
	background: url(images/download_planner.gif) no-repeat 0 0;
	display: block;
	height: 30px;
	margin: 15px 0 0 0;
	text-indent: -9999px;
	width: 210px;
}

a.get-planner:hover {
	background-position: 0 -30px;
}

ul.tab-links {
	display: block;
	margin: 0 0 20px;
}

ul.tab-links li {
	margin: 0 8px 0 0;
}

ul.tab-links li a, ul.tab-links li a:visited {
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	background-color: #ebebeb;
	color: #302c23;
	display: block;
	font: 12px Helvetica, Arial, sans-serif;
	padding: 8px 10px;
	text-align: center;
	text-decoration: none;
}

ul.tab-links li a:hover, ul.tab-links li a:active, ul.tab-links li.active a {
	background-color: #f26522;
	color: #fff;
}

ul.tab-links li.active a {
	background-color: #00aeef;
	color: #fff;
}

ul.pop-posts li {
	border-top: 1px solid #ebebeb;
	padding: 15px 0;
}

ul.pop-posts li:first-child {
	border-top: none;
	padding: 0 0 15px;
}

ul.pop-posts li a, ul.pop-posts li a:visited {
	color: #444;
	display: block;
	font: 12px/17px Helvetica, Arial, sans-serif;
	text-decoration: none;
}

ul.pop-posts li a:hover, ul.pop-posts li a:active {
	color: #00aeef;
}

ul.pop-posts li a.tweet {
	background: url(images/social_twitter.png) no-repeat center left;
	padding: 20px 0 20px 55px;
}

ul.pop-posts li a.youtube {
	background: url(images/social_youtube.png) no-repeat center left;
	padding: 20px 0 20px 55px;
}

.text-right {
	text-align: right;
}

/* Author Info */

.author-info h2 {
	color: #444;
	display: block;
	font: 16px Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin: 0 0 3px 0;
	padding: 15px 0 0 0;
}

.author-info h3 {
	color: #666;
	display: block;
	font: 12px Palatino, Georgia, Times, "Times New Roman", serif;
	font-weight: normal;
}

.author-info h4 {
	color: #444;
	display: block;
	font: 14px Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin: 15px 0 3px 0;
}

.author-info a, .author-info a:visited {
	color: #00aeef;
	text-decoration: underline;
}

.author-info a:hover, .author-info a:active {
	color: #f26522;
}

.author-info p, .author-info ul {
	color: #444;
	font: 12px/19px Helvetica, Arial, sans-serif;
}

.author-info p {
	padding: 15px 0 0 0;
}

.author-info ul li {
	background: url(images/author-list.png) no-repeat left center;
	padding: 3px 0 3px 17px;
}

h2.tagline {
	font: 50px Palatino, Georgia, Times, "Times New Roman", serif;
	font-weight: normal;
	letter-spacing: -2px;
	margin: 0 0 50px;
	text-transform: lowercase;
}

/* Search Form */

form#searchform {
	height: 30px;
	width: 210px;
}

form#searchform label {
	display: none;
}

form#searchform input#s {
	background: url(images/search_input.gif) no-repeat 0 0;
	color: #444;
	font: 12px Helvetica, Arial, sans-serif;
	height: 30px;
	padding: 0 45px 0 10px;
	width: 155px;
}

form#searchform input#searchsubmit {
	right: 10px;
	top: 6px;
}

/* Large Search Form */

form#searchform2 {
	background-color: #302c2e;
	margin: 0 10px;
	padding: 15px;
	width: 670px;
}

form#searchform2 input#s2 {
	background: url(images/lrgsearch_input.jpg) no-repeat 0 0;
	color: #939393;
	font: 21px Helvetica, Arial, sans-serif;
	height: 33px;
	padding: 12px 15px 0;
	text-shadow: 0 1px 1px #fff;
	text-transform: lowercase;
	width: 450px;
}

form#searchform2 input#s2:focus {
	color: #302c2e;
}

/* Left Blog Post Gutter */

.left-gutter small, .left-gutter h3 {
	color: #302c2e;
	display: block;
	letter-spacing: -.055em;
	text-transform: lowercase;
}

.left-gutter small {
	font: 24px/28px Helvetica, Arial, sans-serif;
	font-weight: bold;
}

.left-gutter h3 {
	font: 18px/20px Helvetica, Arial, sans-serif;
	font-weight: bold;
}

/* RSS Subscription, Social Links and Related Posts */

ul.subscribe, ul.related-list {
	margin: 0 0 30px 0;
}

ul.subscribe li {
	background-image: none;
	margin: 0 0 0 15px;
	padding: 0;
}

ul.subscribe li a, ul.subscribe li a:visited, ul.subscribe li a:hover, ul.subscribe li a:active {
	text-decoration: none !important;
}

ul.subscribe li a.subscribe-rss, ul.subscribe li a.subscribe-email, ul.subscribe li a.stumbleit, ul.subscribe li a.delicious, ul.subscribe li a.facebook, ul.subscribe li a.float {
	display: block;
	height: 32px;
	width: 32px;
	text-indent: -9999px
}

ul.subscribe li a.subscribe-rss {
	background: url(images/rss_32.png) no-repeat 0 0;
}

ul.subscribe li a.subscribe-email {
	background: url(images/email_32.png) no-repeat 0 0;
}

ul.subscribe li a.stumbleit {
	background: url(images/stumbleupon_32.png) no-repeat 0 0;
}

ul.subscribe li a.delicious {
	background: url(images/delicious_32.png) no-repeat 0 0;
}

ul.subscribe li a.facebook {
	background: url(images/facebook_32.png) no-repeat 0 0;
}

ul.subscribe li a.float {
	background: url(images/designfloat_32.png) no-repeat 0 0;
}

/* Comments */

#comments p, #submit-comment p {
	color: #444;
	font: 12px/19px Helvetica, Arial, sans-serif;
}

#comments p {
	margin: 0 0 15px 0;
}

#submit-comment p {
	margin: 0 0 20px 0;
}

#comments blockquote p {
	font: 13px/20px Georgia, Times, "Times New Roman", serif;
	font-style: italic;
}

#comments a, #comments a:visited, #submit-comment a, #submit-comment a:visited {
	color: #00aeef;
	text-decoration: underline;
}

#comments a:hover, #comments a:active, #submit-comment a:hover, #submit-comment a:active {
	color: #f26522;
}

img.avatar {
	border: 1px solid #ebebeb;
	display: block;
	padding: 3px;
}

.discussion cite {
	color: #302c2e;
	display: block;
	font: 18px/20px Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: bold;
	margin: 0 0 5px 0;
}

.discussion cite a, .discussion cite a:visited {
	color: #302c2e !important;
}

.discussion cite a:hover, .discussion cite a:active {
	color: #f26522 !important;
}

.discussion small {
	color: #00aeef;
	display: block;
	font: 12px/19px Helvetica, Arial, sans-serif;
}

.discussion em.approval {
	color: #f26522;
	display: block;
	font: 12px Georgia, Times, "Times New Roman", serif;
	font-style: italic;
	margin: 0 0 5px;
}

ol#comment-list li {
	border-top: 1px solid #ebebeb;
	padding: 25px 0;
	width: 525px;
}

ol#comment-list li:first-child {
	border-top: none;
	padding: 0 0 25px 0;
}

ol#comment-list li.author_comment cite {
	background: url(images/author-comments.gif) no-repeat center right;
}

/* Comment Form */

ul#form-fields li {
	display: block;
	margin: 25px 0 0 0;
}

ul#form-fields li:first-child {
	margin: 0;
}

form#commentform label {
	display: none;
}

p.subscribe-to-comments label {
	display: inline !important;
}

form#commentform input#author, form#commentform input#email, form#commentform input#url {
	color: #444;
	font: 12px Helvetica, Arial, sans-serif;
}

form#commentform input#author, form#commentform input#url {
	height: 25px;
	padding: 15px 40px 0 15px;
	width: 335px;
}

form#commentform input#author {
	background: url(images/input-name.gif) no-repeat 0 0;
}

form#commentform input#email {
	background: url(images/input-email.gif) no-repeat 0 0;
	height: 25px;
	padding: 15px 55px 0 15px;
	width: 320px;
}

form#commentform input#url {
	background: url(images/input-url.gif) no-repeat 0 0;
}

form#commentform textarea#comment {
	background-color: #f6f6f6;
	border: 1px solid #ebebeb;
	color: #444;
	font: 12px/19px Helvetica, Arial, sans-serif;
	height: 183px;
	overflow: auto;
	padding: 15px;
	width: 493px;
}

form#commentform input#submitcomment {
	margin: 0 0 0 410px;
}

/* Archive Navigation */

.older a, .older a:visited, .newer a, .newer a:visited {
	display: block;
	height: 20px;
	text-indent: -9999px;
	width: 100px;
}

.older a, .older a:visited {
	background: url(images/older.gif) no-repeat 0 0;
}

.newer a, .newer a:visited {
	background: url(images/newer.gif) no-repeat 0 0;
}

.older a:hover, .older a:active, .newer a:hover, .newer a:active {
	background-position: 0 -20px;
}

/* 404 Page */

#compass-text h2 {
	color: #302c2e;
	font: 60px/65px Helevtica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: -4px;
	margin: 0 0 30px 0;	
}

#compass-text h3 {
	border-bottom: 1px solid #ebebeb;
	border-top: 1px solid #ebebeb;
	color: #302c2e;
	display: inline-block;
	font: 16px Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin: 0 0 15px 0;
	padding: 10px 0;
}

#compass-text p {
	color: #444;
	font: 12px/19px Helvetica, Arial, sans-serif;
	margin: 0 0 25px 0;
}

/* Contact Form */

form#cformsform ol.cf-ol, form#cforms2form ol.cf-ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

form#cformsform ol.cf-ol li, form#cforms2form ol.cf-ol li {
	margin: 30px 0 0 0;
}

form#cformsform ol.cf-ol li:first-child, form#cforms2form ol.cf-ol li:first-child {
	margin: 0;
}

form#cformsform label, form#cforms2form label {
	color: #888;
	display: block;
	font: 9px Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 0 0 5px 15px;
	text-transform: uppercase;
}

form#cformsform ol.cf-ol li span.reqtxt, form#cformsform ol.cf-ol li span.emailreqtxt, form#cforms2form ol.cf-ol li span.reqtxt, form#cforms2form ol.cf-ol li span.emailreqtxt {
	color: #00aeef;
	font-size: 12px;
	margin: 3px 0 0 8px;
}

form#cformsform input#cf_field_1, form#cformsform input#cf_field_2, form#cformsform input#cf_field_3, form#cformsform input#cf_field_4, form#cformsform input#cf_field_5, form#cformsform select, form#cforms2form input#cf2_field_1, form#cforms2form input#cf2_field_2, form#cforms2form input#cf2_field_3, form#cformsform input#cforms_q, form#cforms2form input#cforms_q2 {
	color: #444;
	font: 12px Helvetica, Arial, sans-serif;
}

form#cformsform input#cf_field_1, form#cformsform input#cf_field_5, form#cforms2form input#cf2_field_1, form#cforms2form input#cf2_field_3 {
	height: 40px;
	padding: 0 40px 0 15px;
	width: 335px;
}

form#cformsform input#cf_field_1, form#cforms2form input#cf2_field_1 {
	background: url(images/input-name.gif) no-repeat 0 0;
}

form#cformsform input#cf_field_2, form#cforms2form input#cf2_field_2 {
	background: url(images/input-email.gif) no-repeat 0 0;
	height: 40px;
	padding: 0 55px 0 15px;
	width: 320px;
}

form#cformsform input#cf_field_3, form#cformsform input#cf_field_4, form#cforms2form input#cf2_field_3 {
	background-color: #f6f6f6;
	border: 1px solid #ebebeb;
	height: 38px;
	padding: 0 15px 0 15px;
	width: 358px;	
}

form#cformsform input#cforms_q, form#cforms2form input#cforms_q2 {
	background-color: #f6f6f6;
	border: 1px solid #ebebeb;
	height: 38px;
	padding: 0 15px 0 15px;
	width: 175px;
}

form#cformsform input#cf_field_5 {
	background: url(images/input-url.gif) no-repeat 0 0;
}

form#cformsform select {
	background-color: #f6f6f6;
	border: 1px solid #ebebeb;
	height: 38px;
	padding: 10px;
	width: 388px;	
}

form#cformsform select option {
	padding: 7px 0 7px 15px;
}

form#cformsform textarea#cf_field_8, form#cforms2form textarea#cf2_field_4 {
	background-color: #f6f6f6;
	border: 1px solid #ebebeb;
	color: #444;
	font: 12px/19px Helvetica, Arial, sans-serif;
	height: 183px;
	overflow: auto;
	padding: 15px;
	width: 493px;
}

form#cformsform input#sendbutton, form#cforms2form input#sendbutton2 {
	background: url(images/blankbutton.gif) no-repeat 0 0;
	color: #fff;
	font: 12px Helvetica, Arial, sans-serif;
	font-weight: bold;
	height: 35px;
	margin: 0 0 0 410px;
	text-transform: uppercase;
	width: 115px;
}

form#cformsform input#sendbutton:hover, form#cforms2form input#sendbutton2:hover {
	cursor: pointer;
}

form#cformsform input#cf_uploadfile-9 {
	background-color: #f6f6f6;
	border: 1px solid #ebebeb;	
}

#usermessageb, #usermessage2b {
	color: #f26522;
	font: 12px/19px Georgia, Times, "Times New Roman", serif;
	font-style: italic;
	padding: 0 0 30px 0;
}

p.linklove {
	display: none;
}

/* Footer */

.column h2 {
	color: #302c2e;
	font: 16px Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin: 0 0 15px 0;
}

.column p {
	color: #444;
	font: 12px/19px Helvetica, Arial, sans-serif;
}

.column p a, .column p a:visited, a.readnews, a.readnews:visited, ul#twitter_update_list li a, ul#twitter_update_list li a:visited, #tweetbottom a, #tweetbottom a:visited {
	color: #00aeef;
	text-decoration: underline;
}

.column p a:hover, .column p a:active, a.readnews:hover, a.readnews:active, ul#twitter_update_list li a:hover, ul#twitter_update_list li a:active, #tweetbottom a:hover, #tweetbottom a:active {
	color: #f26522;
}

a.readnews {
	display: inline-block;
	margin: 5px 0 0 0;
}

a.readnews, #tweetbottom a {
	font: 12px Helvetica, Arial, sans-serif;
}

ul#twitter_update_list li {
	color: #444;
	font: 12px/17px Helvetica, Arial, sans-serif;
}

ul#twitter_update_list li span {
	display: block;
	margin: 3px 0 0 0;
}

#footerbottom p {
	color: #c1c0c1;
	font: 11px Helvetica, Arial, sans-serif;
	margin: 0 0 0 10px;
}

h2.findway {
	background: url(images/h2_findway.gif) no-repeat 0 0;
	display: block;
	height: 10px;
	margin: 0 0 30px;
	text-indent: -9999px;
	width: 175px;
}

ul#footernav li {
	margin: 0 0 10px;
}

ul#footernav li a, ul#footernav li a:visited {
	color: #c1c0c1;
	font: 11px Helvetica, Arial, sans-serif;
	text-decoration: underline;
}

ul#footernav li a:hover, ul#footernav li a:active {
	color: #fff;
}

ul#footernav li.start-action a {
	background: url(images/start-project.png) no-repeat 0 0;
	display: block;
	height: 30px;
	margin: 30px 0 0 0;
	text-indent: -9999px;
	width: 175px;
}

ul#footernav li.start-action a:hover {
	background-position: 0 -30px;
}

/* Flickr Stream */

h2.flickr {
	background: url(images/h2_flickr.gif) no-repeat 0 0;
	display: block;
	height: 10px;
	margin: 0 0 30px;
	text-indent: -9999px;
	width: 130px;
}

.flickr_badge_image {
	float: left;
	margin: 0 15px 15px 0;
}

.flickr_badge_image a img, .flickr_badge_image a:visited img {
	border: 1px solid #c1c0c1;
	padding: 4px;
}

.flickr_badge_image a:hover img, .flickr_badge_image a:active img {
	border: 1px solid #fff;
}

/* Misc */

.grande {}

img.santa {
	position: absolute;
	right: 50px;
	top: 80px;
}

a.livesite {
	background: url(images/view_site.gif) no-repeat 0 0;
	display: block;
	height: 30px;
	text-indent: -9999px;
	width: 210px;
}

a.livesite:hover, a.viewdemo:hover, a.downloadzip:hover {
	background-position: 0 -30px;
}

a.viewdemo {
	background: url(images/a_viewdemo.gif) no-repeat 0 0;
	display: block;
	height: 30px;
	text-indent: -9999px;
	width: 100px;
}

a.downloadzip {
	background: url(images/a_downloadfiles.gif) no-repeat 0 0;
	display: block;
	height: 30px;
	text-indent: -9999px;
	width: 150px;
}