/*
Theme Name: JGKHair 0.91
Author: Tyler
*/

/* --- RESET --- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0; padding:0;
}
table {
  border-collapse:collapse;	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal; font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
  border:0;
}
strong {font-weight:bold;}
em {font-style:italic;}
p {margin-bottom:18px;}

/* --- BASICS --- */

html {background:#000 url('images/wood-background-repeatable.jpg') no-repeat top center;}
body {
	font-size:13px; color:#efefef; font-family:verdana, arial, 'sans serif';}
h2, h3, #headerMenu li {font-family:'arial black', arial, sans-serif; font-weight:normal;}
a {color:#fff; text-decoration:none; outline:none;}
a:hover {color:#ec0b0b;}
p {line-height:21px; letter-spacing:.01em;}
h2 {font-size:38px;}
h3 {font-size:14px;}

/* --- CORE TEMPLATE --- */

#page {width:990px; margin:0 auto;}
#header {position:relative; min-height:132px; padding-left:48px;}
#headerBg {
	position:absolute; width:926px; height:165px; z-index:-1;
	background:url('images/header-bg.png') no-repeat top left;}
#logo h1 {position:absolute; top:74px;}
#logo h1 a {display:block; width:291px; height:95px; background:url('images/jgkeller.gif') no-repeat top left;}
#logo h1 a span {position:absolute; left:-10000px;}
#headerMenu {position:absolute; top:75px; right:0;}
#headerMenu li {float:left; margin:0; padding:0 0 0 45px; font-size:1.2em;}
#headerMenu li a {color:#9d9d9d;}
#headerMenu li a:hover {color:#ec0b0b;}
#headerMenu li a.current {color:#fff;}
#headerContact {color:#969696; overflow:hidden; clear:both; padding-top:40px;}
#headerContact .phone {display:block;}

#content {
		position:relative;
		padding:18px 0 18px 48px; margin:0px 0 5px 0;}
#contentBg {
	position:absolute; z-index:-1; width:100%; height:100%; margin:-18px 0 -18px -48px;
	background:#000; opacity:.35;
	-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}


#footer {
	height:31px; line-height:31px; text-align:right; margin:16px; 3px 0 0; font-size:10px;
	background:url('images/footer-bg.png') no-repeat top right;}

.post {overflow:hidden;}

/* --- specific pages --- */

/* bio */
#bioPic {position:absolute; right:0; top:0;}
.page-id-2 .post {position:relative;}
.page-id-2 h2.pageTitle {float:left; text-align:right; width:525px;}
.page-id-2 h2.pageTitle span {position:absolute; width:435px; height:18px; left:0; top:24px; background:url('images/pagetitle-bg.png') repeat-x top left;}
.page-id-2 .entry p {width:525px;}

.page-id-41 h2.pageTitle {display:none;}

/* experience */
.page-id-5 .post {overflow:hidden; position:relative; padding-left: 398px;}
.page-id-5 h2.pageTitle span {position:absolute; width:290px; height:18px; right:0; top:24px; background:url('images/pagetitle-bg.png') repeat-x top left;}
#expPic {position:absolute; top:0; left:0;}
.page-id-5 #experience {float:left;}
.page-id-5 #education {float:right; margin-right:20px;}

/* endorsements */
.page-id-8 h2.pageTitle {text-align:right;}
.page-id-8 .quote {width:252px; float:left; padding:20px; margin-right:20px; font-size:15px;}
.page-id-8 .quote .attrib {display:block; margin-top:15px; font-style:italic;}

/* photos */
.page-id-30 h2.pageTitle {display:none;}