@charset "UTF-8";
/* HTML element styles */
html {background: url(../images/bkg_html.png) no-repeat top left;}
body {text-align: left;color:#000;font-family:Geneva, Arial, Helvetica, sans-serif}
fieldset {border: none; margin:0}
legend {color: #383d44;font-size: 120%; font-weight: bold;}
label {display:block}
input[type="text"], input[type="password"] {width: 90%}
pre {border: #3366FF dashed 3px;background: #EFECFF;padding:1em;overflow:auto}
blockquote {float:right;margin-left:10px;font-size:1.5em;color:#666; font-family:Georgia, "Times New Roman", Times, serif;width:300px}

/* HTML Headers */
h1, h2, h3, h4 {margin:0 0 0.25em 0;padding:0;font-family: Georgia, "Times New Roman", Times, serif}
h1 {font-size: 180%}
h2 {font-size: 150%}
h3 {font-size: 130%}
h4 {font-size: 115%}
#content h1 {margin-bottom:0.75em}
#picture {margin-top:2em;/* background: url(../images/me.png) no-repeat left top;padding-top:120px; */}
#contactPicture {margin-top:2em;/* background: url(../images/me.png) no-repeat left top;padding-top:120px; */}
#content h3.twitterUpdates {background: #8cd464; color:#fff; padding: 6px 0 6px 10px;border:none;margin:0}
#content h3.twitterUpdates a:link,#content h3.twitterUpdates a:hover, #content h3.twitterUpdates a:visited {color:#fff;}

p {margin-bottom:1em}
a:link, a:hover, a:visited {color:#2861b7}
a:link, a:visited {text-decoration:none}
a:hover {text-decoration:underline}
h2 a:link, h2 a:hover, h2 a:visited,
h3 a:link, h3 a:hover, h3 a:visited {color:#2b6bcd}
ul.bulletList {list-style: disc}
iframe {display:none}
.tweetmeme_button iframe {display:block}

/* Shared styles */
.wrap {width:954px; background:#fff url(../images/bkg_wrap.png) no-repeat top left; padding:2em}
.left {float:left;margin-right:1em}
.right {float:right}
.inline {display: inline-block}
.smallerText {font-size: smaller; font-weight: normal}
.blueBkg {background: #efefff}
.grayBkg {background: #eee;padding:0.9em}
.gray {color:#666}
.lightGray {color:#cdcdcd}
.green {color: #009900}
.lightGreen {color:#57b015}
.orange {color: #FF3300}
.maroon {color: #AA0200}
.red {color:#FF0000}
.bold {font-weight:bold}
.italic {font-style: italic}
.hidden {display:none}
.areaGroup {background: #f3f7ef; border: #dbd7cd solid 1px;padding:1em}
.areaGroupDashed {border: #ddd dashed 3px; background: #fff; padding: 1em; color: #1c84c9}
.styledGroup {background: #ebebeb; border-top: #d8d8d8 solid 1px; border-bottom: #d8d8d8 solid 1px;margin-bottom:2em;padding:2em}
.close {background: url(../images/ico_remove.png) no-repeat; padding-left:24px;}
.close span {display:none}
#success {background: #eaffe2;padding:1em 2em;font-size:115%;display:none}
.errorField {border:2px solid #ff0000}
#nameMessage, #emailMessage, #subjectMessage, #messageMessage {font-weight:normal}
p.wp-caption-text {text-align:center;color:#666;font-size:smaller}

/* Clearfix to contain floats */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
/* WinIE7 only */
*:first-child+html .clearfix{height:1%}
/* WinIE6 and below */
/*¥*/
* html .clearfix{height:1%}
/**/
/* MacIE only */
/*¥*//*/
.ClearFix{display:inline-table}
/**/


/* Gray header */
#header {background: url(../images/bkg_header.png top left) no-repeat; margin-top:2em;padding-bottom:1em}

/* U Homecoming header */


/* California header styles 
#header {background: #98c1ff url(../images/bkg_mountains-back.png) 300% 0 repeat-x}
.outer {background: transparent url(../images/bkg_mountains-mid.png) 100% 0 repeat-x;}
.inner {background: transparent url(../images/bkg_palmtrees-front.png) -20% 0 repeat-x;}
*/



div#header div.wrap {background:transparent;padding:0}
#flickrFeed {margin: 2em auto 0 auto;}
#image {width:918px;height:298px; border: #b3ca9f solid 1px;padding:2px}
.supplementaryNav {color:#fff}
#signInLink {margin-right:1em}
div#branding {float:left;background: url(../images/bkg_logo.png) no-repeat 1.75em 0;width:372px;height:45px}
div#branding h1 {color: #fff;text-indent:-9999px}
div#branding h1 a:link, div#branding h1 a:visited, div#branding h1 a:hover {text-decoration:none}
#search	{background: #454545; padding:6px;width: 415px; margin:-95px auto 30px auto}
#searchField {background: #fff url(../images/bkg-search.png) no-repeat right; width: 405px; padding:4px;font-size:115%}

div.globalNav {float:right}
div.globalNav ul {display:inline}
div.globalNav ul li {float:left;padding-top:12px}
div.globalNav ul li a {padding: 4px 10px;}
div.globalNav ul li a.selected {color:#f2f2f2;background: #212020;text-decoration:none}

.twitter, .facebook, .feed {padding-left:20px}
.twitter {background: url(../images/ico_twitter.png) no-repeat left top}
.facebook {background: url(../images/ico_facebook.png) no-repeat left top}
.feed {background: url(../images/ico_feed.png) no-repeat left top}

/* Page content */
#pageContext {border-bottom: #c4d1b2 solid 1px;height:1px}
#content {}
#thankYouContent {background: #fff;padding: 2em;width:460px;margin:5em auto}
#content .wrap .yui-gc .first h2.service {margin-top:1.5em}
#content .wrap .yui-gc .first div ul.bulletList {list-style: disc;margin-top:0.5em}
#content .wrap .yui-gc .first div ul.bulletList li{list-style: disc;margin-left:1em}
.twitterUpdates {background:url(../images/ico_twitterUpdates.png) no-repeat left;padding: 3px 0 3px 34px}
.feedEntries {background:url(../images/ico_feedEntries.png) no-repeat left top; padding: 6px 0 3px 36px}
.byLine {margin-top:0;font-size:90%}
.linkedin {padding-left:15px;background: url(../images/ico_linkedInSmall.png) no-repeat 0px 2px}
ul li.header {margin-bottom:0}
#contactSidebar ul li {list-style: disc;margin-bottom:0.5em}
ul.docList li{margin-bottom:0.5em;padding-left:20px}
ul.bulletList {margin-top:0.5em}
ul.bulletList li{list-style: disc;margin-left:1em}

/*
#rightSidebar {color:#777;padding-left:1em;padding-top:1.25em;background: url(../images/bkg_sidebar.png) no-repeat left top;margin-top:-1.5em;}
*/
#rightSidebar {color:#777;}
#rightSidebar ul li {list-style: disc;margin:0 0 0.5em 1em}
#rightSidebar #social {background: #f5fbfd; border: #b4d9ec solid 1px;padding:1em}
#rightSidebar ul#socialFeed li {list-style: none;margin:0;padding:5px 0;border-bottom:#c5c6cc dashed 1px;}
#rightSidebar ul.basicInfo {margin-bottom:1.5em}
#rightSidebar ul.basicInfo li {list-style: none;margin:0 0 0.25em 0em}
#rightSidebar ul.feed li, #contactSidebar ul.feed li {margin:0 0 0.5em 0;list-style:none;padding-left:22px}
#rightSidebar h3 {margin-top:2em}
#rightSidebar h3:first-child {margin-top:0}
#recentFlickr {padding:5px 5px 10px; border: #c7c7c7 solid 1px}
#recentFlickr a img {width:216px}


.word {background: url(../images/ico_page_word.png) no-repeat left top}
.pdf {background: url(../images/ico_page_white_acrobat.png) no-repeat left top}
.gallery > li {margin-bottom:1.5em}
.portfolioThumb img {border: #dedede solid 3px}
.portfolioThumb img:hover {border: #98c1ff solid 3px}
ul.articleList li {margin-bottom:2em}
ul.articleList li ul.bulletList li {margin-bottom:0} 
ul.categories {display:block;margin-bottom:0}  
ul.categories li {display:inline;margin:0 0.25em 0 0}
ul.servicesProvided li {display:inline;}
ul.stackedList li{margin-bottom:2.5em}
.portfolioPiece {display:inline}
.portfolioPiece a img {border: #f1efe6 solid 4px;}
.portfolioPiece a img:hover {border: #b2d4ff solid 4px;cursor:pointer}
p.caption {text-align:center;padding-top:1em}
ul.demoUl {margin-bottom:1.5em}
.featureSidebar ul li {margin-bottom:0.75em}
.featureSidebar, .featureSidebar a:link, .featureSidebar a:visited, .featureSidebar a:hover {color:#333}
#contactSidebar .friendlyQuotes ul li, #rightSidebar .friendlyQuotes ul li {list-style:none;margin-left:0}
#rightSidebar .friendlyQuotes ul li {margin-bottom:2em}
.prev, .next {float:left}
.resume > div {margin-bottom:2em}
#employer > li {margin-bottom:1em}
#successNote {background:#f4fff2;border:#9dcb97 solid 1px;color:#2a2a2c;margin-bottom:1em;padding:1em}
div.sociable {margin-top:1em}
div.sociable ul li {display:inline}
ul.services li {display:inline;background:#000}
ul.services li a span {padding:10px 20px;}

.resume div {margin-bottom:1em}

/* Comments */
#comments {margin-top:2em;padding-top:1em;border-top:#ddd 1px solid;}
.comment-body {padding:0.5em}
#respond {margin-top:1em}
.bubble {width: 500px;margin-top: 10px}
.bubble-top {background: url(../images/bkg_bubble-top.png) no-repeat;height: 15px}
.bubble-middle {background: url(../images/bkg_bubble-middle.png) repeat-y;padding: 5px 15px 10px}
.bubble-middle .meta {color: #999}
.bubble-middle img {float: left;margin-right:5px;height:60px;width:60px;border: #c9c9c9 solid 2px;}
.bubble-bottom {background: url(../images/bkg_bubble-bottom.png) no-repeat;height: 15px}

/* Table styles */
.alt {background:#f1f1f1}
.focused {background: #d7d7f2}
.checkboxContainer {width:18px}
.actionsContainer {width:20px}
.timeRemaining {width:230px}
.active, .inactive {padding-right:16px}
.active {background: url(../images/ico-active.png) no-repeat}
.inactive {background: url(../images/ico-inactive.png) no-repeat}
table {width:100%;border: #cbcbe7 solid 1px}
tbody {background: #fff}
td, th {padding:0.5em}
th {border-bottom:#b3b3d2 solid 1px;border-right: #cbcbe7 solid 1px;background: #dedeff}
.actions {border-top:#f2f2fe solid 1px;border-bottom:#b3b3d2 solid 1px;background: #e4e5fd url(../images/bkg_actions.png) repeat-x bottom;padding:0.5em 0.75em}


/* Forms */
input[type=text], textarea {width:300px;font-size:larger;padding:3px}
#subject {width:585px}
textarea {height:100px;width:590px}

/* Footer styles */
#footer {padding:0;background:#eee;border-top:#ddd solid 1px;color:#666}
#footer .left {margin-right:2em}
.subFooter {background: #f2f2f2;font-size: smaller;font-style: inherit;padding: 1em 2.5em 1em}
#footer .wrap {background:#eee;color:#666}