/*
Site Name: Hoomph Tumblr
Site URI: http://hoom.ph/
Author: Bips McCallister
Author URI: http://hoom.ph/
Description: 
Version: 1.0
*/

/* ============================================================================
   Base
   ============================================================================ */
html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
}
body {
    background: #fff;
    margin: 0;
    padding: 0;
    color: #444;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
}
img {
    border: 0;
    display: block;
    max-width: 100%;
    height: auto;
}
address {font-style:normal;}
hr {
    border: 0;
    border-bottom: 1px dotted #666;
    color: #666;
    clear: both;
    height: 0;
    margin: 0 0 21px;
    padding: 0;
}
article,aside,figure,footer,header,hgroup,nav,section {display:block;}
figure {margin:0;}

/* ============================================================================
   Fonts
   ============================================================================ */
@font-face {
    font-family: 'Fontello';
    src: url('../_fonts/fontello/regular.eot');
}
@font-face {
    font-family: 'Fontello';
    src: url(data:font/truetype;charset=utf-8;base64,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) format('truetype'),
         url('../_fonts/fontello/regular.svg#Fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}
.icon:before {
    display: inline-block;
    width: 1em;
    margin-right: 0.3em;
    line-height: 1em;
    position: relative;
    top: 1px;
    speak: none;
    font-family: 'Fontello';
    font-size: 1.4em;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    text-decoration: inherit;
}
.icon.left:before     {content:'\2190';}
.icon.right:before    {content:'\2192';}
.icon.like:before     {content:'\2665';}
.icon.ask:before      {content:'\e704';}
.icon.tags:before     {content:'\e70c';}
.icon.reblog:before   {content:'\e717';}
.icon.archive:before  {content:'\e738';}
.icon.rss:before      {content:'\e73a';}
.icon.notes:before    {content:'\e739';}
.icon.date:before     {content:'\e740';}
.icon.random:before   {content:'\e741';}
.icon.time:before     {content:'\e742';}
/*
.icon.facebook:before {content:'\e743';}
.icon.twitter:before  {content:'\e744';}
.icon.google:before   {content:'\e746';}
.icon.tumblr:before   {content:'\e745';}
*/

/* ============================================================================
   Typography
   ============================================================================ */
h1,h2,h3,h4,h5,h6,legend {
    margin: 0;
    color: #555;
    font-weight: normal;
}
h1 {
    padding: 3px 0 15px;
    font-size: 24px;
    line-height: 24px;
}
h2,legend.h2 {
    padding: 9px 0;
    font-size: 20px;
    line-height: 24px;
}
h3,legend.h3 {
    padding: 13px 0;
    font-size: 16px;
    line-height: 16px;
}
h4 {font-size:18px; line-height:18px;}
h5 {font-size:18px; line-height:18px;}
h6 {font-size:18px; line-height:18px;}
p  {font-size:14px; line-height:21px; margin:0 0 21px;}

hgroup h1 {padding-bottom:0;}
hgroup h1 + h2 {
    padding-top: 0;
    font-size: 12px;
    text-transform: uppercase;
}
hgroup h2:first-child {padding-bottom:0;}
hgroup h2 + h3 {padding-top:0;}

small {font-size:11px; line-height:16px;}
figcaption {
    font-size: 14px;
    line-height: 21px;
    font-style: italic;
}

/* ============================================================================
   Links
   ============================================================================ */
a {
    border-bottom: 1px solid #ccc;
    color: #222;
    text-decoration: none;
    outline: none;
}
a:hover,
a:focus {
    border-bottom: 1px solid #000;
    color: #000;
}

/* ============================================================================
   Selection
   ============================================================================ */
::-moz-selection {background:#666; color:#fff;}
::selection {background:#666; color:#fff;}

/* ============================================================================
   Lists
   ============================================================================ */
ul,ol,dl,dd {margin:0; padding:0;}
li {list-style:none;}

/* Default Lists
   ============================================================================ */
.body ul {margin:0 0 21px 10px;}
.body ol {margin:0 0 21px 31px;}
.body li {
    background: url(/tumblr/_img/sprites/15.gif) no-repeat 0 8px;
    margin: 0 0 10px;
    padding: 0 0 0 21px;
    font-size: 14px;
    line-height: 21px;
}
.body ol li {
    background: none;
    padding: 0;
    list-style: decimal;
}
.body ul ul,
.body ol ol {margin-top:10px;}

/* Break List
   ============================================================================ */
ul.br {margin-left:0;}
ul.br li {
    background: none;
    margin: 0;
    padding: 0;
}

/* Inline List
   ============================================================================ */
.inline {overflow:hidden;}
.inline li {
    background: none;
    border-left: 1px solid #444;
    float: left;
    padding: 0 5px;
}
.inline li:first-child {border-left:0; padding-left:0;}

/* ============================================================================
   Forms
   ============================================================================ */
label {font-size:14px; line-height:21px; cursor:pointer;}
fieldset {border:0; margin:0; padding:0;}
input,select,textarea {
    border: 1px solid #888;
    padding: 4px;
    color: #666;
    font: 14px/21px Arial, Helvetica, sans-serif;
}
input:focus,
select:focus,
textarea:focus {border:1px solid #333; outline:none;}
::-moz-focus-inner {border:0;}

select {
    -webkit-box-sizing: content-box; 
       -moz-box-sizing: content-box;
        -ms-box-sizing: content-box;
            box-sizing: content-box;
}
textarea {
    height: 143px;
    overflow: auto; /* IE fix: remove scrollbar */
    resize: vertical;
}
input[type="radio"],
input[type="radio"]:focus,
input[type="checkbox"],
input[type="checkbox"]:focus {border:0;} /* IE fix */

input[type="submit"] {
    border: 1px solid #666;
    background: #888;
    padding: 7px 12px;
    color: #eee;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}
input[type="submit"]:hover,
input[type="submit"]:focus {
    background: #666;
    cursor: pointer;
}
input[type="submit"]:active {
    position: relative;
    left: 1px;
    top: 1px;
}

/* Vertical Form
   ============================================================================ */
form.vert {overflow:hidden;}
form.vert input,
form.vert select,
form.vert textarea {
    display: block;
    width: 96%;
    margin-bottom: 16px;
}
form.vert input[type="radio"],
form.vert input[type="checkbox"] {
    display: inline;
    width: auto;
    margin-left: 21px;
}
form.vert input[type="submit"] {
    width: auto;
    float: right;
}

/* ============================================================================
   Global
   ============================================================================ */
.img {background:#999; text-align:center;} /* Temp div images */

.clear:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0;
}
* html .clear {zoom:1;} /* IE6 */
*:first-child+html .clear {zoom:1;} /* IE7 */

.l {float:left; margin:0 20px 21px 0;}
.r {float:right; margin:0 0 21px 20px;}
.c {display:block; margin:0 auto 21px;}

img.alignleft,
img.alignright,
img.aligncenter {display:block; margin:21px auto;}
@media only screen 
and (min-width:515px) {
    img.alignleft  {float:left; margin:0 20px 21px 0;}
    img.alignright {float:right; margin:0 0 21px 20px;}
}

.b {border:1px solid #666;}
.p {padding:1px;}

.hgt {height:210px; position:relative;}
.rel {position:relative;}
.req {color:#f00;}

.rad {
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
}
.shd {
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.12);
       -moz-box-shadow: 0 0 10px rgba(0,0,0,.12);
            box-shadow: 0 0 10px rgba(0,0,0,.12);
}
.grd {
    background-color: #999;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999));
    background-image: -webkit-linear-gradient(top, #ccc, #999);
    background-image:    -moz-linear-gradient(top, #ccc, #999);
    background-image:     -ms-linear-gradient(top, #ccc, #999);
    background-image:      -o-linear-gradient(top, #ccc, #999);
    background-image:         linear-gradient(top, #ccc, #999);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#cccccc, endColorstr=#999999);
}

/* ============================================================================
   Quote
   ============================================================================ */

/* ============================================================================
   Tables
   ============================================================================ */
table {border-collapse:collapse;}

/* Data Table
   ============================================================================ */
table.data {width:100%; margin:0 0 21px;}
table.data col {width:50px;}
table.data tr {background:#fff;}
table.data tr.odd {background:#eee;}
table.data th {
    background: #888;
    padding: 10px 3px;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    font-weight: normal;
    text-align: left;
}
table.data td {
    border-bottom: 1px solid #441428;
    padding: 3px;
    font-size: 12px;
}

/* Form Table
   ============================================================================ */
table.form {margin:0 0 21px 10px;}
table.form col.labels {width:100px;}
table.form col.req {width:8px;}
table.form input,
table.form select,
table.form textarea {width:225px; margin:0 0 7px;}
table.form input[type="submit"],
table.form input[type="radio"],
table.form input[type="checkbox"] {width:auto;}
table.form td {vertical-align:top;}

table.checkbox td {padding:5px;}

/* ============================================================================
/* Buttons
   ============================================================================ */

/* Button 1
   ============================================================================ */
.btn1 {
    border: 1px solid #666;
    background: #888;
    padding: 7px 12px;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
}
.btn1:hover,
.btn1:focus {background:#777;}
.btn1:active {
    background: #666;
    position: relative;
    right: -1px;
    bottom: -1px;
}
.btn1 a {display:block;	color:#fff;}
.btn1 a:hover,
.btn1 a:focus {text-decoration:none;}

.hgt .btn1 {position:absolute; right:21px; bottom:21px;}
.hgt .btn1:active {
    right: 20px;
    bottom: 20px;
}

/* Button 2
   ============================================================================ */
.btn2 {
    margin-bottom: 21px;
    text-transform: uppercase;
}
.btn2 a {
    display: block;
    height: 42px;
    padding: 21px;
    text-decoration: none;
}
.btn2 h2 {
    padding: 0 0 5px;
    font-size: 20px;
    line-height: 20px;
}
.btn2 p {display:none;}

/* Dark */
.btn2.dark {background:#888;}
.btn2.dark:hover,
.btn2.dark:focus {background:#999;}
.btn2.dark h2 {color:#eee;}

/* Light */
.btn2.light {background:#eee;}
.btn2.light:hover,
.btn2.light:focus {background:#fff;}
.btn2.light h2 {color:#888;}

/* ============================================================================
/* Boxes
   ============================================================================ */

/* Box 1
   ============================================================================ */
.box1 {
    background: #999;
    margin-bottom: 21px;
    padding: 21px;
}
.box1 h3 {padding-top:0;}

/* Box 2
   ============================================================================ */
.box2 {
    background: #e8e8e8;
    margin-bottom: 21px;
    padding: 21px;
}
.box2 h3 {padding-top:0;}

/* ============================================================================
   Mobile Portrait
   ============================================================================ */
#tumblr_controls {display:none;}
.wrap {padding:0 20px;}
#header {border-bottom:1px solid #fff; background:#000;}
#header .wrap {
    height: 42px;
    padding-top: 10px;
    padding-bottom: 11px;
}
#header a {background:none;}
#logo { /* Styles alt text! */
    border: 0;
    float: left;
    margin-right: 20px;
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    text-transform: uppercase;
}
#logo img {margin-top:10px;}
#inner {padding:21px 0;}
#nav {
    overflow: hidden;
    height: 42px;
    line-height: 42px;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
}
#nav li {
    width: 24.5%;
    float: left;
    margin-left: 0.66%;
}
#nav li:first-child {margin-left:0;}
#nav a {
    border: 0;
    display: block;
    color: #fff;
    
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
}
#nav > ul > li.active > a {background-color:#777;}

#nav > ul > li > a.hover,
#nav > ul > li > a:hover,
#nav > ul > li > a:focus {
    background-color: #444;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#2d2d2d));
    background-image: -webkit-linear-gradient(top, #444, #2d2d2d);
    background-image:    -moz-linear-gradient(top, #444, #2d2d2d);
    background-image:     -ms-linear-gradient(top, #444, #2d2d2d);
    background-image:      -o-linear-gradient(top, #444, #2d2d2d);
    background-image:         linear-gradient(top, #444, #2d2d2d);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#444444, endColorstr=#2d2d2d);
    
    -webkit-box-shadow: 0 1px 0 #777 inset;
       -moz-box-shadow: 0 1px 0 #777 inset;
            box-shadow: 0 1px 0 #777 inset;
}
#nav .icon:before {color:#444;}
#nav .icon:hover:before,
#nav .icon:focus:before {color:#fff;}
@media only screen 
and (max-width:479px) {
    #nav .icon:before {margin-right:0;}
}
#nav span {display:none;}

#nav ul ul {display:none;} /* Fallback for no media queries */
@media only screen 
and (max-width: 1006px) { /* 17px scrollbar offset */
    #nav ul ul {display:none !important;} /* Hides on browser resize and refresh */
}
#hero {display:none;}
.body {margin-bottom:21px;}

/* Content
   ============================================================================ */
.sep {display:none;}
.photo img {margin-bottom:21px;}
.caption {
    margin-top: -15px;
    color: #888;
    font-size: 13px;
    line-height: 19px;
    font-style: italic;
}

/* Meta
   ============================================================================ */
.meta ul {
    overflow: hidden;
    margin-bottom: 10px;
    font-size: 14px;
}
.meta ul:first-child {margin-bottom:0;}
.meta li {
    background: none;
    float: left;
    margin-right: 10px;
    padding-left: 0;
    line-height: 18px;
}
.meta a {border:none; color:#666;}
.meta a:hover,
.meta a:focus {border-bottom:1px solid #000; color:#000;}

.meta .icon.date:before   {color:rgba(212,96,66,.75);}
.meta .icon.time:before   {color:rgba(85,188,138,.75);}
.meta .icon.notes:before  {color:rgba(77,168,215,.75);}
.meta .icon.like:before   {color:rgba(211,42,42,.75);}
.meta .icon.reblog:before {color:rgba(167,125,195,.75);}
.meta .icon.tags:before   {color:rgba(239,159,53,.75); float:left;}

.meta .icon.date:hover:before   {color:rgba(212,96,66,1);}
.meta .icon.time:hover:before   {color:rgba(85,188,138,1);}
.meta .icon.notes:hover:before  {color:rgba(77,168,215,1);}
.meta .icon.like:hover:before   {color:rgba(211,42,42,1);}
.meta .icon.reblog:hover:before {color:rgba(167,125,195,1);}
.meta .icon.tags:hover:before   {color:rgba(239,159,53,1);}

.meta .icon.tags {clear:left;}

/* Notes
   ============================================================================ */
.notes .avatar {display:inline-block;}
.more_notes_link_container {
    margin: 21px 0 0 -31px !important;
    list-style: none !important;
    line-height: 42px !important;
}

/* Sidebar
   ============================================================================ */
#sidebar nav li {float:left; margin-bottom:21px;}
#sidebar nav li:first-child {clear:left; margin-left:0;}
#sidebar nav a,
.more_notes_link {
    border-bottom: 1px solid #bbb;
    display: block;
    color: #777;
    font-size: 16px;
    text-align: center;
    
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
    background-image: -webkit-linear-gradient(top, #eee, #ddd);
    background-image:    -moz-linear-gradient(top, #eee, #ddd);
    background-image:     -ms-linear-gradient(top, #eee, #ddd);
    background-image:      -o-linear-gradient(top, #eee, #ddd);
    background-image:         linear-gradient(top, #eee, #ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#eeeeee, endColorstr=#dddddd);
    
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
}
#sidebar nav a:hover,
#sidebar nav a:focus,
.more_notes_link:hover,
.more_notes_link:focus {
    border-bottom: 1px solid #bbb;
    background: #ddd;
    color: #fff;
}
#sidebar nav a:active,
.more_notes_link:active {background:#ccc; color:#fff;}

#jumpnav li {
    width: 13.7%;
    line-height: 42px;
    margin-left: 0.66666666%;
}
#pgnav li {
    width: 47%;
    line-height: 63px;
    margin-left: 6%;
}
#pgnav .icon:before {margin-right:0;}

/* Social */
#social {clear:left;}
#social li {float:left; margin:0 5px 5px 0;}
#social a {
    border: 0;
    background: url(../_img/sprites/social.png) no-repeat;
    display: block;
    width: 32px;
    height: 32px;
    position: relative;
    text-indent: -9999px;    
}
#social li.redbubble a {background-position:0 0;}
#social li.facebook a  {background-position:-32px 0;}
#social li.twitter a   {background-position:-64px 0;}
#social li.instagram a {background-position:-96px 0;}
#social li.tumblr a    {background-position:-128px 0;}

#social a:hover,
#social a:focus {top:-2px;}
#social a:active {top:0;}

/* Footer
   ============================================================================ */
#footer {
    border-top: 1px dotted #666;
    overflow: hidden;
    padding: 21px 0;
}
#footnav {font-size:12px;}
#footnav > ul > li > a {font-size:14px;}
#footnav ul {margin-bottom: 21px;}
#footnav ul ul {margin-top:7px;}
#footnav li {
    margin-bottom: 3px;
    padding-left: 10px;
    text-indent: -10px;
}

#addr {margin-bottom:21px;}

#botnav {
    float: left;
    margin: 0 0 21px;
    font-size: 11px;
    line-height: 11px;
}
#botnav li {
    border-left: 1px solid #333;
    float: left;
    margin-left: 5px;
    padding-left: 5px;
}
#botnav li:first-child {border-left:0; margin-left:0; padding-left:0;}
#botnav .icon:before {opacity:.62;}
#botnav a {color:#666;}
#botnav a:hover,
#botnav a:focus {color:#222;}

#copy,#byline {
    float: right;
    margin: 0 0 3px;
    font-size: 11px;
    line-height: 11px;
    text-align: right;
}
#byline {clear:right;}

/* ============================================================================
   Mobile Landscape
   ============================================================================ */
@media only screen 
and (min-width:480px) {
    table.data th {
        padding: 15px 10px;
        font-size: 16px;
        line-height: 16px;
    }
    table.data td {
        padding: 10px;
        font-size: 14px;
        line-height: 18px;
    }
    #nav span {display:inline-block;}
}
@media only screen 
and (min-width:480px) 
and (max-width:767px) {
    .wrap {padding:0 4.3%;}
}
@media only screen 
and (min-width:603px) {
    #nav {font-size:12px;}
}

/* ============================================================================
   Tablet Portrait
   ============================================================================ */
@media only screen 
and (min-width:768px) {
    #tumblr_controls {display:block;}
    .wrap {
        width: 764px;
        margin: 0 auto;
        padding: 0;
        position: relative;
    }
    .grid1, .grid2, .grid3, .grid4, .grid5, .grid6,
    .grid7, .grid8, .grid9, .grid10, .grid11, .grid12 {
        float: left;
        display: inline;
        margin: 0 0 0 20px;
    }
    .grid1  {width:42px;}
    .grid2  {width:104px;}
    .grid3  {width:166px;}
    .grid4  {width:228px;}
    .grid5  {width:290px;}
    .grid6  {width:352px;}
    .grid7  {width:414px;}
    .grid8  {width:476px;}
    .grid9  {width:538px;}
    .grid10 {width:600px;}
    .grid11 {width:662px;}
    .grid12 {width:724px;}
    
    .first {clear:left; margin-left:0;}
    
    /* Header
       ============================================================================ */
    #header {
        width: 100%;
        position: fixed;
        z-index: 10;
    }
    #logo {margin-left:20px;}
    
    /* Nav
       ============================================================================ */
    #nav {
        padding: 0;
        position: relative; /* IE7 z-index bug */
        z-index: 70; /* IE7 z-index bug */
    }
    #nav li {
        float: left;
        position: relative;
        border: 0;
        width: auto;
        margin-left: 5px;
    }
    #nav a {padding:0 20px;}
    
    /* Outer
       ============================================================================ */
    #outer {padding-top:63px;}
    
    /* Hero
       ============================================================================ */
    #hero {display:block; margin:0 0 42px;}
    #hero .img {background:#888;} /* TEMP */
    
    /* Sidebar
       ============================================================================ */
    #sidebar {position:fixed; margin-left:20px;} /* Was 454px */
    .ipad #sidebar {margin-left:454px;} /* Fixed sidebar hack */
    /*
     * Old hacks that were necessary because Chrome and Safari
     * incorrectly shifted fixed elements to left:0. Chrome has
     * since updated and the hack is no longer needed, however
     * now Safari is completely broken. I don't really care though.
     * Additional JS hack above to fix iPad.
     */
    /* .ie #sidebar {margin-left:20px;} /* Fixed sidebar hack */
    /* @-moz-document url-prefix() { /* Fixed sidebar hack */
        /*#sidebar {margin-left:20px;}
    }*/
    
    /* Footer
       ============================================================================ */
    #footnav > ul {overflow:hidden;}
    #footnav > ul > li {
        overflow: hidden;
        width: 81px;
        float: left;
        margin-left: 20px;
    }
    #footnav > ul > li:first-child {margin-left:0;}
}
@media only screen 
and (min-width:768px) 
and (max-width:1006px) { /* 17px scrollbar offset */
    form.vert input,
    form.vert select,
    form.vert textarea {width:218px;}
    #jumpnav a {line-height:30px; font-size:14px;}
}

/* ============================================================================
   Desktop
   ============================================================================ */
@media only screen 
and (min-width:1007px) { /* 17px scrollbar offset */
    .wrap   {width:980px;}
    
    .grid1  {width:60px;}
    .grid2  {width:140px;}
    .grid3  {width:220px;}
    .grid4  {width:300px;}
    .grid5  {width:380px;}
    .grid6  {width:460px;}
    .grid7  {width:540px;}
    .grid8  {width:620px;}
    .grid9  {width:700px;}
    .grid10 {width:780px;}
    .grid11 {width:860px;}
    .grid12 {width:940px;}
    
    /* Header
       ============================================================================ */
    
    /* Nav
       ============================================================================ */
    
    /* More arrow */
    #nav li.more > a {
        background-image: url(/tumblr/_img/sprites/nav.gif);
        background-repeat: no-repeat;
        background-position: left 5px;
    }
    #nav li.more > a.hover,
    #nav li.more > a:hover {
        background-image: url(/tumblr/_img/sprites/nav.gif);
        background-repeat: no-repeat;
        background-position: left -25px;
    }
    
    /* Dropdown */
    #nav ul ul {
        border: 1px solid #fff;
        background: #666;
        background: rgba(102,102,102,.93);
        width: 224px;
        position: absolute;
        left: 0;
        z-index: 70;
        line-height: 18px;
        text-align: left;
        text-transform: none;
        
        -webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,.56);
           -moz-box-shadow: 0 0 10px 3px rgba(0,0,0,.56);
                box-shadow: 0 0 10px 3px rgba(0,0,0,.56);
    }
    #nav > ul > li > ul {
        border-top: 0;
        clip: rect(0 9999px 9999px -9999px);
    }
    #nav ul ul.edge {left:auto; right:0;} /* Dropdown align right */
    #nav li li {
        height: auto; /* Override main height */
        text-indent: 0; /* Override image replacement */
        position: static; /* Override centered nav */
    }
    #nav li li.last > a {border-bottom:0;}
    
    #nav ul ul a {
        background: none;
        width: 194px;
        float: left;
        padding: 5px 15px;
        color: #fff;
    }
    #nav ul ul a:hover {
        background: #555;
        color: #fff;
    }
    
    /* More arrow */
    #nav li li.more > a,
    #nav li li.more > a.hover,
    #nav li li.more > a:hover {
        background: url(/tumblr/_img/sprites/nav.gif) no-repeat right -2px;
    }
    #nav li li.more > a.hover,
    #nav li li.more > a:hover {background:#555;}
    
    /* Flyout */
    #nav ul ul ul {top:auto; left:224px;}
    #nav ul ul ul.edge {left:auto; right:224px;} /* Flyout align right */
    
    /* Hide/show child menus */
    #nav ul li:hover ul ul,
    #nav ul li:hover ul ul ul,
    #nav ul li:hover ul ul ul ul {display:none;}
    
    #nav ul li:hover ul,
    #nav ul li li:hover ul,
    #nav ul li li li:hover ul,
    #nav ul li li li li:hover ul {display:block;}
    
    /* Hero
       ============================================================================ */
    
    /* Sidebar
       ============================================================================ */
    #sidebar {margin-left:20px;} /* Was 580px */
    .ipad #sidebar {margin-left:580px;} /* Fixed sidebar hack */
    /*
     * Old hacks that were necessary because Chrome and Safari
     * incorrectly shifted fixed elements to left:0. Chrome has
     * since updated and the hack is no longer needed, however
     * now Safari is completely broken. I don't really care though.
     * Additional JS hack above to fix iPad.
     */
    /*@-moz-document url-prefix() { /* Fixed sidebar hack */
        /*#sidebar {margin-left:20px;}
    }*/
    
    /* Footer
       ============================================================================ */
    #footnav > ul > li {width:114px;}
    #copy,#byline {width:auto;}
    .ie7 #byline {width:500px;}
}

/* ============================================================================
   Print
   ============================================================================ */
@media print {
    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        filter:none !important;
        -ms-filter: none !important;
    }
    a,a:visited {text-decoration:underline;}
    a[href]:after {content:" (" attr(href) ")";}
    abbr[title]:after {content:" (" attr(title) ")";}
    .ir a:after,
    a[href^="#"]:after,
    a[href^="javascript:"]:after {content:"";} /* Hide links for images or internal/javascript links */
    pre,blockquote {border:1px solid #999; page-break-inside:avoid;}
    thead {display:table-header-group;}
    tr,img {page-break-inside:avoid;}
    img {max-width:100% !important;}
    @page {margin:0.5cm;}
    p,h2,h3 {orphans:3; widows:3;}
    h2,h3 {page-break-after:avoid;}
}