/*

	-- -- -- -- -- -- -- -- -- -- -- -- --
	ninth-art.de v3.5 #1 CSS

	style:			SShock
	formed on:	20 Jun 08
	last edit:		16 Jun 09
	-- -- -- -- -- -- -- -- -- -- -- -- --

*/

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

/* -- Basic HTML elements -- */

html {background-color: #515151; color: #ffffff; margin: 0px; padding: 0px; min-width: 800px; min-height: 600px;}
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: #33ff00; text-decoration: none;}
a:hover {color: #a1ff00;}
a:active {color: #ff0000;}
p.placeholder {display: none;}

/* -- Structure -- */

div.container {position: relative; top: 0px; left: 0px; width: 800px; height: 600px; margin-top: 20px; margin-left: 20px; margin-bottom: 20px; padding: 0px; border: 2px outset #000000;
					background-image: url(/images/sshock/sshock-bg.jpg); background-position: bottom right; background-repeat: no-repeat; }
div.header {position: static; top: 0px; left: 0px; width: 800px; height: 100px; border-bottom: 1px solid #000000;
				background-image: url(/images/sshock/sshock-top.jpg); background-repeat: no-repeat; background-position: bottom right; }
div.header p {background-color: #000000; display: none; color: #00ff00; height: 100px; font-family: thaoma, fantasy, serif; font-size: 32px; letter-spacing: 1em;}
div.header p:first-letter {font-family: thaoma, fantasy, serif; font-size: 42px;}
div.nav {position: absolute; display: block; width: 100px; height: 430px;
			background-image: url(/images/sshock/sshock-nav.jpg); background-repeat: repeat; font-size: 12px;
			border: 1px outset #000000;}
div.nav ul {margin: 0px; padding: 0px; list-style-type: none;}
div.nav ul li {display: block; font-weight: bold; padding: 5px;}
div.content {position: relative; left: 120px; width: 670px; height: 430px; margin-top: 5px; margin-left: 5px; padding-left: 5px;
				border: none; 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: #fbff00; overflow: hidden; border: 1px inset #d3dbef; z-index: 2;}
div.footer {position: absolute; top: 530px; left: 0px; width: 800px; margin: 0px; padding: 0px; border: none;}
div.footer span {color: #6aff00; font-style: italic;}
img.sshock_box { border: none; }

/* -- font sets -- */

div.welcome p {position: relative; display: block; padding-bottom: 5px; font-size: 19px;}
/*div.about {position: absolute; background-image: url(/images/aquablue/about.jpg); background-repeat: no-repeat; background-position: top left; width: 120px; height: 30px;}
div.aboutsite {position: absolute; background-image: url(/images/aquablue/aboutsite.jpg); background-repeat: no-repeat; background-position: top left; width: 220px; height: 30px;}
div.aboutcoruscant {position: absolute; background-image: url(/images/aquablue/aboutcoruscant.jpg); background-repeat: no-repeat; background-position: top left; width: 220px; height: 30px;}
div.aboutbrowser {position: absolute; background-image: url(/images/aquablue/aboutbrowser.jpg);
background-repeat: no-repeat; background-position: top left; width: 220px; height: 30px;}
div.tools {position: absolute; background-image: url(/images/aquablue/tools.jpg); background-repeat: no-repeat; background-position: top left; width: 120px; height: 30px;}
div.links {position: absolute; background-image: url(/images/aquablue/links.jpg); background-repeat: no-repeat; background-position: top left; width: 120px; height: 30px;}
div.resources {position: absolute; background-image: url(/images/aquablue/sources.jpg); background-repeat: no-repeat; background-position: top left; width: 120px; height: 30px;}
div.contact {position: absolute; background-image: url(/images/aquablue/contact.jpg); background-repeat: no-repeat; background-position: top left; width: 120px; height: 30px;}
div.photogallery {position: absolute; background-image: url(/images/aquablue/photogallery.jpg); background-repeat: no-repeat; background-position: top left; width: 220px; height: 30px;}
div.machines {position: absolute; background-image: url(/images/aquablue/machines.jpg); background-repeat: no-repeat;
background-position: top left; width: 120px; height: 30px;}
div.newsbox {position: absolute; 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: #12f55e; 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;}