/* Depeche Mode CSS */

body {
	margin: 0;
	padding: 0;
	background-color: #000;
	background-image: url(../imgs/bg.jpg);
	background-repeat: no-repeat;
	color: #ffffff;
	font: 13px "trebuchet ms",arial,helvetica,sans-serif;
	*font-size: small;
	*font: x-small;
}
	

/* Font declarations */
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% "trebuchet ms",arial,helvetica,sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.22em;}
	
h1 {
	font-size:159%;
	font-weight:normal;
	margin:0;
}
	
h2 {
	font-size:136%;
	color: #cc005c;
	margin-top:0;
	margin-bottom: 8px;
	font-weight:normal;
}
	
p {
	font-size: 100%;
	line-height: 144%;
	margin: 0;
	padding: 0;
}

a {
	color: #cc005c;
	text-decoration: none;
}

a:hover {
	color: #999999;
}
	
.pinktext {
	color: #cc005c;
}

.sidenote {
	font-size: 85%;
	line-height: 1.34em;
}

	
/* Images */
	
img {
	margin:0;
	border:0;
}

	
/* Navigation */
#navibar {
	position: absolute;
	background-color: #cc005c;
	top: 313px;
	left: 0;
	width: 100%;
	min-width: 820px;
	height: 34px;
	background-image: url(../imgs/navibg.gif);
	background-repeat: no-repeat;
}
	
#navi {
	position:relative;
	left: 30px;
	top: 7px;
	color: #fff;
	width: 790px;
}
	
#navi a {
	color: #fff;
	margin-top: 0;
	text-decoration: none;
}
	
#navi a:hover {
	color: #000;
}
	
#navibar #navi #active {
	color: #000;
}
	
	
/* Elements */
	
#headbar {
	position: absolute;
	background-color: #515151;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 820px;
	height: 18px;
}
	
#titlebar {
	position: absolute;
	background-color: #333333;
	top: 358px;
	left: 0;
	width: 100%;
	min-width: 820px;
	height: 43px;
	background-image: url(../imgs/titlebg.gif);
	background-repeat: no-repeat;
}

#pagetitle {
	position: relative;
	left: 30px;
	top: 8px;
	height: 43px;
	width: 790px;
	float: left;
}

		
#content {
	padding-top: 437px;
}
	
#leftcolumn {
	position: relative;
	width: 450px;
	left: 30px;
	padding-bottom: 70px;
}
	
#rightcolumn {
	position: absolute;
	left: 495px;
	top: 437px;
	width: 295px;
}
	
#footer {
	position: relative;  /* Needed for Safari */
	background-color: #cccccc;
	width: 100%;
	min-width: 820px;
}

.minwidth {
	width: 790px;
}

#dmlogo {
	position: absolute;
	top: 218px;
	left: 528px;
	z-index: 10;
}


/* ------ Sivutkohtaiset tyylit ------ */

/* Etusivu */

.albumsmall {
	float:left;
	margin-right: 10px;
	margin-top: 8px;
}


/* Nostot */

#nskaba	{
	display: block;
	height: 89px;
	width: 290px;
	overflow: hidden;
	background-image: url(../imgs/nosto_skaba.gif);
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 0%;
}

#nskaba:hover {
	background-position: bottom left;
}

#nfoorumi{
	display: block;
	height: 89px;
	width: 290px;
	overflow: hidden;
	background-image: url(../imgs/nosto_foorumi.gif);
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 0%;
}

#nfoorumi:hover {
	background-position: bottom left;
}

#nekortti{
	display: block;
	height: 89px;
	width: 290px;
	overflow: hidden;
	background-image: url(../imgs/nosto_ekortit.gif);
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 0%;
}

#nekortti:hover {
	background-position: bottom left;
}

/* Biografia */
#biografia {
	position: relative;
	width: 600px;
	left: 30px;
	padding-bottom: 70px;
}

#biografia p {
	margin-top: 14px;
	line-height: 1.5em;
}

.bio_right {
	float: right;
	margin-left: 12px;
	margin-bottom: 10px;
}

.bio_left {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}


/* Diskografia */

.songlist {
	font-size: 85%;
	line-height: 1.34em;
	padding-left: 10px;
}

.releasedate {
	font-size: 85%;
	margin-top: 5px;
	color: #999999;
	display: block;
}

.tdtitle {
	height: 32px;
}

.tdspacer {
	height: 30px;
}


/* Galleria */ 

#galleria {
	position: relative;
	width: 600px;
	left: 30px;
	padding-bottom: 70px;
}


/* Ladattavat */

.dthumb_left {
	float: left;
	border: 1px solid #333333;
	margin-right: 10px;
	margin-top: 10px;
}

.dthumb{
	border: 1px solid #333333;
	margin-top: 10px;
}

.pthumb{
	border: 1px solid #333333;
}

.pthumbs_left {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}

.pthumbs_right {
	margin-top: 10px;
}

/* Ekortit */
.ecardthumb {
	padding-top: 15px;
}

.sendfields input{
	border: 1px #666666 solid;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0;
	background-color: #000000;
}

.sendfields p {
	padding-top: 8px;
}

/* Foorumi */

#foorumi {
	position: relative;
	width: 755px;
	left: 30px;
	padding-bottom: 70px;
}

/* Linkit */

#linkitleft {
	position: relative;
	width: 450px;
	left: 30px;
	padding-bottom: 70px;
}

#linkitleft a {
	color: #ffffff;
}

#linkitleft a:hover {
	color: #cc005c;
}

#linkitleft p {
	color: #cc005c;
}

#linkitright {
	position: absolute;
	left: 495px;
	top: 437px;
	width: 295px;
}

#linkitright a {
	color: #ffffff;
}

#linkitright a:hover {
	color: #cc005c;
}

#linkitright p {
	color: #cc005c;
}