@charset "utf-8";
/* 
	CSS Document 
 	Copyright Jyri Lehtonen (2009)
		Designed for www.peikkoluola.net 
*/



/********************* Anchor Pseudo-classes *********************/
a:link {color:#CC0000}			/* unvisited link 	*/
a:visited {color:#CC0000}		/* visited link 	*/
a:hover {color:white;}			/* mouse over link 	*/
a:active {color:#FF0000}		/* selected link 	*/

A:link img, A:visited img {border-color: #CC0000;}  /* Images normally */
A:hover img {border-color: #FFFFFF;}				/* Images onmouseover */

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

body#grey {
	background-color:#0E0E0E;
}

h1 {
	vertical-align:top;
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:0;
	margin-bottom:10px;
}

input, textarea {
	color:#FFFFFF;
	background-color:#000000;
	font-family:Verdana;
	font-size:9px;
	border-color:#c86400; 
	border-style:groove;
}





/********************* Peikkoluola Layout *********************/

div#centerthepage {
	width:900px;
	height:800px;
	margin:0 auto;
	background-color:black;
	color:white;
}

.bgblacknwhite {
	background:black url(images/bg2.jpg) right repeat-y;
	}

.bgblacknred {
	background:transparent url(images/tausta.jpg) no-repeat fixed top center;
	}

.bgblacknredReunat {
	background: #6a0309 url(images/taustaReunat.jpg) repeat-x;
	}
 
 
/**************** Peikkoluola Layout: Entrance *****************/
#frontdoorInfo{
	border:none;
	text-align:center;
	height:100px;
	width:100%;
}

#frontdoorValidate{
	border:none;
	text-align:center;
	height:75px;
	width:100%;
	
	margin-top:50px;
}

div#frontdoorMain {
	background-color:black;
	border-style:groove;
	border-width:3px;
	border-color:#333333;
	width:700px;
	height:590px;

	margin:0 auto;
	margin-top:100px;
	}
	
#frontdoorUpper{
	border:none;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	height:394px;
	width:624px;
}

#frontdoorLower{
	border:none;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	height:75px;
	width:175px;
}

#entrance {
	height:100%;
	margin:0;
	padding:0;
	text-align:center;
	min-width:626px;
	min-height:400px;
	background:url(images/bgindex.jpg) center repeat-x;
}

#vertical{
	position:absolute;
	top:311px;
	left:50%;
	margin-top:-198px;/* half elements height*/
	margin-left:-313px;/* half elements width*/
	width:624px;
	height:394px;
	overflow:auto;/* allow content to scroll inside element */
	text-align:left;
	color:#303030;
}

#vertical404{
	position:absolute;
	top:311px;
	left:50%;
	margin-top:-50px;/* half elements height*/
	margin-left:-150px;/* half elements width*/
	width:300px;
	height:100px;
	overflow:auto;/* allow content to scroll inside element */
	text-align:left;
	color:#303030;
}





/*********************** Peikkoluola layout: Jyri *************************/
div#jyriflash{
	width:900px;
	height:180px;
	margin:0 auto;
	background-color:#990000;
	margin-bottom:5px;
}

div#jyrimiddle{
	width:900px;
	height:60px;
	margin:0 auto;
	background-color:black;
	margin-top:5px;
}

div#jyribody{
	width:900px;
	height:553px;
	margin:0 auto;
	background-color:#0E0E0E;
	border:solid 1px #999999;
}

	div#jyribodyinfo{
		width:400px;
		height: 485px;
		background-color:#181818;
		text-align:justify;
		padding:10px;
		margin-left:8px;
		margin-top:10px;
		float:left;	
	}
	
	div#jyribodyhlo{
		width:420px;
		height:260px;
		float:right;
		margin-right:10px;
		margin-top:10px;
	}
	
	div#jyribodynews{
		width:400px;
		height: 215px;
		background-color:#181818;
		padding:10px;
		margin-left:8px;
		
		float:right;
		margin-top:8px;
		margin-right:10px;
	}
	
	div#jyribodynewsinput{
		width:390px;
		height:180px;
		overflow:auto;
		padding:5px;
		
		margin-top:0px;
	}
	
	
	
	
	
/*********************** Peikkoluola layout: Jyri Henkilötiedot *************************/
	div#jyribioleft {
		width:410px;
		height: 380px;
		background-color:#181818;
		float:left;
		text-align:justify;
		padding:10px;
		margin-top:10px;
		margin-left:8px;
	}

	div#jyribioright {
		width:435px;
		height: 100px;
		float:right;
		text-align:center;
		margin-top:10px;
		margin-right:8px;
	}
	
		div#jyribioright img {
			margin-right:25px;
			margin-left:25px;
			border-width:2px;
			border-style:groove;
			margin-top:10px;
		}
		
	div#jyribiorightdown {
		width:410px;
		height: 360px;
		background-color:#181818;
		float:right;
		text-align:justify;
		padding:10px;
		margin-right:8px;	
	}
	
	div#jyribioleftdown {
		width:435px;
		height: 100px;
		float:left;
		text-align:center;
		margin-top:10px;
	}
		

		div#jyribioleftdown img {
			margin-right:25px;
			margin-left:25px;
			border-width:2px;
			border-style:groove;
			}
	
/*********************** Peikkoluola layout: Muut sivut *************************/	
	div#jyristudentinfo {
		text-align:justify;
		background-color:#181818;
		padding:10px;
		width:853px;
		height:100px;
		margin-left:12px;
		margin-top:10px;
	}
	
	div#jyristudentlist {
		height:408px;
		overflow:auto;
		margin-left:26px;
		margin-top:15px;
	}
	
	div#jyristudentlist table {
		margin-bottom:50px;
		border-style:groove;
		border-width:1px;
		width:800px;
		
		padding:25px;
		margin-left:30px;
	}
	
	div#ansioluettelo {
	width:450px;
	height:600px;
	margin:0 auto;
	overflow:auto;
	}
	
	div#links {
	width:700px;
	height:500px;
	margin:0 auto;
	overflow:auto;
	}
	
	
	
/************************* Jyri: Menu ****************************/	
#jyriblockmenu{
margin:0;
padding:0;
float:left;
width:100%;
overflow:hidden;
font:Verdana;
font-size:14px;
font-weight:bold;
margin-bottom:1em;
border:solid 1px #333333;
border-width:1px 0;
background:black url(images/menudefault.gif) center repeat-x;
}

	#jyriblockmenu li {
	display:inline;				/* pakottaa menun vaakatasoon tässä */
	}
	
	#jyriblockmenu li a {
	text-decoration:none;
	color:white;
	float:left;					/* kaksi seuraavaa määrittää menun korkeutta */
	padding:10px 10px;
	border-right:solid 1px white;
	}
	
	#jyriblockmenu li a:visited {
	color:white;
	}
	
	#jyriblockmenu li a:hover {
	color:white;
	background:url(images/menuhover.gif) center repeat-x;
	}
	
	#jyriblockmenu span a:hover {
	color:black;
	background:url(images/menuhover.gif) center repeat-x;
	}
	



/*********************** Jyri: Näytteet Menu *****************************************/
#navigation { width: 200px; font-size: 95%; margin-left:200px; float:left;}
#navigation, #navigation ul, #navigation ul li, #navigation ul li a  { margin: 0; }
#navigation, #navigation ul { padding: 0; }
#navigation ul li a , #navigation ul li  { display: block;  }
#navigation ul { list-style: none;  overflow: hidden; border: 1px solid #c01700; }
#navigation ul li { padding: 0 2px 0 0; background: url(../images/menubg.gif) no-repeat 0 50%; }
#navigation ul li a { color: #fff; font-weight: bold; text-decoration: none; }

#navigation ul li a:link, #navigation ul li a:visited { padding: 7px 10px; }
#navigation ul li a:hover, #navigation ul li a:active { background: url(../images/menubg_h.gif) repeat-x 0 50%; }


/************************ Jyri: Definition list (links) ******************************/
dl {
	margin-left:10px;
	margin-top:10px; 
	margin-bottom:50px;
}

.lh {
	font-weight:bolder;
	font-size:15px;
	background-color:#666666;
	
	padding:10px;
	margin-right:10px;
	margin-bottom:4px;
}






/************************ Jyri: Text&Table-related ******************************/
.align-horizontal{
text-align:center;
}

.noborder {
border-style: none;
}

.float-right{
float:right;
border-style:none;
}

.font-italic {
font-style:italic;
}

.textsmall{
	font-size:10px;
}

.grey_back {
	color:#000000;
	background-color:#999999;
}

.blackish_back {
	color:#FFFFFF;
	background-color:#333333;
}

.error {
	color:#FF0000;
}

table.full {
	width:100%;
}
	
input.button
{
   font-size:10px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   color:#FF0000;
   background-color:#000000;
   border-style:groove;
   border-width:2px;
}

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