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

/* Global Styles Start*/
html, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {padding:0;margin:0;font-size:100%;font-weight:normal;}
a {text-decoration:none;font-size:100%;color:#666;}
a:hover {text-decoration:underline;}
ol {margin-left:1.4em;list-style:decimal;}
ul {margin-top:.25em;color:#666;list-style:none; font-family:"chaparral-pro-1","chaparral-pro-2",sans-serif;}
li {margin-top:.25em;}
img {border:0;}
body {background:#FFF; margin:0px;text-decoration:none;}
p {font: 18px/22px "chaparral-pro-1","chaparral-pro-2",sans-serif; color:#000;}
h1 {font: 36px/40px "myriad-pro-condensed-1","myriad-pro-condensed-2", sans-serif; color:#678698; margin-bottom:10px;}
h2 {font: 26px/30px "myriad-pro-condensed-1","myriad-pro-condensed-2", sans serif; color:#666; margin-bottom:5px;}
h3 {font: 22px/26px "myriad-pro-condensed-1","myriad-pro-condensed-2", sans-serif; color:#666; margin-bottom:5px;}
.disclaimer {font: 14px/16px "chaparral-pro-1","chaparral-pro-2", sans-serif;}
/* Global Styles End */

/* Basic Site Structure Start */
#wrapper {width:100%; margin:0 auto 0 auto; overflow:hidder;}
#content {width:1200px; overflow:hidden; background-color: #FFF; margin:160px auto 0 auto;}
#main {width: 940px; overflow:hidden; float:left; text-align:left; margin:0 0 30px 50px;}
#main a {text-decoration:none;font-size:100%;color:#666;}
#main a:hover {text-decoration:underline;}
/* Basic Site Structure End */

/* Splash Page Start */
#index-wrapper {width:920px; height:800px; margin:0 auto 0 auto; overflow:hidden;}
#index-header {width:920px; height:250px; margin:0 auto 0 auto; background:url(http://iammikeyoung.com/images/site/mikeyoung_head.png) no-repeat;}
#index-blinky {width:320px; height:475px; background:url(http://iammikeyoung.com/images/site/index_blinky.gif) no-repeat; position:relative; top:-50px; left:170px; z-index:1; float:left;}  
#index-footer {width:900px; height:auto; margin:20px auto 30px auto; text-align:center; font:10px/16px Arial, Helvetica, sans-serif;color:#999;}
#index-nav {width:190px; height:450px; position:relative; top:-50px; left:240px; z-index:2; float:left;}
#index-footer a, #index-footer a:hover, #index-footer a:visited {color:#666; text-decoration:none;}
#tagline {width:890px; height:40px; position:relative; top:0px; right:10px; float:right; text-align:right; font: 26px/28px "bistro-script-web-1","bistro-script-web-2"; color:#939598; line-height:125%;}
/* Spalsh Page End */

/* Header Start */
#header {width:100%; background:url(http://iammikeyoung.com/images/site/pinstripe.gif) repeat; height:120px; margin:0 auto 50px auto; box-shadow:0 5px 15px rgba(0,0,0,.7); -webkit-box-shadow:0 5px 15px rgba(0,0,0,.7); -moz-box-shadow:0 5px 15px rgba(0,0,0,.7); border-bottom:2px solid #384e5a; position:fixed; top:0;}
.mikeyoung {background: url(http://iammikeyoung.com/images/site/mikeyoung.png) no-repeat top left;width:1200px;height:120px; margin:0 auto 0 auto; text-align:center;}
.home {width:410px; height:60px; position:relative; top:0px; left:50px; z-index:2; float:left;}
#nav {float:left; text-align:left;font: 28px "chaparral-pro-1","chaparral-pro-2", sans-serif; color:#b4c4cc; position:relative; top:15px; left:80px; z-index:3; text-shadow:0 -1px 0 rgba(0,0,0,.8);}
#nav a, #nav a:visited {color:#dcddde; text-decoration:none; margin-right:30px;}
#nav a:hover {color:#FFF;}
/* Header End */

/* Sidebar Start */
#blinky {width:110px; height:auto; margin:0 0 30px 100px;float:left;}
/* Sidebar End */

/* Footer Start */
#footer {width:1200px; height:100px; margin:0 auto 20px auto; background:#FFF; font:10px/16px Arial, Helvetica, sans-serif; color:#333;}
#links{width:160px; height:auto; margin:20px 0 0 260px; line-height:1.75em; text-align:left; float:left;}
#footer a, #footer a:visited {text-decoration:none; color:#333;}
#sociallinks {width:170px; height:35px; margin:20px 35px 20px 35px; float:left;}
#sociallinks .icon {width:35px; height:35px; margin-right:10px;border:0px;}
#sociallinks .icon-last {width:35px; height:35px; margin-right:0px; border:0px;}
#contactinfo {width:140px; height:70px; margin:20px 20px 0 0; float:left;}
#copyright {width:350px; height:auto; margin:20px 0 0 0; text-align:left; float:left; color:#999;}
#copyright a, #copyright a:hover, #copyright a:visited {color:#666;}
/* Footer End */

/* About Page */
.whois {font: 60px/64px "bistro-script-web-1","bistro-script-web-2"; color:#939598; margin-bottom:30px; margin-left:-8px;}
#main-600px {width: 600px; overflow:hidden; float:left; text-align:left; margin:0 50px 30px 50px;}
#main-600px a {text-decoration:none;font-size:100%;color:#666;}
#main-600px a:hover {text-decoration:underline;}
#main-600px .about {text-align:justify; margin-bottom:20px;}
.photo {width:500px; height:350px;float:right;margin:0; background:url(http://iammikeyoung.com/images/site/mike_vs_easter.jpg) no-repeat;}
.caption {font: 24px/26px "bistro-script-web-1","bistro-script-web-2"; color:#939598; text-align:center;line-height:200%; margin-top:350px;}
.content {width:1200px; float:left;}

/* Contact Form */
.form_name, .form_message {font: 14px/18px "myriad-pro-1","myriad-pro-2",sans-serif; color:#678698;margin-top:20px;}
.form_email {font: 14px/18px "myriad-pro-1","myriad-pro-2",sans-serif; color:#678698;margin-top:10px;}
.form_text {font: 14px/18px "myriad-pro-1","myriad-pro-2",sans-serif; color:#333;padding:8px; background-color:#f1f2f2; border:none; -webkit-border-radius:3px; -moz-border-radius:3x;}
.col1 {width:220px; float:left;}
.col2 {width:330px; float:left;}
.req {font: 14px/16px "chaparral-pro-1","chaparral-pro-2",sans-serif; font-style:italic; text-align:left; color:#666;margin-top:10px;}
.submit {width:80px; color:#678698;margin:10px 0 0 5px;}
.confirm {width:940px; float:left; font: 26px/30px "myriad-pro-condensed-1","myriad-pro-condensed-2", sans serif; color:#666;margin-top:40px;}
.tryagain {width:80px; margin-bottom:-4px;}

/* Links Page */
.links-intro {width:940px; float:left; margin-bottom:20px;font: 18px/22px "chaparral-pro-1","chaparral-pro-2",sans-serif; color:#000;}
.narrow-column {width:205px; float:left; margin:0 30px 30px 0;}
.narrow-column-last {width:205px; float:left; margin:0 0 30px 0;}

/* Print, Web, Illustration Pages */
.thumb-sm {width:96px; height:96px; float:left; margin:7px 16px 11px 0; border:1px solid #CCC; background-color:#CCC;}
/*.thumb-sm-first {width:96px; height:96px; float:left; margin:7px 16px 11px 6px; border:1px solid #CCC; background-color:#CCC;}
.thumb-sm-last {width:96px; height:96px; float:left; margin:7px 0 11px 0; border:1px solid #CCC; background-color:#CCC;}*/
.thumb-lg {width:140px; height:140px; float:left; margin:7px 7px 25px 25px; border:1px solid #CCC; background-color:#CCC;}
.thumb-lg-first {width:140px; height:140px; float:left; margin:7px 7px 25px 0; border:1px solid #CCC; background-color:#CCC;}
#sketch {width:160px; height:176px;float:left;margin:20px 0 0 10px;}
.ransom {width:300px; height:216px;margin:50px 0 0 100px; float:left;}

/* Placeholder Page */
#brb {background-image:url(http://iammikeyoung.com/images/site/brb.jpg); width:350px; height:338px;margin:0 auto 30px auto; overflow:hidden;}

/* Résumé Page */
#resumedownload {width:615px; height:auto; float:left; font: 14px/16px "chaparral-pro-1","chaparral-pro-2",sans-serif;margin-bottom:15px;}
#resume-col1 {width:610px; padding:0 45px 0 0; float:left; border-right: 2px dotted #939598;}
#resume-col2 {width:150px; margin:0 0 0 45px; float:left;}
.skill-col1 {width:45px; margin-right:20px; float:left;}
.skill-col2 {width:45px; margin:25px 20px 0 0; float:left;}
.skills-col3 {width:150px; font: 14px/18px "chaparral-pro-1","chaparral-pro-2",sans-serif; color:#000;margin-top:30px;}
.skill-icon {width:45px; height:45px; float:left; margin-bottom:15px;}
.resumehead {font: 22px/26px "myriad-pro-1","myriad-pro-2",sans-serif; color:#678698;margin-bottom:10px;}
.company {font: 16px/18px "myriad-pro-1","myriad-pro-2",sans-serif;margin-bottom:.25em;}
.description {font: 16px/18px "myriad-pro-condensed-1","myriad-pro-condensed-2", sans-serif;margin-bottom:.5em;}
.role {font: 16px/20px "chaparral-pro-1","chaparral-pro-2",sans-serif; color:#000; margin-top:.25em; margin-left:1em;}
.duties {font: 16px/20px "chaparral-pro-1","chaparral-pro-2",sans-serif; color:#000; margin-left:1em; margin-bottom:1em;}
.skills {font: 16px/20px "chaparral-pro-1","chaparral-pro-2",sans-serif; color:#000; margin-top:.25em; margin-bottom:1em;}

<link rel="stylesheet" xhref="http://www.iammikeyoung.com/css/screen.css?version=10" type="text/css" />

