/*
Theme Name: Design Intellection
Theme URI: http://designintellection.com/
Description: The design for my site.
Version: 1.0b
Author: David Yeiser
Author URI: http://designintellection.com/
*/

* { margin:0; padding:0; }

body
{
	font-family:Georgia, "Times New Roman", serif;
	color:#6a6460; /*#8c817b*/
	background:url("http://designintellection.com/wp-content/themes/designintellection/images/bg-border-sidebar-s.png") center top repeat-y #fff;
}

body#body-home { background:url("http://designintellection.com/wp-content/themes/designintellection/images/bg-bd-sb-c.png") center top repeat-y #fff; }

a { font-weight:bold; text-decoration:none; color:#d67e4f; border-bottom:1px solid #e7e2df; }
a:hover { color:#7fa76b; border-bottom:1px solid #6ba7a3; }

img.float-right { margin:0 0 10px 10px; float:right; }
span.clearer { height:0; display:block; clear:both; font-size:1px; line-height:1px; }

/* ------- LAYOUT ------- */

#site { width:922px; margin:0 auto; padding-left:54px; position:relative; }
#main { width:626px; margin:188px 20px 0 0; padding:0 0 0 0; position:relative; float:left; }
#accessibility { width:626px; height:36px; position:absolute; right:-2px; top:-36px; background-color:#f4f3f2; z-index:5; }

#secondary { width:236px; margin:0; padding:128px 20px 10px 20px; float:left; }
body#body-home #secondary { width:276px; padding:94px 0 74px 0; background:url("http://designintellection.com/wp-content/themes/designintellection/images/sidebar-top-brace.png") 0 0 no-repeat transparent; }
body#body-home #featured-products { width:236px; padding:0 20px 0 20px; }
body.body-page #secondary { position:absolute; right:0; top:202px; background:none transparent; z-index:500; }

#meta { width:920px; margin:18px 0 0 1px; padding:18px 0 36px 0; clear:both; border-top:1px dotted #d1ccca; border-right:1px dotted #d1ccca; background-color:#fff; }

#logo
{
	width:350px;
	height:154px;
	padding:0 0 94px 0;
	position:absolute;
	left:-9px;
	top:0;
	background:url("http://designintellection.com/wp-content/themes/designintellection/images/logo108ns.png") 0 32px no-repeat transparent;
	z-index:5;
}

#logo a { width:320px; height:124px; margin-top:50px; display:block; border-bottom:0; }
#logo span { display:none; }


/* ------- ACCESSIBILITY ------- */

#accessibility p { width:197px; margin-right:20px; padding:12px 0 0 5px; display:block; float:left; font-family:Helvetica, Arial, sans-serif; font-size:11px; }
#accessibility p a { border-bottom:0; }
form#search-form { width:384px; padding:9px 20px 5px 0; display:block; position:relative; float:left; font-family:Helvetica, Arial, sans-serif; text-align:right; }
#accessibility form#search-form p { padding:0; margin:0; display:inline; float:none; }
form#search-form label { padding-right:5px; display:inline; font-size:11px; font-style:italic; font-weight:bold; color:#c5c0bd; }
form#search-form input { width:120px; padding:3px; font-size:11px; color:#8c817b; border:1px solid #e7e2df; background-color:#fff; }
form#search-form input#searchsubmit { width:auto; padding:2px 5px; display:inline; font-style:italic; font-weight:bold; cursor:pointer; border:1px solid #c5c0bd; background-color:#e7e2df; }

/* ------- NAVIGATION ------- */

#main-nav
{
	width:626px;
	margin:36px 0 0 298px; /* Added extra 2px to round the grid-based calculations */
	padding-bottom:36px;
	position:relative;
	right:0;
	border-top:2px solid #f4f3f2;
	background:url("http://designintellection.com/wp-content/themes/designintellection/images/border-h-dotted.png") left top repeat-x #fff;
	z-index:7;
}

body.body-page #main-nav, body#body-single #main-nav { background-color:transparent; }

#main-nav ul { list-style:none; }

#main-nav a
{
	width:105px;
	height:54px;
	margin:1px 1px 0 0;
	padding:8px 19px 5px 0;
	position:relative;
	display:block;
	float:left;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	line-height:12px;
	font-weight:normal;
	text-align:left;
	text-decoration:none;
	text-transform:uppercase;
	outline:0;
	color:#8c817b;
	/*border-bottom:1px solid #e7e2df;*/
	border-bottom:0;
	background-color:#fff;
}

#main-nav li#page-about a { background:url("http://designintellection.com/wp-content/themes/designintellection/images/nav-about3.png") 0 5px no-repeat; z-index:10; }
#main-nav li#page-services a { background:url("http://designintellection.com/wp-content/themes/designintellection/images/nav-services3.png") 0 5px no-repeat; z-index:20; }
#main-nav li#page-archives a { background:url("http://designintellection.com/wp-content/themes/designintellection/images/nav-archives3.png") 0 5px no-repeat; z-index:30; }
#main-nav li#page-downloads a { background:url("http://designintellection.com/wp-content/themes/designintellection/images/nav-downloads3.png") 0 5px no-repeat; z-index:40; }
#main-nav li#page-photos a { width:106px; margin-right:0; background:url("http://designintellection.com/wp-content/themes/designintellection/images/nav-photos3.png") 0 5px no-repeat; z-index:50; }

#main-nav li#page-about a:hover,
#main-nav li#page-services a:hover,
#main-nav li#page-archives a:hover,
#main-nav li#page-downloads a:hover,
#main-nav li#page-photos a:hover { margin-top:-4px; color:#6a6460; border-top:5px solid #d67e4f; background-position:0 -95px; z-index:100; }

body#body-about #main-nav li#page-about a,
body#body-services #main-nav li#page-services a,
body#body-archives #main-nav li#page-archives a,
body#body-downloads #main-nav li#page-downloads a,
body#body-photos #main-nav li#page-photos a
{ margin-top:-4px; /*color:#6a6460;*/ border-top:5px solid #d67e4f; /*background-position:0 -95px;*/ z-index:75; }

span.nav-tagline { display:none; }

#main-nav li#page-about a:hover span.nav-tagline,
#main-nav li#page-services a:hover span.nav-tagline,
#main-nav li#page-archives a:hover span.nav-tagline,
#main-nav li#page-downloads a:hover span.nav-tagline,
#main-nav li#page-photos a:hover span.nav-tagline { width:148px; padding:2px 0 20px 148px; display:block; position:absolute; right:47px; top:23px; font-family:Arial, sans-serif; font-size:10px; letter-spacing:0; text-align:right; text-transform:none; background-color:#fff; }

/*
body#body-about #main-nav li#page-about a span.nav-tagline,
body#body-services #main-nav li#page-services a span.nav-tagline,
body#body-archives #main-nav li#page-archives a span.nav-tagline,
body#body-downloads #main-nav li#page-downloads a span.nav-tagline,
body#body-photos #main-nav li#page-photos a span.nav-tagline { width:148px; padding:0 0 0 148px; display:block; position:absolute; right:47px; top:25px; font-family:Arial, sans-serif; font-size:10px; letter-spacing:0; text-align:right; text-transform:none; background-color:#fff; } THIS IS THE ONE*/

/*
#main-nav li#page-about a span.nav-title,
#main-nav li#page-services a span.nav-title,
#main-nav li#page-archives a span.nav-title,
#main-nav li#page-downloads a span.nav-title,
#main-nav li#page-photos a span.nav-title  { display:none; }*/

/*
#body-single li#page-archives a { margin-top:-3px; font-weight:bold; color:#d67e4f; border-top:4px solid #d67e4f; }
#body-single li#page-archives a span { color:#8c817b; }*/

/* ------- IMAGES ------- */

img.left-flush { margin:0 20px 20px -74px; float:left; }


/* ------- TYPOGRAPHY ------- */

#main p { padding-bottom:18px; font-size:14px; line-height:22px; }
#main ul, #main ol { padding-bottom:18px; font-size:14px; line-height:22px; }
#main ul { list-style-type:disc; }
#main li { padding-bottom:8px; }

#main h2, #main h3, #main h4
{
	margin:8px 0 5px 0;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#6ba7a3;
}

#main h2 { font-size:24px; text-transform:uppercase; }
#main h3 { font-size:18px; }
#main h4 { font-size:14px; }

#main h3.headline { margin:24px 0 5px 0; font-size:18px; color:#6a6460; font-weight:bold; text-transform:uppercase; }
#main h4.subtitle { margin:3px 0 12px 0; font-family:Georgia, "Times New Roman", serif; font-size:14px; font-weight:bold; font-style:italic; line-height:22px; /*color:#7fa76b;*/ }

#archive-list table { width:848px; border:0; }
#archive-list th { padding:5px; font-family:Helvetica, Arial, sans-serif; font-weight:bold; text-align:left; color:#fff; background-color:#6a6460; }
#archive-list td { padding:5px 5px 10px 5px; font-size:12px; font-weight:bold; color:#8c817b; border-bottom:1px solid #e7e2df; }

#archive-list td.archive-post-title { width:350px; padding-right:20px; }
#archive-list td.archive-post-title h3 { margin:0; padding:0; display:inline; font-family:Helvetica, Arial, sans-serif; font-size:18px; font-weight:normal; }
#archive-list td.archive-post-title h3 a { color:#7fa76b; border-bottom:0; }
#archive-list td.archive-post-title h3 a:hover { color:#d67e4f; }

#archive-list td.archive-post-date { width:182px; padding-right:20px; font-style:italic; }

#archive-list td.archive-post-category { width:128px; padding-right:20px; }
#archive-list td.archive-post-category ul { padding-bottom:0; font-size:12px; font-weight:normal; list-style:none; }
#archive-list td.archive-post-category li { padding-right:10px; display:inline; }

#archive-list td.archive-post-comments { width:128px; font-family:Helvetica, Arial, sans-serif; font-size:24px; text-align:center; }
#archive-list td.archive-post-comments a { color:#6ba7a3; border-bottom:0; }
#archive-list td.archive-post-comments a:hover { color:#7fa76b; }

/* MAIN ------- */

/*.post-featured { margin:0 0 39px 5px; padding:18px 148px 0 69px; border-top:3px double #e7e2df; }*/
.post-featured { margin:0 128px 57px 0; padding:0 0 0 74px; position:relative; border-bottom:3px double #e7e2df; }
.post-article { margin:0 128px 57px 0; padding:0 0 0 74px; position:relative; border-bottom:3px double #e7e2df; }
.post-sidenote { margin:0 128px 39px 74px; padding:0 0 0 0; border-bottom:1px solid #e7e2df; }
.post-image { margin:0 128px 39px 0; position:relative; /*border-bottom:1px solid #6ba7a3;*/ }
.body-page .post-image { margin:0 128px 18px -74px; border-bottom:0; }


/* Post article ------- */

#main h1.post-title a
{
	margin-bottom:18px;
	display:block;
	font-family:Helvetica, Arial, sans-serif;
	font-size:24px;
	font-weight:normal;
	text-transform:uppercase;
	color:#6ba7a3;
	border-bottom:0;
}

#main .post-article span.post-meta, #main .post-featured span.post-meta
{
	width:414px;
	margin-top:3px;
	padding:5px;
	position:absolute;
	right:0;
	display:block;
	clear:both;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:15px;
	text-align:right;
	color:#aea39d;
	border-bottom:1px solid #e7e2df;
	background-color:#f4f3f2;
}

#main .post-article span.post-meta a, #main .post-featured span.post-meta a { border-bottom:0; }

/* Post sidenote ------- */

.post-sidenote .post-body { width:276px; margin-right:20px; float:left; }
#main .post-sidenote p { font-family:Helvetica, Arial, sans-serif; font-size:12px; line-height:20px; }
#main .post-sidenote p:first-child { }
#main .post-sidenote ul { font-family:Helvetica, Arial, sans-serif; font-size:12px; line-height:20px; }
#main .post-sidenote li { padding-bottom:6px; }
.post-sidenote span.title-date { width:128px; padding:3px 0 18px 0; float:left; font-family:Helvetica, Arial, sans-serif; font-size:11px; font-weight:bold; line-height:15px; color:#aea39d; }
.post-sidenote span.title-date a { color:#aea39d; border-bottom:1px solid #e7e2df; }
.post-sidenote span.title-date span { font-weight:normal; }

/* Post image ------- */

#main .post-image p { margin-bottom:-6px; padding-bottom:0; }
#main .post-image p img { margin-left:-5px; border:5px solid #e7e2df; }
#main .post-image p img:hover { border:5px solid #6ba7a3; }
#main .post-image a { border-bottom:0; }

.post-image span.title-date
{
	margin:5px 0 0 0;
	padding:5px 10px 5px 74px;
	display:block;
	position:absolute;
	left:0;
	top:0;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:16px;
	color:#fff;
	background:url("http://designintellection.com/wp-content/themes/designintellection/images/tnsp-black-65.png") 0 0 repeat;
}

.post-image span.title-date span { font-style:italic; font-weight:normal; }

#main .quick-desc { margin:0 0 36px 74px; padding-right:222px; border-bottom:1px solid #e7e2df;}
#main .quick-desc p { margin-top:-18px; line-height:24px; }
#main .quick-desc p:first-line { font-style:italic; font-weight:bold; } 

/* SECONDARY ------- */

#body-single #featured-products, .body-page #featured-products { width:276px; padding-left:276px; position:absolute; right:0; top:94px; background:url("http://designintellection.com/wp-content/themes/designintellection/images/cb-128.png") 0 top no-repeat; }

#featured-about, #post-list { padding:20px; }

#secondary span.title
{
	/*margin-left:-20px;
	padding:5px 0 17px 20px;*/
	width:236px;
	margin:0 0 12px 0;
	padding:18px 0 5px 0;
	display:block;
	font-family:Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	letter-spacing:2px;
	line-height:11px;
	text-align:left;
	text-transform:uppercase;
	color:#c9bfba;
	border-bottom:1px dotted #e7e2df;
}

#featured-products h2
{
	padding-bottom:4px;
	clear:both;
	font-family:Georgia, "Times New Roman", serif;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
}

#featured-products span.featured-leader
{
	padding-bottom:10px;
	display:block;
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:normal;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#8c817b;
}

#featured-products h2 a, #post-list h2 a { font-weight:bold; color:#7fa76b; border-bottom:0; }
#featured-products h2 a:hover { color:#d67e4f; }
#featured-products p { margin-bottom:20px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; }
#featured-products img { padding:0; position:relative; border:2px solid #e7e2df; background-color:#fff; }

#featured-about p, #post-list ul { margin-bottom:20px; font-size:12px; font-style:normal; line-height:20px; color:#8c817b; }
/*#featured-about p:first-letter { font-family:Helvetica, Arial, sans-serif; padding-top:5px; float:left; font-size:36px; font-style:normal; line-height:36px; }*/
#featured-about p:first-line { font-style:italic; font-weight:bold; }
#featured-about p:hover { color:#6a6460; }

#post-list ul { line-height:15px; list-style:none; }
#post-list li { padding-bottom:7px; position:relative; }
#post-list h2 a { display:block; padding:2px 36px 2px 5px; font-family:Helvetica, Arial, sans-serif; font-size:11px; border-bottom:1px dotted #e7e2df; }
#post-list h2 a:hover { color:#d67e4f; }
#post-list li span { position:absolute; top:1px; right:5px; font-size:12px; font-style:italic; font-weight:bold; color:#8c817b; }
#post-list li:hover span { color:#6a6460; }

/* SINGLE POST, PAGE ------- */

#body-single #main, .body-page #main { width:922px; padding-right:0; position:relative; }

#body-single .post-body, .body-page .page-body { margin:0 424px 21px 74px; padding:0 0 36px 0;  border-bottom:3px double #e7e2df; background-color:#fff; }
#body-single .post-body p:first-child:first-line { text-transform:uppercase; }

#body-single .post-body p:first-child:first-letter
{
	font-family:Helvetica, Arial, sans-serif;
	padding:6px 5px 0 0;
	float:left;
	font-size:72px;
	font-weight:bold;
	line-height:72px;
	vertical-align:top;
	color:#6ba7a3;
}

#body-single #main #post-begin
{	width:404px;
	float:right;
	position:relative;
	right:0;
	margin:0 0 18px 0;
}

#body-single #main #post-begin-alt
{	width:404px;
	float:right;
	position:relative;
	right:0;
	top:-36px;
	margin:0 0 18px 0;
}

#body-single #main h1.post-title-single
{
	margin-bottom:0;
	padding:36px 0;
	font-family:Helvetica, Arial, sans-serif;
	font-size:36px;
	font-weight:normal;
	line-height:42px;
	text-align:right;
	text-transform:uppercase;
	color:#d67e4f;
	border-top:1px solid #e7e2df;
	border-bottom:1px solid #eceae8;
}

.body-page #main h1.page-title, #body-single #main h1.post-title-single-alt
{
	margin:0 0 0 74px;
	padding:0 0 18px 0;
	font-family:Helvetica, Arial, sans-serif;
	font-size:64px;
	font-weight:normal;
	line-height:56px;
	text-transform:uppercase;
	color:#d67e4f;
	border-top:0;
	border-bottom:0;
}

#body-single #main h1.post-title-single-alt { padding-bottom:18px; margin-bottom:36px; font-size:36px; line-height:42px; border-bottom:1px solid #e7e2df; }
body#body-photos #main h1.page-title, body#body-about #main h1.page-title { margin-bottom:0; border-bottom:0; }

.body-page #main h1.page-title span
{
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	color:#6ba7a3;
}

#body-single #main p.post-navigation
{
	width:276px;
	margin-left:128px;
	font-family:Helvetica, Arial, sans-serif;
	text-align:right;
	border-top:2px solid #f2efee;
}

#body-single #main p.post-navigation a
{
	width:136px;
	padding:10px 0 13px 0;
	display:block;
	float:left;
	font-size:11px;
	font-weight:bold;
	line-height:11px;
	text-align:center;
	color:#bfb4af;
	border-right:1px solid #eceae8;
	border-bottom:1px solid #eceae8;
	border-left:1px solid #eceae8;
}

#body-single #main p.post-navigation a:first-child { width:137px; margin-right:-1px; }
#body-single #main p.post-navigation a:hover { color:#6ba7a3; background-color:#f2efee; }

#body-single #main span.post-date
{
	width:202px;
	margin:0 0 -14px 74px;
	padding-bottom:1px;
	display:block;
	position:relative;
	left:0;
	top:-48px;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	color:#7fa76b;
	/*border-bottom:1px solid #e7e2df;*/
}

#body-single #main span.post-date-alt
{
	margin:0 0 8px 74px;
	display:block;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	color:#6ba7a3;
}

/* Figures, Pull Quotes, etc. ------- */

.figure-area, .figure-area-wide { width:848px; margin-bottom:18px; position:relative; left:0; border-top:1px dotted #d6d1ce; border-bottom:1px dotted #d6d1ce; background-color:#f4f3f2; }
.figure-area-wide { width:838px; padding:18px 5px 0 5px; }
.figure-area-main { width:542px; margin-right:20px; padding:15px 5px 0 5px; float:left; border-top:3px solid #e7e2df; }
.figure-area-caption { width:202px; padding-top:18px; float:left; font-size:12px; font-style:italic; line-height:17px; }
span.figure-caption-measure { width:419px; padding-top:18px; display:block; clear:both; font-size:12px; font-style:italic; line-height:17px; }

.code-area
{
	width:828px;
	margin-bottom:18px;
	padding:0 10px 18px 10px;
	position:relative;
	left:0;
	font-family:Consolas, "Courier New", Courier, monospace;
	font-size:12px;
	line-height:20px;
	border-top:1px dotted #d6d1ce;
	border-bottom:1px dotted #d6d1ce;
	background-color:#f4f3f2;
}

.code-area strong.code-title { width:128px; margin-bottom:8px; padding:10px 0 0 0; display:block; font-family:Georgia, "Times New Roman", serif; border-bottom:2px solid #e7e2df; }
.code-area code { font-family:Consolas, "Courier New", Courier, monospace; }
.code-area code.hilight { background-color:#e7e2df; color:#484240; }

/* Single Comments ------- */

#afterpost { margin:0 0 18px 1px; border-top:1px solid #e7e2df;  }
#comments { width:424px; margin:-3px 0 21px -3px; padding:0 201px 36px 73px; float:left; border:3px double #e7e2df; background-color:#f2efee; }
h6#comments-title { height:44px; margin-bottom:18px; }
h6#comments-title span { display:none; }

.comment { padding:18px 0; position:relative; }
.comment .comment-meta { width:182px; margin-left:20px; position:absolute; right:-202px; top:16px; z-index:10000; }
.comment .comment-meta .author-image { margin-top:-6px; float:left; }

.comment .comment-meta .author-image img
{
	border:1px solid #d6d1ce;
}

/* The curly brace frame around the image.
.comment .comment-meta .author-image { padding:12px 4px; float:left; background:url("http://designintellection.com/wp-content/themes/designintellection/images/cpic-frame-border.png") 0 0 no-repeat; }
.comment .comment-meta img { border:1px solid #e7e2df; } */

.comment .comment-date, .comment .comment-time { display:block; font-family:Helvetica, Arial, sans-serif; font-size:11px; color:#8c817b; }
.comment .comment-date { padding:5px 0 0 55px; font-weight:bold; }
.comment .comment-time { padding:2px 0 0 55px; font-style:italic; }

.comment span.author-name, .comment span.author-name a
{
	width:424px;
	margin-bottom:9px;
	padding:0 20px 3px 0;
	display:block;
	overflow:hidden;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
	line-height:22px;
	color:#8c817b;
	border-bottom:1px solid #e7e2df;
}

.comment span.author-name a { width:auto; padding:0 0 3px 0; display:inline; text-decoration:none; color:#6ba7a3; border-bottom:0; }

.comment span.author-url
{
	padding:0 0 0 10px;
	position:relative;
	display:none;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	letter-spacing:1px;
	line-height:16px;
	color:#8c817b;
	border-bottom:0;
}

.comment span.author-name:hover span.author-url { display:inline; }

.comment .comment-number
{
	position:absolute;
	right:0;
	top:6px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:36px;
	font-weight:bold;
	line-height:36px;
	text-align:right;
	color:#d6d1ce;
}

form#comment-form { margin:36px 0; position:relative; }

form#comment-form p { margin-bottom:1px; padding:8px 0; position:relative; clear:both; border-top:1px solid #c5c0bd; background-color:#e7e2df; }
form#comment-form label { width:118px; padding:0 5px; display:block; float:left; font-size:14px; font-style:italic; font-weight:bold; }
form#comment-form input { width:196px; margin-left:148px; padding:2px; display:block; position:relative; top:0; font-size:13px; color:#8c817b; border:1px solid #c5c0bd; background-color:#fff; }
form#comment-form input[type="hidden"] { display:none; }
form#comment-form textarea { width:250px; margin-left:148px; padding:2px; display:block; position:relative; font-size:13px; border:1px solid #c5c0bd; color:#6a6460; background-color:#fff; }
form#comment-form input#submitbutton { width:auto; padding:5px 15px; display:block; position:relative; font-family:Georgia, "Times New Roman", serif; font-size:12px; letter-spacing:1px; text-transform:uppercase; cursor:pointer; color:#8c817b; }

form#comment-form p#comment-instructions
{
	width:162px;
	position:absolute;
	right:-182px;
	top:0;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	line-height:15px;
	border-top:1px solid #e7e2df;
	background-color:transparent;
}

form#comment-form p#comment-title { width:424px; height:44px; padding:3px 0 36px 0; background:url("http://designintellection.com/wp-content/themes/designintellection/images/commentary-participate.png") 0 3px no-repeat transparent; }
form#comment-form p#comment-title span { display:none; }

/* After-post Findability ------- */

#related-content { width:202px; padding:18px 0 18px 20px; float:left; background-color:#fff; }
#related-content h4 { font-weight:bold; text-transform:uppercase; }
#related-content ul {	font-family:Helvetica, Arial, sans-serif; font-size:13px; line-height:18px; }
#related-content ul li { padding-bottom:8px; }
#popular-posts { padding:18px 0; }
#popular-posts a { border-bottom:0; }


/* PHOTO ------- */

#body-single #main { width:922px; }
#body-single #featured-image { width:848px; margin:0 0 36px 0; padding:74px 0 74px 74px; position:relative; border:1px solid #6a6460;  background-color:#8c817b; }

#body-single #featured-image img { margin:0 20px 0 0; padding:0; float:left; border:1px solid #6a6460; }
#body-single #image-desc { width:162px; padding:0 20px; position:absolute; right:0; top:74px; float:right; }

#body-single #main h1.image-title
{
	width:424px;
	margin:0 249px;
	padding:0 0 18px 0;
	font-family:Helvetica, Arial, sans-serif;
	font-size:24px;
	font-weight:normal;
	line-height:30px;
	text-align:center;
	text-transform:uppercase;
	color:#d67e4f;
}

#body-single #main h1.imagetitle
{
	padding:0 0 8px 0;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
}

#body-single #image-desc p { font-size:12px; line-height:18px; text-align:center; color:#e7e2df; }


/* SITE META ------- */

#meta a { color:#7fa76b; }
#meta p#copyright { margin-left:74px; font-family:Helvetica, Arial, sans-serif; font-size:13px; line-height:22px; }
#meat p#copyright a { font-size:11px; }

#meta p#rss-feeds { width:547px; margin:18px 0 0 69px; padding:5px; font-family:Helvetica, Arial, sans-serif; font-size:13px; line-height:28px; border-top:1px dotted #e7e2df; background-color:#f4f3f2;}
#meta p#rss-feeds a { padding-left:18px; border-bottom:0; background:url("http://designintellection.com/wp-content/themes/designintellection/images/feed-icon.png") 0 0 no-repeat; }
#meta p#rss-feeds a:hover { color:#d67e4f; }

/* GENERAL FORMS ------- */
/*
form p { margin-bottom:1px; padding:8px 0; position:relative; clear:both; border-top:1px solid #c5c0bd; background-color:#e7e2df; }
form label { width:118px; padding:0 5px; display:block; float:left; font-size:14px; font-style:italic; font-weight:bold; }
form input { width:196px; margin-left:148px; padding:2px; display:block; position:relative; top:0; font-size:13px; color:#8c817b; border:1px solid #c5c0bd; background-color:#fff; }
form input[type="hidden"] { display:none; }
form textarea { width:250px; margin-left:148px; padding:2px; display:block; position:relative; font-size:13px; border:1px solid #c5c0bd; color:#6a6460; background-color:#fff; }
form input[type="submit"] { width:auto; padding:5px 15px; display:block; position:relative; font-family:Georgia, "Times New Roman", serif; font-size:12px; letter-spacing:1px; text-transform:uppercase; cursor:pointer; color:#8c817b; }*/

/* OLD STYLING ------- */

.full-container { width:552px; margin-right:-128px; padding-top:18px; position:relative; border-top:1px dotted #e7e2df; }
.figure-caption-sidebar { width:202px; margin-left:20px; padding-top:18px; position:absolute; right:-222px; top:0; float:right; font-size:12px; font-style:italic; line-height:17px; color:#8c817b; border-top:1px dotted #e7e2df; }
span.figure-caption { padding:5px; display:block; font-size:12px; font-style:italic; line-height:17px; color:#8c817b; border-top:1px dotted #e7e2df; background-color:#f4f3f2; }

ol.code-markup-lines { list-style:none; }
ol.code-markup-lines li { margin-bottom:1px; padding:2px 5px; font-family:Consolas, "Courier New", Courier, sans-serif; font-size:13px; line-height:18px; background-color:#e7e2df; }
ol.code-markup-lines li.indent1 { padding-left:20px; }
ol.code-markup-lines li.indent2 { padding-left:40px; }
ol.code-markup-lines li.indent3 { padding-left:60px; }
ol.code-markup-lines li.indent4 { padding-left:80px; }
ol.code-markup-lines li.indent5 { padding-left:100px; }

/* ------- CUSTOM CSS FOR A BLOG POST EXAMPLE ------- */

#blogpost-95-example { width:510px; height:300px; margin-right:18px; float:left; }

#blogpost-95-example { background-color:#f00; }
html>body #blogpost-95-example { background-color:#00f; }
*:first-child+html #blogpost-95-example{ background-color:#0f0; }

/* ------- Specific styling unique to post ID 181 ------- */

#no-sifr-txt { width:350px; margin-right:20px; float:left; }
#sifr-txt { width:350px; float:left; }

#no-sifr-txt h2.cpost-title, #sifr-txt h2.cpost-title, #no-sifr-txt h2.cpost-title-ns, #sifr-txt h2.cpost-title-ns { margin:12px 0 7px 0; padding-bottom:5px; font-family:Georgia, "Times New Roman", serif; font-size:24px; font-weight:normal; line-height:28px; text-transform:none; color:#9f0000; border-bottom:1px solid #ccc; }
#sifr-txt p, #no-sifr-txt p { padding-bottom:11px; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:13px; line-height:22px; }

/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-unloading .sIFR-flash {
  visibility: hidden !important;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px;
  z-index: 0;
}

/*---- Header styling ---*/

.sIFR-active h1.post-title a,
.sIFR-active h1.post-title-single,
.sIFR-active h1.post-title-single-alt,
.sIFR-active h1.page-title,
.sIFR-active h1.image-title,
.sIFR-active h2.cpost-title { visibility:hidden; }

/* ------- CONTACT FORM ------- */

.page-body form { padding:18px; background-color:#e7e2df; }
.page-body dt { padding:0 9px 5px 0; font-size:14px; font-style:italic; }
.page-body dd { padding-bottom:12px; font-size:10px; font-weight:bold; letter-spacing:1px; text-align:left; text-transform:uppercase; }
.page-body dd input, .page-body dd textarea { padding:4px; font-family:Helvetica, Arial, sans-serif; font-size:16px; border:1px solid #d6d1ce; background-color:#f4f3f2; }
.page-body dd input { width:192px; }
.page-body dd textarea { width:266px; }
.page-body dd input[type="checkbox"] { width:auto; display:inline; }
.page-body dd input[type="submit"] { width:auto; padding:4px 18px; cursor:pointer; border:3px double #d6d1ce; }


/* ------- Custom styles ------- */

#portfolio-header { width:231px; height:70px; padding:5px 0 33px 22px; position:absolute; left:372px; top:20px; border-left:1px solid #bfbcba; }

#logo-portfolio
{
	position:absolute;
	left:0;
	top:20px;
	z-index:5;
}

#logo-portfolio a { width:350px; height:128px; display:block; border-bottom:0; background:url("http://designintellection.com/wp-content/themes/designintellection/images/logo-portfolio2.png") 9px -18px no-repeat transparent;}
#logo-portfolio span { }

#logo-portfolio p { width:350px; padding-top:20px; font-size:14px; font-style:italic; line-height:20px; text-align:right; }
#logo-portfolio p:first-line { font-style:normal; font-variant:small-caps; }

#portfolio-content { margin:0; padding:0 0 36px 0; background-color:transparent; }

#main #portfolio-content h3.headline { margin-bottom:0; line-height:22px; }
#main #portfolio-content h4.subtitle { margin:0 0 24px 0; font-size:12px; font-weight:normal; color:#998; }

.portfolio-piece { margin-top:20px; padding-bottom:20px; border-bottom:3px double #bfbcba; }
.pp-desc { width:256px; padding-left:20px; float:right; display:none; }
.pp-images { width:498px; }
.pi-full { display:block; margin:0 18px 0 0; /*border-bottom:1px dotted #6a6460;*/ border-top:1px solid #e7e2df; border-right:1px solid #d6d1ce; border-bottom:1px solid #d6d1ce; border-left:1px solid #e7e2df; }
.pi-full a:hover { border-bottom:0; }
.pi-closeup { display:block; float:left; margin-right:20px; }

a#resume-link { width:105px; padding:0 0 0 20px; display:block; position:absolute; right:0; top:24px; font-size:14px; font-style:italic; font-weight:normal; border-bottom:0; background:url("http://designintellection.com/wp-content/themes/designintellection/images/pdficon_small.gif") 0 0 no-repeat; }