@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:#c86400*/ color:red;}
A:visited {text-decoration: none; font-weight:bold; /*color:#c85000;*/ color:red;}
A:active {text-decoration: none}
A:hover {color:#FFFFFF; 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-weight:bolder;
	font-size:15px;
	border-bottom: solid;
	border-bottom-width: 1px;
	border-bottom-color: red;
	padding:10px;
	margin-right:80px;
	width:575px;
}

h3 {
	font-weight:bolder;
	font-size:15px;
	border-bottom: solid;
	border-bottom-width: 1px;
	border-bottom-color: red;
	padding:5px;
	margin-right:80px;
	width:120px;
}

img {
	border:0;
}

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


.bgblacknwhite {
	/*background:black url(images/public/splatback_two.jpg) center top no-repeat;*/
	/*background:url(images/private/bgtest.jpg) center top no-repeat;*/
	background:url(images/private/bg.jpg) center top;
	}


.bglataamo {
	background:#bfbfbf url(../lataamo/images/bglataamo.png) repeat-x;
	}

/*******************************************************************/	
/********************* Lataamo Layout: Private *********************/
/*******************************************************************/

/********************* Private: HEADER ************************/
div#WelcomeArchives {
	height:100px;
	background:black url(images/private/ArchivesLogo.jpg) center no-repeat;
	text-align:center;
	margin-top:15px;
}
	div#WelcomeArchivesQuote {
		text-align:center;
		background:black;
	}
	div#random_quote {
		width:750px;
		margin:0 auto;
		padding-bottom:5px;
	}

div#mainMenuCenterer {
	margin:0 auto;
	width:900px;
	margin-top:35px;
}

div#mainMenu {
	height:50px;
	text-align:left;
	width:750px;
}
	div#mainMenu ul {
		background:url(images/private/MenuBG.png);
		padding:15px;
		margin-top:50px;
		font-size:15px;
		list-style:none;
	}
	div#mainMenu li {
		background:black;
		display:inline-block;
	}
	div#mainMenu a {
		padding:15px;
		color:red;
		background:url(images/private/MenuBG.png);
	}
	div#mainMenu a:hover {
		padding:15px;
		color:white;
		background:url(images/private/MenuBGover.png);
	}

div#subMenuContainer {
	width:1100px;
	margin:0 auto;
}
	div#subMenuPositioner {
		position:absolute;
	}
	div#subMenu ul {
		font-size:15px;
		list-style:none;
	}
	div#subMenu ul li {
		margin-top:5px;
	}

div#logoutPosition {
	text-align:right;
	margin-right:15px;
}
/********************* Private: Main Footer ************************/
div#mainFooter {
	margin:0 auto;
	height:100px;
	background:transparent;
	margin-top:-25px;
}
	
/********************* Private: Main Layout ************************/
div#centerprivate {
	width:900px;
	/*height:900px;  muista skaalautuminen!*/
	margin:0 auto;
	/*background-color:black;*/
	color:white;
	background:black url(images/private/chatCorver.png) bottom right no-repeat;
}

div#clock { 
	width:150px;
	margin-top:10px;
	margin-left:70px;
	font-size: 0.8em; 
	color: white; 
	background-color: #07141C; 
	border: 2px groove #c86400; 
	padding: 4px; 
}


.privateUserCorner {
	font-family:Verdana,Helvetica; 
	background-color : #07141C;
	font-size : 7pt;
	padding: 20px;
	margin:10px;
}

.privateMenuCorner {
	font-family:Verdana,Helvetica; 
	background-color : #07141C;
	font-size : 7pt;
	padding:0px;
	margin:0px;
}

div#privateProfile, div#privateGalleryPicturesUpload, div#privateGalleryMusicUpload, div#privateGalleryOtherUpload, div#versionHistory {
	margin-left:100px;
	font-size:13px;
	overflow:auto;
	padding-bottom:25px;
}
	
	div#privateActionTitles {
		margin-left:75px;
		width:250px;
		float:left;
		position:relative;
		line-height:175%;
	}

	div#privateActionForms {
		margin-left:10px;
		width:100px;
		float:left;
		position:relative;
	}
	
/****Small navigation bar****/
div#privateFaq {
	padding:15px;
	margin-left:100px;
}


fieldset#privateSearch {
	padding:15px;
	margin-left:150px;
	margin-right:150px;
	margin-bottom:25px;
}

div#privateUsers {
	padding:15px;
	margin-left:100px;
}

div#privateStats {
	padding:15px;
	width:800px;
	height:600px;
	overflow:auto;
	margin-left:100px;
}

/****Big navigation bar****/
div#privateEvents {
	width:100%;
	height:550px;
}

div#privateGalleryPictures {
	width:100%;
	height:550px;
	overflow:auto;
}

div#privateGalleryMusic {
	width:100%;
	height:550px;
	overflow:auto;
}

div#privateGalleryOther {
	width:100%;
	height:550px;
	overflow:auto;
}


/********************* Lataamo Layout: Private Chat *********************/
div#chatWindow {
	border-width:2px; 
	border-style:solid; 
	/*border-color:#c86400; */
	border-color:#660000;
	margin-top:10px; 
	width:700px; 
	background:black;
}
input#chatMessageLine {
	border-width:2px; 
	border-style:solid; 
	/*border-color:#c86400; */
	border-color:#660000;
	margin-top:5px; 
	width:635px; 
	background-color: #222222;
	color:white;
}

div#privateChat {
	width:100%;
}

div#privateChatSideBar {
	width:160px;
	float:right;
	margin-left:15px;
}

div#privateChatContent {
	border:solid 1px black;
	margin-left: 15px;
	margin-right: 10px;
	width:700px;
}

div#privateChatMsg {
	width:690px; 
	height:430px;
	overflow: auto;
	background:black;
}

div#privateChatMsg td {
	padding:0px;
	margin:0px;
	}
	
div#chatHistoryPage {
	margin-left:40px;
	margin-top:20px;
}

.privateChatUser {
	/*background-color:#07141C;*/
	background-color:#220000;
	}

	
/********************* Lataamo Layout: Events ****************/
div#privateEventsBody {
	background-color:black; 
	overflow:auto;
}	
	
/********************* Lataamo Layout: Event-gallery ****************/
div#albumit {
	margin:0px 40px 10px 40px;
	padding:20px 20px 20px 20px;
	background-color:#c0b4a1;
	overflow:hidden;
}

	.albumiKansi {
		width: 125px; 
		height: 135px;
		float: left;
		margin: 5px 5px 5px 0;
		text-align: center;
	}
	.albumiKansi img {
		text-align: center;
		margin: 0 auto;
		display: block;
	}
	.albumiKansi p {
		margin:0;
	}


div#albumitUpload {
	margin-top:20px;
	margin-left:60px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	background-color:#c0b4a1;
	width:40px;
	color:black;
	font-weight:bold;
}
div#albumitUpload a:hover {
	color:white;
}

div#albumit a , div#kuvat a {
	border:0;
	text-decoration:none;
}

div#kuvat {
	margin:40px 40px 10px 40px;
	padding:5px 5px 2px 5px;
	background-color:#c0b4a1;
}

/********************* Lataamo Layout: Gallery **********************/
div#gallery {
	margin-top:25px;
	margin-left:25px;
	height:635px;
	/*background-color:#171717;*/ 
	overflow:auto;
}

div#galleryEdit {
	position:fixed;
	margin-top:100px;
	margin-left:550px;
	width:285px;
	height:200px;
	background-color:#232323;
	padding:20px;
}




/********************* Lataamo Layout: RetroGames **********************/
.games {
	margin-left:100px;
	margin-bottom:40px;
	padding:2px;
	/*background-color:#07141C;*/
	background-color:#220000;
}





/********************* Lataamo Layout: Buttons *********************/
input.btn
{
   font-size:10px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   color:#FF0000;
   background-color:#000000;
   border-style:groove;
   border-width:2px;
}

input.btn1
{
   font-size:10px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   color:#FFFFFF;
   background-color:#000000;
   border-style:groove;
   border-width:2px;
}

img.profileImage {
	margin-top:15px;
	margin-left:200px;
	margin-bottom:15px;
}



/********************* Lataamo Layout: Text Formatting *********************/

.m1 {
	font-size:13px;
}

.inputtext {
	background-color : #222222;
	border-style : groove;	
	border-color: #c86400 ; 
	font-size : 10pt;
	color : #BBBBBB;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.lataamoTextUp {
	vertical-align:top;
}

.lataamoTextJustify {
	text-align:justify;
}

.textCenter {
	text-align:center;
}

.errtext {
	color : red;
	font-size : 8pt;
	font-weight : bold;
}

.oktext {
	color : #33FF33;
	font-size : 8pt;
	font-weight : bold;
}





/********************* Simple Formatting *********************/
.table100 {
width:100%;
}

.table33 {
width:33%;
}

.table30 {
width:30%;
}

.table5{
width:5%;
}

.lataamoOneThird{
	width:33%;
	vertical-align:top;
	overflow: auto;
}

.padding20 {
	padding: 20px;
}