@charset "utf-8";
/* CSS Document */

body {background-image:url(ifihadahifi-girls.png); font-family:Candara, Verdana, Helvetica, Arial, sans-serif; font-size:95%; color: #fff; line-height: 150%; margin: 0; padding:0;} 
a {color:#ffbf8a; text-decoration: none;} 
a:link, a:visited {color:#ffbf8a;}
a:hover, a:active {color:#fff; text-decoration: underline;}
h1 { font-size:1.7em; margin: 1.2em 0em 0.5em 0em; letter-spacing: 1px; color:#ffd; border-bottom:1px solid #555; padding-bottom:5px;}
h2 { font-size:1.6em; margin: 1em 0em 0.3em 0em; letter-spacing: 1px; color:#eee;}
h3 { font-size:1.2em; margin: 1.75em 0em 0.2em 0em; letter-spacing: 1px;  font-weight:normal;}
h1 em {font-size:55%; font-weight:normal; color:#ced;}
h3 strong {font-size:80%; color:#ddd;}

div.container {width:900px;  margin:70px auto; border:1px solid #ccc; position:relative; background-image:url(back.png); padding: 30px;}

dt{ font-size:1.2em; margin: 0.2em 0em 0.2em 0em;  font-weight:normal; color:#ddd;}
dd {margin:0em 0em 0.5em 0em; padding:0em 0em 0em 15px;}

/*INTRODUCTION*/
p.intro  { width: 585px; margin: 0.5em 0em 0em 0em; }
h1.h1bj { border: none; padding-bottom:0px; }
ul.highlights { width: 585px; margin: 0.5em 0em 0em 0em; padding: 0px; }
ul.highlights li {padding: 0em 0em 1em 0em; list-style: none;}
li#gemini {background: url(logos.png) no-repeat left 15px; padding-left: 100px;}
li#cnib {background: url(logos.png) no-repeat left -135px; padding-left: 100px;}
li#sheridan {background: url(logos.png) no-repeat left -285px; padding-left: 100px;}
li#barcamp {background: url(logos.png) no-repeat left -435px; padding-left: 100px;}

div.picture { position: absolute; top: 150px; right: 30px; width: 262px; padding: 0; }
div.picture div { padding: 5px; border: 1px solid #555; margin:0px; }
div.picture div img { padding: 0px; margin:0px; }
div.picture ul { margin: 0px; padding: 0px; width:260px; }
div.picture li { margin-top:5px; line-height: 135%; padding: 5px 15px 5px 15px; border: 1px solid #555; color:#eee; background: url(arrow.gif) no-repeat left center; list-style: none;}

div.iconbar {background-image: url(logo.png); background-repeat: no-repeat; background-position: left center; padding:0px 0px 0px 95px; position: relative; height:85px;}

div.icon-t-popup {padding: 0; width: 61px; position: absolute; left: 101px; top:13px;}
div.icon-l-popup {padding: 0; width: 61px; position: absolute; left: 177px; top:13px;}
div.icon-f-popup {padding: 0; width: 61px; position: absolute; left: 253px; top:13px;}
div.icon-fb-popup {padding: 0; width: 61px; position: absolute; left: 329px; top:13px;}
div.icon-d-popup {padding: 0; width: 61px; position: absolute; left: 405px; top:13px;}
div.icon-e-popup {padding: 0; width: 61px; position: absolute; left: 481px; top:13px;}

div.icon-t-popup em {background: url(icon-t.png) no-repeat; width: 100px; height: 49px; position: absolute; top: -50px; left: -10px; text-align: center; text-indent: -9999px; z-index: 2; display: none;}
div.icon-l-popup em {background: url(icon-l.png) no-repeat; width: 100px; height: 49px; position: absolute; top: -50px; left: -10px; text-align: center; text-indent: -9999px; z-index: 2; display: none;}
div.icon-f-popup em {background: url(icon-f.png) no-repeat; width: 100px; height: 49px; position: absolute; top: -50px; left: -10px; text-align: center; text-indent: -9999px; z-index: 2; display: none;}
div.icon-fb-popup em {background: url(icon-fb.png) no-repeat; width: 100px; height: 49px; position: absolute; top: -50px; left: -10px; text-align: center; text-indent: -9999px; z-index: 2; display: none;}
div.icon-d-popup em {background: url(icon-d.png) no-repeat; width: 100px; height: 49px; position: absolute; top: -50px; left: -10px; text-align: center; text-indent: -9999px; z-index: 2; display: none;}
div.icon-e-popup em {background: url(icon-e.png) no-repeat; width: 100px; height: 49px; position: absolute; top: -50px; left: -10px; text-align: center; text-indent: -9999px; z-index: 2; display: none;}

a#icon-t-icon {width: 61px; height: 60px; background: url(icons.png) no-repeat; background-position: 0px 0px; text-indent: -9999px; display: block;}
a#icon-l-icon {width: 61px; height: 60px; background: url(icons.png) no-repeat; background-position: -61px 0px; text-indent: -9999px; display: block;}
a#icon-f-icon {width: 61px; height: 60px; background: url(icons.png) no-repeat; background-position: -122px 0px; text-indent: -9999px; display: block;}
a#icon-fb-icon {width: 61px; height: 60px; background: url(icons.png) no-repeat; background-position: -183px 0px; text-indent: -9999px; display: block;}
a#icon-d-icon {width: 61px; height: 60px; background: url(icons.png) no-repeat; background-position: -244px 0px; text-indent: -9999px; display: block;}
a#icon-e-icon {width: 61px; height: 60px; background: url(icons.png) no-repeat; background-position: -305px 0px; text-indent: -9999px; display: block;}

/* Recommendations */
div.reco1 { float:left; width:248px; margin-right:30px;}
div.reco2 { float:left; width:330px; margin-right:30px;}
div.reco3 { float:left; width:262px;}
div.recommendations p { margin: 0.5em 0em 0em 0em; }
div.recommendations small, div.recommendations em { color:#bbb; }
div.recommendations cite { font-style: normal;  }
p.linkedinlink { clear: both; margin: 0em 0em 0em 0em; }

/*panels*/
ul.navigation { list-style: none; margin: 0; padding: 0; padding-bottom: 9px; }
ul.navigation a { padding: 10px; text-decoration: none; }
ul.navigation a.selected { background-color: #333; }
ul.navigation a:hover { background-color: #555; }
ul.navigation a:focus { outline: none; }
ul.navigation li { display: inline; margin-right: 10px; }
.hide { display: none; }
.scroll { height: 250px; width: 800px; overflow: auto; overflow-x: hidden; position: relative; clear: left; background: #333 url(images/content_pane-gradient.gif) repeat-x scroll left bottom; }
.scrollButtons { position: absolute; top: 150px; cursor: pointer; }
.scrollButtons.left { left: -20px; }
.scrollButtons.right { right: -20px; }
.scrollContainer div.panel { padding: 20px; height: 210px; width: 760px; }
#intro { padding-bottom: 10px; }
#slider { width: 800px; margin:0; position: relative; }

/*RESUME*/
div.cv { position:relative; margin: 0.5em 0em 1.5em 0em; }
div.cvleft{ width: 585px; padding:0;}
div.cvright { position: absolute; right: 0px; width: 262px; padding:0; top:-1.65em; }

ul.edubody { margin: 0px; padding: 0px; }
ul.edubody li { margin-top:5px; padding: 5px 15px 5px 15px; background: url(arrow.gif) no-repeat left 12px; list-style: none;}

/*Consulting*/
table.consulting {margin:0; width:100%;}
table.consulting th {text-align:left; font-weight:normal; padding:2px;}
table.consulting td {text-align:left; padding:2px;}
table.consulting tr.odd{background-image:url(back.png);}
th#c-s, th#c-ba, th#c-rt, th#c-a, th#c-ia {width:50px; font-size: 1px; text-indent: -6000px;}
th#c-ux {width:110px; font-size: 1px; text-indent: -6000px;}
td.c { text-indent: -6000px;  background: url(checkmark.png) no-repeat left center;}