* { margin: 0; padding: 0; border: none; outline: none; }
html { height: 100%; }
html, body { max-height: 100%; overflow: hidden; }
body { background: #262B32; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 12px; color: #4A513D; }

/* header styling */
h1, h2, h3 { margin: 0; text-transform: uppercase; font-weight: normal; color: #228d7d; }
h1 { color: #007b9a; font-size: 34px; margin-bottom: 20px; text-shadow: 0 1px 0 #111; }
h2 { font-size: 32px; line-height: 32px; font-weight: bold; }
h3 { display: block; height: 16px; font-size: 16px; margin-bottom: 10px; text-transform: lowercase; font-weight: bold; color: #fff; text-shadow: 0 0 2px #228D7D; -moz-text-shadow: 0 0 2px #228D7D; -webkit-text-shadow: 0 0 2px #228D7D; }

p, ul, ol { margin-top: 0; }
.content ul, .content ol { list-style-position: inside; }
.content ul li, .content ol li { text-indent: -12px; margin-left: 12px; }
table th, table td { vertical-align: top; }

/* default anchor styling */
a { color: #324031; }
a:hover { text-decoration: none; }
a img { border: none; }

/* clear floats */
.clear { font-size: 0; height: 0; line-height: 0; width: 100%; clear: both; }

/* logo */
#nav #logo { float: left; display: inline; width: 61px; height: 60px; overflow: hidden; }
#nav #logo a { text-decoration: none; color: #fff; padding: 0; text-align: left; }
#nav #logo h1 { display: block; margin: 0; padding: 0; overflow: hidden; }
#nav #logo h1 a { display: block; width: 51px; height: 60px; overflow: hidden; font-size: 48px; text-decoration: none; color: #879a87; text-transform: uppercase; font-family: sans-serif; font-weight: bold; background: transparent url('/public/img/coreyballou.png') 0 6px no-repeat; text-indent: -9999em; }

/* menu */
#nav { width: 100%; height: 60px; }
#nav ul { display: block; margin: 0; padding: 0; overflow: hidden; }
#nav li { float: right; display: inline; text-shadow: 0 1px 0 #000; margin-left: 0; text-indent: 0; }
#nav li.first a { padding-right: 0; }
#nav li.last a { padding-left: 0; }
#nav a { display: block; float: left; padding: 0 15px; color: #7d8999; text-decoration: none; text-align: center; font-family: sans-serif; font-size: 16px; font-weight: bold; height: 60px; line-height: 89px; text-transform: uppercase; -moz-text-shadow: 1px 1px 1px #000; -webkit-text-shadow: 1px 1px 1px #000; text-shadow: 1px 1px 1px #000; }
#nav a:hover, #nav a.selected { text-decoration: none; color: #5d6975; }

/* containers */
#content { height: 100%; max-height: 100%; width: 100%; overflow: hidden; }
#header { position: absolute; top: 0; left: 0; width: 100%; height: 60px; background: transparent; overflow: hidden; z-index: 3; } /* #302d30 url('/public/img/bg-header.jpg') 0 0 repeat-x; overflow: hidden; z-index: 3; */
#wrapper { position: absolute; top: 60px; bottom: 30px; left: 0; color: #acbfac; font-size: 14px; width: 100%; padding: 0; overflow: hidden; }
#window { display: block; width: 20000px; height: 100%; max-height: 100%; overflow: hidden; }
.inner-padding { display: block; width: 1000px; margin: 0 auto; padding-right: 15px; overflow: hidden; }

.panel { float: left; display: inline; max-height: 100%; height: 100%; margin-right: 1000px; overflow: hidden; }
.panel a { color: #ddd; }
.panel a:hover { text-decoration: none; }
.panel h2 { height: 32px; color: #060B12; font-family: monospace; width: 990px; margin: 0 auto 4px; padding: 40px 0 0 10px; -moz-text-shadow: 1px 1px 1px #444; -webkit-text-shadow: 1px 1px 1px #444; text-shadow: 1px 1px 1px #444; }
.panel .h2 { width: 990px; margin: 0 auto 4px; padding: 40px 0 0 0; }
.panel h2 img { vertical-align: top; margin-top: 5px; }
.pane { display: block; width: 920px; margin: 0 auto 20px; padding: 40px; background-color: #283a3b; overflow: hidden; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: -1px -1px 1px #555, 1px 1px 1px #000; -webkit-box-shadow: -1px -1px 1px #555, 1px 1px 1px #000; box-shadow: -1px -1px 1px #555, 1px 1px 1px #000; }
.pane p { margin-bottom: 15px; }

/* twitter */
#twitter img { float: left; display: inline; margin: 6px 6px 4px 0; }
#twitter a { color: #228d7d; text-decoration: none; }
#twitter a:hover { text-decoration: underline; }
#twitter a.tweet_avatar { color: #fff; }
#twitter a.tweet_avatar:hover { color: #eee; text-decoration: none; }
#twitter ul { display: block; list-style: none; list-style-position: outside; text-align: left; height: 234px; max-height: 300px; overflow-y: scroll; }
#twitter li { font-size: 11px; line-height: 14px; padding: 8px 6px 8px 0; border-bottom: 1px dashed #000; text-indent: 0; margin-left: 0; }
#twitter li.first { padding-top: 0; }
#twitter li .date { display: block; color: #2E4635; padding-top: 4px; }

/* columns */
.col-2,
.col-3 { float: left; display: inline; background: #081a1b; font-family: Verdana, sans-serif; font-size: 12px; overflow-y: auto; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.col-3 {  width: 300px; margin-right: 10px; background: transparent url('/public/img/col-3-bg.jpg') 0 0 no-repeat; }
.col-2 { width: 445px; margin-right: 30px; background: transparent url('/public/img/col-2-bg.jpg') 0 0 no-repeat; }
.col-2 .content, .col-3 .content { height: 234px; max-height: 234px; padding: 0 10px 0 20px; margin: 0 10px 20px 0; overflow-y: auto; }
.col-2 h3, .col-3 h3 { padding: 20px 20px 0; }
.col-2 p, .col-3 p { margin-bottom: 10px; line-height: 16px; }
.last { margin-right: 0 !important; }

/* unordered list */
ul.bulleted { list-style-position: inside; list-style-type: disc; font-size: 12px; line-height: 16px; padding: 0 10px; }
ul.bulleted li { margin: 0; padding: 0 0 0 14px; text-indent: -14px; text-align: left; }

/* address block */
.title { display: block; margin-bottom: 20px; }
.title h3 { display: block; font-size: 30px; font-weight: bold; margin-bottom: 2px; color: #CCDFCC; }
.title em { display: block; font-size: 16px; line-height: 16px; margin-bottom: 12px; color: #8C9F8C; font-variant: small-caps; }
.address a { color: #fff; }
.address { position: relative; display: block; margin-bottom: 40px; height: 254px; border-bottom: 2px solid #182A2B; }
.address dl { display: block; padding-top: 22px; overflow: hidden; font-size: 20px; line-height: 24px; font-family: Verdana, sans-serif; }
.address dt { clear: left; float: left; display: inline; width: 160px; margin: 0 10px 0 0; font-weight: bold; font-variant: small-caps; }
.address dd { float: left; display: inline; width: 500px; margin-bottom: 6px; }
.address dt strong,
.address dd strong { font-size: 30px; font-weight: bold; color: #CCDFCC; }
.address dt.p1 { padding-left: 62px; margin-right: 56px; }
.address dt.p2 { padding-left: 120px; margin-right: 2px; }
.address dt.p3 { padding-left: 42px; margin-right: 72px; }
.address dt.p4 { padding-left: 0; margin-right: 160px; }
.address dt.p5 { padding-left: 9px; margin-right: 156px; }
.address dt.p6 { padding-left: 11px; margin-right: 164px; }
.address dt.p7 { padding-left: 13px; margin-right: 168px; }
.address dt.em { font-weight: normal; }
.address dt.em,
.address dd.em { font-size: 16px; line-height: 16px; margin-bottom: 12px; color: #8C9F8C; font-variant: small-caps; }

/* cv */
.block { position: relative; margin-bottom: 40px; }
.leftblock { clear: left; float: left; display: inline; width: 600px; }
.rightblock { float: right; display: inline; width: 272px; }
.rightblock .block { margin-top: 40px; margin-bottom: 0; }
.rightblock .innerblock { position: relative; background: #182A2B; width: 250px; padding: 11px 11px 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.rightblock .innerblock ul { overflow: hidden; text-align: left; }
.rightblock .innerblock li { list-style-type: none; display: inline-block; margin-bottom: 3px; background: #000; padding: 0 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; white-space:nowrap; opacity: 0.6; filter: alpha(opacity=60); }
.rightblock .innerblock li:hover { cursor: pointer; opacity: 1.0; filter: alpha(opacity=100); }
.rightblock .innerblock .tag100 { font-size: 22px; line-height: 30px; }
.rightblock .innerblock .tag90 { font-size: 18px; line-height: 23px; }
.rightblock .innerblock .tag80 { font-size: 14px; line-height: 19px; }
.rightblock .innerblock .tag70 { font-size: 10px; line-height: 15px; }

#cv h4 { font-family: "times new roman"; font-size: 40px; line-height: 38px; font-weight: normal; margin-bottom: 30px; border-bottom: 1px solid #182A2B; -moz-text-shadow: 1px 1px 1px #000; -webkit-text-shadow: 1px 1px #000; text-shadow: 1px 1px 1px #000; }
#cv .rightblock .block h4 { position: absolute; display: block; width: 266px; right: 6px; top: -22px; color: #6C7F6C; font-size: 22px; text-align: right; line-height: 18px; border: none; margin: 0; padding: 0; -moz-text-shadow: 1px 1px 1px #000; -webkit-text-shadow: 1px 1px 1px #000; text-shadow: 1px 1px 1px #000; }

.section { display: block; overflow: hidden; font-size: 20px; line-height: 26px; margin-bottom: 20px; }
.section a { color: #f0f0f0; }
.section dt { clear: left; float: left; display: inline; width: 100px; margin: 0 30px 0 0; color: #ccc; font-family: "times new roman", serif; font-style: italic; font-size: 16px; line-height: 16px; text-align: right; }
.section dd { float: left; display: inline; width: 470px; margin-bottom: 6px; font-size: 18px; line-height: 24px; font-family: Verdana, sans-serif; }
.section dd.header { font-size: 20px; line-height: 20px; }
.section dd.em { font-size: 16px; line-height: 16px; margin-bottom: 12px; color: #8C9F8C; font-variant: small-caps; }
.section dd ul { list-style-position: inside; font-size: 14px; line-height: 18px; }
.section dd li { margin: 0; padding: 0 0 0 14px; text-indent: -14px; text-align: left; }

.section ul.accordion { list-style: none; font-size: 14px; line-height: 18px; }
.section ul.accordion li { list-style-type: none; padding-left: 0; margin-top: 4px; text-indent: 0; }
.section ul.accordion a.expandable { position: relative; display: block; height: 26px; line-height: 26px; background-color: #485A5B; color: #ACBFAC; padding: 0 10px; text-decoration: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.section ul.accordion a.open { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; -moz-border-radius-bottomleft: 0 !important; -moz-border-radius-bottomright: 0 !important; -webkit-border-bottom-left-radius: 0 !important; -webkit-border-bottom-right-radius: 0 !important; }
.section ul.accordion a.expandable .plus { position: absolute; height: 20px; line-height: 20px; width: 20px; top: 3px; right: 3px; margin: 0; padding: 0; text-align: center; background-color: #687A7B; color: #283A3B; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.section ul.accordion a.expandable:hover { background-color: #586A6B; }
.section ul.accordion a.expandable:hover .plus { background-color: #788A8B; color: #000; }
.section ul.accordion ul { display: none; list-style-type: circle; list-style-position: inside; padding: 10px; background-color: #384A4B; }
.section ul.accordion ul { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; }
.section ul.accordion ul li { padding: 0 10px 0 16px; text-indent: -14px; margin-bottom: 6px; list-style-type: square; }
.photo { position: absolute; left: 80px; bottom: 0; width: 244px; height: 257px; }
.photo img { opacity: 0.2; filter: alpha(opacity=20); }

/* contact form */
#contactform { font-size: 18px; line-height: 24px; }
#contactform .loading { float: left; display: inline; font-weight: bold; height: 16px; line-height: 16px; font-size: 12px; margin: 10px 0 0 170px; padding-left: 20px; background: transparent url('/public/img/icons/processing.gif') 0 0 no-repeat; overflow: hidden; }
.entry { clear: left; display: block; margin-bottom: 6px; overflow: hidden; }
.entry label { float: left; display: inline; font-size: 18px; font-weigh: bold; width: 160px; margin-right: 10px; }
.entry input, .entry textarea, .entry select { font-family: Verdana, sans-serif; }
.entry input:hover, .entry textarea:hover, .entry select:hover,
.entry input:hover, .focus textarea:focus, .entry select:focus { background-color: #0B1D1F; }
.entry input { float: left; display: inline; font-size: 18px; width: 500px; height: 22px; padding: 0 4px; background-color: #081A1B; color: #ACBFAC; }
.entry textarea { font-size: 18px; line-height: 22px; width: 500px; height: 150px; padding: 4px; background-color: #081A1B; color: #ACBFAC; }
.entry button { clear: left; float: left; display: inline; margin-left: 170px; font-size: 20px; padding: 4px 12px; background-color: #acbfac; cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.entry button:hover { background-color: #bccfbc; }
.notice { clear: both; padding-left: 170px; font-size: 10px; margin-bottom: 10px; }
.notice a { color: #ccdfcc; text-decoration: underline; }
.notice a:hover { color: #acbfac; text-decoration: none; }

/* footer */
#footer { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 30px; background: #2d3945 url('/public/img/bg-footer.jpg') 0 0 repeat-x; color: #2D3945; margin: 0 auto; padding: 0; text-transform: lowercase; z-index: 3; overflow: hidden; }
#footer .social { float: left; display: inline; width: 200px; }
#footer .copyright { float: right; display: inline; width: 300px; font-size: 10px; line-height: 30px; text-align: right; }
#footer a { color: #9B5B01; line-height: 30px; }
#footer a img { opacity: 0.8; filter:alpha(opacity=80); }
#footer a:hover img { opacity: 1.0; filter: alpha(opacity=100); }
#footer ul, #footer li { float: left; display: inline; height: 30px; }
#footer ul li { font-size: 16px; line-height: 30px; text-transform: uppercase; }
#footer ul li.right10 { margin-right: 10px; text-transform: lowercase; color: #3D4955; }
#footer ul li img { padding: 8px 4px; }

/* loading bar */
#loading { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #262B32; z-index: 2000; }
#loading img { position: absolute; left: 50%; margin-left: -50px; top: 50%; margin-top: -50px; }

/* supported browsers */
#supportedBrowsers { position: absolute; display: block; top: 50%; left: 50%; margin-top: -120px; margin-left: -220px; width: 380px; border: 10px solid #fff; height: 180px; padding: 20px; font-size: 18px; font-weight: bold; background-color: #000; color: #fff; z-index: 3000; }
#supportedBrowsers a.closeTooltip { float: right; display: inline; text-align: right; color: #fff; margin-bottom: 20px; }
#supportedBrowsers a.closeTooltip:hover { color: #f0f0f0; }
#supportedBrowsers p { clear: both; }