﻿*{
	margin:0;
	padding:0;
}
a img {border:none;}

body {
	width: 100%;
	background-color:#fff;
	background-image: url(../images/floral2.png);
	background-position: top left;
	background-attachment:fixed;
	color:#001031;
	margin:0;
	padding-top:3em;
	font: 0.6251em/1 "Trebuchet MS", Helvetica, Arial, sans-serif;
}
blockquote {
    display:block;
    background: #FFF8EE;
    padding:1em;
    border: 1px dotted #ddd;
    margin: 1em 0;
}
blockquote em.footnote { display:block;float:right; }
#content blockquote p { text-shadow:none; }
cite {
    display: block;
    text-align: right;
}
body.nowallpaper 
{
	background-image: none;
	background-color:#000;
}
#content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a { border:none; }

p { line-height:1.4em; }
table { line-height:1.3em; }

#content a[rel=external], #content a[rel='me external'] { background-image:url(../images/external.gif); background-position:right; background-repeat:no-repeat; padding-right: 20px !important; }
#container table { 
    margin: 1em 0 1em 0;
    border-collapse:collapse; 
}
#container table.resultset { font-size: x-small; width:98%; background-color:#fff; }
#container table.erd { float:left; margin-right:5px; width: 32%; }
#container table.erd tr.primarykey td { text-decoration: underline; font-weight:bold; }
#container table.erd tr.foreignkey td { font-weight: bold; }
#container tr.alt { background-color:#f8f8f8; }
#container td, #container th { padding:0.5em; }
#container thead th { background-color:#FFF4BB; height:3em; border-bottom:1px solid #FFE668; border-left:1px solid #FEF6cc; border-top:1px solid #FFF4bb; border-right:1px solid #FFE668; }
#container tbody td { border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px dotted #dedede;}

ul { list-style-type:square; }
ul, ol {
    padding-left:2em;
    line-height:1.6em;
}
ul.inline, ul.inline li {
    display:inline;
}
ul.inline li:after {
    content:", ";
}
ul.inline li:last-child:after { content:""; }
/*code {
    display:block;
    color:#0000ff;
    border-top: 0.5em solid #FFF4BB;
    background-color: #f9f9f9;
    width:100%;
    height:auto;
    overflow:auto;
    padding-bottom:1em;
    line-height:1.2em;
    white-space: nowrap;
}*/
abbr {
	cursor:help; 
}
hr.break {
	clear:both;
	visibility:hidden;
}
#content hr.sectionbreak {
    margin: 1.5em 0 0.5em 0;
    border: 1px dashed #ccc;
    clear:both;
}
#aspnetForm { }
#accessibilityHook, #header, #container, #footer, #copyright {
	position:relative;
	margin:0 10%;
	width:80%;
	min-width:768px;
	max-width:960px;
}
#accessibilityHook 
{
	height: 92px;
	background-image:url(../images/cornerwhite.png);
	background-position: top left;
	background-repeat:no-repeat;
	margin-left:auto;margin-right:auto;
}
#accessibilityHook a {
	display:block;
	height:172px;
	text-indent: -99999px;
	background-image:url(../images/vinecorner.png);
	background-position: top right;
	background-repeat:no-repeat;
}
#header
{
	height: 150px;
	padding:0 0 0 0;
	background-image:url(../images/contentbackwhite.png);
	background-position: top left;
	background-repeat:repeat-y;
	margin-left:auto;margin-right:auto;
}
#container {
	background-image:url(../images/contentbackwhite.png);
	background-position:top left;
	background-repeat:repeat-y;
	margin-left:auto;margin-right:auto;
}
#header h1#siteTitle 
{
	height:150px;
	background-image:url(../images/headvine.png);
	background-position:0 -55px;
	background-repeat:no-repeat;
	margin:0 0 0 14px;
	text-align:right;
}
#header h1#siteTitle a 
{
	text-align:right;
	display:block;
	height:110px;
	background-image:url(../images/vinecorner.png);
	background-position: right -93px;
	background-repeat:no-repeat;
}
#header h1#siteTitle a img {
	margin-right:88px;
}
#header h1 a:link, #header h1 a img {
	border-style:none;
}
#header h1#siteTitle a span {
    display:none;
}
#header h2#strapline
{
    display:none;
}
#twitterStatus {
    position:absolute;
    background: transparent url(../images/status.gif) no-repeat top left;
    padding: 5px 0px 5px 40px;
    right:2em;
    top:10em;
    width:20em;
    z-index:200;
}
#twitterStatus h3
{
    display:none;
}
#twitterStatus a {
    text-decoration:none;
    background:none;
    padding:0 !important;
    color:#001031;
}
#twitterStatus a:hover {
    background-color:#efd336;
}
#container dl ul {
    padding-left:0;
}
#container #sidebar {
    float:right;
	width:25%;
}
#container dl#pNav {
	color:#001031;
	margin-top:3em;
	border-left:3px solid #EFEFEF;
    padding-left:40px;
}
#container dl#pNav dt 
{
	font-weight:bold;
	font-size:2.4em;
}
#container dl#pNav a {
    padding-left:2px;
	padding-right:2px;
	color:#001031;
	text-decoration:none;
}
#container dl#pNav a:hover {
	color:#fff;
	/*background-color:#001031;*/
	background-color:#DEB114;
}
#container dl#pNav dd {
	font-size:1.2em;
	margin-bottom:1em;
	text-indent:2em;
}
#content {
    min-height:50em;
    margin-right:25%;
	width:56%;
	background-image: url(../images/vineup.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	padding-right:10%;
	padding-left:4.6em;
	padding-bottom:2em;
}
.article #content { width:80%; }
#content {
	font-size:small;
	font-family:"Trebuchet MS";
	color:#001031;
	font-size:1.4em;
    line-height:2em;
}
#content h1 {
	font-family:Georgia, serif;
	font-size:3.6em;
	line-height:1em;
	color:#001031;
	background-color:#fff;
	font-style:italic;
	font-weight:bold;
	text-align:left;
	margin-bottom:0.5em;
	margin-top:0;
	text-transform:lowercase;
}
#content h2 {
    padding-top: 0.8em; 
}
#content > h3 { 
    padding-bottom: 0.8em;
}
#content ul#stalk {
    list-style-type:square;
    padding-left:2em;
    line-height:1.6em;
    margin-bottom:2em;
    width:40%;
    float:left;
}
#content a, .popup a {
    padding-left:2px;
	padding-right:2px;
	background-color:#fff;
	color:#001031;
	/*font-size:small;*/
	text-decoration:none;
}
#content a { border-bottom: dotted 1px #001031; }
#content #linkNav {
    text-align:right;
}
#content #linkNav a
{
    margin-left:1em;
	padding:2px 10px 2px 10px;
	border:1px solid #CABADB;
}
#content #linkNav a:hover {
    border:1px solid #efd336;/*efd336;#001031;*/
    background-color:#DEB114;/*#001031;*/
}
#content a:hover, .popup a:hover {
	background-color:#efd336;/*#001031;*/
}
#content ul.featured {
    margin-bottom:1em;
}
#content img.featured, #content img.main {
    display:block;
    margin:1em auto;
}
#content img.featured {
    border:2px solid #ddd;
}
#content a.featured {
    display:block;
    float:left;
    margin:1em 0;
}
#content a.imagelink, #content a.imagelink:hover, #content .feedflare a:hover {
    border-style:none;
    background-color:Transparent;
}
#content a.imagelink img {
    padding:0;
    margin:0;
}
#content a.imagelink img.featured {
    margin:0 auto;
}
#content hr {
	margin: 0 0 20px 0;
	border:0.5px solid #fff;
}
#content dl {
    line-height:1.5em;
    padding-bottom:1em;
}
#content dl dt {
    padding-top:1em;
    font-weight:bold;
}
#content dl dd {
    text-indent: 2em;
}
#content dl dd ul li{
    text-indent: 0em;
    margin-left:1em;
}
#content p{
	margin-bottom:10px;
	color:#001031;
}
#content p.intro, #content h2, #content h3 {
	text-shadow:1px 1px 0px #ccc;
}
#content code p, #content code li, #content code a, #content code span, #content .smallprint { text-shadow:none; }
#content p.date {
	text-align:right;
	margin-bottom:3px;
	color:#455272;
	text-shadow:none;
}
#content p.author  {
	position:relative;
	right:0px;
	color:#455272;
	text-shadow:none;
}
#content .item {
    border-bottom: solid 3px #efefef;
    margin-bottom: 1em;
}
#container div.conference {
    width:100%;
    text-align:center;
	margin-top:2em;
}
#container div.conference img {
    margin:0 auto 0 auto;
}
#container div.conference img.location {
    margin:2em auto 0 auto;
    border:2px solid #DDD;
}
#container div.conference h2 {
    font-size: 3em;
}
/* Footer */
#footer {
	background-image:url(../images/footerbackblue.png);
	background-position:top left;
	background-repeat:repeat-y;
	font-size: 1.2em;
	margin-left:auto;margin-right:auto;
	color:#E8EAFA;
}
#footer #inner {
	background-image:url(../images/footerfloral.png);
	background-position:150% 0%;
	background-repeat:no-repeat;
}
#footer h1 {
	margin-top:0em;
	line-height:1em;
	font-size:3.6em;
	font-family:Georgia, serif;
	margin-bottom:0.5em;
	text-transform:lowercase;
}
#footer h1 a {
    color:#E8EAFA;
    text-decoration:none;
}
#footer p {
	margin-bottom: 1.2em;
}
#footer #inner #about 
{
	float:left;
	padding-left: 4.6em;
	width: 30%;
}
#footer #inner #attended {
    float:left;
    padding-left: 3.2em;
    width: 22%;
}
#footer #inner #colleagues {
	float:left;
	padding-left: 3.2em;
	
	width:30%;
}
#footer ul {
	list-style-type:none;
}
#footer #inner #colleagues ul li {
	background-image: url(../images/targetbullet.png);
	background-repeat: no-repeat;
	font-size: 1.5em;
	padding-left:50px;
	min-height:2em;
}
#footer #inner #colleagues ul li a, #footer #inner #colleagues ul li a img {
	color:#fff;
	text-decoration:none;
}
#footer #inner #colleagues ul li a:hover {
    border-bottom: 2px dashed #fff;
}
#footer ul#badges {
    clear:both;
    width:595px; 
	padding-top:2em;
	padding-left: 4.6em;
	padding-bottom: 3em;
}
#footer #badges li {
	display:inline;
}
#footer #badges li a, #footer #badges li a img {
	border-style:none;	
}
#badge_license, #badge_bcs, #badge_wsg, #badge_xhtml, #badge_css, #badge_hcard, #badge_hcal
{
    display:block;
    float:left;
    width:80px;
    height:15px;
    background:url('/content/images/cw-sprite.png');
    text-indent:-999999px;
    padding-right:5px;
}
#badge_license {background-position:0px 0px;}
#badge_bcs {background-position:-100px 0px;}
#badge_wsg {background-position:-200px 0px;}
#badge_xhtml {background-position:-300px 0px;}
#badge_css {background-position:-400px 0px;}
#badge_hcard {background-position:-500px 0px;}
#badge_hcal {background-position:-600px 0px;}
#copyright
{
	padding:10px 0 10px 0;
	height:57px;
	background-image:url(../images/copyrightback.png);
	background-position:top left;
	background-repeat:no-repeat;
	color:#ffffff;
	font-size:x-small;
	text-align:right;
	margin-left:auto;margin-right:auto;
}
#copyright span {
	padding: 0 20px 0 0;
}
#copyright span a {
    color:#fff;
}
#content p.smallprint {
    padding: 0.25em 5em 0.25em 0em;
}
#content p.smallprint, #content p.smallprint a {
    font-size:x-small;
}
/* Interesting */
#ajaxLoad {
	margin-left:10px;
}
#container ul.interesting {
	list-style-type:none;
	padding-left:0;
}
#container ul.interesting li {
	padding-left:5px;
	margin-bottom:10px;
}
#container ul.interesting li p.date {
	padding-right:5px;
}
#container ul.interesting li p {
	margin-bottom:0;
	padding-left:5px;
}
#container ul.interesting a {
	color:#001031;
	font-size:small;
	text-decoration:none;
	border:none;
}
#container ul.interesting a:hover {
	color:#fff;
	background-color:#001031;
}
#container ul.interesting .tag {
    color:#ddd;
}
#container ul.interesting .tag:hover {
    color:#999;
}
#container #linkNav {
	margin-top:20px;
}
#sidebar div.conference img.sidebar { margin: 1em 0; }
/*  */
#container .fowa thead tr th:before { content: "\25B6\00A0"; }
#container .fowa thead.expanded tr th:before { content: "\25BC\00A0"; }
#container .fowa, #container .fowa tbody { caption-side:bottom; width: 100%; }
#container .fowa caption { text-align:right; font-size:x-small; }
#container .fowa th, #container .fowa tfoot { cursor:pointer; }
#container .fowa td { padding-bottom:0em; }
#container tr.grok td { background-color:#efefef; }
#container td.sub {
    font-size:xx-small;
    padding:0em;
    padding-left:2em;
    color:#556576;
    vertical-align:top;
}
#container tbody td {border-top:1px solid #FFE668;}
#container tbody td.sub {border-top:1px dotted #DEDEDE;}
#container tr.grok td {border-top:1px solid #DEDEDE;border-bottom:1px solid #DEDEDE}
#container tfoot td { background-color:#FFF4BB; height:0.5em; border-bottom:1px solid #FFE668; border-left:1px solid #FEF6cc; border-top:1px solid #FFF4bb; border-right:1px solid #FFE668; }

/* Detail Pages */
#article_contents { float:right;clear:right;padding:1em;background-color:#FFF8EE;border:1px solid #eee7dd; }
#article_contents ol { padding-left:0;padding-top:0.5em; margin-left:1em; list-style-position:inside; }
#article_contents li, #article_contents li a { font-size:x-small; }
#article_contents a, #article_contents li, #article_contents li a {background-color:#FFF8EE;}
.avatar { border: 2px solid #ccc; position:absolute; right:0; margin-left:1em; }
#content .backLink { float:right; }
#content #article_contents .backLink { float:none; display:block; border-bottom-style:solid; }
.moreLink { display:block; text-align:right; border:none; }
.moreLink:hover { background-color:Transparent !important; text-decoration:underline !important; }
.figure { display:block; text-align:right; font-size: x-small; margin-bottom: 1em; }
#content h3 span { font-size:small; font-weight:normal; }
#content .intro {
    font-family:Georgia,"Times New Roman",Times,serif;
    font-size:1.3em;
    font-style:italic;
    
    margin:0.9em 0;
    padding-top:0.6em;
}
#content .intro, #content .intro a { color:#BC9002; }
#content .intro a:hover { color:#001031; }
#content ul.discussionlist li span.item,
#content ol.discussionlist li span.item { display:block;border:none; text-shadow:none; font-weight:bold;margin-bottom:0; }
#content ul.discussionlist li span.item a,
#content ol.discussionlist li span.item a {border:none;}

/* Skills */
dl.skills dd ul li { display: inline; }
dl.skills dt { font-weight: bold; line-height: 1.8em; }
#content dl.skills dd { text-indent: 0; padding-left:2em; }

/* Projects */
ul.abstract.inline { display:block; text-indent:0; margin-bottom: 0.5em; }

/* Portfolio */
#content ul#portfolio { list-style-type:none; padding-left:0; line-height:1em; }
#content ul#portfolio li li {
    -moz-border-radius-bottomright:0px;
    -moz-border-radius-topleft:0px;
    border:none;
    margin-bottom:0;
    padding: 0.25em;
}
#content ul#portfolio li { padding:1em; border:1px dotted #CABADB;margin-bottom:1em;
    -moz-border-radius-bottomright:20px;
    -webkit-border-bottom-right-radius:20px;
    -moz-border-radius-topleft:20px;
    -webkit-border-top-left-radius:20px;
    border-top-left-radius:20px;
    border-bottom-right-radius:20px;
}
#content ul#portfolio li.alt {
    -moz-border-radius-bottomright:0px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius:0px;
    border-top-left-radius:0px;
    border-bottom-right-radius:0px;
    
    -moz-border-radius-bottomleft:20px;
    -webkit-border-bottom-left-radius:20px;
    -moz-border-radius-topright:20px;
    -webkit-border-top-right-radius:20px;
    border-top-right-radius:20px;
    border-bottom-left-radius:20px;
}
#content ul#portfolio li.alt { border:none; }
#content ul#portfolio li.alt, #content ul#portfolio li.alt p { color:#e8eafa;text-shadow:none; }
#content ul#portfolio li.alt li {text-shadow:none;}
#content ul#portfolio li.alt { background-color:#242841; }
#content ul#portfolio li.alt a { background-color:#242841; color:#fff; border-bottom: 1px dotted #efefef; }
#content ul#portfolio li.alt a:hover { color:#001031; background-color:#fff; }
#content ul#portfolio li span.details a { border:none; padding:0.5em; }
#content ul#portfolio li span.details { display:block; text-align:right; }

/* Article */
#publicationLinks { position:relative; }
#content dl#publication { border-top: solid 3px #efefef; }
#content dl#publication a, #content dl#publication dd a.moreLink {border:none;}
#content dl#publication dd a { border-bottom: dotted 1px #001031; }
#content dl#publication dt { display:block; margin-top: 1.5em; }
#content dl#publication dd { padding-bottom:1.5em; border-bottom: solid 3px #efefef; }
#content dl#publication dd p:first-child { text-indent:4em; padding-top:0.15em; }
#content dl#publication h3 a { font-size: 1.5em; line-height:1.4em; }
#content p.callout,#content div.callout { display:block; background: #FFF8EE; padding:1em; border: 1px dotted #ddd; margin: 1em 0; }
#content div.callout { float:left; }
#content .comparison { display:block; float:left; padding-bottom:1em; }
#content .comparison.half { width:48%; }
#content .comparison.third { width:33%; }
#content .caption { clear:both; }

/* About */
.vcard { margin-top:1em; margin-bottom:1em; width:35%; float:left;font-size:small;line-height:1em; }
.vcard .photo { float:left; margin: 0.5em 1em 1em 0; }
.vcard div { margin-top:0.5em; margin-bottom:0.5em; }
.otherplaces { clear:left; }
#background { clear:left; }

/* Comments */
#comments .hentry { position:relative; }
#comments .hentry .entry-title .fn { border:none; }
#comments .hentry .entry-title { border-bottom:4px solid #ddd;padding-bottom:0.5em;display:block; }
#comments .hentry .photo { border:8px solid #ddd; }
#comments .vcard { float:none; width:90%; }
#comments li { list-style-type:none;clear:left;margin-bottom:7em; }
#comments .rating {float:left;}
#comments .rating, #comments .item { text-indent:-99999px; display:block; text-decoration:none;border:none; }
#comments .item, #comments .title-extra { display:none; }
#comments .date { line-height:1.5em; right:0px; top:0px; position:absolute;display:block;border-bottom:4px solid #ddd; }
#comments .dtreviewed { border:none; }
#comments .description { float:left; }

/* Attended */
.conference .vevent .description { display:none; }
#attended .vevent.minor { display:none; }
.vevent { margin-bottom: 0.5em; }
.vevent .summary .url { display:block; text-align:center; }
.vevent .summary .url img { margin:0 auto; }
.vevent .summary .name { display:none; }
.vevent .details { display:none; }

/* Location */
.conference .location h3 {display:none;}

#stylepicker { margin-left:20px; }