/*#############################################
 IMPORTIT
###############################################*/

@import url("menu.css");
@import url("typography.css");
@import url("forms.css");

/*#############################################
 YLEISET MÄÄRITTELYT
###############################################*/

html {
	height: 100%;
	width: 100%;

	padding: 0;
	margin: 0;


}

body{
	width: auto;
	height: auto;
	margin: 0;
	padding: 215px 0 0 0;
	background:url(../gfx/bg.jpg) #0873a5 repeat-x top center;
}



/*#############################################
 CONTENT ALUEET
###############################################*/

#wrapper{
	
	width:920px;
	margin:0 auto;
	padding:0;
	
	
}
/*
#top-banner{
	
	width:713px;
	height:198px;
	
	display:block;
	
	margin-bottom:7px;
	
}
*/
#left{
	float:left;
	width:713px;
	margin: 0;
	padding: 0;

}

#right{

	display: block;	
	float:right;
	margin: 15px 0 0 0;
	padding: 0;
}

#footer {

	position: static;
	left: 0;
	bottom: 0;	
	clear: both;
	width: 100%;
	height: 60px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

#footer img{

	display: block;
	width:920px;
	margin:0 auto;

}


#left-right-block{

	display:block;
	float:right;
	width:506px;
}

#left-left-block{

	display: block;	
	float:left;
	width:200px;
	height: auto;
	
	margin: 15px 0 0 0;
	padding: 0;
}

/*#############################################
 MISC
###############################################*/

.text-block-top{

	background:url(../gfx/sidebar-top.png) no-repeat 0 0;

	width: 200px;
	height: 5px;
	overflow: hidden;

	padding: 0;
	margin: 0;
	display:block;		
}

.text-block-middle{	

	background:url(../gfx/sidebar-middle.png) repeat-y 0 0;

	width:190px;

	overflow:hidden;	
	display:block;
	
	margin: 0;
	padding:0px 5px 0px 5px;
}
	
.text-block-bottom{

	background:url(../gfx/sidebar-bottom.png) no-repeat;
	
	width:200px;
	height:5px;
	overflow: hidden;
	
	display:block;
	
	margin-bottom:7px;	
}

.center-block-top{

	width:506px;
	height:5px;
	background:url(../gfx/content-top.png) no-repeat 0 0;
	display:block;
	overflow: hidden;
}

.center-block-middle{

	width:496px;
	min-height: 680px;
	background:url(../gfx/content-bg.png);
	
	overflow:hidden;
	
	display:block;
	
	padding:0px 5px 0px 5px;
}

.center-block-bottom{

	width:506px;
	height:5px;
		
	background:url(../gfx/content-bottom.png) no-repeat;
	display:block;
	overflow: hidden;
}

.title, .titlem{
	
	background:url(../gfx/sidebar-title.png) no-repeat;
	
	display:block;
	
	width:185px;
	height:28px;
	line-height: 28px;
	
	font-family:tahoma;
	font-size:14px;
	font-weight:bold;
	

	
	color:#fff;
	
	padding:0px 0px 0px 5px;
	
	clear:both;
}

.titlem{
	margin-bottom:7px;	
}

.content-title{
	
	background:url(../gfx/content-title.png) no-repeat;

	display:block;
	
	width:491px;
	height:28px;
	line-height: 28px;
	
	font-family:tahoma;
	font-size:14px;
	font-weight:bold;
	
	margin-bottom: 4px;
	
	color:#fff;
	
	padding:0px 0px 0px 5px;
	
	clear:both;
}

.content-text{
	display: block;	
	padding:0px 5px 0px 5px;	
}

.content-text-album{
	display: block;	
	padding:0px 0px 0px 0px;	
}

.sidebar-text{
	display:block;
	padding:5px 5px 10px 5px;
}
	

/*#############################################
 ALBUM SETUP
###############################################*/	
	
.pictr {

	width: 100%;
	background: #dae2e0;
	border: 1px dotted #000;


}	

.clicktr:hover {

	background: #ced6d4;
	cursor: pointer;
}

.pictd1 {

	
	width: 96px;

}

.pictd2 {

	padding: 10px;
	text-align: center;
	border: 1px dotted #000


}

.pictd2 p {

	font-family: Arial;
	
	text-align: left;

}

.album-title {

	width: 481px;
	height: 20px;
	line-height: 20px;
	padding: 0px 0px 0px 5px;
	margin: 0 0 10px 0;
	
	background:url(../gfx/nav-long-486.png) no-repeat 0 0;
	color:#F2F2F2;

	font-family: tahoma,Arial;
	font-weight:bold;		
	font-size:12px;
	text-decoration:none;
	letter-spacing:normal;

}