@charset "utf-8";
/* 
	CSS Document 
 	Copyright Jyri Lehtonen (2009)
		Designed for www.peikkoluola.net
		Implemented in Lataamo Archives
			(last edited 9.4.2009)
*/



/********************* Anchor Pseudo-classes *********************/
A:link {font-weight:bold; text-decoration: none; color:black; }
A:visited {text-decoration: none; color:black;font-weight:bold; }
A:active {text-decoration: none; }
A:hover {color:red; text-decoration: none; }





/************************** General *****************************/
body  {
	font-family:Verdana;
	font-size:10px;
	color:white;
	background-color:#000000;
}

h1, caption {
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
}

h2 {
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}

h3 {
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	margin:0;
	padding:0;
}

img {
	border:0;
}

input {
	background-color: #000000;
	border-style: groove;	
	border-color: #c86400; 
	font-size: 10pt;
	color: #FFFFFF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


.bgblacknwhite {
		background:black url(../lataamo/images/public/splatback_two.jpg) center 0% no-repeat;
	}


/*****************************************************************/	
/********************* Lataamo Public Layout *********************/
/*****************************************************************/

div#centerthepage {
	width:900px;
	height:400px;
	margin:0 auto;
	color:white;
}

.btn {
	color:white;
}

.btn1{ 
	color:red;
}

.auth_fail {
	width:850px;
	height:400px;
	margin:0 auto;
	margin-left:15px;
	font-size:1.8em;
	color:white;
	position:absolute;
	background:transparent url(images/public/error.png) no-repeat center center;
}

.auth_fail p {
	margin-top:125px;
}

/************************** HEADER *****************************/
div#centerheader {
	width:900px;
	height:75px;
	margin:0 auto;
	margin-top:60px;
	position:relative;
	background-color:transparent;
}

div#topbar {
	width:100%;
	background:url(images/public/menuredbar.png);
	position:absolute;
	bottom:0px;
}

div#topbar ul {
	display:inline;
	font-size:1.7em;
	margin:0;
	padding:0;
	text-decoration:none;
	list-style:none;
	letter-spacing:0.3em;
	text-indent:20px;
}

div#topbar ul li {
	display:inline;
	padding:10px;
	text-transform:uppercase;
}


div#sidebar {
	margin-top:25px;
	margin-left:15px;
	width:100%;
	position:absolute;
}

div#sidebar ul {
	display:inline;
	font-size:1.7em;
	margin:0;
	padding:0;
	text-decoration:none;
	list-style:none;
	letter-spacing:0.3em;
	text-indent:20px;
}

div#sidebar ul li {
	display:inline;
	padding:10px;
	text-transform:uppercase;
}

div#sidebar ul li a {
	padding:10px;
	color:black;
}

div#sidebar ul li a:hover {
	color:white;
	background:url(images/public/menubuttons_hover.png) no-repeat right bottom;
}

/************************** DYNAMIC *****************************/

div#dynamic {
	width:100%;
	height:100%;
	background:transparent url(images/public/nuclearbg.jpg) no-repeat center center;
}

div#dynamicbg {
	width:100%;
	height:100%;
	background:transparent url(images/public/nuclear.png) no-repeat center center;
}

#login {
	font-size:1.6em;
	padding:25px;
	position:absolute;
	margin-top:90px;
	margin-left:25px;
	background:transparent;
	/*border-color:#444444;
	border-width:1px;
	border-style:solid;*/
	border-width:0px;
	width:325px;
}

.loginButton {
	height:60px;
	width:120px;
	border:0px;
	background:url(images/public/loginbutton.png);
}
.loginButtonHover {
	height:60px;
	width:120px;
	border:0px;
	background:url(images/public/loginbutton_hover.png);
}

#login table{
	margin-top:15px;
	margin-bottom:15px;
}

#login legend {
	font-size:1.9em;
	font-weight:bold;
	color:#FFFFFF;
}

div#aboutdiv {
	margin-left:25px; 
	text-align:justify;
	font-size:1.3em;
}

div#register, div#admin {
	width:400px;
	position:absolute;
	margin:25px 25px 25px 25px;
}

div#register p, div#admin p {
	margin-left:30px;
	margin-top:30px;
	width:175px;
	text-align:justify;
	font-size:1.4em;
}

#register fieldset, #admin fieldset {
	font-size:1.4em;
	padding:30px;
	border-color:#444444;
	border-width:1px;
	border-style:solid;
}

#register legend, #admin legend {
	color:white;
	font-size:1.8em;
}

#admin fieldset textarea {
	margin-left:50px;
	background-color:black;
	border-color:#c86400; 
	color:white;
}

/************************** FOOTER *****************************/
div#centerfooter {
	width:900px;
	height:75px;
	background-color:#910000;
	margin:0 auto;
	background-image:url(images/public/menubuttons_kolme.png);
}

div#centerlinks a {
	color:white;
}
div#centerlinks a:hover{
	color:red;
}

div#footernews {
	font-size:0.8em;
	float:right;
	width:200px;
	height:90%;
	overflow:auto;
	background-color:black;
	margin-top:2px;
	margin-right:2px;
}