/* Extra style definitions for my resume. Timeline-specific styles are at bottom. */
/* by Brian Stanley */


/* ========== Resume Title and Name ========== */
.resume-title {
	border-bottom: 1px solid #C4C4C4;
	font-family:Helvetica,Verdana,Arial,sans-serif;
	font-size:28px;
	font-variant:small-caps;
	letter-spacing:22px;
	padding-bottom:12px;
	margin-bottom:12px;
	margin-top:8px;
	text-align:center;
}

.resume-name {
	color:#262626;
	font-size:17px;
	letter-spacing:4px;
	width:706px;
	margin-bottom:30px;
	text-align:center;
}

/* ========== span classes needing block display ========== */
.street-address, .email, .adr, .honors, .title, .org, .organization-name, .organization-unit, .degree {
	display:block;
}
/* ========== override a couple of the above for specific sections ========== */
.publications .title, .publications .organization-name {display:inline;}

/* ========== classes needing smaller font-size ========== */
.education .adr, .education .honors, .education .summary, .vcalendar .dtstart, .experience .dtend, .achievements .fn, .achievements .dtstart,
.achievements .dtend, .affiliations .dtstart, .affiliations .dtend, .publications .dtstart, .publications .volume, .location {
	font-size:11px;
}

/* ========== Contact Info and Summary section ========== */
.contact {
	width: 47%;
	float:left;
	text-align:right;
	margin-bottom: 30px;
	padding-right:30px;
}

#name {
	display:none;
}
.resume-summary {
	float:left;
	margin-top:4px;
	padding:5px;
	position:relative;
	width:35%;
	border: 1px solid #C4C4C4;
}

/* ========== Navlinks ========== */

#navlinks, .vcalendar, .description, .publication-type, .list-level-1, .list-level-3 {
	list-style-type:none;
	list-style-image:none;
	list-style-position:outside;
margin:0;
}

#navlinks {
	text-align:center;
	clear:both;
	padding-top:2px;
	padding-bottom:2px;
}
#navlinks li, .list-level-1, .list-level-1 li {
	display:inline;
}

/* ========== Section headings ========== */
h4 {
	border-bottom-color:#C4C4C4;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	color:#262626;
	margin-top:70px;
	text-align:center;
	font-size:16px;
	letter-spacing:6px;
	font-weight:normal;
	clear:both;
}


/* ========== Education table ========== */

table {
	font-size:12px;
}
td {
	padding-top:5px;
	padding-bottom:5px;
	padding-right:8px;
	padding-left:8px;
	border-bottom:1px solid #F3F2EC;
}


/* ========== Experience section ========== */

.experience object {
	display:none;
}
.description {
	margin-left:0px;
	margin-top:16px;
}
.category {
	border-bottom: 1px dotted #000000;
	font-style:italic;
}
.vcalendar .experience {
	border-bottom:1px solid #F3F2EC;
	padding-top:20px;
}
.experience .title {
	font-weight:bold;
}
.experience .organization-unit {
	font-style:italic;
}

/* ========== Skills section ========== */
.list-level-3-text, .publication-type-text {
	text-decoration:underline;
	letter-spacing:3px;
}
.list-level-2-text {
	border-bottom: 1px dotted #000000;
	font-style:italic;
}
.list-level-1 {
	font-size:13px;
}

.skills {
	line-height:170%;
}

/* ========== Awards section ========== */ 
ul.achievements, ul.presentations {
	list-style-image: url(http://www.brianjaystanley.com/aphorisms/bullet.gif);
	margin-left:30px;
}

/* This definition overrides the definitions in aphorisms-beige.css, where the borders are specifed as 1px. That extra width was
bumping the sidebar to the bottom of the page in IE, but only on the resume. */
#container-inner
{       border-right: 0px solid #999966;
        border-left: 0px solid #999966;
}

a img, :link img, :visited img 
{
vertical-align:middle;
margin:5px;
}

/* ============================ TIMELINE STYLES ============================ */
.event-description {
	display:none;
}

#all-years-outer {
	display:none;
}

ul#timeline-links-list {
	list-style-type:none;
	list-style-image:none;
	margin-left:0;
	margin-right:0;	
}
li.timeline-links-list-item {
	float:left;
}
.timeline-links-list-item-link {
	display: block;
	width:69px;
	text-align:center;
	background-color:#F3F2EC;
	border:1px solid #C4C4C4;
	margin-right:1px;
	margin-top:1px;
	padding-bottom:7px;
	padding-top:7px;
	text-align:center;
}

.timeline-links-list-item a:hover {
	background-color:#E9E7DC;
	text-decoration:none;
	
}
#display {
	clear:both;
	padding-top:30px;
}
#display h4 {
	margin-top:0;
}
.events-by-year {
	margin-bottom:50px;
}
.active, a.active, a.active:link, a.active:hover {
	border:1px solid #C4C4C4;
	font-weight:bold;
	color:#262626;
	letter-spacing:1px;
	background-color:#AAA9A5;
}

table {
	border-collapse:collapse;
}
td.event-type {
	width:72px;
	min-width:72px;
	padding-top:11px;
	padding-bottom:11px;
	padding-left:10px;
	padding-right:10spx;
	margin:0;
	text-align:center;
}
td.summary {
	width:496px;
}
.summary-main {
	font-size:13px;
}
.summary-sub {
	font-size:11px;
}
td.toggle {
	width:110px;
}
.event-description {
	padding:5px;
	margin-top:-1px;
	margin-bottom:6px;
}
td.Experience {
	background-color:#B5B292;
}
div.Experience {
	border:4px solid #B5B292;
}
td.Education {
	background-color:#CCCCCC;
}
div.Education {
	border:4px solid #CCCCCC;
}
td.Publication {
	background-color:#AAA9A5;
}
div.Publication {
	border:4px solid #AAA9A5;
}
td.Presentation {
	background-color:#B5A092;
	padding-right:4px;
	padding-left:5px;

}
div.Presentation {
	border:4px solid #B5A092;
}
td.Certification {
	background-color:#B6C4CD;
	padding-right:7px;
	padding-left:8px;
}
div.Certification {
	border:4px solid #B6C4CD;
}
td.Award {
	background-color:#E9E7DC;
}
div.Award {
	border:4px solid #E9E7DC;
}
td.Association {
       background-color:#A7B592;
}
div.Association {
	border:4px solid #A7B592;
}