/*

	-- -- -- -- -- -- -- -- -- -- -- -- --
	ninth-art.de v1 CSS

	style:			Aquablue
	formed on:	25 Oct 04
	last edit:		20 Jun 08
	-- -- -- -- -- -- -- -- -- -- -- -- --

*/

/* -- hacks'n'filters -- */

@import "aquablue-ie6win.css";

/* -- Basic HTML elements -- */

html {background-color: #ffffff; color: #000000; margin: 0px; padding: 0px; min-width: 800px; min-height: 600px; max-width: 1280px; max-height: 1024px;}
body {margin: 0px; padding: 0px; font-family: verdana, lucida, helvetica, sans-serif; font-size: 14px;}
div.left {text-align: left;}
div.right {text-align: right;}
h1,h2,h3,h4,h5,h6 {margin: 0px; padding: 0px;}
h1 {color: #000000; font-style: italic; text-align: left; font-size: 22px; letter-spacing: 2px;}
h2 {color: #000000; font-style: italic; text-align: center; font-size: 18px; letter-spacing: 2px;}
h3 {color: #a2acb7; font-style: italic; letter-spacing: 2px; margin-bottom: 10px;}
h3:hover {color: #00a7df;}
a {color: blue; text-decoration: none;}
a:hover {color: #ae00a3; text-decoration: overline underline;}
a:active {color: #ff0000;}
p.placeholder {display: none;}

/* -- Structure -- */

div.container {position: relative; top: 0px; left: 0px; width: 800px; height: 600px; margin-top: 30px; margin-bottom: auto; margin-left: auto; margin-right: auto; padding: 0px; border-bottom: 1px solid #000000;}
div.header {position: static; top: 0px; left: 0px; width: 800px; height: 100px; margin-top: 20px; padding-top: 10px; background-image: url(/images/aquablue/aquablue-top.png); background-repeat: no-repeat; background-position: bottom right; border-right: 1px solid #000000; border-top: 1px solid #743de3; border-bottom: 1px solid #000000;}
div.header p {background-color: #ffffff; display: none; color: #892ae9; height: 100px; font-family: "ShelleyVolante BT", fantasy, serif; font-size: 32px; letter-spacing: 1em;}
div.header p:first-letter {font-family: "Tension", fantasy, serif; font-size: 42px;}
div.nav {position: absolute; margin-top: 10px; padding-right: 5px; width: 100px; height: 450px; font-size: 12px; border-right: 1px solid #892ae9;}
div.nav ul {position: absolute; left: -50px; list-style-position: inside; list-style-type: circle;}
div.nav ul li {font-weight: bold; padding-top: 5px; padding-bottom: 5px;}
div.content {position: relative; left: 120px; width: 678px; height: 430px; margin-top: 10px; padding-top: 20px; padding-left: 2px; background-image: url(/images/aquablue/aquablue-corner.jpg); background-position: bottom right; background-repeat: no-repeat; border-right: 1px solid #743de3; border-bottom: 1px solid #743de3; overflow: auto; z-index: 1;}
div.stylechanger {position: absolute; top: 0px; left: 480px; z-index: 2;}
div.stylechanger fieldset {border: 1px solid black;}
div.uptime {position: relative; width:480px; height: auto; padding: 2px; margin: 0px; background: none; color: #5786ff; overflow: hidden; border: 1px inset #d3dbef; z-index: 2;}
div.footer {position: absolute; top: 566px; left: 0px; width: 800px; margin: 0px; padding: 0px; border: none;}
div.footer span {color: #ae00a3; font-style: italic;}

/* -- font sets -- */

div.welcome {position: relative; background-image: url(/images/aquablue/welcome.jpg); background-repeat: no-repeat; background-position: top left; width: 220px; height: 35px;}
div.about {position: relative; padding-bottom: 5px; background-image: url(/images/aquablue/about.jpg); background-repeat: no-repeat; background-position: top left; width: 120px; height: 30px;}
div.aboutsite {position: relative; padding-bottom: 5px; background-image: url(/images/aquablue/aboutsite.jpg); background-repeat: no-repeat; background-position: top left; width: 220px; height: 30px;}
div.aboutcoruscant {position: relative; padding-bottom: 5px; background-image: url(/images/aquablue/aboutcoruscant.jpg); background-repeat: no-repeat; background-position: top left; width: 220px; height: 30px;}
div.aboutbrowser {position: relative; padding-bottom: 5px; background-image: url(/images/aquablue/aboutbrowser.jpg);
background-repeat: no-repeat; background-position: top left; width: 220px; height: 30px;}
div.tools {position: relative; padding-bottom: 5px; background-image: url(/images/aquablue/tools.jpg); background-repeat: no-repeat; background-position: top left; width: 120px; height: 30px;}
div.links {position: relative; padding-bottom: 5px; background-image: url(/images/aquablue/links.jpg); background-repeat: no-repeat; background-position: top left; width: 120px; height: 30px;}
div.resources {position: relative; padding-bottom: 5px; background-image: url(/images/aquablue/sources.jpg); background-repeat: no-repeat; background-position: top left; width: 120px; height: 30px;}
div.contact {position: relative; background-image: url(/images/aquablue/contact.jpg); background-repeat: no-repeat; background-position: top left; width: 120px; height: 30px;}
div.photogallery {position: relative; background-image: url(/images/aquablue/photogallery.jpg); background-repeat: no-repeat; background-position: top left; width: 220px; height: 30px;}
div.machines {position: relative; background-image: url(/images/aquablue/machines.jpg); background-repeat: no-repeat;
background-position: top left; width: 120px; height: 30px;}
div.newsbox {position: relative; background-image: url(/images/aquablue/news.jpg); background-repeat: no-repeat;
background-position: top left; width: 120px; height: 30px;}

/* -- tables --*/

table.footer {width: 100%; margin-top: 10px; padding-left: 10px; padding-right: 10px; border: none;}
table.footer td.left {padding: 5px; text-align: left; font-size: 10px; font-weight: bold;}
table.footer td.right {padding: 5px; text-align: right; font-size: 10px; font-weight: bold;}

/* -- docs -- */

pre.quote {padding-left: 5px; border-left: 2px solid #b0deff; color: #a2acb7;}
map#contact ol {list-style-position: inside; list-style-type: upper-roman;}
map#contact ol li {padding-top: 5px; padding-bottom: 5px;}
ol.links {list-style-position: inside; list-style-type: lower-greek;}
ol.links li {padding-top: 5px; padding-bottom: 5px; font-weight: bold;}
p.about {font-size: 19px;}
p.struct {letter-spacing: 1px; line-height: 1.5em;}
p.error {color: #ff0000; text-decoration: blink; font-weight: bold;}
p.done {color: green; font-weight: bold;}
div.box {width: 35%; padding: 5px; border: 1px dotted #000000;}
div.box2 {width: 55%; padding: 10px; border: 1px dotted #000000;}
div.hiddenbox { font-weight: bold; width: 90%; padding: 5px; border: none;}
div.hiddenbox td { padding-left: 15px; padding: 5px; }
div.login {width: 35%; border: none; margin-top: 10px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px;}
div.login fieldset {border: 1px dotted #a2acb7;}
fieldset.dialog {width: 35%; border: 1px dotted #a2acb7;}
fieldset input.textfield {border: 1px inset #bfd1ff; color: #0000ff;}
fieldset input.textfield:focus {background-color: #bfd1ff; color: #0000ff;}
fieldset input.button {background-color: #ffffff; color: #000000; font-weight: bold; border: 1px solid #bfd1ff;}
hr.half {width: 50%;}
pre.output {width: 75%; padding: 5px; border: 1px dotted #000000;}
pre.output2 {width: 75%; padding: 5px; border-left: 1px dotted blue; border-bottom: 1px dotted blue;}
p.quote {width: 60%; padding: 1px; color: #0078ff; font-style: italic; border: 1px hidden;}

/* -- photogallery -- */

div.photonav a {color: #000000;}
div.photonav a:hover {color: #0000ff; font-weight: bold; text-decoration: none;}
div.overlay {width: 80%; padding: 5px; white-space: nowrap;}
div.overlay table {width: 100%; padding: 5px;}
div.overlay td.album {padding-bottom: 5px; text-align: center; text-decoration: none; font-weight: bold; letter-spacing: 2px; border-bottom: 1px solid #a2acb7;}
div.overlay td {padding-left: 5px; padding-right: 5px;}
div.overlay object {border: 2px outset #ffffff;}
div.overlay img {border: 2px outset #ffffff;}
div.album {width: 25%; padding: 5px;}
div.album table {width: 100%; margin-top: 5px; margin-bottom: 5px; margin-left: 20px; margin-right: 20px;}
div.album td.name {padding-bottom: 0px; text-align: center; text-decoration: none; font-weight: bold; letter-spacing: 2px; border-bottom: 1px solid #a2acb7; color: #000000; font-size: 12px;}
div.album td {padding: 2px; color: #a2acb7; font-size: 10px;}
div.album object {border: 2px outset #ffffff;}
div.album img {border: 2px outset #ffffff;}

/* -- newsbox -- */

div.newsnav a {color: #000000;}
div.newsnav a:hover {color: #0000ff; font-weight: bold; text-decoration: none;}
fieldset.news {width: 50%;}
fieldset.news legend {font-weight: bold;}
fieldset.news table {table-layout: auto; width: 100%; height: 100%;}
fieldset.news table .head {font-weight: bold;}
fieldset.news table td.right {text-align: right;}