/*!
layout.css -- css stylesheet used on audio-video .gnu.org
This is a simplified version of the main gnu.org stylesheet:
https://www.gnu.org/layout.css

Copyright (C) 2016 Free Software Foundation

Permission is hereby granted, free of charge, to any person
obtaining a copy of this software and associated documentation
files (the "Software"), to deal in the Software without
restriction, including without limitation the rights to use,
copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the
Software is furnished to do so, subject to the following
conditions:

The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
*/

@import url('//www.gnu.org/reset.css');

/***  PAGE LAYOUT  ***/

html, body {
   font-size: 1em;
   text-align: left;
   text-decoration: none;
   color: #000;
}
html { background: #e4e4e4; }

body {
   max-width: 74.92em;
   margin: auto;
   background-color: white;
   border: .1em solid #bbb;
   border-top: 1px solid transparent;
   -moz-box-shadow: 0 0 5px 5px #bbb;
   -webkit-box-shadow: 0 0 5px 5px #bbb;
   -icab-box-shadow: 0 0 5px 5px #bbb;
   -o-box-shadow: 0 0 5px 5px #bbb;
   box-shadow: 0 0 5px 5px #bbb;
}
.inner { overflow: hidden; }


/*** BASIC ELEMENTS ***/

/** Size and positioning **/

p, pre, li, dt, dd, code, address { line-height: 1.3em; }

h1 { font-size: 2.4em; margin: 1em 0; }
h2 { font-size: 2.0em; margin: 1em 0; }
h3 { font-size: 1.5em; margin: 1em 0 .80em; }
h4 { font-size: 1.2em; margin: 1em 0 .83em; }
h5 { font-size: 1.1em; margin: 1em 0 .91em; }
h6 { margin: 1em 0; }

p, pre, address { margin: 1em 0 0; }
caption { margin-bottom: .5em; text-align: center; }
ul, ol, blockquote { 1em 3% 0; }

ol li { margin: 1em 2em 0; }
ul li, ul ol li { margin: .5em 2em 0; }
ul li p, ul li pre, ul ul li, ul li blockquote {
   margin-top: .3em;
}

dl { margin: 1.5em 0 0; }
dt { margin: 1em 0; }
dl dd { margin: 1em 3% 1.5em; }

small { font-size: .9em; }

pre { overflow: auto; }

sup { vertical-align: super; }
sub { vertical-align: sub; }


/** Style **/

h1, h2, h3, h4, h5, h6, strong, dt, th { font-weight: bold; }

h3, h4 { color: #333; }
h5, h6, dt { color: #222; }

a[href] { color: #004caa; }
a[href]:visited { color: #100070; }
a[href]:active, a[href]:hover {
   color: #100070;
   text-decoration: none;
}
hr {
   color: #999;
   background-color: #999;
}

ul li, ol li { list-style: inherit; }
ul { list-style: square; }
ul ul, ol ul { list-style: circle; }

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

strong { font-weight: bold; }

acronym, abbr {
   text-decoration: none;
   border-bottom: 1px dotted;
}


/*** SIMPLE CLASSES ***/

.center, .c { text-align: center; }

.big { font-size: 1.3em; padding: .3em 0; }

ul.no-bullet { list-style: none; }

.no-display { display: none; }


/*** FORMS ***/

form input {
   line-height: 1.2em;
   font-family: inherit;
   font-weight: bold;
   border: .1em solid #ccc;
   border-radius: .3em;
   -moz-border-radius: .3em;
   -khtml-border-radius: .3em;
   -webkit-border-radius: .3em;
   -opera-border-radius: .3em;
}
form input[type="text"] {
   padding: .25em;
   color: #555;
   background: white;
}
form input[type="submit"] {
   padding: .25em;
   color: #333;
   background: #eee;
}
form input[type="text"]:focus {
   color: #333;
   border: .1em solid #4080d0;
}
form input[type="text"]:focus + input[type="submit"] {
   border: .1em solid #4080d0;
}
form input[type="submit"]:hover {
   cursor: pointer;
}

/*** RETURN LINK ***/

#backtotop {
   text-align: right;
   line-height: 1.5em;
   font-weight: bold;
   margin: 2em 3% 0;
}
#backtotop a, #backtotop a:visited { color: #333; }

#backtotop a:hover { color: #777; }


/*** BOX WITH BACKGROUND ***/

div.emph-box { padding: .2em 1.2em 1.2em; }

p.emph-box, pre.emph-box { padding: .6em 1.2em; }

.emph-box {
   background-color: #f5f5f5;
   border: .1em solid #ddd;
}


/*** TABLE OF CONTENTS ***/

.summary {
   width: 30em;
   max-width: 94%;
   padding: 1em 3% 1.7em;
   margin: .2em auto 2em;
   background: #f5f5f5;
}
.summary ul {
   margin: 0 1.5%;
}
.summary h3 {
   font-size: 1.3em;
   margin-top: .5em;
   text-align: center;
}
.summary h4 {
   font-size: 1.1em;
}

@media (min-width: 48em) {
   .summary {
      clear: right;
      float: right;
      width: 18em;
      margin: .2em 0 1em 1.5em;
   }
}


/*** TOP BAR AND HEADER ***/

#fssbox, #join-fsf { display: none; }

#searcher, #toplinks, #header {
   font-family: "sans-serif", "FreeSans", sans-serif;
}
#toplinks a, #join-fsf a, #header a {
   text-decoration: none;
}

#toplinks {
   float: left;
   /* For NetSurf 1.2, and maybe a few other browsers. */
   padding: .7em 2em .3em;
}
/* For standard browsers. */
@media (min-width: 0) {
   #toplinks { padding: .65em 1em .3em 3%; }
}
#toplinks a, #toplinks a:visited {
   white-space: nowrap;
   /* the next line is a workaround for Midori 0.5.8 */
   display: inline-block;
   font-weight: bold;
   font-size: .9em;
   color: #404040;
   text-decoration: none;
   margin-right: 1em;
}
#toplinks a:hover { color: #777; }

#searcher {
   display: block;
   text-align: right;
   font-size: .9em;
   padding: .45em 3%;
   background: #d4d4d4;
}

p#join-fsf {
   float: right;
   margin: .35em 0 0 1em;
}
#join-fsf a {
   font-weight: bold;
   padding: .3em .6em;
   border-radius: 1em;
   -moz-border-radius: 1em;
   -khtml-border-radius: 1em;
   -webkit-border-radius: 1em;
   -opera-border-radius: 1em;
}
#join-fsf a, #join-fsf a:visited {
   color: white;
   background: #c55224;
   -webkit-transition: all .5s;
   transition: all .5s;
}
#join-fsf a:hover {
   color: white;
   background-color: #a52f00;
}

#header {
   clear: both;
   padding: 1em 3%;
}

#fssbox {
   float: right;
   text-align: center;
   font-size: .9em;
   margin: .6em 0;
}
#fssbox a, #fssbox a:visited {
   font-weight: bold;
   color: #004caa;
}
#fssbox a:hover { color: #777; }

#fssbox p { margin: .0; }

#fssbox form p { margin: .2em 0; }

#fssbox form input[type="submit"] {
   color: #004caa;
   border: .1em solid #4080d0;
   -webkit-transition: all 2s;
   transition: all 2s;
}
#fssbox form input[type="text"]:focus + input[type="submit"] {
   color: white;
   background-color: #4080d0;
}

#gnu-banner {
   font-size: 2em;
   font-family: "FreeSans", sans-serif;
   line-height: 1.2em;
   padding: 0 0 .4em;
}
#gnu-banner img {
   height: 1.7em;
   vertical-align: bottom;
   position: relative; top: .15em;
   margin-right: .15em;
}
#gnu-banner a { color: #333; }
#gnu-banner a strong { color: #a52f00; }

@media (max-width: 48em) {
   #gnu-banner span { display: none; }
}
@media (min-width: 32em) {
   #fssbox { display: block; }
}
@media (min-width: 38em) {
   #join-fsf { display: block; }
   #searcher { text-align: center; }
}

/*** NAVIGATION BARS ***/

#navigation, #fsf-links { clear: both; }
#navigation {
   background: #a52f00;
}
#fsf-links {
   background: #d4d4d4;
}
/* line-height is defined here for NetSurf 1.2.
   No effect in NetSurf 2.9 or Firefox. */
#navigation ul, #fsf-links ul {
   text-align: center;
   font-size: 0.9em;
   line-height: 1.7em;
   padding: .15em 0;
   margin-top: 0; margin-bottom: 0;
}
#navigation li, #fsf-links li {
   white-space: nowrap;
   display: inline;
   display: inline-block;
   line-height: 1.5em;
   font-family: "sans-serif", sans-serif;
   font-weight: bold;
   padding-top: .1em;
   margin: .1em .4em;
}

/* Mock border to avoid size change when a link becomes active */
#navigation li { border-bottom: .15em solid #a52f00; }
#fsf-links li { padding-bottom: .15em; }

 /* For Firefox (can't set line-height when "a" is displayed inline) */
#navigation a, #fsf-links a {
   display: inline-block;
   padding-top: .1em;
}

#navigation a, #navigation a:visited { color: white; }
 #fsf-links a, #fsf-links li a:visited { color: #222; }

#navigation li.active {
   font-style: italic;
   border-bottom: .15em solid white;
}
#navigation li a, #fsf-links li a,
 #navigation li.active a:hover {
   text-decoration: none;
}
#navigation a:hover,
 #fsf-links a:hover { text-decoration: underline; }


/*** CONTENT ***/

#content { padding: .1em 3% 2em; }


/*** MISSION STATEMENT ***/

#mission-statement {
   font-size: .9em;
   padding: 1em 3% 2em;
}
#mission-statement blockquote {
   font-weight: bold;
   margin: 0;
}
#mission-statement img {
   float: left;
   height: 2em;
   margin: .3em .5em;
}


/*** FOOTER ***/

#footer {
   font-size: .9em;
   padding: 1.5em 3%;
   color: #333;
   background: #f5f5f5;
   border-top: 1px solid #ccc;
}
#footer p, #bottom-notes { margin: 0; }

.unprintable { margin-bottom: .7em; }

#footer p.unprintable { margin-top: .7em; }