body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

blockquote {
    color:#000000;
}

a:focus,
a:hover { color: #000; }
a       { color: #009999; text-decoration: underline; }

h1, h2, h3, h4 {
    font-weight:normal;
    line-height:40px;
    color:#ff9840;
    padding-top:0.5em;
}

p { margin: 0 0 1.5em; }
pre { margin: 0 0 1.5em; }

#header {
    padding-top:1em;
    padding-bottom:0px;
    margin-bottom:0px;
}

#languages {
    font-size:small;
    color:#ccc;
}

#languages a {
    color:#999;
}

#languages a.active {
    text-decoration:none;
    font-weight:bold;
}

#content {
    padding-top:0px;
    padding-bottom:2em;
}

.column {
    max-width:640px;
}

.hint {
    font-size:small;
    padding-top:0.4em;
    padding-bottom:0.6em;
    color:#999;
}

.tutorial-description {
    font-size:small;
    color:#999;
    font-style:italic;
}

li ul,
li ol  { margin:0 1.5em; }
ul, ol { margin:0 1.5em 1em 1.5em; }

ul.nobullets {
    list-style:none;
}

ul.nav {
    margin:20px;
    padding:0;
    list-style:none;
}

ul.nav li {
    display:inline;
    margin-right:0px;
    margin-left:10px;
}

.rtl ul.nav li {
    display:inline;
    margin-left:0px;
    margin-right:10px;
}

ul.nav li:first-child {
    margin-left:0px;
}

ul.nav-list {
    margin:0px;
    list-style:none;
}

ul.nav-list li {
    padding-bottom:0.5em;
}

.pull-right {
    float:right;
}
.pull-left {
    float:left;
}
.rtl .pull-right {
    float:left;
}
.rtl .pull-left {
    float:right;
}
.clear {
    clear:both;
}

#footer {
    margin-top:1em;
    padding-top:1em;
    padding-bottom:1em;
}

#footer-nav {
    padding-top:1em;
    margin-top:1em;
    border-top:1px solid #eee;
}

#footer a {
    /*color:#ccc;*/
}

.social {
    padding-bottom:1em;
}

.code-box {
    margin-bottom:1em;
}

.code-box input[type=submit] {
    margin-left:0px;
}

.stdout, .stderr, .test {
    margin-top:0.5em;
}

.stderr {
    color:red;
}

.stdout pre, .stderr pre, .test pre {
    background:#FFFFD7 !important;
    padding:0.5em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    word-break:break-all;
    word-wrap:break-word;
    white-space:pre;
    white-space:pre-wrap;
}

.test h4.success, .test pre.success {
    color:green;
}

.test h4.failed, .test pre.failed {
    color:red;
}

.copy {
    color:#999;
    font-size:small;
}

.book-title {
    font-weight:bold;
}

.book-box {
    float:left;
    margin-right:1em;
    margin-bottom:1em;
}

.rtl .book-box {
    float:right;
    margin-right:0px;
    margin-left:1em;
}

.book {
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.7), inset 0 2px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.4);
    -moz-box-shadow: inset 0 0 2px rgba(0,0,0,.7), inset 0 2px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.4);
    box-shadow: inset 0 0 2px rgba(0,0,0,.7), inset 0 2px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.4);
}

.pub-year {
    padding:0px;
    padding-bottom:1em;
    font-size:small;
}

.by {
    padding:0px;
    font-size:small;
}

.center {
    text-align:center;
}

.button {
    margin-top:2em;
    margin-bottom:2em;
    -moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    -webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
    background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
    background-color:#79bbff;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #84bbf3;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:10px 40px;
    text-decoration:none;
    text-shadow:1px 1px 0px #528ecc;
}
/* This imageless css button was generated by CSSButtonGenerator.com */

.hidden {
    display:none;
}

.CodeMirror {
    border: 1px solid #eee;
}
.CodeMirror-scroll {
    height: auto;
    overflow-y: hidden;
    overflow-x: auto;
}

table#log { border-collapse: collapse; table-layout: fixed; width: 100%; }
#log col.date { width: 10%; }
#log col.ip { width: 10%; }
#log col.useragent { width: 20%; }
#log col.code { width: 20%; }
#log col.stdout { width: 20%; }
#log col.stderr { width: 20%; }
#log td { padding: 0.2em; }
#log td.date { }
#log td.ip { }
#log td.useragent { }
#log td.code { }
#log td.stdout { }
#log td.stderr { }

#pager {
    padding-top:1em;
    padding-bottom:1em;
}

#editors a {
    text-decoration:none;
    border-bottom: 1px black dotted;
}

#editors .active {
    border-bottom: 0px;
}

@media all and (max-width:940px) {
    #header {padding-bottom:0px}
    #content {padding-top:0.5em;padding-bottom:0px}
    .book-box{margin-right:0.5em; margin-bottom:0.5em}
    table,thead,tbody,tfoot,th,td,tr{display:block}
    tr+tr{margin-top:0px}
}