/* GLOBAL STYLESHEET FOR NOTEBOOKARCHIVE

   developer:   suef
   requires:    /common/framework/css/framework.en.css
                /css/global.en.css
   ========================================================================== */

/*  Main styles 
    ==================================*/
body, html {
    height: 100%;
}
html { 
    border-top: none; 
}
#_noscript div {
    top: 0 !important;
}
.main {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.57;
    position: relative;
    padding: 0 0 14rem;
    min-height: 100%;
    color: #333;
}
.inner {
    max-width: 860px;
    margin: 0 auto;
    position: relative;
    padding: 2rem 0;
}
.header .inner {
    padding: 0;
}
.gradient {
    background: linear-gradient(to bottom, #fff 0%,#f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #d4d4d4;
    position: relative;
}
section p {
    margin: 1rem 0;
    font-size: 14px;
}

.divider {
    border-top: 1px solid #d1d1d1;
}

hr {
    background: #d4d4d4;
    height: 1px;
    width: 100%;
    border: 0;
    margin: 2.5rem 0 1.5rem;
}

/*  Text styles 
    ==================================*/
.main h1 {
    font-size: 2rem;
    color: #e93e07;
    font-weight: 600;
    line-height: 1.16;
}
.main h2 {
    margin: 1rem 0 1.5rem;
    font-size: 1.45rem;
    color: #e93e07;
    font-weight: 600;
    max-width: 70%;
}

.main h3 {
    margin: 2.5rem 0 0;
    color: #e93e07;
    font-size: 1.25rem;
    font-weight: 600;
}

section {
    color: #646464;
    padding: 0 1rem;
}
.light {
    color: #777;
    font-weight: 300;
}
.gradient .light {
    color: #666;
    line-height: 1.6;
}
.tagline {
    font-size: 1.31rem;
    line-height: 1.29;
}
.intro {
    color: #646464;
    font-size: 1.06rem;
    line-height: 1.6;
}
.big {
    font-size: 1.37rem;
}
.main a {
    color: #ff3300;
}
.main a:hover {
    color: #fc782d;
}
.intro a {
    color: #333;
}
.intro a:hover {
    color: #fc782d;
}
a.breadcrumb {
    color: #898989;
    font-size: .87rem;
    display: block;
}
.rsaquo {
    color: #ff3300;
}
.inline-list {
    display: block;
}
.inline-list li {
    display: inline-block;
}
.inline-list li:before {
    content: ' | ';
    display: inline;
    font-weight: 300;
    color: #b3b3b3;
}
.inline-list li:first-of-type:before {
    display: none;
}
.last {
    margin-bottom: 0;
}
.center-align {
    text-align: center;
}

a.button {
    padding: 7px 20px;
    color: #fff;
    background: #ff5c23;
    border-radius: 7px;
    line-height: 1;
    display: inline-block;
    font-size: .9rem;
}
a.button:hover {
    color: #fff;
    background: #fc782d;
}

/*  Footer styles 
    ==================================*/
.footer {
    position: absolute;
    bottom: 0;
    margin: 0 0 2rem;
    width: 100%;
    text-align: center;
}
.footer .wolfram-foundation {
    font-size: 0;
    background: url('/https/notebookarchive.org/img/wolfram-foundation.png') no-repeat center center;
    background-size: 90% auto;
    max-width: 378px;
    height: 62px;
    margin: 2rem auto .5rem;
    position: relative;
    display: block;
}
.footer .links {
    color: #898989;
    font-size: .63rem;
}
.footer .links a {
    font-size: .63rem;
    color: #898989;
}
.footer .links a:hover {
    color: #fc782d;   
}