@charset "UTF-8";
/* --------------------------------------------------------------
Copyright © 2010, Adrian D. Alvarez, http://www.adriandalvarez.com | http://www.fakunderground.com
License: Creative Commons Attribution-Share Alike 3.0 Unported License
http://creativecommons.org/licenses/by-sa/3.0/
version: 1.0.5
-------------------------------------------------------------- */

/* -------------------------------------------------------------- 
Reset Modified version of Eric Meyer, Blueprint, and YUI Reset. 
Deprecated elements have been removed.HTML5 Elements added. 
-------------------------------------------------------------- */
html,body,a, abbr, address,blockquote,caption, cite, code, dd, del, dfn,div, dl, dt, em,fieldset,form , h1,h2,h3,h4,h5,h6, img,  ins, kbd, label, legend, li,  object, ol, p,pre, q, samp, small, span, strong, table, tbody,td,  tfoot, th,thead, tr, ul, var, article, aside, footer, header, nav, section,
time, audio, video{background: transparent;
border:0;
font-size: 100.01%; /* 100.01 to fix some issues in older versions of Opera */
font-style: inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align: baseline;}

input{vertical-align:bottom;}

a {text-decoration: none;/* text-decoration underline cuts into text, use border-bottom: instead */
cursor: pointer;
font-weight:bold;} 

a img {border: none;}/* Remove annoying border on linked images. */

li{list-style:none;}

/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}
caption, th, td {text-align: left; font-weight: normal;}
table, td, th {vertical-align: middle;}

/* HTML 5 - Until Browsers support improves, it must be declared as a block in your CSS - http://html5doctor.com/the-header-element/ */
article, aside, footer, header, nav, section,time, audio, video {display:block;}

/* -------------------------------------------------------------- 
Some basic rules added to save time, adjust as needed
-------------------------------------------------------------- */


body {font-size: 62.5%; /*62.5% = 10px = 1em - Due to issues with px with I.E. */
line-height: 1.2;
color:#444;
font-family:Verdana, "HelveticaNeueLT Std","Helvetica Neue","Trebuchet MS","DejaVu Sans", Helvetica, Arial ,sans-serif;
padding:5em 0 0 5em;
background:#fff url('../images/bg_body.png') no-repeat fixed 55.5em 5em;
}

code,kbd,samp,pre{font-size: 1em;font-family: monospace;}

ins {background-color:#ff9;color:#000;text-decoration:none;}

del {text-decoration: line-through;}

sup{vertical-align:super;}

sub{vertical-align:sub;}

a:link,a:hover,a:active{color:#33CCFF;}

a:visited{color:#3399FF;}

/* @font-face css generated by fontsquirrel.com and is based on the work of Paul Irish.  */

@font-face {font-family: 'SegoeScriptRegular';
src: url('../fonts/segoesc.eot');
src: local('Segoe Script Regular'), local('SegoeScript'), url('../fonts/segoesc.woff') format('woff'), url('../fonts/segoesc.ttf') format('truetype'), url('../fonts/segoesc.svg#SegoeScript') format('svg');}

@font-face {font-family: 'SegoeScriptBold';
src: url('../fonts/segoescb.eot');
src: local('Segoe Script Bold'), local('SegoeScript-Bold'), url('../fonts/segoescb.woff') format('woff'), url('../fonts/segoescb.ttf') format('truetype'), url('../fonts/segoescb.svg#SegoeScript-Bold') format('svg');}

header{background:#fff url('../images/ruler-top.png') no-repeat;
position:fixed;
height:4.3em;
width:100%;
top:-1em;
left:4em;}

h1{background: url('../images/bg_h1.png') no-repeat;
text-indent:-9999em;
position:fixed;
top:8em;
left:57em;}

h1 a{height:14.5em;
width:21.3em;
display:block;}

nav#mainnavigation{position:fixed;
width:44.5em;
height:3em;
top:3.3em;
background: url('../images/bg_nav.png') repeat-x;}

nav#mainnavigation ul{width:42em;
margin:1em 0 0 0;}

nav ul li{display:inline;
margin: 0 1em;}

nav#mainnavigation ul li a{display:inline-block;
height:2em;	}


nav#mainnavigation ul li a{display:inline-block;
font-family:"Segoe Script","SegoeScriptRegular", serif;
font-size:1.8em;
font-weight:bold;}

nav ul li a:link,nav ul li a:visited,nav ul li a:active{color:#666;}
nav ul li a:hover,li.active a:link,li.active a:visited,li.active a:active {color:#000;}

abbr{cursor:help;}

aside{background:#fff url('../images/ruler-side.png') no-repeat;
position:fixed;
top:-1em;
left:-1em;
height:100%;
min-width:5em;}

aside ul{position:fixed;
top:24em;
left:57em;}

aside ul li{display:inline;}

aside ul li a{display:inline-block;
width:5em;
height:5.5em;}

aside ul li a em{display:inline-block;
text-indent:-9999em;}

.aiga{background: transparent url('../images/bg_aiga.png') no-repeat;}

.linkedin{background: transparent url('../images/bg_linkedin.png') no-repeat;}

.twitter{background: transparent url('../images/bg_twitter.png') no-repeat;}

#contentcontainer{width:43em;
position:static;
padding:1em;
min-height:50em;}

.date_duration{font-style:italic;}

h2,h3,h4,h5,h6,strong{font-weight:bold;}

h2{font-size:1.4em;}

h3{margin:0.5em 0 -1em;}

del{text-decoration:line-through;}

em{font-style:italic;
text-transform:uppercase;}

.vcard{margin:0.7em 0;}

.hresume{font-size:1.2em;
line-height:1.8em;}

p{font-size:1.6em;
line-height:1.8em;
margin:1.6em 0;}

ul#gallery{}

ul#gallery li{display:inline;}


.class{clear:both;}

hr{border:1px dashed;}

#verticalguide {position:fixed;
background:#66FFFF;
height:100%;
width: 0.1em;
left:49em;
top:0;
z-index:100;}


#horizontalguide {position:fixed;
background:#66FFFF;
width:100%;
height: 0.1em;
left:0;
top:4em;
z-index:100;}
   
footer{width:43em;}