/* basic setup */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; overflow-x: auto; }
body { background: #eee; font-family: sans-serif; }



/* major layout components */

div#nav { background: black; height: 40px; }
div#nav li { list-style-type: none; float: right; margin: 10px; color: white; font-size: smaller; }

div#splash { height: 125px; background: url('/assets/img/background.jpg') no-repeat 50% 50% #24252C; border-bottom: 1px solid white; padding: 20px 20px  0 20px; }
div#splash h1, div#splash h2 { line-height: 0; margin: 0; padding; 0; }
div#splash h1, div#splash h2 { width: 900px; margin: 0 auto; }
div#splash h1 span, div#splash h2 span { display: none; }

div#intro { background: #ddd; border-bottom: 1px solid white; padding: 30px 20px; }
div#intro div { width: 901px; margin: 0 auto; }
div#intro div.lhs { float: left; width: 40%; }
div#intro div.rhs { float: left; width: 50%; margin-left: 20px; }
div#intro p { margin: 0; }

div#content { width: 900px; margin: 0 auto; padding: 50px 20px; }

div#footer { font-size: smaller; text-align: center; padding: 60px 20px 20px 20px; color: #444; }
div#footer a { text-decoration: none; color: #444; }
div#footer span a { margin: 0 5px; }
div#footer img { margin: 5px; }



/* basic styles */

p { line-height: 1.5em; margin: 0 0 1.5em 0; }
a img { border: 0; }
hr { clear: both; visibility: hidden; }
.hidden { display: none; }
h2 { font-size: 120%; line-height: 1.8em; }
pre { margin: -1.5em 0 1.5em 0; }

p.links { font-size: smaller; color: #aaa; margin: 5px 0 5px 110px; }
p.links a { color: #aaa; }

/* basic lists */
ul { text-indent: 0; margin: 30px 0 0 0; }
ul li { list-style: none; margin: 0 0 30px 0; }
ul li a img { margin: 2px 5px 0 0; }

li a { color: black; text-decoration: none; }
li a:hover { color: blue; text-decoration: underline; }

ul.indent { margin: -1.5em 0 1.5em 0; }
ul.indent li { margin: 0 0 0 40px; }
ul.indent li a { color: blue; text-decoration: underline; }

ul.bullet li { list-style: square; margin: 0.5em 0 0.5em 40px; }
ul.bullet li a { color: blue; text-decoration: underline; }

ol { margin: 5px 0 0 0; padding: 0; }
ol li { margin: 0 0 0 55px;  padding: 0 0 0 20px; }
ol li span { display: block; float: left; text-align: right; padding: 0 5px 0 0; width: 30px; color: #aaa; }


/* fancy list formatting */

ol.brace   { background: url('/assets/img/brace-middle.png') 0 50% no-repeat transparent; }
ol.brace li.first   { background: url('/assets/img/brace-top.gif') top left no-repeat; }
ol.brace li.last    { background: url('/assets/img/brace-bottom.gif') bottom left no-repeat; }
ol.brace li.reveal { background: url('/assets/img/brace-dashed.png') top left repeat-y; padding: 5px 0 5px 55px; font-size: smaller; }
ol.brace li.reveal a { color: #aaa; }
ol.single { background: url('/assets/img/sameAs.gif') top left no-repeat; }



/* search form */

div.rhs form { padding: 0 0 0 90px; margin: 0 auto; }
form#uriSearch     { background: url('/assets/img/search-sameAs.png')     no-repeat; }
form#literalSearch { background: url('/assets/img/search-literal.png') no-repeat; margin-top: 20px; }
form #uri, form #q { width: 300px; font-size: 16px; padding: 2px 2px 2px 5px; margin: 11px 0 11px 0; border: 0; }


div.warning {
  font-size: 75%; background: url('/warning.png') no-repeat 15px 10px #ffa; border: 1px solid #da0; padding: 25px 10px 25px 100px; margin: 1em 0 1em 0; line-height: normal;
}


/* tables, for hugh */
table { margin-bottom: 1.5em; }
td { padding: 0.20em; }