/*
 * This file is part of NetSurf, http://netsurf-browser.org/
 */

/* Elements ordered as in the HTML 4.01 specification. */

html { display: block; }

head { display: none; }

body { display: block; margin: 8px; line-height: 1.33; }

div { display: block; }

h1 { display: block; font-size: 2em; font-weight: bold; margin: .67em 0; }
h2 { display: block; font-size: 1.5em; font-weight: bold; margin: .69em 0; }
h3 { display: block; font-size: 1.17em; font-weight: bold; margin: .83em 0; }
h4 { display: block; font-weight: bold; margin: 1.12em 0; }
h5 { display: block; font-size: .83em; font-weight: bold; margin: 1.5em 0; }
h6 { display: block; font-size: .75em; font-weight: bold; margin: 1.67em 0; }

address { display: block; font-style: italic; }

em { font-style: italic; }
strong { font-weight: bold; }
dfn { font-style: italic; text-decoration: underline; }
code { font-family: monospace; }
samp { font-family: monospace; }
kbd { font-family: monospace; font-weight: bold; }
var { font-style: italic; }
cite { font-style: italic; }
abbr { font-variant: small-caps; }
acronym { font-variant: small-caps; }

blockquote { display: block; margin: 1.12em 40px;}

q { font-style: italic; }

sub { vertical-align: sub; font-size: .83em; }
sup { vertical-align: super; font-size: .83em; }

p { display: block; margin: 1.12em 0; }

br[clear=left] { clear: left; }
br[clear=right] { clear: right; }
br[clear=all] { clear: both; }

pre { display: block; font-family: monospace; white-space: pre; margin-bottom: 1em; }

ins { color: green; text-decoration: underline; }
del { color: red; text-decoration: line-through; }

ul { display: block; padding-left: 1.5em; margin: 1.12em 0;
	list-style-type: disc; }
ol { display: block; padding-left: 1.5em; margin: 1.12em 0;
	list-style-type: decimal; }
li { display: list-item; }

ul ul { list-style-type: circle; }
ul ul ul { list-style-type: square; }

ol ul, ul ol, ul ul, ol ol { margin-top: 0; margin-bottom: 0; }

dl { display: block; padding-left: 1.5em; margin: 1em; }
dt { display: block; font-weight: bold; }
dd { display: block; padding-left: 1em; margin-bottom: 0.3em; }

dir { display: block; padding-left: 1.5em; margin: 1.12em 0; }
menu { display: block; padding-left: 1.5em; margin: 1.12em 0; }

table { display: table; border-spacing: 2px; }
table[align=left] { float: left; }
table[align=center] { margin-left: auto; margin-right: auto; text-align: left; }
table[align=right] { float: right; text-align: left; }

caption { display: table-caption; text-align: center; }

thead { display: table-header-group; vertical-align: middle; }
tfoot { display: table-footer-group; vertical-align: middle; }
tbody { display: table-row-group; vertical-align: middle; }

colgroup { display: table-column-group; }
col { display: table-column; }

tr { display: table-row; vertical-align: middle; }
td, th { display: table-cell; vertical-align: inherit; padding: 1px; }
td { text-align: left; }
th { font-weight: bold; text-align: center; }

td[nowrap], th[nowrap] { white-space: nowrap; }

tr[align=left] > td, tr[align=left] > th { text-align: left; }
tr[align=center] > td, tr[align=center] > th { text-align: center; }
tr[align=right] > td, tr[align=right] > th { text-align: right; }

col[valign=top], colgroup[valign=top], tbody[valign=top], td[valign=top], tfoot[valign=top], th[valign=top], thead[valign=top], tr[valign=top] { vertical-align: top; }
col[valign=middle], colgroup[valign=middle], tbody[valign=middle], td[valign=middle], tfoot[valign=middle], th[valign=middle], thead[valign=middle], tr[valign=middle] { vertical-align: middle; }
col[valign=bottom], colgroup[valign=bottom], tbody[valign=bottom], td[valign=bottom], tfoot[valign=bottom], th[valign=bottom], thead[valign=bottom], tr[valign=bottom] { vertical-align: bottom; }

a:link { color: #00f; text-decoration: underline; }

img { color: #888; }
img[align=left] { float: left; }
img[align=right] { float: right; }

object[align=left] { float: left; }
object[align=right] { float: right; }

applet[align=left] { float: left; }
applet[align=right] { float: right; }

center { display: block; text-align: center; }

tt { font-family: monospace; }
i { font-style: italic; }
b { font-weight: bold; }
big { font-size: 1.17em; }
small { font-size: .83em; }
strike, s { text-decoration: line-through; }
u { text-decoration: underline; }

font[size="1"] { font-size: x-small; }
font[size="2"] { font-size: small; }
font[size="3"] { font-size: medium; }
font[size="4"] { font-size: large; }
font[size="5"] { font-size: x-large; }
font[size="6"] { font-size: xx-large; }
font[size="7"] { font-size: xx-large; }
/* And now, some hackery for relative font size */
font[size="-1"] { font-size: small }
font[size="-2"] { font-size: x-small } 
font[size="+1"] { font-size: large }
font[size="+2"] { font-size: x-large }
font[size="+3"] { font-size: xx-large }
font[size="+4"] { font-size: xx-large }

hr {	display: block; background-color: #000; height: 1px;
	margin: 4px auto; border: 1px #d9d9d9 inset; }
hr[align=left] { margin-left: 0; }
hr[align=right] { margin-right: 0; }
hr[noshade] { background-color: #888; height: 2px; border: none; }

noframes { display: none; }

iframe { width: 19em; height: 10em; }
iframe[align=left] { float: left; }
iframe[align=right] { float: right; }

form { display: block; }

input, button { background-color: #fff; color: #000; text-align: left;
	font-family: sans-serif; width: auto; height: auto; overflow: hidden;
	margin: 1px; border: 2px solid #333; padding: 1px 2px; }
input[type=button], input[type=reset], input[type=submit], button {
	background-color: #d9d9d9; color: #000; text-align: center;
	border: medium outset #d9d9d9; padding: 1px 0.5em; }
input[type=image] { background-color: transparent; color: #000;
	border: none; padding: 0 2px; }
input[type=checkbox], input[type=radio] { background-color: transparent;
	border: none; padding: 0 0.1em; }
input[type=file] { background-color: #d9d9d9; color: #000; font-style: italic;
	border: medium inset #d9d9d9; padding: 1px 2px;}
input[align=left] { float: left; }
input[align=right] { float: right; }

select { background-color: #d9d9d9; color: #000; text-align: left;
	font-family: sans-serif; width: auto; height: auto; overflow: hidden;
	margin: 1px; border: medium inset #d9d9d9; padding: 1px 3px 1px 2px;
	white-space: nowrap; }
select:after { content: "\25bc"; border-left: 4px ridge #d9d9d9; }

textarea { background-color: #fff; color: #000; text-align: left;
	font-family: monospace; width: auto; height: auto; overflow: scroll;
	margin: 1px; border: 2px solid #333; padding: 0 2px; }

fieldset { display: block; border: thin solid #888; margin: 1.12em 0; }

[align=left] { text-align: left; }
[align=center] { text-align: center; }
[align=right] { text-align: right; }

noembed, script, style, title { display: none; }
