/*** Eric Meyer's Reset CSS v2.0 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
.b, u, i, center,
.dl, dt, dd, ol, ul, li,
.fieldset, form, label, legend,
.table, caption, tbody, tfoot, thead, tr, th, td,
.article, aside, canvas, details, embed,
.figure, figcaption, footer, header, hgroup,
.menu, nav, output, ruby, section, summary,
.time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/** End of CSS reset **/
/** Globals **/
h1, h2, h3, p, li { font-family: Arial, Helvetica, sans-serif; font-weight: normal;
text-align: left; color: #000000;}
h1, h2, h3 { font-weight: bold;}
p { font-size: 1em; line-height: 1.3;}
/** Header and top menu **/
body { background-color: #bbbbbb;}
#wrapper { width: 900px; margin: 0px auto; background-color: #ffffff;}
#header { background-color: #333333; width: 100%; padding: 10px 0px; overflow: hidden;
border-bottom: 2px #eeeeee solid;}
#logo { margin: 0 0 0 10px; float: left; border: 0}
#banner_text { background-color: #333333; border: 0px; float: left;}
#banner_text h1 { font-size: 4em; padding: 20px 0 10px 20px; color: #ffffff;}
#banner_text p { font-size: 0.8em; padding: 0 0 1em 2em; color: #ffffff;}
#top_menu {background-color: #666666; clear: both;}
#top_menu ul {width: 100%; float: left; margin: 0 0 0 0; background-color: #666666;
border-bottom: 2px #cccccc solid;}
#top_menu ul li {display: inline; float: left; }
#top_menu ul li a {float: left; padding: 10px 20px; text-decoration: none; font-size: 80%; font-weight:bold;}
#top_menu a:link {color: #ffffff; background-color:#666666;}
#top_menu a:visited {color: #ffffff; background-color:#666666;}
#top_menu a:active {color: #ffffff; background-color:#666666;}
#top_menu a:hover {color: #ffffff; background-color:#990000;}
#top_menu a:focus {color: #ffffff; background-color:#666666;}
/** sidebar **/
a {color: #000000; font-weight: bold; text-decoration: none; }
a:link {color: #0033CC; }
a:visited {color: #0033CC; }
a:active {color: #0033CC;}
a:hover {color: #0033CC;}
a:focus {color: #0033CC; }
#sidebar {background-color:#FFFFCC; clear: both; width: 200px; float: left;
border-right: 2px #888888 solid; border-bottom: 2px #888888 solid;}
#sidebar img {margin: 10px 10px; }
#sidebar h2 {color: #000000; font-size: 1.1em; padding: 0.5em 0.5em;}
#sidebar p {color: #000000; font-size: 0.75em; line-height: 1.2; padding: 0.3em 0.5em;}
/** main content **/
#content {margin-left: 200px; width: auto; padding: 20px 0 0 0;}
h1 a {font-weight : bold; font-size: 1.1em;
padding: 10px 0 0 0; text-decoration: none;}
div.group {padding: 10px 10px 20px 10px; border-bottom: 2px #333333 solid;}
#content h1 {font-size: 1.1em; padding: 10px 0 0 0;}
#content h2 {font-size: 0.8em; padding: 10px 0 0 0;}
#content p {font-size: 0.75em; line-height: 1.3; padding: 0.4em 0;}
#content img {float: left; padding: 5px 10px;}
#hgroup {height: 400px; padding: 10px 10px 5em 10px; border-bottom : 2px #333333 solid; }
#hgroup ul {padding: 10px 0;}
#hgroup h2 {font-size: 0.8em; padding: 1em 0 1em 0;}
#hgroup p {font-size: 0.75em; line-height: 1.3; padding: 0.8em 0 0 0;}
#hgroup li {float: left; height: 130px; width: 120px;}
#igroup {height: 200px; padding: 10px 10px 5em 10px; border-bottom : 2px #333333 solid; }
#igroup ul {padding: 10px 0;}
#igroup h2 {font-size: 0.8em; padding: 1em 0 1em 0;}
#igroup p {font-size: 0.75em; line-height: 1.3; padding: 0.8em 0 0 0;}
#igroup li {float: left; height: 90px; width: 120px;}
#big_images {padding: 10px 10px 5em 10px; }
#big_images ul li {padding: 10px 0; border-bottom: 2px #333333 solid;}
#big_images h2 {font-size: 0.8em; padding: 1em 0 1em 10px;}
#big_images p {font-size: 0.75em; line-height: 1.3; padding: 0.8em 10px 0 10px;}
#big_images img {float:none; padding: 5px 10px;}
/** comment form **/
form {text-align: left; margin: 20px;}
label, submit, input, text-area {border: 0; padding: 0; margin: 0;}
label {width: 18em; text-align: left; display: block; margin-top: 5px;}
input, textarea {border: 1px #333333 solid; margin-left: 10px; padding: 5px;}
input {width: 20em; margin-bottom: 5px;}
textarea {width: 20em; height: 7em; margin-bottom: 5px;}
.submit {width: 90px; height: 25px; margin-left: 20px; font-size: 1em;}
#comment-form ol {list-style-type: none; padding: 10px 0 0 0;}
#article {padding: 10px 60px 20px 20px; width: auto;}
#article p li {font-size: 1em; line-height: 1.2;}
#article h1 {font-size: 1.1em; font-weight: bold; padding: 10px 0 10px 0;}
#article h3 {font-size: 1em; font-weight: bold; padding: 10px 0 10px 5px;}
.ruler {border-top-width: 1px; border-top-style: dashed; border-color: #186090;
padding: 3px 0;}
#pentom_piece {height: 140px;}
#mandel_image {height: 420px; width: 800px;}
p.equation {font-family:"Courier New", Courier, monospace;}
#mandel_laws li {list-style-type:disc; padding: 10px 0; list-style-position: inside;
font-size: 0.8em; line-height: 1.2;}
div.fractal_links {height: 100px;}
#hortus_steps li {list-style-type:disc; padding: 5px 0; list-style-position: inside;
font-size: 0.8em; line-height: 1;}
/** footer **/
#footer {clear: both; width: 100%; overflow: hidden; background-color: #333333; }
#footer p {color: #ffffff; font-size: 0.8em; padding: 0.5em 0 1em 0; text-align: center;}