/*
######################################################
Created By: Pimento Creative, www.pimentocreative.com
Author: Michael Claeys
Version: v1 Date; 01-03-09
http://www.lancekurke.com
Copyright (c) 2009 Lance Kurke
######################################################
*/

/* =COLORS
#d23b24 red [sidebar]
#cccccc grey [footer]
#444444 grey [borders]
#ebeced grey [wrapper]
#781818 dark red [hover]
#7e7272 warm grey [body bkng, footer copy]
*/

a:link  {color:#d23b24;}
a:visited  {color:#d23b24;}
a:hover {color:#d23b24; text-decoration: underline;}

body {
	 /* 16 x 0.75 = 12px */
	font: 75%/1.33 "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: left;
	text-align: center;
	background: #7e7272 url(../images/bg_transLines.gif);
	}
h1 /* 18px */ {font-size: 1.5em;}
h2 /* 16px */ {font-size: 1.33em; color: #d23b24; letter-spacing: 1px; margin-top: 1em;}
h3 /* 14px */ {font-size: 1.17em; margin-top: 1em;}
h4 /* 12px */ {font-size: 1em; margin: 0;}
abbr, acronym {border-bottom: 1px dashed #000; cursor: help;}
blockquote {margin: 1em;}
blockquote {padding-left: 24px; font: italic 1.17em/1.33 Georgia, Palatino, serif; color: #7e7272; background: url(../images/ldquote.gif) no-repeat left top;}
caption, p, pre, fieldset, table {margin-bottom: .5em;}
em {font-style: italic;}
li {margin-bottom: .5em;}
ul ol {margin-top: 0;}
ul li ul {margin: .25em 1em;}
strong {font-weight: bold;}

/* MISC CLASSES */
.bio-headshot {float: left; top: 6px; margin: 10px 12px 0 0; overflow: hidden;}
.current {font-weight: bold;}
.date {color: #444; letter-spacing: 1px; text-transform: uppercase; white-space: pre;}
.hide {text-indent: -9999px; outline: none;}
.name {font-weight: bold;}
.note {color: #444; font-style: italic; font-size: .92em; margin-top: -.25em;}
.member {margin: 0;}
.more {background: url(../images/ico-arrow.gif) no-repeat 100% 70%; padding-right: 6px; white-space:nowrap;}	
.noquote {background-image: none;}
.quoname {margin-top: .5em;}
.quoname, .quoemp {color: #444; display: block; line-height: 1.2em; margin-left: 2em;}
li.astd {float:left; width: 140px; background: url(../images/logo-astd.gif) no-repeat;}
li.nsa {float:left; width: 193px; background: url(../images/logo-nsa.gif) no-repeat;}
li.astd a, li.nsa a {float:left; display: block; line-height: 8em; text-indent: -9999px;}


/* =LAYOUT ------------------------------------------
-----------------------------------------------------*/
#wrapper {
	position: relative;
	width: 880px; 
	height: auto;
	margin: 0 auto; /* self center */
	text-align: left; /* for IE */
	background: transparent url(../images/wrapper_shdw.png) repeat-y top center;
	}
#header, .content_wrap, #footer {position: relative; width: 862px; margin: 0 auto; overflow: hidden;}
#header {height: 8em; background-color: black;}
.content_wrap {background-color: #d23b24;}
#sidebar {float: left; width: 167px; overflow: hidden;}
#content_outer {margin-left: 167px; border-top: 6px solid white; background: white url(../images/bg_content.gif) repeat-y top;}
#content_inner {height: 1%; padding: 18px 18px 36px 18px; background: url(../images/dashed_rule.gif) repeat-x bottom left;}
#content_inner:after {content:" ";display:block;height:0;clear:both;font-size:0;visibility:hidden;}	
#content {float: left; width: 466px; padding-right: 12px; border-right: 1px solid #ccc;}
#rcol {float: right; width: 167px;}
#footer {border-top: 1px solid #999; background: #ddd url(../images/footer_tshdw.gif) no-repeat top center;}


/* =HEADER ------------------------------------------
-----------------------------------------------------*/
#logo {
	background: white url(../images/logo-lk.gif) no-repeat top;
	float: left; width: 167px; height: 100%; 
	margin: 0; 
	}
#logo:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#logo h1 a {display: block; padding: 5em 0;}
#header h1, #header p {margin: 0; outline: none; overflow: hidden; text-indent:-9999px;}	
#header h3 {color: white; font: normal 1.67em/1 Georgia, Palatino, serif; letter-spacing: 1px; position: absolute; top: 18px; left: 184px; margin: 0;}	

/* NAV */
#topnav {
	border-top: 1px solid #444; 
	position: absolute; bottom: 0; left: 167px; right: 0; 
	overflow: hidden;}
#topnav ul {float: left; margin: 0; padding: 0;}	
#topnav li {float: left;}
#topnav li {
	background: url(../images/nav_vspacer.gif) no-repeat top right;
	color: white;
	display: block;
	letter-spacing: 1px;
	margin: 0;
	padding: 6px 6px;
	text-decoration: none;
	text-transform: uppercase;
	}
#topnav .bio {margin-left: 18px;}
#topnav li.current {color: #d23b24; background-color: white;}

/* LINKS */
#topnav li a:link, 
#topnav li a:visited {color: white;}
#topnav li a:hover {text-decoration: none; color: #d23b24;}


/* =CONTENT -----------------------------------------
-----------------------------------------------------*/
/* PG HEAD sIFR */
#content h1 {text-indent: -9999px; outline: none; overflow: hidden;}
#bio #content h1 {background: url(../images/hd_bio.gif) no-repeat;}
#services #content h1 {background: url(../images/hd_services.gif) no-repeat;}
#testimonials #content h1 {background: url(../images/hd_test.gif) no-repeat;}
#books #content h1 {background: url(../images/hd_books.gif) no-repeat;}
#video #content h1 {background: url(../images/hd_video.gif) no-repeat;}
#contact #content h1 {background: url(../images/hd_contact.gif) no-repeat;}
#sitemap #content h1 {background: url(../images/hd_sitemap.gif) no-repeat;}

/* QUOTES */
#sidebar blockquote {
	height: 100%;
	margin: 24px 0;
	padding: 12px 0;
	font: italic 1em/1.5 Georgia, Palatino, serif;
	color: white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background: transparent url(../images/quote_fade.png) no-repeat;
	}	
#sidebar blockquote p {margin: 0 1em; text-align: left;}

h2 + h3 {margin-top: 0;}
#content p.leadpara {margin-top: 6px;}
#content li line-height: 1.33em; {margin-bottom: .5em;}
#content ul.noreturn li, #footer .col-1 li {margin-bottom: 0;}	
#sitemap #content ul {margin-left: 12px;}
#sitemap #content h4 a {color: #444;}

/* RIGHT COL */
#rcol h4 {
	background: #ccc url(../images/bg_nav2hd2.gif) no-repeat;
	color: #444;
	border-top: 1px solid white;
	border-bottom: 1px solid #ccc;
	font-size: .92em;
	letter-spacing: 1px;
	padding: 4px 6px;
	text-transform: uppercase; 
	}
#rcol ul {
	color: #7e7272;
	border: 1px solid white; 
	background-color: #f6f6f4;
	list-style-type: none;
	margin: 0 0 1em 0; 
	}
#rcol li {margin: 0; border-bottom: 1px solid #ccc;}
#rcol li a {display: block; padding: 4px 6px; text-decoration: none;}	
#rcol li.current { }
#rcol li.last {border: none;}
#rcol li a:hover {background-color: #ccc; color: #444; text-decoration: none;}	
#rcol h4 img {padding-left: 3px; vertical-align: middle;}


/* =FOOTER ------------------------------------------
-----------------------------------------------------*/
.foot_wrap {margin-left: 167px;	padding: 1em 0;}
.col {float: left;}
.col-1, .col-2, .col-3 {
	margin-right: 6px;
	min-height: 12em;
	height: 12em; /* IE min-height fix */
	}	
.col-1 {width: 23%;}
.col-2 {width: 23%;}
.col-3 {width: 50%;}
.col ul {margin: 0;}
.col li, .col p {font-size: .92em; color: #7e7272;}
.col-1 a {color: #7e7272;}
.col-1 a:hover {color: #444;}
.col-3 {border-left: 1px solid #ccc; height: 100%; line-height: 1.17em;}
.col-3 p, .col-3 h3, .col-3 h4, .col-3 li {margin-left: 12px; width: 200px;}
.col-3 h4 {color: #444; font-weight: normal; margin: .5em 0 .5em 12px; }
.col-3 img {position: absolute; right: 36px; top: 1em; overflow: hidden;}

/* GLOBALFOOTER */
.globalfooter {
	border-top: 1px solid #ccc;
	color: #7e7272;
	font-size: .92em;
	height: auto;
	margin: 0 18px;
	position: relative;
	}
.globalfooter address {margin-top: 1em; white-space: pre;}
.site {position: absolute; top: 1em; right: 0;}
.site ul {float: right; margin: 0;}
.site li {float: left; border-right: 1px solid #bbb; padding: 0 6px;}
.site .last {border: none; padding-right: 0;}
.copyright {color: #999; font-size: .83em;}
.rss {background: url(../images/ico-rss.png) no-repeat 0 50%; text-indent: 12px;}
.foot_btm {
	background: url(../images/footer_btm_box.png) no-repeat top center;
	height: 18px;
	margin: 0 auto;
	width: 880px;
	}

/* CLEAR FLOATS */
.clearfix {display: inline-block;}
.clearfix:after {
content:" ";display:block;height:0;clear:both;font-size:0;visibility:hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */