* {
margin: 0;
padding: 0;
}
html {
-webkit-text-size-adjust: none;
}
body {
background: #ee8800;
background: #ffffee;
font-size: 62.5%;
font-family: Helvetica;
font-family: "adelle-sans",sans-serif;
}
.clear
{
clear: both;
}
.cover-letter p
{
text-indent: 1em;
}
.cover-letter p.no-indent
{
text-indent: 0em;
}
#header-print {
display: none;
}
#header-wrapper {
height: auto;
width: 100%;
margin: 0 auto;
position: fixed;
}
#header {
position: absolute;
top: 0px;
left: 0px;
z-index: 100;
width: 100%;
text-align: center;
height: 8rem;
}
#header h1 {
color: #ff9900;
padding-top: 1.5rem;
font-size: 8rem;
font-weight: bold;
margin: 0 auto;
font-family: "adelle-sans",sans-serif;
-webkit-transition: all .25s ease-in-out;
}
#horizon {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
z-index: 1;
background-position: 0 -100;
background-width: 100%;
height: 8rem;
}
#horizon div
{
opacity: 1;
}
#horizon .bar-one {
height: 4rem;
background: #ffffee;
}
#horizon .bar-two {
height: 2rem;
background: #ffeebb;
}
#horizon .bar-three {
height: 1rem;
background: #ffdd99;
}
#horizon .bar-four {
height: 0.5rem;
background: #ffcc66;
}
#horizon .bar-five {
height: 0.25rem;
background: #ffbb33;
}
#horizon .bar-six {
height: 0.125rem;
background: #ffaa22;
}
#horizon .bar-seven {
height: 0.125rem;
background: #ff9911;
}
.nav {
top: 8rem;
height: 3rem;
position: absolute;
text-transform: uppercase;
overflow: hidden;
}
.footer-nav {
text-transform: uppercase;
padding: 1.5em 0;
overflow: hidden;
color: #ffeebb;
font-size: 1.2em;
}
.nav, .footer-nav {
width: 100%;
z-index: 130;
background: #ff9900;
font-weight: bold;
text-align: center;
}
.nav ul, .footer-nav ul {
text-align: center;
left: 50%;
position: relative;
float: left;
text-align: center;
}
.nav li, .footer-nav li {
float: left;
padding: 0 1.9em;
right: 50%;
display: block;
position: relative;
}
.nav a {
padding-top: 0.7em;
}
.footer-nav a {
padding-top: 1.0em;
}
.nav a, .footer-nav a {
display: block;
color: #FFDD99;
color: #ffff00;
text-decoration: none;
font-size: 1.25em;
line-height: 0.6rem;
-webkit-transition: all .5s ease-in-out;
}
.nav a:hover {
-webkit-transition: all .5s ease-in-out;
color: #ffffff;
text-shadow: 10px 10px 20px #ffff00, 10px -10px 20px #ffff00, -10px -10px 20px #ffff00, -10px 10px 20px #ffff00 ;
}
.nav .current-menu-item a {
padding-top: 1.5em; color: #ffffff;
}
.nav .current-menu-item a:hover {
text-shadow: 0px 0px 0px #ffff00, 0px -0px 0px #ffff00, -0px -0px 0px #ffff00, -0px 0px 0px #ffff00 ;
}
.footer-nav .current-menu-item a {
padding-top: .1em; color: #ffffff;
}
.footer-nav a:hover {
padding-top: .1em;
padding-bottom: 1.4em;
}
#wrapper {
background: #ffffff;
text-align: center;
padding: 20em 0;
}
#console {
text-align: left;
font-size: 2em;
color: #000000;
margin: auto;
width: 700px;
line-height: 1.3em;
}
#console h2 {
font-size: 1.5em;
line-height-size: 1.5em;
font-weight: bold;
margin: 0 auto;
padding: .25em 0;
}
#console h4 {
text-transform: uppercase;
}
#console a {
color: #000000;
-webkit-transition: all .25s ease-in-out;
text-shadow: 0px 0px 0px #000000, -0px -0px 0px #000000
;
text-decoration: none;
}
#console a:hover {
color: #000000;
-webkit-transition: all .25s ease-in-out;
text-shadow: 5px 5px 5px #ff6600, -5px -5px 5px #ff6600 ;
text-shadow: 3px 3px 4px #ffff00, 3px -3px 4px #ffff00, -3px -3px 4px #ffff00, -3px 3px 4px #ffff00 ;
text-decoration: none;
}
#console p {
padding: .5em 1rem .0em 1rem;
}
#console .photo {
float: left;
width: 20%;
border: 1px solid #333333;
margin: 0 1em 0 0em;
}
#console blockquote {
margin: 1em 1em 2em;
font-style: oblique;
}
#console blockquote a.credit {
display: block;
text-align: right;
text-decoration: none;
font-style: normal;
}
#console ul {
list-style: square;
margin: 0 0 0 2em;
}
#console li {
margin: .5em 0;
}
#proposal h2 a {
color: #333;
}
#proposal table {
width: 90%;
margin: 0 0 0 2em;
}
#proposal td {
padding: 0 0 1em 1em;
}
.entry-meta {
font-size: .5em;
}
#resume {
}
#resume ul {
margin: 0 0 0 1em;
}
#resume li {
list-style: none;
}
#resume ul ul {
margin: 0 0 0 2em;
}
#resume li li {
list-style: square;
}
#footer {
color: #ff9900;
clear: both;
z-index: 100;
width: 100%;
text-align: center;
margin: 0em 0 0;
}
#footer h1 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); /* IE6,IE7 */
ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; /* IE8 */
-moz-transform: rotate(-180deg); /* FF3.5+ */
-o-transform: rotate(-180deg); /* Opera 10.5 */
-webkit-transform: rotate(-180deg); /* Safari 3.1+, Chrome */
color: #ff9900;
font-size: 12.8em;
font-weight: bold;
margin: 0 auto;
font-family: "adelle-sans",sans-serif;
padding-top: 15px;
}
#footer-horizon {
width: 100%;
z-index: 1;
height: 64px;
}
.print-only
{
display: none;
}
h2.print-only
{
text-align: center;
}
#leftc {
width: 30%;
float: left;
}
#rightc {
width: 60%;
float: right;
}
#main .alignleft {
float: left;
margin: 0 1em 1em 0;
}
#main .size-full {
width: 50%;
}
#header h1 {
display: block;
}
.contact
{
text-align: center;
}
@media screen and (min-width: 0em)
{
#header
{
height: 7rem;
}
#header h1
{
padding-top: 1.25rem;
font-size: 3rem;
}
#horizon {
height: 7rem;
}
#horizon .bar-one {
height: 2rem;
}
#horizon .bar-two {
height: 1rem;
}
#horizon .bar-three {
height: 0.5rem;
}
#horizon .bar-four {
height: 0.25rem;
}
#horizon .bar-five {
height: 0.125rem;
}
#horizon .bar-six {
height: 0.0625rem;
}
#horizon .bar-seven {
height: 0.0625rem;
}
#wrapper
{
padding: 8rem 0 0 0;
}
#console
{
width: 96%;
margin: 0 2%;
}
.nav
{
top: 4rem;
}
.nav li
{
padding: 0 1.9em;
}
.nav a
{
font-size: 1.25rem;
line-height: 0.6em;
}
.nav a:hover {
text-shadow: 5px 5px 10px #ffff00, 5px -5px 10px #ffff00, -5px -5px 10px #ffff00, -5px 5px 10px #ffff00 ;
}
.contact span.email,
.contact span.phone
{
width: 100%;
display: block;
text-align: center;
}
.contact span.slash
{
display: none;
}
#console ul
{
margin: 0 0 0 2rem;
}
#console ul ul
{
margin: 0 0 0 1rem;
}
}
@media screen and (min-width: 25em)
{
#header {
height: 8rem;
}
#header h1
{
padding-top: 1.5rem;
font-size: 4rem;
}
#horizon {
height: 8rem;
}
#horizon .bar-one {
height: 3rem;
}
#horizon .bar-two {
height: 1rem;
}
#horizon .bar-three {
height: 0.5rem;
}
#horizon .bar-four {
height: 0.25rem;
}
#horizon .bar-five {
height: 0.125rem;
}
#horizon .bar-six {
height: 0.0625rem;
}
#horizon .bar-seven {
height: 0.0625rem;
}
#wrapper
{
padding: 8rem 0 0 0;
}
.nav
{
top: 5rem;
}
.nav li
{
padding: 0 1.9em;
}
.nav a
{
font-size: 1.25rem;
line-height: 0.6em;
}
.contact span.email,
.contact span.phone
{
width: auto%;
display: inline;
text-align: left;
}
.contact span.slash
{
display: inline;
}
#console ul ul
{
margin: 0 0 0 2rem;
}
}
@media screen and (min-width: 50em)
{
#header {
height: 10rem;
}
#header h1
{
padding-top: 1.7rem;
font-size: 6rem;
}
#horizon {
height: 10rem;
}
#horizon .bar-one {
height: 3rem;
}
#horizon .bar-two {
height: 2rem;
}
#horizon .bar-three {
height: 1rem;
}
#horizon .bar-four {
height: 0.5rem;
}
#horizon .bar-five {
height: 0.25rem;
}
#horizon .bar-six {
height: 0.125rem;
}
#horizon .bar-seven {
height: 0.125rem;
}
#wrapper
{
padding: 11rem 0 0 0;
}
.nav
{
top: 7rem;
}
#console
{
width: 800px;
margin: 0 auto
}
}
@media screen and (min-width: 75em)
{
#header {
height: 11rem;
}
#header h1
{
padding-top: 1.5rem;
font-size: 8rem;
}
#horizon {
height: 11rem;
}
#horizon .bar-one {
height: 4rem;
}
#horizon .bar-two {
height: 2rem;
}
#horizon .bar-three {
height: 1rem;
}
#horizon .bar-four {
height: 0.5rem;
}
#horizon .bar-five {
height: 0.25rem;
}
#horizon .bar-six {
height: 0.125rem;
}
#horizon .bar-seven {
height: 0.125rem;
}
#wrapper
{
padding: 12rem 0 0 0;
}
.nav
{
top: 8rem;
}
}
@media print {
#header-wrapper {
display: none;
}
#header-print h1 {
display: none;
}
#header-print {
display: block;
}
#wrapper
{
margin: .5in;
}
.print-only
{
display: block;
}
body {
margin: 0px;
padding: 0px;
font-size: 12pt;
}
#console {
font-size: 12pt;
width: 100%;
margin: 0px;
padding: 0px;
}
#console ul {
margin: 0 0 0 1.25em;
}
#console li {
margin: .25em 0;
}
.noprint {
display: none;
}
h1 {
2em;
text-align: left;
}
body {
font-family: Helvetica, Arial, sans-serif;
}
#wrapper {
padding: 0;
}
}