/* 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;}
address{display:inline;}

/* LINKS */

A {color:#104C68;}
A:visited {color:#369;}
A:active {color:#000;}
A:hover {color:#369;}

ul#navBar li a:hover {color:#eee;background-color:#104C68; border-bottom:0px;}
ul#navBar li a:hover:visited {color:#fff;}

a.extLink {
	background:url('../images/icn_extLink.gif') no-repeat right;
	padding-right:12px;
	}

a.extLink:hover {
	background-image:url('../images/icn_extLinkActive.gif');
	}

li.popup a {
	padding-right:12px !important;
	background:url('../images/icn_extLink.gif') no-repeat right !important;
	}

li.popup a:hover {background-image:url('../images/icn_extLinkActive.gif') !important;}

/* GLOBAL ELEMENTS */

body {
	background-color:#f4f4ee;
	color:#000;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size:13px;
	line-height:1.2em;
	text-align:left;
	}

#banner {
	background-color:#383844;
	color:#bbb;
	height:35px;
	min-width:875px;
	}

#banner h1, #header-name {
	background:#383844 url('../images/title_jonTobey.gif') no-repeat left;
	float:left;
	height:20px;
	margin-top:7px;
	margin-left:15px;
	text-indent:-999em;
	width:90px;
	}

#banner h2, #header-description {
	background:#383844 url('../images/title_uxd.gif') no-repeat left;
	float:left;
	height:20px;
	margin-left:20px;
	margin-top:7px;
	text-indent:-999em;
	width:185px;
	}

#mainContentWrapper {
	background-color:#ffffff;
	border-left:1px solid #f3f3dd;
	border-right:1px solid #f3f3dd;
	clear:both;
	display:inline; /*fix ie double margin*/
	float:left;
	margin-left:80px;
	min-width:875px;
	padding:3em 0 3em 1em;
	}

#mainContent {
	float:left;
	margin:0 2.5em 3em 0;
	min-width:375px;
	width:575px;
	}

#right {
	float:left;
	margin-right:1em;
	width:250px;
	}

#footer {
	background-color:#222;
	border-top:2px solid #777;
	clear:both;
	color:#ddd;
	}

li.pdf {
	background-image:url('../images/icn_pdf.gif')  !important;
	background-position:0px 2px !important;
	padding-left: 20px !important;
	}

/* NAVIGATION */

#navContainer {
	float:left;
	margin-left:10em;
	width:450px;
	}

ul#navBar {float:left;}

ul#navBar li {
	font-size:1em;
	font-weight:bold;
	float:left;
	margin:0px 5px;
	}
	
ul#navBar li a {
	border:0;
	color:#f4f4ee;
	display:block;
	margin:0em;
	padding:.25em .9em .25em .9em;
	text-decoration:none;
	}

ul#navBar li.selected a {
	background-color:#104C68;
	color:#fff;
	}

/* HOME CLASSES */

.homeSectionHighlight {float:left;}

.homeSectionHighlight.left{
	margin-right:10px;
	width:400px;
	}

.homeSectionHighlight.right{
	margin-left:10px;
	width:154px;
	}

/* MT - ENTRY */

*html .entry {overflow:auto;}

.entry h1, .homeSectionHighlight h1 a {
	clear:both;
	color:#444;
	font-family:Georgia,"Times New Roman",Times,Serif;
	font-size:2.2em;
	font-weight:bold;
	letter-spacing:.03em;
	margin:.5em 0em;
	}

.entry h2 {
	clear:both;
	color:#369;
	font-size:1.2em;
	font-weight:bold;
	margin:1em 0em .2em 0em;
	}

.entry h2 a {text-decoration:none;}

.entry h3 {
	clear:both;
	color:#444;
	font-weight:normal;
	font-style:italic;
	margin:.5em 0;
	}

.entry h4 {
	clear:both;
	font-size:.85em;
	font-weight:bold;
	margin-bottom:.3em;
	}

.entry p {
	line-height:1.25em;
	margin-top:.8em;
	}

.entryPullQuote {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	color:#900;
	font-size:1.5em;
	font-style:normal;
	font-weight:bold;
	margin:.5em 0em;
	padding:.25em 0em;
	line-height:1.3em;
	}

.entryData {
	background-color:#f9f9f9;
	border:1px solid #ccc;
	border-bottom:1px solid #ccc;
	color:#555;
	font-size:.8em;
	height:29px;
	margin-bottom:.75em;
	padding-right:.5em;
	}

.entryData div {margin:7px 0px 0px 5px;}

.entry .mainImage {
	border:1px solid #999;
	margin-bottom:.5em;
	display:block;
	}

.backToScreen {
	display:none;
	float:right;
	}

.printerFriendly {float:right;}

/* MT - ARCHIVES */

#archiveListing h1 {
	color: #444;
	font-family:Georgia,"Times New Roman",Times,Serif;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 1.5em;
}

#archiveListing h2 {
	color: #444;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: .8em;
	margin-top: .8em;
}

/* FEATURED CONTENT */

.featuredContent {
	clear:both;
	margin-bottom:1em;
	min-height:75px;
	}

.featuredContent h2 {
	/*border-bottom:1px dotted #ccc;*/
	clear:both;
	color:#f60;
	font-size:.8em;
	font-weight:bold;
	font-style:normal;
	margin:.5em 0em;
	padding:0em;
	text-transform: uppercase;
	}

.featuredContent h3 {
	background:#fff url('../images/bkg_sidebarHeader_L.gif') left no-repeat;
	clear:both;
	font-size:16px;
	font-weight:bold;
	}

.featuredContent h3 a {
	background:#fff url('../images/bkg_sidebarHeader_R.gif') right no-repeat;
	color:#fff;
	display:block;
	margin-left:8px;
	padding-bottom:6px;
	padding-top:9px;
	text-decoration:none;
	}

.featuredContent h3 a:hover {color:#fff;}
.featuredContent h3 a:visited {color:#fff;}

.featuredContentAction {
	font-size:.75em;
	color:#444;
	border-bottom:1px solid #ccc;
	padding:.5em;
	text-align:right;
	}

.featuredContent p {
	color:#444;
	font-size:.85em;
	line-height:1.4em;
	margin-bottom:1em;
	text-align:justify;
	}

.featuredContent img.thumbLeft, .featuredContent img.thumbRight  {border:1px solid #999;}

.featuredContent img.thumbLeft {
	margin-right:1em;
	margin-bottom:1em;
	float:left;
	}

.featuredContent img.thumbRight {
	margin-left:1em;
	margin-bottom:1em;
	float:right;
	}

.featureImage {border:1px solid #999;}

.featureImageCaption {
	font-size:.7em;
	color:#444;
	margin-bottom:1em;
	}

/* BLOG */

.entry-content {
	border-bottom:1px solid #ddd;
	float:left;
	margin-bottom:1.5em;
	padding-bottom:1.5em;
	width:575px;
	}

li.entry-tag {
	background:#fff url('../images/tagImage_L.gif') no-repeat left;
	float:left;
	padding-left:7px;
	}

h4.entry-tags-header {color:#bbb;margin-top:.75em;}

li.entry-tag a {
	background:#fff url('../images/tagImage_R.gif') no-repeat right;
	color:#fff;
	display:block;
	font-size:10px;
	padding-right:18px;
	padding-top:1px;
	text-decoration:none;
	}

li.entry-tag a:hover {color:#039;}
li.entry-tag span.delimiter {display:none;}

.asset-more-link {margin:5px 0px;}
.asset-more-link a {text-decoration:none;}

.asset-meta {
	color:#555;
	font-size:10px;
	margin:5px 0px 2px 0px;
	padding:4px 3px 1px 3px;
	}

.asset-meta a {xtext-decoration:none;}

.asset-header h2 {
	font-size:1.75em;
	letter-spacing:.03em;
	}

.widget-content {padding:4px;}

ul.blog-feeds li a {text-decoration:none;}

.widget-tag-cloud .widget-content ul {
	margin-right: 0;
	margin-left: 0;
}

.widget-tag-cloud .widget-content li {
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
	line-height: 1.2;
	background: none;
	}

.widget-tag-cloud .widget-content li a {text-decoration:none;}
.widget-tag-cloud .widget-content li a:hover {text-decoration:underline;}

.widget-tag-cloud .rank-1 { font-size: 1.9em; }
.widget-tag-cloud .rank-2 { font-size: 1.75em; }
.widget-tag-cloud .rank-3 { font-size: 1.625em; }
.widget-tag-cloud .rank-4 { font-size: 1.5em; }
.widget-tag-cloud .rank-5 { font-size: 1.375em; }
.widget-tag-cloud .rank-6 { font-size: 1.25em; }
.widget-tag-cloud .rank-7 { font-size: 1.125em; }
.widget-tag-cloud .rank-8 { font-size: 1em; }
.widget-tag-cloud .rank-9 { font-size: 0.95em; }
.widget-tag-cloud .rank-10 { font-size: 0.9em; }

li.widget-list-item.category a, li.widget-list-item.monthlyArchive a {float:left;width:210px;}
li.widget-list-item div.categoryCount, li.widget-list-item div.categoryCount {
	color:#555;
	float:left;
	text-align:right;
	width:30px;
	}

div.accordion h3, div.accordion h3 a {
	background:none;
	color:#444;
}

/* PORTFOLIO */
ul.portfolioListing li h2 {padding-top:.6em;}
ul.portfolioListing li ul li {border-bottom:1px dotted #ccc;margin-bottom:2em;}

/*#mainContentWrapper.port #mainContent {width:525px;}
#mainContentWrapper.port #right {width:300px;}*/

ul.portfolio li, .widget h3 {
	color:#fff;
	font-weight:bold;
	padding:5px 2px 4px 10px;
	}

ul.portfolio li a {border:0 !important;}
ul.portfolio li p {
	color:#444;
	font-weight:normal;
	padding-top:4px;
	padding-left:1px;
	}

#mainContent ul.portfolio li {
	background:#fff url('../images/bkg_mainHeader.png') no-repeat;
	}

#mainContent ul.portfolio li ul, #right ul.portfolio li ul {margin-top:.5em;}
#mainContent ul.portfolio li ul li, #right ul.portfolio li ul li {padding-left:15px;}

li.WF {
	background-image:url('../images/icn_portfolio_WF.png') !important;
	background-position:0px 4px !important;
	}

li.DES {
	background-image:url('../images/icn_portfolio_DES.png') !important;
	background-position:0px 6px !important;
	}

li.PROTO {
	background-image:url('../images/icn_portfolio_PROTO.png') !important;
	background-position:0px 4px !important;
	}

li.PROCESS {
	background-image:url('../images/icn_portfolio_PROCESS.png') !important;
	background-position:0px 5px !important;
	}

li.USABILITY {
	background-image:url('../images/icn_portfolio_USABILITY.png') !important;
	background-position:-1px 3px !important;
	}

li.RESEARCH {
	background-image:url('../images/icn_portfolio_RESEARCH.png') !important;
	background-position:0px 5px !important;
	}

li.FOLDER {
	background-image:url('../images/icn_folder_big.gif') !important;
	background-position:0px 5px !important;
	font-size:16px;
	padding-left:35px !important;
	padding-top:15px !important;
	}

#right ul.portfolio li, .widget h3 {
	background:#fff url('../images/bkg_sideHeader.png') no-repeat;
	clear:both;
	}

.widget-elsewhere h3 {
	background-image: url('../images/bkg_sideHeader_150.png')
	}

.widget h3 a {color:#fff;text-decoration:none;}

ul.portfolioListing ul.portfolio li {
	border:0;
	font-weight:normal;
	margin:0;
	padding-left:15px;
	}
	
li.blank {background:none !important;padding-left:0 !important;}

/* RESUME CLASSES */

#linkedIn {
	border:0;
	display:block;
	float:left;
	height:28px;
	margin-left:2px;
	margin-top:2px;
	width:160px;
	}

/*Job Summary*/

ol.jobListing li div.jobSummary {
	background-color:#f9f9f9;
	border:1px solid #eee;
	border-top:3px double #eee;
	font-weight:bold;
	padding:.5em;
	}

div.jobSummary span {font-weight:normal;}

div.jobSummary div {
	font-weight:normal;
	margin-top:.4em;
	}

/*Title Listing*/
ol.jobListing li ol li {
	margin-top:.5em;
	font-style:italic;
	margin-bottom:.5em;
	}

ol.jobListing li ol li span {font-style:normal;}

/*Resume Item*/
ol.jobListing li ol li ul, ul.resumeItem {
	color:#444;
	font-style:normal;
	margin:.5em 0em;
	padding-left:2.3em;
	list-style-type:square;
	}

ol.jobListing li ol li ul li, ul.resumeItem li {font-style:normal;margin:.2em;}

/* Flickr */

#flickr {
	float:left;
	margin-bottom:1em;
	width:250px;
	}

#flickr a {
	border:0;
	display:block;
	float:left;
	padding:3px;
	height:75px;
	}

#flickr a:hover {background: #ddd;}

.flickr_badge_wrapper {
	background-color:#f9f9f9;
	border:1px solid #ccc;
	float:left;
	margin-top:.5em;
	margin-bottom:2em;
	padding:10px 0px 10px 10px;
	width:522px;
	}

.flickr_badge_wrapper .flickr_badge_image {float:left;margin-right:10px;}
.flickr_badge_wrapper a {float:left;border:0 !important;}
.flickr_badge_image img {border: 1px solid #999 !important;}

#flickrStream {margin-top:.5em;margin-bottom:1em;text-align:center;width:250px;}
#flickrStream .flickr_badge_image {float:none;margin:0;}
#flickrStream a {border:0;}

/*Twitter*/
#twitter {
	background-color:#f9f9f9;
	border:1px solid #ddd;
	border-top:3px double #ddd;
	color:#555;
	clear:both;
	letter-spacing:.04em;
	padding:1em;
	}

#twitter a {
	border:none;
	color:#369;
	display:block;
	}

#twitter span {display:block}

#twitter_update_list li {
	line-height:1.1em;
	margin-top:.3em;
	}

h2.twitter-title {
	border-bottom:1px solid #fff;
	color:#fff;
	font-size:.8em;
	margin-bottom:.7em;
	text-transform:uppercase;
	}















/* DEPRECATED ?
#links {
	border-left: 5px solid #369;
	clear: both;
	float: left;
	font-size: .8em;
	margin-top: 3em;
	padding-left: 1em;
	width: 8em;
	}

#searchBox {
	position:absolute;
	top:.4em;
	right:.5em;
	font-size:.75em;
	font-weight:bold;
	color:#333;
	text-transform:none;
	}

.searchBtn {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:.9em;
	font-weight:bold;
	color:#eee;
	background-color:#369;
	border:1px solid #333;
	margin:0em 0em 0em .5em;
	}

UL.extLinkList {
	padding-left:1.5em;
	list-style-image:url('../images/icn_extLink.gif');
	}

UL.extLinkList li:hover {
	list-style-image:url('../images/icn_extLinkActive.gif');
	}

UL.extLinkList li {
	border-bottom:1px solid #eee;
	padding-bottom:.25em;
	}

UL.recentEntries {
	padding-left:1.5em;
	list-style-image:url('../images/icn_intLink.gif');
	}

UL.recentEntries li:hover {list-style-image:url('../images/icn_intLinkActive.gif');}

UL.recentEntries li {
	border-bottom:1px solid #eee;
	padding-bottom:.25em;
	}

#recentList {display:block;}

#recentCalendar {display:none;}

.activeToggle {
	border-bottom:0px;
	color:#000;
	}
*/