/*Reset ------------------------------------------------------- */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, footer, article, time {margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; outline:none;}
body {line-height:1.5; background:#fff; margin:1.5em 0;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left; font-weight:400;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/*Grids ------------------------------------------------------ */
.line, .lastUnit {overflow: auto;_overflow:visible;_zoom:1;}
.unit{float:left;_zoom:1;}
.size1of1{float:none;}
.size1of2{width:45%; margin-right:5%;}
.size1of3{width:28.33333%; margin-right:5%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:35%; margin-right:5%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit {float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}
.last {margin-right:0;}
.clear {clear:both;}
.above-below15 {margin:15px 0;}

/*Core Elements ----------------------------------------------- */
html, body {margin:0; font-family:'Helvetica Neue', Helvetica, Verdana, Arial; color:#fff;}
h1, h2 {color:#fff;}
h3 {color:rgba(255,255,255,0.75);}
h4, h5, h6 {color:rgba(255,255,255,0.75);}
h1 {font-size:80px; margin-top:100px; font-weight:bold;}
h2 {font-size:45px; margin-bottom:5px; letter-spacing:-0.02em; line-height:65px;}
h3 {font-size:25px; line-height:30px; margin:20px 0 10px;}
h4 {font-size:18px; line-height:20px;}
h5 {font-size:16px;}
h6 {font-size:14px;}
hgroup {display:block; margin:12px 0;}
hgroup h2, hgroup h3, hgroup h4 {margin:2px 0;}
p {margin:5px 0 15px 0; font-size:14px; line-height:1.4em;}
a {color:#fff; text-decoration:none;}
a:hover, a:focus {color:#ddd;}
figure {margin:0;}
figure img {display:block; margin:10px 0; padding:5px; background:#fff; -moz-box-shadow:0 0 10px #333; -webkit-box-shadow:0 0 10px #333; box-shadow:0 0 10px #333;}
figcaption {display:block; clear:both; font-size:11px; color:rgba(255,255,255,0.6);}
hr {display:none;}
table {border:1px solid rgba(255,255,255,0.2); -moz-box-shadow:0 0 10px #333; -webkit-box-shadow:0 0 10px #333; box-shadow:0 0 10px #333;}
th {padding:10px 15px; font-size:14px; font-weight:bold; color:#fff; background:rgba(0,0,0,0.3);}
tr {-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
tr:nth-child(odd) {background:rgba(255,255,255,0.1);}
tr:nth-child(even) {background:rgba(0,0,0,0.1);}
tr:hover, tr:focus {color:#fff; background:rgba(255,255,255,0.2);}
td {padding:10px 15px; vertical-align:top;}
strong {font-weight:bold; color:rgba(255,255,255,0.8);}
em {font-style:italic; color:rgba(255,255,255,0.8);}
img, video, object {max-width:100%;} /* Thanks @beep */
code {display:block; margin:20px 0; padding:10px; background:rgba(0,0,0,0.2); color:#fff; font-family:Courier,monospace;}

/*Forms ------------------------------------------------------ */
form ol {list-style:none;}
legend {font-size:22px; text-transform:capitalize; color:rgba(255,255,255,0.8);}
label {color:rgba(255,255,255,0.8);}
input, textarea {outline:none;}
input[type="text"], .text-field {padding:2px 4px; background:transparent; border:0;}
input[type="submit"], .submit-button {margin-top:10px; padding:8px 10px; font-weight:bold; font-size:14px; border:1px solid #999; background-color:#fc0; background-image:-moz-linear-gradient(100% 100% 90deg, #c60, #fc0); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c60), to(#fc0));}
footer input[type="submit"], footer .submit-button {font-size:12px; padding:5px 10px;}
.inline-label-field-group {margin:4px 0; padding:4px 4px 10px 10px; border:2px solid rgba(0,0,0,0.3); background:rgba(255,255,255,0.8);}
.inline-label-field-group label {color:rgba(0,0,0,0.5); font-size:12px;}
.inline-label-field-group input[type="text"], .inline-label-field-group input[type="email"], .inline-label-field-group input[type="password"], .inline-label-field-group textarea {width:65%; padding:2px 4px; background:transparent; border:0;}
.inline-label-field-group input[type="submit"] {float:right; margin-top:0; padding:3px 8px;}
.inline-label-field-group textarea {height:80px;}
.with-textarea label {display:block;}
.focused {border-color:#fff; -moz-box-shadow:0 0 10px rgba(255,255,255,0.7); -o-box-shadow:0 0 10px rgba(255,255,255,0.7); -webkit-box-shadow:0 0 10px rgba(255,255,255,0.3); box-shadow:0 0 10px rgba(255,255,255,0.3); }
.required-star {font-size:18px; color:#f60; text-shadow:#666 1px 1px 1px;}
.indicates-required {color:#fff; text-align:right;}
.error {display:block; margin:0 -4px -10px -10px; padding:5px 10px; background:#ebbabb; color:#87090c; -moz-border-radius:0 0 18px 18px; border-radius:0 0 18px 18px; -webkit-border-radius:0 0 18px 18px;}

/*Mix Ins ------------------------------------------------------ */
.shadow-box1 {-moz-box-shadow:0 0 10px #ccc; -webkit-box-shadow:0 0 10px #ccc; -o-box-shadow:0 0 10px #ccc; box-shadow:0 0 10px #ccc;}
.shadow-box2 {-moz-box-shadow:0 0 10px #999; -webkit-box-shadow:0 0 10px #999; -o-box-shadow:0 0 10px #999; box-shadow:0 0 10px #999;}
.shadow-box3 {-moz-box-shadow:0 0 10px #666; -webkit-box-shadow:0 0 10px #666; -o-box-shadow:0 0 10px #666; box-shadow:0 0 10px #666;}
.shadow-box4 {-moz-box-shadow:0 0 10px #333; -webkit-box-shadow:0 0 10px #333; -o-box-shadow:0 0 10px #333; box-shadow:0 0 10px #333;}
.shadow-box5 {-moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; -o-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000;}
.rounded {-moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; border-radius:4px;}
.linear-list {list-style:none;}
.linear-list li {display:inline-block; margin-right:12px;}
.column-list {width:12%; margin-left:8%;}
.column-list .screen-reader-text {display:none;} /* hides search label in sidebar of blog */
.content-list {list-style-type:square; margin:20px 0;}
.left {float:left; margin:0 20px 10px 0;}
.right {float:right;}
/*.feed {padding-left:34px !important; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0.1)), to(rgba(0,0,0,0.3))), url(../i/icons/rss.png); background-image:-moz-linear-gradient(19% 75% 90deg,rgba(0,0,0,0.3), rgba(0,0,0,0.1)), url(../i/icons/rss.png); background-repeat:no-repeat; background-position:12px 4px;}*/
.short {margin-top:0;}
.featured-list {margin:20px 0; font-size:120%; color:#fff;}

/*Skin ----------------------------------------------- */
body {background:#651d06;}
#stratosphere {background:#df4515; color:rgba(255,255,255,0.5); font-size:14px; list-style:none;}
body.home {background:#0d335a;}
.home #stratosphere {background:#4681bd;}
/*body.author {background:#3b0405;}
.author #stratosphere {background:#9e0b0f;}*/
body.author, body.design-personas {background:#483349;}
.author #stratosphere, .design-personas #stratosphere {background:#825e84;}
body.speaker {background:#002400;}
.speaker #stratosphere {background:green;}
body.designer {background:#205964;}
.designer #stratosphere {background:#46bbd1;}
body.about {background:#25301a;}
.about #stratosphere {background:#58723E;}
body.contact {background:#382b4c;}
.contact #stratosphere {background:#8466b4;}
body.portfolio, body.mailchimp, body.mailchimp-process, body.mailchimp-iphone-app, body.soup-studios, body.toulas, body.stephengrote {background:#0d335a;}
.portfolio #stratosphere, .mailchimp #stratosphere, .mailchimp-process #stratosphere, .mailchimp-iphone-app #stratosphere, .soup-studios #stratosphere, .toulas #stratosphere, .stephengrote #stratosphere {background:#4681bd;}

.home .post-title {display:none;} /* remove page title from home page */

#stratosphere {margin:20px;}
#stratosphere .layer {position:relative; overflow:hidden; padding:50px 6%; -moz-box-shadow:0 4px 4px rgba(0,0,0,0.1); -webkit-box-shadow:0 8px 4px rgba(0,0,0,0.1); box-shadow:0 8px 4px rgba(0,0,0,0.1);}
#stratosphere .layer:nth-child(1) {color:#fff !important;}
#stratosphere .last-layer {border-bottom:0;}

header {display:block; min-height:220px; margin:-50px 0; padding:0;}
header nav {position:absolute; top:0; right:0; padding:0; background:rgba(0,0,0,0.2);}
header nav li {margin:0 !important;}
header nav li a {display:block; margin:0 -4px -3px 0; padding:10px 20px; font-size:14px; border-bottom:3px solid rgba(0,0,0,0.1); -webkit-transition:border-bottom 0.4s ease-out; -moz-transition:border-bottom 0.4s ease-out; -o-transition:border-bottom 0.4s ease-out; transition:border-bottom 0.4s ease-out;}
header nav li a:hover, header nav li a:focus {border-bottom:3px solid rgba(255,255,255,0.4);} 
.current_page_item a {border-bottom:3px solid rgba(255,255,255,0.8);}
h1 {position:absolute; top:55px; left:0; margin-top:0;}
h1 a {display:block; width:538px; height:147px; text-indent:-9999px; background:url(../i/aarron-walter-logo.png) no-repeat 0 -148px;}
h1 a:hover, h1 a:focus {background-position:0 0;}
#local-nav {list-style:none; opacity:.5; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
#local-nav:hover, #local-nav:focus {opacity:1;}

.post-title {line-height:40px; margin-top:15px;}
.leadin {margin:0 0 25px 0; line-height:1.4em; font-size:125%; color:rgba(255,255,255,0.75);}
.meta {margin:15px 0;}
blockquote {min-height:41px; margin:20px 0; padding-left:60px; line-height:20px; font-size:14px; background:url(../i/quote.png) no-repeat top left;}
.citation-credentials {margin:2px 0 15px 0; font-size:12px;}
.action-list li {margin:0 5px 0 0; padding:15px 0; font-size:12px;}
.action-button-sm, .action-list li a, .more-link {padding:5px 10px; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0.1)), to(rgba(0,0,0,0.3))); background-image:-moz-linear-gradient(19% 75% 90deg,rgba(0,0,0,0.3), rgba(0,0,0,0.1)); -moz-border-radius:14px; -webkit-border-radius:14px; border-radius:14px; color:rgba(255,255,255,0.5);  -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.inverted, .blog-navigation a {background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.3)), to(rgba(255,255,255,0.1))) !important; background-image:-moz-linear-gradient(19% 75% 90deg,rgba(255,255,255,0.1), rgba(255,255,255,0.3)) !important;}
.action-button-sm:hover, .action-list li a:hover, .more-link:hover {background-color:rgba(0,0,0,0.3); color:rgba(255,255,255,0.9);}
.primary-action {border:1px solid #999; background-color:#fc0; background-image:-moz-linear-gradient(100% 100% 90deg, #c60, #fc0); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c60), to(#fc0));}
.cal {display:inline-block; width:29px; height:18px; background:url(../i/icons/cal.png) no-repeat; opacity:.5; text-indent:-9999px;  -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.cal:hover, .cal:focus {opacity:1;}
tr.past {background-color:rgba(0,0,0,0.4);}
tr.past td:nth-child(1) {padding-left:50px; background-image:url(../i/past.png); background-repeat:repeat-y;}
.tweetmemebutton {float:left; margin-right:10px; padding:10px 0 0 15px; background-color:rgba(255, 255, 255, 0.1); -moz-border-radius:14px; -webkit-border-radius:14px; border-radius:14px; border:1px solid rgba(255,255,255,0.15); color:rgba(255,255,255,0.5);}
.tweetmemebutton .count {color:#fff;}

.excerpt-list {list-style:none; margin:0;}
.excerpt-list li {overflow:hidden; border-bottom:1px solid rgba(255,255,255,0.1);}
.excerpt-list li:last-child {border-bottom:0;}
.excerpt-list .time {display:block; font-size:12px; color:rgba(255,255,255,0.4);}
.excerpt-list h3, .excerpt-list h4, .excerpt-list .excerpt {float:left; padding:10px 0;}
.excerpt-list h3, .excerpt-list h4 {width:45%; margin-right:5%;}
.excerpt-list .excerpt {width:45%; padding-top:5px;}
.small-excerpt h3, .small-excerpt h4 {width:65%;}
.small-excerpt .excerpt {width:25%;}
#serp .excerpt {padding-top:25px;}
.blockapart {clear:both; margin:50px 0 20px; border-top:1px solid rgba(255,255,255,0.1);}
.blockapart li {list-style:none; margin:5px 0;}
.no-top-margin {margin-top:0;}
.rich-media-block {margin:20px auto; padding:20px; background:rgba(0, 0, 0, 0.2);}

#commentlist {list-style:none;}
#commentlist figure {width:8%; margin-top:15px;}

.social-list {margin:10px 0;}
.social-list li {margin-right:2px;}
.social-list .icon a {display:block; width:28px; height:24px; background:url(../i/icons/social-icons.png) no-repeat; text-indent:-9999px; opacity:.5; -webkit-transition:opacity 1s ease-in-out; -moz-transition:opacity 1s ease-in-out; -o-transition:opacity 1s ease-in-out; transition:opacity 1s ease-in-out;}
.social-list .icon a:hover {opacity:1;}
.social-list .twitter a {background-position:4px 0;}
.social-list .facebook a {background-position:4px -24px;}
.social-list .linkedin a {background-position:4px -98px;}
.social-list .flickr a {background-position:4px -73px;}
.social-list .dopplr a {background-position:4px -122px;}
.social-list .delicious a {background-position:4px -48px;}
.social-list .friendfeed a {background-position:4px -171px;}
.social-list .lastfm a {background-position:4px -147px;}
.social-list .vimeo a {background-position:4px -196px;}

.copyright {font-size:11px;}
.hosting {margin:10px 0; font-size:11px;}
.hosting img {margin:0 0 -2px 4px;}