sup {
vertical-align: super;
font-size: smaller;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0;}
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

@media print {
#topBar,#sidebar #sidebarNav{display:none;}
#information #info,#content{margin-left:3px;}
#content{margin-top:-50px;margin-bottom:0;}
#sidebarContent{padding-top:0;margin-top:-15px;}
#wrapHeader{z-index:0;height:233px!important;}
#wrapContent{z-index:0;}
#header{position:static;z-index:0;background:none;overflow:visible;left:0;margin-left:0;}
}

/* Extremely cut down. If editing download new 960.gs */
.container_24{margin-left:auto; margin-right:auto; width:960px}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24{display:inline; float:left; position:relative; margin-left:5px; margin-right:5px}
.alpha{margin-left:0}
.omega{margin-right:0}
.container_24 .grid_3{width:110px}
.container_24 .grid_4{width:150px}
.container_24 .grid_8{width:310px}
.container_24 .grid_9{width:350px}
.container_24 .grid_11{width:430px}
.container_24 .grid_13{width:510px}
html {overflow-y: auto; background-color: transparent;}
body{background:url(http://threepixelcdn.appspot.com/images/bg.gif) repeat-x fixed; font-family:"Myriad Pro","Trebuchet Ms",sans-serif; line-height:22px; color:black; position: absolute;top: 0;left: 0;bottom: 0;right: 10px;overflow-y: scroll;overflow-x: hidden;}
@font-face {
	font-family: "Myriad Pro";
	src: url('fonts/myriadproregular.eot');
	src: local("Myriad Pro"), local('MyriadPro-Regular'), url('fonts/myriadproregular.woff') format('woff'), url('fonts/myriadproregular.ttf') format('truetype'), url('fonts/myriadproregular.svg#MyriadPro-Regular') format('svg');
}


::-webkit-scrollbar {
width: 10px;
height: 10px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
height: 30px;
display: block;
background-color: transparent;
}

:-webkit-scrollbar-track-piece  {
background-color: #3b3b3b;
-webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:vertical {
height: 50px;
background-color: #666;
border: 1px solid #eee;
-webkit-border-radius: 6px;
}

/* HTML5 tags */
header, section, footer, 
aside, nav, article, figure{display:block}

p{margin-bottom:15px; font-family:"Myriad Pro"}
p, ul li{ font-size:13px; font-family:"Lucida Grande","Lucida Sans",sans-serif}
em{font-style:normal}
/* links settings */
a{color:#34beee; text-decoration:none}
a:hover{text-decoration:underline}

#content ::selection {background: #f54cab;}
/* z- index so the header stay always on top*/
#wrapHeader{z-index:100; height:233px !important}
#wrapContent{z-index:5}

/*==== HEADER STYLING =====*/
/* the left:50% and margin-left:-480px helps the header to stay centered all the time*/
header{position:fixed; z-index:95; background:url(http://threepixelcdn.appspot.com/images/bg.gif) repeat-x fixed; overflow:hidden; left:50%; margin-left:-480px}
/* topBar fonts styling */
#years li, 
#years li a, 
#topBarRight h2{line-height:52px; text-decoration:none; font-weight:500}
#years li, 
#years li a{font-size:28px}
/* Years Nav - Also check ie.css to see the diferent settings for ie7*/
#years li{border-left:1px solid #3d3d3d; color:#4d4d4d; width:108px; height:52px; display:table-cell; text-align:center}
#years li.lastYear{border-right:1px solid #3d3d3d}
#years li a{color:#FFF}
#years li a.active{color:#34beee}

/* Right part of the topBar*/
#topBarRight h2{font-size:30px; color:white; letter-spacing:-1px; margin-left:40px}
#topBarRight h2 em, 
#topBarRight a{color:#f54cab; font-style:normal}

/* Email, Phone and Name part settings */
#info{text-align:right; height:181px; min-width:400px; border-right:1px solid #dadada; margin-left:4px}
#info h2{font-size:48px; line-height:50px; margin:40px; color:#555}
#info h2 em{color:#acacac}
#name h1{font-size:68px; line-height:56px; font-weight:600; text-transform:uppercase; margin:40px 0 0 40px}
#name h1 a{text-decoration:none; color:#555}
#name h1 a em{color:#acacac}
#email a { color: #acacac; text-decoration: none; text-align:right;}
#email em {text-align:right; float:right;}

/*======  CONTENT  =====*/
/* clearing the header since this wrap would go below the header*/
#wrapContent{clear:both}
/* div content holds the jobs and projects */
#content{border-right:1px solid #dadada; margin-left:4px; margin-bottom:50px; padding-top:15px; padding-bottom:40px}

/* styling for each entry on the resume*/
.resumeEntry{padding-top:25px; clear:both}
.resumeEntry .when{text-align:right; margin-left:-5px; margin-right:15px}
.resumeEntry .grid_3 p{color:#f54cab; font-size:20px; font-style:italic; font-weight:100}
.resumeEntry em{color:#bbb; font-size:16px}
.resumeEntry h3{color:#555; font-size:24px; font-style:italic; margin-bottom:2px}
.resumeEntry h5{color:#34beee; font-size:16px; margin-bottom:10px}
.description >*{margin-left:8px}

/*=====  SIDEBAR ======*/
/* sidebar Nav settings - ie.css sets some changes to correct minor issue */
#sidebarNav{border-top:1px solid #dadada; position:fixed; width:1000px; z-index:94; overflow:hidden; background-color:white}
#sidebarNav{border-bottom:1px solid #dadada; height:40px; margin-left:-10px; padding-left:50px}
#sidebarNav li{display:inline; margin:0 10px; list-style:disc outside}
#sidebarNav li a{color:#acacac; line-height:44px; font-size:18px; text-transform:uppercase; letter-spacing:-1px; text-decoration:none}
#sidebarNav li a:hover{color:#555}
#sidebarNav li a.active{color:#34beee}

/* Sidebar Content Settings */
#sidebarContent{padding:80px 0 40px 50px; margin:0}
#sidebarContent h4{font-size:20px; color:#acacac; font-style:italic; margin-bottom:20px}
#sidebarContent p em{color:#888}
#sidebarContent div.sidebarPanel{padding-bottom:20px; clear:both}
#skills ul{padding-bottom:15px}
#skills li{line-height:26px; border-bottom:1px solid #dadada; width:140px; padding:0 4px}
#skills li:hover{background-color:#f4f4f4}
#social img {padding-right:5px;}
#loving {text-align:center; margin-left:auto; margin-right:auto; width:20px; float:right;}

/*======  FORMS   ======*/
// .overlay{display:none; position:absolute; top:0%; left:0%; width:100%; height:100%; background-color:black; z-index:1001; -moz-opacity:0.8; opacity:.80; filter:alpha(opacity=80)}
// .lightbox{display:none; position:absolute; top:25%; left:25%; width:50%; height:50%; padding:16px; background-color:white; z-index:1002; overflow:auto}

/*======  EXPERIMENTAL   ======*/
/* I don't know if this code   */
/* is going to stick around    */
/* forever because of support  */
/*======    /COMMENT     ======*/