@import url('blueprint/src/reset.css');
@import url('blueprint/src/grid.css');
@import url('blueprint/xscreen.css');
@import url('blueprint/print.css') print;

strong {font-weight: bold}
p > strong {color: #FFF}
html { background: #000 url(images/GiantGasCavity.jpg); background-attachment:fixed;}
html { background: #000 url(http://imgsrc.hubblesite.org/hu/db/images/hs-2008-34-a-1280x800_wallpaper.jpg); background-attachment:fixed;}
body {  font: 0.95em/1.286 "Helvetica Neue", Arial, Helvetica, sans-serif; }
h1, h2, h3 { font-size: 2.1em; font-family: "Trebuchet MS", Arial, Tahoma, Verdana, Sans-Serif; line-height: 1.0; letter-spacing: 0.005em; }
h2, h3 { color: #C9C664; font-family: Arial, Arial, Tahoma, Verdana, sans-serif; line-height: 1.286; margin-bottom: 0.64em }
h2 { font-size: 1.5em; border-bottom: 2px solid #C9C664; margin-top: 1.9em; }
h3 { font-size: 1.3em; margin-top: 1.0em; border-bottom: 1px solid #C9C664; font-style: italic;}
h4, h5 { font-size: 1em; margin: 0; padding-right: 1em; float: left; font-weight: bold; color: #C9C664; display: inline;}
h5 { text-indent: 2em; }
h4:after, h5:after { content: '.'; }

#header { background: #678CC3; padding: 0 0 1em 0; background: #AEB0E3; padding: 4px; border-bottom: 1px solid #121329;}
#header h1 { font-size: 2.4em; color: #232440;}
#header h1 span { color: #552A3B; font-size: 50%; display: block; }

#page { background: #232440; color: #D1DCDC; border: 1px solid #474981; padding: 1em; width: 64%; float: left; margin: 10px 10px 0 0; -moz-border-radius: 4px; -webkit-border-radius 4px; } 
#page p { margin-top: 1.29em; line-height: 1.3em !important }
#page p + p {text-indent: 2em; }
#page a, #copyright a, #footmenu a, .teaser a { color: #C9C664; text-shadow: #333 6px 6px 1px; text-decoration: none; }
#page a:hover, a.wikilink:hover, #copyright a, #footmenu a, .teaser a { color: #F9F694; text-decoration: none;}
#page a:visited, #footmenu a:visited { color: #AEB0E3; }
#page ul, #page ol { margin-left: 2em; }
#page a, #footmenu a { text-shadow: #121330 4px 4px 1px !important; }
#page h1, #page h2, #page h3 { text-shadow: #121330 4px 4px 1px; }

ul#nav { list-style-type: none; text-align: center; }
ul#nav li { display: inline; }
ul#nav li a { float: left; margin: 13px 0 0 10px; padding: 4px; cursor: pointer; display: block; background: #678CC3; color: #FFF; border: 1px inset #323692 }

#sidebar ul { list-style-type: none; font-weight: bold; text-decoration: none; text-transform: uppercase; text-align: right; }
#sidebar ul li { height: 30px; background: #552A3B; padding: 4px; border-bottom: 1px solid #FFF; font-size: 0.9em; }
#sidebar ul li a { color: #FFF; }
#sidebar ul ul a {
  display: block; border-top: 1px dashed #DDD; padding: 0.1em; color: #000; background: #9AB;
  font-family: Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  text-transform: none; font-weight: normal; padding: 2px 2px 2px 4px; margin: 0 0 0 1.4em;
}
#copyright { font-size: 80%; color: #FFF; }
#copyright input[type=text] { background: #678CC3; border: 1px solid #323692; padding: 1px; }
#copyright input[type=submit] { font-size: 90% }
.teaser { color: #FFF; }

.note, .info, .warn, .success, .legal, .example { -moz-border-radius: 4px; -webkit-border-radius 4px; }
.note, .info, .warn, .success, .legal , .example{ border: 1px solid #99C; background: #CCF; padding: 0.5em 1em; margin: 1em auto; width: 80%; font-size: 0.9em; color: #181B19}
.note:before, .info:before, .legal { background: url('/pub/icon/information.png') top left no-repeat; color: #006; content: 'Note: '; font-weight: bold; padding-left: 20px; }
.warn:before { background: url('/pub/icon/exclamation.png') top left no-repeat; color: #650; content: 'Warning:'; font-weight: bold; padding: 0 0 3px 20px; }
.warn { background-color: #FFC; border-color: #CB3; }
.success:before { background: url('/pub/icon/plus_circle_frame.png') top left no-repeat; color: #060; content: 'Note:'; font-weight: bold; padding:     0 0 3px 20px; }
.success { background-color: #CFC; border-color: #9C9; }
.legal, .example { background: #CCF; color: #111}
.legal:before { content: 'Legal Notice:' }
.example:before { content: 'Example:' }
.info strong {color: #000}
.bburl { font-size: 10%; }

table { font-size: 0.9em; width: 95%; margin: 0 auto; border-collapse: collapse}
table caption { font-weight: bold; }
table caption:before { content: 'Table: '; }
table.structure {background: #FFDEAD url(images/QS_white_gradient_3835.jpg) repeat-x; font-size: 0.8em; border-left: 1px solid #99B; border-top: 1px solid   #99B;}

table.structure td { border-bottom: 1px solid #99B; border-right: 1px solid #99B; color: #181B19;}
table.structure tr:hover { background: yellow; }
table.structure th, table.structure td.heading, table.structure td.head, table.structure td.header, table.structure tr:hover td.heading,
table.uaag tr:hover td.head, table.uaag td.head, table.structure tr:hover td.header { background: #3C4B7B url(images/blue_gradient.jpg) !important; color: #FFF; xborder-bottom: 3px solid #014; border-right: 1px solid #458; text-align: center !important; }
table.numeric td { text-align: right; padding-right: 5px; padding-left: -5px; }

.dev { border: 1px solid red }
#footmenu div.menu { float: left; margin: 5px 5px 0 0; padding: 0 3px 3px 3px; width: 200px; background: #232440; color: #C1BCAC; border: 1px solid #474981; 
-moz-border-radius: 4px; -webkit-border-radius 4px; }
#footmenu div.menu li { list-style-type: none; margin-left: 5px; }
#actions, #navigation { margin: 0; }
#actions li { display: inline; padding-left: 20px; }
#actions a, #navigation a { text-decoration: none; }
#actions a { color: white; }
#actions a:hover { text-decoration: underline; }
#footnotes { color: #666 !important; font-size: 0.9em !important; border-top: 1px solid #666 !important; }
div.category { font-size: 0.8em; background: #1F2320; border-color: #333; margin-top: 1em;}
dl { }
dt { font-weight: bold; color: #FFF }
dd { margin: 0 0 1em 3em; }
#preview { height: 300px; overflow: auto; border: 1px solid #999; }