/*

	-- -- -- -- -- -- -- -- -- -- -- --
	ninth-art.de v3 CSS

	style:			Lightblue
	formed on:	02 May 07
	last edit:		20 Jun 08
	-- -- -- -- -- -- -- -- -- -- -- --

*/

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

@import "lightblue-ie6win.css";

/* -- Basic HTML Elements -- */

html {background-color: #008aff; color: #000000; margin: 0px; padding: 0px;}
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: #0060ff; font-style: italic; text-align: left; font-size: 22px; letter-spacing: 2px;}
h2 {color: #0060ff; font-style: italic; text-align: center; font-size: 18px; letter-spacing: 2px;}
h3 {color: #ffffff; font-style: italic; letter-spacing: 2px; margin-bottom: 10px;}
h3:hover {color: #00deff;}
hr {display: none;}
a {color: #ffffff; text-decoration: none;}
a:hover {font-style: italic;}
a:active {color: #00deff;}
p.placeholder {display: none;}

/* -- Structure -- */

div.container {position: relative; top: 0px; left: 0px;}
div.header {position: static; top: 0px; left: 0px; width: auto; height: auto; background-color: #008aff; color: #ffffff; border: none;}
div.header p {padding-left: 15px; background-color: #008aff; color: #000000; font-style: italic; font-family: verdana, sans, sans-serif; font-size: 18px; letter-spacing: 1em;}
div.header p:first-letter {font-size: 34px;}
div.nav {position: relative; border: none; font-size: 12px;}
div.nav ul {position: relative; list-style-type: none; height: 20px; border-top: 2px dotted white; border-bottom: 2px dotted white;}
div.nav ul li {display: inline; font-size: 16px; font-weight: bold; vertical-align: middle; padding-left: 3px;}
div.nav a {color: #ffffff;}
div.nav a:hover {background-color: white; color: black;}
div.content {position: static; padding-left: 20%; padding-bottom: 10px; background-color: #008aff; z-index: 1; border-bottom: 2px dotted white;}
div.stylechanger {position: absolute; z-index: 2; left: 80%;}
div.stylechanger fieldset {border: 1px solid white;}
div.uptime {position: relative; width: 520px; margin-top: 10px; padding: 2px; color: #ffffff; text-align: center; overflow: hidden; border: 1px dotted white; z-index: 2;}
div.footer {position: relative; border: none;}
div.footer span {color: #ffffff; font-style: italic;}

/* -- font sets -- */

div.welcome p {display: block; position: relative; padding-bottom: 5px; color: #ffffff; font-size: 16px; font-weight: bold;}
div.about p {display: block; position: relative; padding-bottom: 5px; color: #ffffff; font-size: 16px; font-weight: bold;}
div.aboutsite p {display: block; position: relative; padding-bottom: 5px; color: #ffffff; font-size: 16px; font-weight: bold;}
div.aboutcoruscant p {display: block; position: relative; padding-bottom: 5px; color: #ffffff; font-size: 16px; font-weight: bold;}
div.aboutbrowser p {display: block; position: relative; padding-bottom: 5px; color: #ffffff; font-size: 16px; font-weight: bold;}
div.tools p {display: block; position: relative; padding-bottom: 5px; color: #ffffff; font-size: 16px; font-weight: bold;}
div.links p {display: block; position: relative; padding-bottom: 5px; color: #ffffff; font-size: 16px; font-weight: bold;}
div.resources p {display: block; position: relative; padding-bottom: 5px;color: #ffffff; font-size: 16px; font-weight: bold;}
div.contact p {display: block; position: relative; color: #ffffff; font-size: 16px; font-weight: bold;}
div.photogallery p {display: block; position: relative; color: #ffffff; font-size: 16px; font-weight: bold;}
div.newsbox p {display: block; position: relative; color: #ffffff; font-size: 16px; font-weight: bold;}
div.machines p {display: block; position: relative; color: #ffffff; font-size: 16px; font-weight: bold;}

/* -- 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 dotted white; color: #ffffff;}
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 #ffffff;}
div.box2 {width: 55%; padding: 10px; border: 1px dotted #ffffff;}
div.hiddenbox { font-weight: bold; width: 90%; padding: 5px; border: none;}
div.hiddenbox td { padding-left: 15px; padding: 5px; }
div.hiddenbox tr:hover { color: #ffffff; }
div.login {width: 35%; border: none; margin-top: 10px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px;}
div.login fieldset {border: 1px dotted #d7d7d7;}
fieldset.dialog {width: 35%; border: 1px dotted #d7d7d7;}
fieldset input.textfield {border: 1px inset #bfd1ff; color: #000000;}
fieldset input.textfield:focus {background-color: #00c0ff; color: #ffffff;}
fieldset input.button {font-weight: bold; border: 1px solid #ffbfbf;}
hr.half {width: 50%;}
pre.output {width: 75%; padding: 5px; border: 1px dotted #ffffff;}
pre.output2 {width: 75%; padding: 5px; border-left: 1px dotted blue; border-bottom: 1px dotted #ff0000;}
p.quote {width: 60%; padding: 1px; font-style: italic; border: 1px hidden; color: #ffffff;}

/* -- photogallery -- */

div.photonav a {color: #ffffff;}
div.photonav a:hover {color: #00deff; font-weight: bold; text-decoration: none;}
div.photonav hr {display: none;}
div.overlay {width: 80%; padding: 5px;}
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 #d7d7d7;}
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 {text-decoration: none; font-weight: bold; letter-spacing: 2px; color: #ffffff; font-size: 12px;}
div.album td {padding: 2px; color: #d7d7d7; font-size: 10px;}
div.album object {border: 2px outset #ffffff;}
div.album img {border: 2px outset #ffffff;}

/* -- newsbox -- */

div.newsnav a {color: #ffffff;}
div.newsnav a:hover {color: #00deff; font-weight: bold; text-decoration: none;}
div.newsnav hr {display: none;}
fieldset.news {width: 50%; border: 1px dotted #ffffff;}
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;}