/**
 * Typography settings
 * --{--
 * font-family:'Crimson Text';
 * font-family:'Open Sans';
 * font-family:'ModernPictogramsNormal';
 */

html {
    line-height: 19.2px;
    line-height: 1.2rem;
    font-size: 100%;
    font-size: 16px;
    background-image: url(/lib_style/img/noise.png);
    background-attachment: fixed;
    background-color: #b3b3b3;
    color: #422;
}

h1,
h2,
th,
h4,
.timeline td:first-child,
nav h1,
#qotd a:after {
    font-family: 'Crimson Text', serif;
    font-weight: 700;
}

.lexicon h2,
h2 cite,
h1 cite {
    font-style: italic;
}

body,
nav li li a,
input {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
}

dt,
aside,
aside a,
header nav,
strong,
#home {
    font-weight: 700;
}

em,
cite,
i {
    font-style: italic;
}

strong em,
strong cite,
dt cite {
    font-style: italic;
    font-weight: 700;
}

#menu > ul > li:before,
aside a:before,
header label:before,
.toggle {
    font-family: 'ModernPictogramsNormal';
    text-align: center;
    vertical-align: middle;
    unicode-range: U+73/* 's'-magnifying glass */
    , U+2f/* '/'-down-pointing triangle */
    , U+3e/* '>'-right-pointing triangle */
    , U+2d/* '-'-up-pointing triangle */
    ;
}

input {
    font-size: 19.2px;
    font-size: 1.2rem;
}

h1,
h2,
th,
h4 {
    font-size: 19.2px;
    font-size: 1.2rem;
    line-height: 19.2px;
    line-height: 1.2rem;
}

.lexicon h2 {
    font-size: 17.6px;
    font-size: 1.1rem;
}

header nav {
    font-size: 17.6px;
    font-size: 1.1rem;
    line-height: 32px;
    line-height: 2rem;
    vertical-align: middle;
    text-indent: 0;
    text-align: center;
}

sup,
sub {
    font-size: 12px;
    font-size: .8rem;
    line-height: 1;
    vertical-align: baseline;
}

em {
    letter-spacing: 1px;
    letter-spacing: .0625rem;
}

em cite {
    letter-spacing: 0;
}

header nav,
aside,
aside a,
#home {
    font-variant: small-caps;
}

.index article h1 {
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    text-align: left;
}

aside,
aside a {
    text-decoration: none;
    vertical-align: middle;
    line-height: 1.2;
}

nav li li a {
    font-variant: normal;
}

body,
h2,
th,
h4 {
    text-align: left;
}

h1,
.lexicon h2,
header nav,
.timeline th {
    text-align: center;
}

fieldset {
    text-align: right;
}

a {
    text-decoration: underline;
}

.section_link {
    line-height: 19.2px;
    line-height: 1.2rem;
    vertical-align: bottom;
    text-align: center;
}

.section_link a {
    line-height: 19.2px;
    font-size: 19.2px;
    font-size: 1.2rem;
    text-decoration: none;
}

hr {
    text-align: center;
}

hgroup h1 {
    font-variant: small-caps;
    font-style: normal;
}

article fieldset,
hgroup {
    text-align: left;
}

.index article > p {
    line-height: 27px;
    line-height: 1.8rem;
}

header nav a {
    text-decoration: none;
    width: 53px;
}

nav h1 {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 64px;
    line-height: 4rem;
    letter-spacing: 1px;
}

#menu li {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 25px;
    line-height: 1.5625rem;
}

#menu a {
    font-size: 12.8px;
    font-size: .8rem;
    line-height: 19.2px;
    line-height: 1.2rem;
    text-indent: 2px;
    text-indent: .125rem;
}

#menu a:before {
    font-size: 16px;
    font-size: 1rem;
}

#menu li:before {
    font-size: 24px;
    font-size: 1.5rem;
}

#MenuBuyBk a,
#TellAFriend a,
#qotd a {
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 36px;
    line-height: 2.25rem;
    text-indent: 14px;
    text-indent: .875rem;
}

#home a {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 32px;
    line-height: 2rem;
    letter-spacing: 2px;
    letter-spacing: .125rem;
    text-align: center;
    text-decoration: none;
}

#qotd a:after {
    font-size: 54px;
    text-indent: 0;
}

body > .wrapper > footer p,
article > footer p {
    font-size: 12px;
    font-size: .8rem;
    line-height: 1.2;
    text-align: left;
}

article > footer:last-child h2 {
    text-align: left;
    line-height: 1.2;
    font-size: 100%;
    font-variant: small-caps;
}

.attribution p {
    vertical-align: middle;
    text-align: right;
}

footer.attribution p {
    text-align: left;
}

header label:before {
    font-size: 27px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 1.5rem;
}

#ari,
header label {
    font: 0/0 a;
}

table td {
    vertical-align: top;
}


/**
 * --}--
 */


/**
 * Layout
 * keeping things as close to multiples of 12px (halves are okay)
 * -- { --
 */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body > .wrapper {
    width: 960px;
    margin: 0 auto;
    position: relative;
}

body > .wrapper > header {
    position: relative;
    overflow: none;
}

article {
    position: relative;
    min-height: 588px;
    margin: 0 0 0 252px;
    padding: 81px 18px 18px;
    padding: 81px 1.2rem 1.2rem;
}

.ie_eq8 article {
    min-height: 528px;
}

body > .wrapper > aside {
    width: 228px;
    position: fixed;
    top: 0;
}

body > .wrapper > footer {
    margin: 0 0 0 252px;
    padding: 0 18px;
    padding: 0 1.2rem 64px;
    height: auto;
}

header nav {
    width: 960px;
}

.toggle {
    display: none;
}

header nav,
body:before,
header nav h1 {
    height: 64px;
}

header nav,
body:before {
    position: absolute;
    position: fixed;
    z-index: 3;
    bottom: 0;
}

body::before {
    content: "";
    width: 50%;
    left: 50%;
    margin-left: 480px;
}

ul,
ol {
    padding: 0;
    margin: 0;
}

header label {
    display: block;
    padding: 0 4.5px 0 27px;
    padding: 0 .3rem 0 1.8rem;
    height: 22.5px;
    height: 1.5rem;
    position: relative;
    width: auto;
}

header label:before {
    display: inline-block;
    content: 's';
    min-width: 15px;
    min-width: 1rem;
    height: 1.5rem;
    position: absolute;
    top: 0;
    left: 4.5px;
    left: .3rem;
}

.ie_eq9 header label:before {
    top: 13px;
}

header input {
    width: 90px;
    width: 6rem;
    height: 22.5px;
    height: 1.5rem;
    border: 0;
    padding: 0;
}

header input:focus {
    width: 225px;
    width: 15rem;
}

h1 {
    margin: 4.5px 0 27px;
    margin: .3rem 0 1.8rem;
}

h2,
h4 {
    margin: 18px 0;
    margin: 1.2rem 0;
}

p,
table td,
article li,
article dl {
    position: relative;
}

p,
table td,
article dl,
article ul,
article ol {
    margin: 18px 0;
    margin: 1.2rem 0;
}

article li {
    list-style-position: outside;
    margin: 0 0 18px 18px;
    margin: 0 0 1.2rem 1.2rem;
}

.index .columns li,
.conceptual .columns li {
    margin-left: 0;
}

fieldset {
    border: none;
    height: 25px;
    float: right;
    padding: 18px 18px 0 0;
    padding: 1.2rem 1.2rem 0 0;
}

legend {
    display: none;
}

blockquote {
    margin: 18px 0;
    margin: 1.2rem 0;
    padding: 0 0 0 9px;
    padding: 0 0 0 .6rem;
    border-left-width: 0 0 0 9px;
    border-width: 0 0 0 .6rem;
}

nav li {
    margin: 0;
}

hr {
    margin: 9px auto;
    margin: 0.6rem auto;
    height: 1px;
    width: 33%;
    border: 0;
    clear: both;
    color: #422;
    background: #422;
}

dt {
    margin: .6em 0;
    margin: .6rem 0;
}

dd {
    margin: .6em 0 .6em .6em;
    margin: .6rem 0 .6rem .6rem;
}

.lexicon dt {
    margin: .6em 0 .6em -.6em;
    margin: .6rem 0 .6rem -.6rem;
    display: run-in;
}

.lexicon dt:after,
hgroup h1:after {
    content: ": ";
}

pre code {
    display: none;
}

br,
hr {
    clear: both;
}

hgroup {
    margin: 0 0 18px;
    margin: 0 0 1.2rem;
}

hgroup h1,
hgroup h2 {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.columns {
    margin: 0 0 2.4em;
    margin: 0 0 2.4rem;
    position: relative;
}

.ie_eq7 .columns,
.ie_lt7 .columns {
    overflow: hidden;
}

.columns ul {
    -webkit-columns: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 2.4rem;
    -moz-column-gap: 2.4rem;
    column-gap: 2.4rem;
}

.ie_eq7 .columns ul,
.ie_eq8 .columns ul,
.ie_eq9 .columns ul {
    float: left;
    margin: 0 0 36px;
    margin: 0 0 2.4rem;
}

.ie_eq7 .columns ul li,
.ie_eq8 .columns ul li,
.ie_eq9 .columns ul li {
    float: left;
    width: 280px;
    margin: 18px 36px 0 0;
    margin: 1.2rem 2.4rem 0 0;
}

.attribution {
    width: 100%;
    display: table;
}

.attribution p {
    display: table-cell;
}

footer.attribution p:first-child {
    width: 12%;
}

footer.attribution p + p {
    width: 88%;
}

.section_link {
    position: absolute;
    margin: 0;
    right: 100%;
    width: 18px;
    width: 1.2rem;
}

.social_block {
    clear: both;
    zoom: 1;
}

.social_block:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}

.social_block div {
    float: left;
}

.gplus_wrapper {
    width: 90px;
    height: 20px;
}

.fb-like {
    margin: -1px 0 0;
    height: 20px;
}

.gc-bubbleDefault,
.pls-container {
    position: static;
}

nav a,
nav li {
    display: block;
}

nav h1 {
    width: 252px;
    margin: 0 9px 0 0;
}

nav h1,
nav li {
    float: left;
    position: relative;
}

article > header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 72px;
    height: 4.8rem;
    right: 0;
}

#ari {
    float: left;
    margin: 0 9px 9px 0;
    margin: 0 .6rem .6rem 0;
    height: 100px;
    width: 100px;
    display: block;
    background-image: url('/lib_style/img/aro-logo.svg');
    background-repeat: no-repeat;
    color: transparent;
    text-shadow: none;
    background-size: contain;
}

article > footer,
.links {
    margin-top: 54px;
    margin-top: 3.6rem;
}

article > footer p {
    margin: 1.2em 0 0;
    margin: 1.2rem 0 0;
}

aside nav > ul > li {
    margin-bottom: 1.8em;
    margin-bottom: 1.8rem;
}

#qotd {
    margin-bottom: 29px;
    margin-top: 120px;
}

#MenuBuyBk a,
#TellAFriend a,
#qotd a {
    display: block;
    height: 36px;
    width: 228px;
    border-width: 2px;
}

#MenuBuyBk a:after,
#TellAFriend a:after,
#qotd a:after {
    display: block;
    content: "";
    position: absolute;
}

#MenuBuyBk a:after {
    width: 69px;
    height: 75px;
    top: -15px;
    right: 0;
}

#TellAFriend a:after {
    width: 73px;
    height: 58px;
    top: -11px;
    right: -22px;
}

#qotd a:after {
    content: "\201c\201e";
    width: 20px;
    height: 36px;
    top: 4px;
    right: 20px;
    overflow: visible;
}

#home {
    position: fixed;
    width: 88px;
    height: 32px;
    z-index: 2;
    left: auto;
    margin-left: -183px;
    margin-top: 59px;
}

#home a {
    display: block;
}

#menu {
    padding: 9px 0;
    padding: .6rem 0;
    width: 100%;
}

#menu li {
    width: 100%;
}

#menu > ul > li > ul {
    height: 0;
    overflow: hidden;
}

.ie_lt7 #menu > ul > li > ul {
    height: 1%;
    overflow: none;
}

.no-js #menu > ul > li > ul,
#menu > ul > li.marked > ul {
    height: auto;
    overflow: none;
}

#menu > ul > li:before,
#menu a:before {
    content: ">";
    display: inline-block;
    position: relative;
    padding: 0 1px 0 2px;
    width: 13px;
}

article img {
    float: left;
    margin: 0 4.8px 4.8px 0;
    margin: 0 .6rem .6rem 0;
}

.timeline img {
    float: none;
    margin: 0 4.8px 0 0;
    margin: 0 .6rem 0 0;
}

.timeline th time {
    float: left;
}

.faq img,
.attribution img,
.social_block img {
    float: none;
}

.attribution img {
    margin: 0 9.6px 4.8px 0;
    margin: 0 .6rem .3rem 0;
}

.faq img,
.social_block img {
    margin: 0;
}

.other-web-sites div h3 a {
    margin: 18px;
    margin: 1.2rem;
}

.timeline th,
.timeline td {
    padding: 4.8px;
    padding: .6rem;
}

#site_aynrandlexicon,
#site_atlasshruggedinitiative,
.noshow {
    display: none;
}

.attribution br {
    clear: none;
}

.footnotes hr {
    margin: 0;
}

.index article h1 {
    width: 234px;
    width: 15.6rem;
    top: 120px;
    left: 54px;
    left: 3.6rem;
    margin: 0;
    padding: 0;
}

.index article h1,
.index article > p,
.index article > p #cover {
    position: absolute;
}

.index article > p {
    width: 300px;
    width: 20rem;
    top: 166px;
    left: 15px;
    left: 1rem;
    border-width: 1px;
    padding: 18px 36px 18px 18px;
    padding: 1.2rem 2.4rem 1.2rem 1.2rem;
}

.index article > p #cover {
    display: block;
    top: -100px;
    right: -260px;
    z-index: 2;
    margin: 0;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #999;
    background-image: url(/style/img/cover.jpg);
    height: 450px;
    width: 300px;
    /* rotation by 12.5deg, see http://www.boogdesign.com/examples/transforms/matrix-calculator.html */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.97629601, M12=-0.21643961, M21=0.21643961, M22=0.97629601,sizingMethod='auto expand') progid:DXImageTransform.Microsoft.Blur(PixelRadius=1.5) progid:DXImageTransform.Microsoft.dropshadow( OffX=9, OffY=9, Color='#aa000000')";
    filter: progid: DXImageTransform.Microsoft.Matrix(M11=0.97629601, M12=-0.21643961, M21=0.21643961, M22=0.97629601, sizingMethod='auto expand') progid: DXImageTransform.Microsoft.Blur(PixelRadius=1.5) progid: DXImageTransform.Microsoft.dropshadow( OffX=9, OffY=9, Color='#aa000000');
    -webkit-transform: rotate(12.5deg);
    -moz-transform: rotate(12.5deg);
    -o-transform: rotate(12.5deg);
    transform: rotate(12.5deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.ie_lt7 article > p #cover {
    /* XXX */
    right: -266px;
}

.ie_eq7.index article > p #cover {
    /* XXX */
    right: -306px;
}

.ie_eq8.index article > p #cover {
    /* XXX */
    right: -216px;
}

.ie_eq9.index article > p #cover {
    /* XXX */
    filter: none;
}

article .gsc-adBlock {
    margin: 18px 36px 36px 0;
    margin: 1.2rem 2.4rem 2.4rem 0;
}

article .gsc-adBlock iframe {
    background-color: transparent;
}

article .gsc-webResult .gsc-result {
    border: none;
}


/**
 * --}--
 */


/**
 * Colors, backgrounds, graphics
 * --{--
 */

th {
    background: #cfcfcf;
    color: #00f;
}

h1,
h2,
th,
h4 {
    color: #422;
}

ol li {
    list-style: decimal;
}

ul li {
    list-style-type: square;
}

ul ul li {
    list-style-type: disc;
}

.columns ul li {
    list-style: none;
}

blockquote {
    border-style: solid;
    border-color: #900;
}

a,
a:link {
    color: #900;
}

dl,
p,
table td,
article li {
    color: #422;
}

a:hover,
a:focus,
a:hover {
    color: #b35900;
    outline: none;
}

a:visited {
    color: #a00;
}

article > p a:active {
    background-color: #ff9;
}

.ie_0:target {
    background-color: rgba( 255, 255, 255, 0.2);
}

article img {
    box-shadow: 5px 5px 8px rgba( 1, 1, 1, 0.8);
}

.faq img,
.gcsc-branding-img-noclear img {
    box-shadow: none;
}

footer a img {
    opacity: .8;
}

.section_link a {
    opacity: .2;
}

.section_link a,
article footer img,
header input,
header label,
header nav {
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
}

.section_link a,
article footer img {
    -webkit-transition: opacity .5s ease-in;
    -moz-transition: opacity .5s ease-in;
    -o-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in;
}

.columns:hover .section_link a,
article footer a:hover img {
    opacity: 1;
}

header nav,
header nav a,
#menu,
#MenuBuyBk a,
#TellAFriend a,
#qotd a,
article,
article header,
.index article > p {
    behavior: url(/lib_style/PIE.htc);
}

header nav {
    border-radius: 13.5px 0 0 13.5px;
    border-radius: .9rem 0 0 .9rem;
}

header input {
    outline: none;
    background-color: transparent;
}

header label {
    background-color: #fff;
    color: transparent;
    text-shadow: none;
    border-radius: 13.5px;
    border-radius: .9rem;
}

header label:before {
    color: #333;
}

header label:hover {
    background-color: #f7f76e;
    box-shadow: 0 0 15px hsla( 0, 100%, 100%, .8);
}

header label.focused {
    background-color: #ffffe5;
    box-shadow: 0 0 10px hsla( 0, 100%, 100%, .6);
}


/* gets applied with a jQuery rule */

header nav,
body:before {
    background-color: #4d4d4d;
    background-color: rgba(77, 77, 77, .8);
}

nav,
nav h1,
header nav a:link,
header nav a:visited {
    color: #fff;
}

header nav a:active,
header nav a:hover {
    color: #fff21a;
}

header nav a:hover {
    text-shadow: #fff21a 0 0 12px;
    text-shadow: rgba(255, 242, 26, .8) 0 0 16px;
}

header nav a:active {
    text-shadow: #fff21a 0 0 12px;
    background-color: transparent;
}

#home a {
    color: #000;
    background-repeat: no-repeat;
    background-position: -1px -1px;
    background-image: url(/style/img/MenuHome.png);
}

.ie_lt7 #home a {
    background-image: url(/style/img/MenuHome.gif);
}

#home a:hover {
    color: #fff;
    text-shadow: rgba(1, 1, 1, .9) -1px -1px 1px;
}

#home a:active {
    background-position: 1px 1px;
    text-shadow: rgba(1, 1, 1, .9) 1px 1px 1px;
}

#menu {
    background: #900;
    color: #fff;
}

#menu,
#MenuBuyBk a,
#TellAFriend a,
#qotd a,
.index article > p {
    border-radius: 13.5px;
    border-radius: .9rem;
}

#menu li {
    cursor: pointer;
    cursor: hand;
    list-style: none;
}

#menu a {
    color: #f7e0ae;
}

#menu a:before,
#menu > ul > li:before,
#menu > ul > li > ul {
    visibility: hidden;
}

.ie_lt7 #menu > ul > li > ul,
.no-js #menu > ul > li > ul {
    visibility: visible;
}

#menu > ul > li.marked > ul,
#menu ul li:hover:before,
#menu > ul > li.marked:before,
#menu a.marked:before {
    visibility: visible;
}

#menu > ul > li.marked:before {
    content: "/";
}

#menu > ul > li:before {
    color: #fed;
}

#menu > ul > li.marked:before {
    color: #fff;
}

#menu a:hover {
    color: #5d4f40;
    background-color: #e8b98b;
}

#menu li:hover,
#menu a:hover {
    text-shadow: rgba(255, 255, 255, 1) 0 0 4px;
}

#menu li:hover a {
    text-shadow: none;
}

#menu a:before {
    color: #fff;
}

#MenuBuyBk a,
#TellAFriend a,
#qotd a {
    border-style: solid;
}

#MenuBuyBk a:hover,
#qotd a:hover {
    color: #fff;
}

#qotd a:after {
    text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff, 3px 3px 6px rgba(0, 0, 0, .8);
}

#MenuBuyBk a,
#qotd a {
    background-color: #f7e0ae;
    border-color: #900;
}

#MenuBuyBk a:after {
    background-image: url(/style/img/MenuBuyBk.png);
}

.ie_lt7 #MenuBuyBk a:after {
    background-image: url(/style/img/MenuBuyBk.gif);
}

#MenuBuyBk a:hover,
#qotd a:hover {
    color: #f7e0ae;
    background-color: #900;
}

#MenuBuyBk a:hover:after {
    background-image: url(/style/img/MenuBuyBkRol.png);
}

.ie_lt7 #MenuBuyBk a:hover:after {
    background-image: url(/style/img/MenuBuyBkRol.gif);
}

#qotd a:hover:after {
    text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 3px 3px 6px rgba(0, 0, 0, .8);
}

#TellAFriend a {
    border-color: #fff;
    background: #000000;
    background: url(/style/img/tellafriend.svg);
    background: -moz-linear-gradient(left, hsla(0, 0%, 0%, 1) 0%, hsla(220, 1%, 44%, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, hsla(0, 0%, 0%, 1)), color-stop(100%, hsla(220, 1%, 44%, 1)));
    background: -webkit-linear-gradient(left, hsla(0, 0%, 0%, 1) 0%, hsla(220, 1%, 44%, 1) 100%);
    background: -o-linear-gradient(left, hsla(0, 0%, 0%, 1) 0%, hsla(220, 1%, 44%, 1) 100%);
    background: -ms-linear-gradient(left, hsla(0, 0%, 0%, 1) 0%, hsla(220, 1%, 44%, 1) 100%);
    background: linear-gradient(left, hsla(0, 0%, 0%, 1) 0%, hsla(220, 1%, 44%, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#6d6e70', GradientType=1);
}

#TellAFriend a {
    color: #fff;
}

#TellAFriend a:after {
    background-image: url(/style/img/envelope.png);
    background-repeat: no-repeat;
}

.ie_lt7 #TellAFriend a:after {
    background-image: url(/style/img/envelope.gif);
}

#TellAFriend a:hover {
    background: #890c08;
    background: url(/style/img/tellafriend-hover.svg);
    background: -moz-linear-gradient(left, hsla(2, 89%, 29%, 1) 80%, hsla(30, 100%, 80%, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(80%, hsla(2, 89%, 29%, 1)), color-stop(100%, hsla(30, 100%, 80%, 1)));
    background: -webkit-linear-gradient(left, hsla(2, 89%, 29%, 1) 80%, hsla(30, 100%, 80%, 1) 100%);
    background: -o-linear-gradient(left, hsla(2, 89%, 29%, 1) 80%, hsla(30, 100%, 80%, 1) 100%);
    background: -ms-linear-gradient(left, hsla(2, 89%, 29%, 1) 80%, hsla(30, 100%, 80%, 1) 100%);
    background: linear-gradient(left, hsla(2, 89%, 29%, 1) 80%, hsla(30, 100%, 80%, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#890c08', endColorstr='#ffcc99', GradientType=1);
}

.index article h1 strong {
    color: #900;
}

.index article {
    background-image: url(/style/img/portrait_sig-01.png);
    background-repeat: no-repeat;
    background-position: 36px 90%;
    background-position: 2.4rem 90%;
}

.index article > p {
    background-color: #fc9;
    color: #000;
    border-style: solid;
    border-color: #900;
}

.ie_0 .index article > p #cover {
    -webkit-filter: blur(0.5px);
    -moz-filter: blur(0.5px);
    -o-filter: blur(0.5px);
    filter: blur(0.5px);
}

.index article > p #cover {}

.index article > p,
.index article > p #cover {
    box-shadow: rgba(1, 1, 1, .7) 9px 9px 9px;
    box-shadow: rgba(1, 1, 1, .7) .6rem .6rem .6rem;
}

article {
    background-color: #f7e0ae;
    border-radius: 0 0 0 18px;
    border-radius: 0 0 0 1.2rem;
}

article header {
    background: #f6f29e;
    background: url(/style/img/article_header.svg);
    background: -moz-linear-gradient(left, hsla(57, 83%, 79%, 1) 0%, hsla(19, 93%, 52%, 1) 25%, hsla(359, 91%, 37%, 1) 50%, hsla(1, 85%, 21%, 1) 75%, hsla(0, 0%, 0%, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, hsla(57, 83%, 79%, 1)), color-stop(25%, hsla(19, 93%, 52%, 1)), color-stop(50%, hsla(359, 91%, 37%, 1)), color-stop(75%, hsla(1, 85%, 21%, 1)), color-stop(100%, hsla(0, 0%, 0%, 1)));
    background: -webkit-linear-gradient(left, hsla(57, 83%, 79%, 1) 0%, hsla(19, 93%, 52%, 1) 25%, hsla(359, 91%, 37%, 1) 50%, hsla(1, 85%, 21%, 1) 75%, hsla(0, 0%, 0%, 1) 100%);
    background: -o-linear-gradient(left, hsla(57, 83%, 79%, 1) 0%, hsla(19, 93%, 52%, 1) 25%, hsla(359, 91%, 37%, 1) 50%, hsla(1, 85%, 21%, 1) 75%, hsla(0, 0%, 0%, 1) 100%);
    background: -ms-linear-gradient(left, hsla(57, 83%, 79%, 1) 0%, hsla(19, 93%, 52%, 1) 25%, hsla(359, 91%, 37%, 1) 50%, hsla(1, 85%, 21%, 1) 75%, hsla(0, 0%, 0%, 1) 100%);
    background: linear-gradient(left, hsla(57, 83%, 79%, 1) 0%, hsla(19, 93%, 52%, 1) 25%, hsla(359, 91%, 37%, 1) 50%, hsla(1, 85%, 21%, 1) 75%, hsla(0, 0%, 0%, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f6f29e', endColorstr='#000000', GradientType=1);
    border-radius: 0 0 9px 0;
    border-radius: 0 0 .6rem 0;
}

.ie_eq9 article header,
.ie_eq9 #TellAFriend a {
    filter: none;
}


/**
 * --}--
 */

@media print {
    @page {
        size: 8.5in 11in;
        margin: 1in;
    }
    body {
        font-size: 16pt;
        font-family: georgia, serif;
    }
    body:before {
        display: none;
    }
    html,
    body,
    article,
    footer,
    body > .wrapper > footer,
    header,
    aside {
        background: #fff;
        color: #000;
        position: static;
        margin: 0;
        padding: 0;
    }
    h1 {
        text-align: center;
        font-size: 18px;
        font-size: 1.2rem;
    }
    article header {
        background: #fff;
    }
    form,
    footer.attribution .section_link,
    nav {
        display: none;
    }
    article,
    footer,
    body {
        width: 100%;
    }
    p {
        color: #fff;
    }
}

@media screen and (max-width:959px) {
    article {
        margin: 0 auto;
        max-width: 800px;
        width: auto;
        border-radius: 0 0 1.2rem 1.2rem;
    }
    body {
        padding-bottom: 20px;
    }
    body > .wrapper {
        width: 100%;
    }
    body > .wrapper > aside,
    body > .wrapper > footer {
        position: relative;
        max-width: 800px;
        width: auto;
        margin: 9px auto;
        margin: .6rem auto;
    }
    body > .wrapper > aside {
        border-radius: 9px;
        border-radius: .6rem;
        background-color: #666;
        background-color: rgba(102, 102, 102, .5);
        padding: 27px 4.5px 4.5px;
        padding: 1.8rem .3rem .3rem;
    }
    body > .wrapper > aside:after {
        content: ".";
        visibility: hidden;
        height: 0;
        clear: both;
        float: none;
        display: block;
    }
    nav > ul > li {
        float: left;
        background-color: transparent;
    }
    body > .wrapper > aside li {
        float: left;
    }
    body > .wrapper > aside li li {
        max-width: 166px;
    }
    header > nav {
        width: 100%;
        border-radius: 0;
        height: auto;
    }
    header > nav.hidden {
        height: 2px;
    }
    header > nav h1 {
        font-size: 15px;
        font-size: 1rem;
        line-height: 21.6px;
        line-height: 1.8rem;
        letter-spacing: 0;
        float: none;
        height: auto;
        position: absolute;
        bottom: 100%;
        background-color: #4d4d4d;
        background-color: rgba(77, 77, 77, .8);
        border-radius: .6em .6em 0 0;
        width: auto;
        padding: 0 0 0 1.2rem;
    }
    header > nav a.toggle {
        display: inline-block;
        font-size: 1.8rem;
        line-height: 1.8rem;
        padding: 0;
    }
    header > nav li a {
        background-color: rgba(0, 0, 0, .4);
        border-radius: 9.6px;
        border-radius: .6rem;
        color: #422;
        width: 44px;
        height: 25px;
        line-height: 25px;
        margin: 3px;
        box-shadow: inset 3px 3px 3px 3px rgba(255, 255, 255, .4), inset -3px -3px 3px 3px rgba(0, 0, 0, .4);
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, hsla(0, 0%, 0%, 0.65) 0%, hsla(0, 0%, 0%, 0) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsla(0, 0%, 0%, 0.65)), color-stop(100%, hsla(0, 0%, 0%, 0)));
        background: -webkit-linear-gradient(top, hsla(0, 0%, 0%, 0.65) 0%, hsla(0, 0%, 0%, 0) 100%);
        background: -o-linear-gradient(top, hsla(0, 0%, 0%, 0.65) 0%, hsla(0, 0%, 0%, 0) 100%);
        background: -ms-linear-gradient(top, hsla(0, 0%, 0%, 0.65) 0%, hsla(0, 0%, 0%, 0) 100%);
        background: linear-gradient(to bottom, hsla(0, 0%, 0%, 0.65) 0%, hsla(0, 0%, 0%, 0) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
    }
    #menu {
        padding: 9px;
        padding: .6rem;
        background-color: transparent;
        margin: 0;
    }
    #menu a {
        text-indent: 0;
        padding: 1px 3px;
        margin: 1px 0;
        background-color: rgba( 0, 0, 0, .4);
        color: #ccc;
        border-radius: .3rem;
    }
    #menu a:before {
        display: none;
    }
    #menu li {
        letter-spacing: 0;
    }
    #menu > ul > li {
        font-size: 15px;
        font-size: 1rem;
        line-height: 18px;
        line-height: 1.2rem;
        float: left;
        width: auto;
        padding: 3px;
    }
    #menu > ul > li:before {
        display: none;
    }
    #menu > ul > li > ul {
        height: auto;
        overflow: visible;
        visibility: visible;
    }
    #MenuBuyBk a:after,
    #qotd a:after,
    #TellAFriend a:after {
        display: none;
    }
    #MenuBuyBk a,
    #qotd a,
    #TellAFriend a {
        background: transparent;
        border: none;
        width: auto;
        height: auto;
        text-indent: 0;
    }
    #MenuBuyBk a:hover,
    #qotd a:hover,
    #TellAFriend a:hover {
        border: none;
    }
    #home,
    #qotd,
    #MenuBuyBk,
    #TellAFriend {
        position: absolute;
        top: 0;
        margin: 0;
        padding: 0;
        width: auto;
    }
    #home {
        left: 4.5px;
        left: .5rem;
    }
    #qotd {
        left: 13.5px;
        left: .9rem;
    }
    #TellAFriend {
        left: 135px;
        left: 9rem;
    }
    #MenuBuyBk {
        left: 232px;
        left: 16rem;
    }
    #qotd a,
    #MenuBuyBk a,
    #TellAFriend a {
        font-size: 15px;
        font-size: 1rem;
        color: #422;
    }
    #home a,
    #qotd a,
    #MenuBuyBk a,
    #TellAFriend a {
        font-size: 15px;
        font-size: 1rem;
        line-height: 18px;
        line-height: 1.2rem;
        height: auto;
        width: auto;
        margin: 6px 3px;
        padding: 2px;
        background: #ccc;
        background: rgba(208, 208, 208, .5);
        border-radius: 4.5px;
        border-radius: .3rem;
    }
    #home a:hover,
    #qotd a:hover,
    #MenuBuyBk a:hover,
    #TellAFriend a:hover {
        background: #333;
        background: rgba(0, 0, 0, .8);
        color: #ccc;
    }
}

@media screen and (max-width:800px) {
    /* iPad */
    html {
        -webkit-text-size-adjust: none;
        overflow-x: hidden;
    }
    body:before {
        display: none;
    }
    article {
        padding: 36px 18px 18px;
        padding: 2.4rem 1.2rem 1.2rem;
        margin: 0;
    }
    article header {
        height: 36px;
        height: 2.4rem;
    }
    fieldset {
        padding: 5px 3px;
    }
    .index article > p #cover {
        transform: scale(.8) rotate(12.5deg);
        -o-transform: scale(.8) rotate(12.5deg);
        -moz-transform: scale(.8) rotate(12.5deg);
        -webkit-transform: scale(.8) rotate(12.5deg);
        top: -100px;
        right: -225px;
    }
}

@media screen and (max-width:720px) {
    #home a,
    #qotd a,
    #MenuBuyBk a,
    #TellAFriend a {
        margin: 6px 3px 6px 0;
    }
    #menu ul,
    #menu li {
        float: none;
        overflow: hidden;
    }
    #menu li {
        max-width: 100%;
    }
    #menu > ul {
        /* getting orphans and widows */
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
    #menu > ul > li {
        display: inline-block;
        width: 100%;
        margin-bottom: .6em;
        float: none;
        padding: 0;
    }
}

@media screen and (max-width:600px) {
    .index article > p #cover {
        transform: scale(.5) rotate(12.5deg);
        -o-transform: scale(.5) rotate(12.5deg);
        -moz-transform: scale(.5) rotate(12.5deg);
        -webkit-transform: scale(.5) rotate(12.5deg);
        top: -132px;
        right: -180px;
    }
}

@media screen and (max-width:480px) {
    /* iPhone < v5 in landscape */
    html {
        line-height: 14.4px;
        line-height: 1.2rem;
        font-size: 12px;
        font-size: 75%;
    }
    #ari {
        width: 40px;
        height: 40px;
        background-size: cover;
    }
    .columns ul {
        -webkit-columns: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }
}

@media screen and (max-width:320px) {
    /* iPhone in portrait */
    .index article > p #cover {
        display: none;
    }
    #menu > ul {
        /* getting orphans and widows */
        -moz-column-count: 2;
        -moz-column-gap: 2%;
        -moz-column-width: 48%;
        -webkit-column-count: 2;
        -webkit-column-gap: 2%;
        -webkit-column-width: 48%;
        column-count: 2;
        column-gap: 2%;
        column-width: 48%
    }
}