/*
Author: Craig Erskine
Description: Default Styles
*/

/* Reset */
* { margin: 0; padding: 0; font-size: 100%; }

/* Elements */
body { font: bold 12px/1.5 Arial, sans-serif; text-align: center; background: #EEE url(../img/resume/bg.jpg) repeat-x 0 0; color: #222; }

a { color: #000; text-decoration: none; }
a:hover,a:focus,a:active { color: #FFF; text-decoration: none; }
a:focus,a:active { overflow: hidden; }

h2 { margin: 0 0 20px; font-size: 54px; height: 80px; line-height: 80px; background: url(../img/resume/heading.png) repeat-x 0 0; color: #CCC; letter-spacing: -2px; clear: both; text-transform: lowercase; text-indent: 40px; }
p { margin: 0 0 20px; }
strong,em { color: #444; text-shadow: 0 1px 0 rgba(255,255,255,0.25); }
img { border: 0 none; }

/* Clear */
.clear { clear: both; }
* html .clearfix,* html #page,* html #nav,* html #body,* html #content,* html #foot { height: 1%; /* IE 5-6 */ }
.clearfix,#page,#nav,#body,#content,#foot { display: inline-block; } /* IE 7 */
html[lang] .clearfix,html[lang] #page,html[lang] #nav,html[lang] #body,html[lang] #content,html[lang] #foot { display: block; }
.clearfix:after,#page:after,#nav:after,#body:after,#content:after,#foot:after { clear: both; display: block; font: 0px/0px serif; content: "."; height: 0; visibility: hidden; }

/* Some classes */
.hide { display: none; }
.col2-1,.col2-2,.col3-1,.col3-2,.col3-3 { margin: 0 0 0 120px; padding: 1em 0 0; list-style: url(../img/resume/li.png); width: 200px; float: left; display: inline; }
.col2-2,.col3-2,.col3-3 { margin: 0; }
.col3-1,.col3-2,.col3-3 { width: 140px; }

.box { margin: 0 0 40px 40px; padding: 0 0 15px; min-height: 150px; float: left; overflow: hidden; display: inline; position: relative; text-shadow: 0 1px 0 rgba(255,255,255,0.20); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 0 10px #666; -webkit-box-shadow: 0 0 10px #666; box-shadow: 0 0 10px #666; }
.box h3 { margin: 0; padding: 15px 20px 0 80px; font-size: 14px; color: #222; line-height: normal; text-shadow: 0 1px 0 rgba(255,255,255,0.35); }
.box p { margin: 0; padding: 15px 20px 0 80px; }
.box img { position: absolute; top: 20px; left: 14px; }
.box strong { font-size: 11px; }
#ie6 .box { height: 150px; }
.box.sm { width: 260px; background: url(../img/resume/box-s.png) no-repeat 0 0; color: #EEE; text-shadow: 0 1px 0 rgba(0,0,0,0.5); }
.box.md { width: 410px; background: url(../img/resume/box-m.png) no-repeat 0 0; color: #EEE; text-shadow: 0 1px 0 rgba(0,0,0,0.5); }
.box.lg { width: 560px; background: url(../img/resume/box-l.png) no-repeat 0 0; }

.btn { line-height: 22px; text-align: right; }
.btn a.med { width: 110px; height: 23px; background: url(../img/resume/btn.110.png) no-repeat 0 0; color: #333; font-size: 11px; text-align: center; float: right; display: block; text-shadow: 0 1px 0 rgba(255,255,255,0.20); }
.btn a:hover,.btn a:focus,.btn a:active { background-position: 0 -23px; color: #600; }

/* Head */
#head { height: 134px; background: url(../img/resume/head.jpg) no-repeat center top; position: relative; }
#head-name { padding: 20px 0 0; text-align: center; font-weight: normal; font-size: 86px; line-height: 1em; color: #CCC; letter-spacing: -2px; text-transform: lowercase; }
#head-name strong { color: #333; font-weight: normal; }

/* Body */
#body { margin: 0 auto; width: 940px; text-align: left; }

/* Foot */
#foot { padding: 40px 0; background: #999; clear: both; }
#foot-info { margin: 0 auto 20px; width: 860px; height: 60px; list-style: none; }
#foot-info li { margin: 0 40px 0 0; width: 260px; height: 60px; float: left; list-style: none; display: inline; line-height: 60px; }
#foot-info li#foot-info-down { margin: 0; }
#foot-info a { width: 260px; height: 60px; color: #CCC; font-size: 18px; display: block; float: left; letter-spacing: -1px; text-transform: lowercase; text-align: left; text-indent: 80px; text-shadow: 0 1px 1px rgba(0,0,0,0.5); }
#foot-info a:hover,#foot-info a:focus,#foot-info a:active { color: #FFF; text-shadow: 0 1px 4px #000; }
#foot-info-email a { background: url(../img/resume/foot-btn-mail.png); }
#foot-info-vcard a { background: url(../img/resume/foot-btn-vcard.png); }
#foot-info-down a { background: url(../img/resume/foot-btn-light.png); }
#foot-copy { margin: 0 auto; width: 860px; color: #555; clear: both; text-shadow: 0 1px 0 rgba(255,255,255,0.35); }
#foot-copy a { color: #333; }
#foot-copy a:hover,#foot-copy a:focus,#foot-copy a:active { color: #111; text-decoration : none; }