@import "reset.css";
@import "sifr.css";
body {
background:url("../_imgs/nav-bg-tile-inner.png") repeat-x scroll left top #EBEAE2;
font-size:small;
}
body#home {
background:url("../_imgs/nav_bg_tile.png") repeat-x scroll left top #EBEAE2;
}
a {
color:#0081D0;
text-decoration:underline;
}
a:hover {
background-color:#FEFF82;
color:#000000;
text-decoration:underline;
}
p {
font-size:1.15em;
line-height:1.8em;
margin-bottom:1em;
}
h2 {
color:#0081D0;
font-size:3em;
line-height:1.1em;
margin-bottom:10px;
}
h2 a {
text-decoration:none;
}
h2 em {
color:#C0785A;
display:block;
font-family:"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
font-size:0.4em;
padding-top:0.4em;
}
h3 {
font-size:2.1em;
}
h4 {
font-family:"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
font-size:2em;
}
h5 {
font-size:1.2em;
font-weight:bold;
}
.project {
font-size:1.15em;
line-height:1.2em;
margin-bottom:1em;
}
.project_thumb {
padding-bottom:25px;
padding-right:10px;
}
.link_thumb {
border:1px solid black;
margin-bottom:25px;
margin-right:10px;
}
#wrapper {
margin:0 auto;
overflow:visible;
width:970px;
}
#home #mainwin {
background:url("../_imgs/home_mainwin_bg.jpg") no-repeat scroll left top transparent;
height:426px;
width:970px;
}
#mainwin {
background:url("../_imgs/mainwin-inner-bg.png") no-repeat scroll 0 0 transparent;
height:128px;
width:970px;
}
#mainwin .gutter {
position:relative;
}
#home #brand {
background:url("../_imgs/james_brand.png") no-repeat scroll left top transparent;
height:187px;
top:35px;
width:516px;
}
#brand {
background:url("../_imgs/james_brand_sm.png") no-repeat scroll left top transparent;
height:92px;
left:0;
position:absolute;
text-indent:-9999px;
top:20px;
width:255px;
}
#home #james {
float:right;
margin-right:60px;
margin-top:-55px;
}
#home #leader-blurb {
background:none repeat scroll 0 0 transparent;
color:#272727;
font-size:1.4em;
left:18px;
line-height:1.6em;
padding:0;
position:absolute;
top:240px;
width:500px;
}
#leader-blurb {
background:url("../_imgs/message_blob.png") no-repeat scroll left top transparent;
color:#727272;
font-size:1.4em;
font-style:italic;
height:82px;
left:380px;
line-height:1.3em;
padding-left:90px;
padding-right:10px;
padding-top:20px;
position:absolute;
top:20px;
width:426px;
}
#navi-con {
height:46px;
width:100%;
}
#navi {
background:url("../_imgs/nav_btn_bg_tile.png") repeat-x scroll left top transparent;
float:left;
height:46px;
}
#navi li {
border-left:1px solid #BCE9FC;
float:left;
height:45px;
}
#navi li.nextRoll {
background:url("../_imgs/nav_btn_left_shadow.png") repeat-x scroll left top transparent;
}
#navi li:last-child {
border-right:1px solid #BCE9FC;
}
#navi li a {
color:#1892D7;
display:block;
font-family:"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
font-size:1.2em;
height:45px;
line-height:2.9em;
padding:0 20px;
text-align:center;
text-decoration:none;
text-transform:capitalize;
width:auto;
}
#navi li a:hover {
background:url("../_imgs/nav_btn_hover.png") repeat-x scroll right top transparent;
height:71px;
}
#contact #t-contact a, #resume #t-resume a, #projects #t-projects a, #bio #t-bio a, #links #t-links a, .hit {
background:url("../_imgs/nav_btn_hit.png") repeat-x scroll right top transparent;
color:#000000;
height:71px;
}
#home #content-wrap {
margin-top:-25px;
}
#content-wrap {
background:url("../_imgs/contain_bg_top.png") no-repeat scroll left top transparent;
overflow:visible;
padding-top:15px;
width:970px;
}
#content-wrap .gutter {
background:url("../_imgs/contain_bg_tile.png") repeat-y scroll left top transparent;
overflow:visible;
padding:0 5px 0 15px;
width:950px;
}
#content-leader-space {
background-color:#EFF3F5;
border-bottom:1px solid #ADC9D8;
color:#758A94;
font-family:"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
font-size:1em;
height:90px;
line-height:1.7em;
padding:10px 0 0 10px;
width:940px;
}
#content-leader-space h3 {
font-weight:bold;
}
#content-leader-space div {
border:1px dashed #C2D2DA;
height:63px;
padding:15px 0 0 10px;
width:75%;
}
#sidebar {
background:url("../_imgs/sidebar-bg-tile.png") repeat-y scroll right top transparent;
float:left;
overflow:visible;
position:relative;
width:290px;
}
#sidebar h4:first-child {
background:url("../_imgs/header-bg-first.png") no-repeat scroll left top transparent;
}
#sidebar h4 {
background:url("../_imgs/header-bg.png") no-repeat scroll left top transparent;
color:#58707E;
font-weight:bold;
height:115px;
margin-left:-55px;
margin-top:-1px;
padding-top:23px;
text-indent:40px;
width:315px;
}
#sidebar ol {
margin-bottom:20px;
margin-right:8px;
margin-top:-45px;
}
#sidebar ol li:first-child {
border-top:medium none;
}
#sidebar ol li {
border-top:1px solid #D0E1EC;
padding:0.6em 1em 0.6em 1.2em;
}
#sidebar ol li a {
color:#56707E;
font-size:1.1em;
line-height:1.4em;
text-decoration:none;
}
#sidebar ol li span {
color:#56707E;
font-size:1.1em;
line-height:1.4em;
}
#content {
background:url("../_imgs/content-top-tile.png") repeat-x scroll left top transparent;
float:right;
min-height:600px;
padding:35px 30px 15px;
width:600px;
}
.post h2 {
border-bottom:1px solid #D1E1EB;
margin:0 -30px 10px;
padding:0 30px 15px;
}
#comment-post {
border-top:1px solid #D1E1EB;
margin:70px -30px 0;
padding:20px 30px 15px;
position:relative;
}
#comment-post h4 {
background-color:#FFFFFF;
border:1px solid #D1E1EB;
color:#58707E;
font-family:"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
font-size:1.5em;
font-weight:bold;
padding:10px;
position:absolute;
top:-20px;
}
#comment-post form {
margin-top:30px;
width:70%;
}
#comment-post label {
border-left:3px solid #D1E1EB;
border-right:3px solid #D1E1EB;
border-top:3px solid #D1E1EB;
color:#58707E;
display:block;
float:left;
font-family:"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
font-size:0.8em;
font-weight:bold;
margin-bottom:-2px;
padding:5px 6px 6px;
}
#email, #comment {
border:3px solid #D1E1EB;
color:#58707E;
font-size:0.8em;
font-weight:bold;
padding:2% 2% 0;
width:96%;
}
#comment {
height:200px;
}
#comments {
border-top:1px solid #D1E1EB;
margin:20px -30px 0;
}
#comments img {
background:url("../_imgs/default_img.png") no-repeat scroll left top #D1E1EB;
float:left;
height:100px;
margin-right:20px;
width:100px;
}
#comments.caption {
float:right;
}
.caption p {
min-height:100px;
}
#comments li {
border-bottom:1px solid #D1E1EB;
float:left;
padding:20px 30px 0;
width:600px;
}
#comments li:last-child {
border-bottom:medium none;
}
#submitBtn {
float:right;
height:30px;
width:60px;
}
#footer {
background:url("../_imgs/contain_bg_bottom.png") no-repeat scroll left top transparent;
clear:both;
float:left;
height:100px;
margin-top:-10px;
width:970px;
}
#footer #copy {
float:right;
}
#footer ul {
float:left;
padding-top:30px;
}
#footer ul li {
border-right:1px dotted #918F89;
float:left;
margin-left:10px;
padding-right:10px;
}
#footer ul li:last-child {
border-right:medium none;
}
#footer ul li a, #footer ul li {
color:#918F89;
font-family:"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
font-size:0.9em;
font-weight:bold;
text-decoration:none;
}
.clear {
clear:both;
display:block;
height:0;
text-indent:-99999px;
}
.high {
background-color:#FEFF82;
color:#000000;
}