/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/

html{
	color:#000;
	background:#FFF;
}
	
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,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;
}

li{
	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;
	font-variant:normal;
}

sup {
	vertical-align:text-top;
}

sub {
	vertical-align:text-bottom;
}

input,textarea,select{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

legend{
	color:#000;
}

body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small;*font:x-small;
}

table {
	font-size:inherit;
	font:100%;}pre,code,kbd,samp,tt
{
	font-family:monospace;
	*font-size:108%;line-height:100%;
}

body, html{
    color:#535969;
}

a:link,a:visited,a:active,a:focus{
    color:#ff2400;
    text-decoration:none;
}
a:hover{
    background:#ff2400;
    color:#fff;
}
#content {
    width:1136px;;
    margin:0 0 0 20px;    
    padding-bottom:25px;    
}
#hd {
    position:relative;    
}
#hd h1{
	height:77px;
	width:1200px;
	position:relative;
	margin-bottom:20px;
}
#hd .links{
	position:absolute;
	left:255px;
	top:177px;
	font-size:85%;
	width: 436px;
}
#hd .links .date{
    display:block;
    color:#333333;    
}
#hd .nav a, #hd .nav strong {
    display:block;
    height:19px;
    width:100px;
    text-indent:-9000px;
    background:url(http://www.jcordonedesign.com/images/nav.gif) no-repeat;
    margin-bottom:1px;
}
#hd .nav #indexLink a {
    background-position:0 0;
}
#hd .nav #indexLink a:hover, #hd .nav #indexLink.current strong {
    background-position:-101px 0;
}
#hd .nav #profileLink a {
    background-position:0 -19px;
}
#hd .nav #profileLink a:hover, #hd .nav #profileLink.current strong {
    background-position:-101px -19px;
}
#hd .nav #contactLink a {
    background-position:0 -38px;
}
#hd .nav #contactLink a:hover, #hd .nav #contactLink.current strong {
    background-position:-101px -38px;
}
#items {
    margin-top:8px;
    position:relative;
    zoom:1;
}

#items li {
    margin-bottom:6px;   
}
#items .desc{
    float:left;
    width:240px;
    border-top:2px solid #9497a1;
    padding-top:60px;
    position:relative;
}
#items span.date{
	position:absolute;
	right:-12px;
	top:8px;
	width: 68px;
}

#items span.date strong{
    font-size:144.8%;
}
#items .img{
    float:right;
    width:886px;    
}
#items .img img{
    display:block;
	margin-bottom: 60px;
}
#items .desc {
    font-size:85%;
}
#items .desc h4{
    font-size:162.9%;
    color:#333333;
}
#items .desc h4 strong, #items .desc h4 em{
    display:block;   
}
#items .desc .scope {
    border:1px solid #9497a1;
    border-width:1px 0;
    margin:8px 0 15px 0;
    padding:10px 0;
}
#items .desc .scope li {
    margin-bottom:0;
}
#items .desc .scope li.first{
    margin-bottom:5px;
}
#items .desc .scope li span{
    float:left;
    width:50px;
    color:#333333;
}
#items .desc .scope li strong {
    float:right;
    width:185px;
}
#items .desc p{
    margin-bottom:15px;
}
#items .desc p em{
    font-style:italic;
}
#ft{
    font-size:85%;
    padding-left:255px;
	float: 100px;
}
#profile #bd{
    margin-top:8px;
}
#profile #timeline {
    float:left;
    width:240px;
    border-top:2px solid #9497a1;
    font-size:85%;
    position:relative;
}
#profile #description{
    float:right;
    width:881px;
}
#profile #description p {
    width:415px;
    margin-bottom:15px;
    font-size:123.1%;
    color:#333333;
}
#profile #description a {
    font-size:69%;
}
#profile #timeline li { 
    padding:15px 0;
    border-bottom:1px solid #9497a1;
    
}
#profile #timeline li span {
    float:left;
    width:60px;
    padding-top:3px;
    color:#333333;    
}
#profile #timeline li div {
    float:right;
    width:170px;
}
#profile #timeline li em, #profile #timeline li a {
    
    font-size:144.8%;    
}
#profile #timeline li strong {
    display:block;   
}


#items .desc .scope li:after, #items li.item:after,#profile #timeline:after,#profile #timeline li:after,#bd:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#items .desc .scope li, #items li.item,#profile #timeline,#profile #timeline li,#bd{zoom:1;}

