/* tanssi.css */
/* Toisvisio */
/* Zinclair */

/*---- Perusrakenne ----*/
body {
	max-width: 720px;
	background: hsl(220,50%,20%) url(big_bgr1.png) center top repeat;
	background-attachment: fixed;
}
article, header, footer {
	font-family: Georgia, "Times New Roman", Times, serif;
	/*font-family: Bahnschrift, "bahnschrift", Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;*/
	color: hsl(0,0%,75%);
	background: black;
	border: none;
}
#malli1 {
	background: black url(bgr1.jpg) center top no-repeat;
	border: solid 4px white;
	border-radius: 15px;
}
#malli2 {
	background: black url(bgr2.jpg) center top no-repeat;
	border: solid 4px white;
	border-radius: 15px;
}
#malli3 {
	background: black center top no-repeat;
	border: solid 4px hsl(50,50%,60%);
	border-radius: 15px;
}

/*---- Tekstit ja linkit ----*/
p, ul {
	/*font-size: 1.2em;*/
}
h1 {
	font-family: "Dreamland Stars", Georgia, "Times New Roman", Times, serif;
	font-size: 3.5em;
	letter-spacing: 0.1em;
	text-align: center;
	text-shadow: -2px 2px 2px black;
	margin: 0em 0em 0px 0em; 
}
h2 {
	/*font-size: 1.7em;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}
#tekstilinkki h2 {
	font-size: 1.5em;
}
h3 {
	/*font-size: 1.4em;*/
}
h1 a, h1 a:hover, h1 a:visited {
	border-bottom: none;
	color: white;
	color: hsl(50,100%,70%);
}

/*---- Sisältölaatikot ----*/
#main_nav, #second_nav {
	border-bottom: double 6px hsl(50,50%,60%);
	border-radius: 0;
	padding-bottom: 0.6em;
}
#main_nav a, #second_nav a {
	background: none;
	font-family: "Permanent Marker", Oswald, Calibri, Arial, SunSans-Regular, sans-serif;
	font-family: Constantia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	/*padding: 0.1em 0.5em;*/
	/*font-size: 1.2em;*/
	/*font-size: 1.6em;*/
	/*letter-spacing: 0.05em;*/
	font-weight: bold;
	/*background: linear-gradient(hsl(200,80%,40%), hsl(300,80%,40%));*/
	border: solid 2px hsl(50,50%,30%);
}
#selected a, #selected a:visited {
	color: hsl(20,90%,50%);
	background: none;
	background: linear-gradient(hsl(30,0%,15%), hsl(30,0%,1%));
	border: solid 2px hsl(50,50%,60%);
}
#main_nav a:hover, #second_nav a:hover {
	/*color: hsl(30,100%,50%);
	background: none;*/
	background: linear-gradient(hsl(30,0%,18%), hsl(30,0%,4%));
	border: solid 2px hsl(50,50%,60%);
}

#side_nav {
	background: black;
	font-family: "EB Garamond", Georgia, "Times New Roman", Times, serif;
	top: 25%;
}

#intro {
	border: none;
}
article, header {
	border-bottom: solid 2px hsl(50,50%,60%);
	border-radius: 0;
	margin: 0;
}

#tekstilinkki, #tekstilinkki1, #tekstilinkki2, #tekstilinkki_small, #tekstilinkki_verysmall  {
	/*background: linear-gradient(hsl(30,0%,15%), hsl(30,0%,1%));*/
	/*background: linear-gradient(hsl(0,100%,20%), hsl(220,100%,20%));*/
	background: black;
	border: solid 2px hsl(50,50%,30%);
	color: hsl(30,70%,70%);
	color: hsl(0,0%,75%);
}
#linkbutton, #linkbutton_top, #linkbutton_back, #linkbutton_pdf, #linkbutton_load {
	/*background: linear-gradient(hsl(30,0%,15%), hsl(30,0%,1%));*/
	border: solid 2px hsl(50,50%,30%);
	background: black;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#tekstilinkki:hover, #tekstilinkki1:hover, #tekstilinkki2:hover, #tekstilinkki_small:hover, #tekstilinkki_verysmall:hover, #linkbutton:hover, #linkbutton_top:hover, #linkbutton_back:hover, #linkbutton_pdf:hover, #linkbutton_load:hover {
	background: linear-gradient(hsl(30,0%,18%), hsl(30,0%,4%));
	border: solid 2px hsl(50,50%,60%);
}

img.right {
	box-shadow: none;
}

.spoiler {
	background: hsl(0,0%,10%);
	/*box-shadow: inset 0px 0px 3px 3px hsla(0,0%,30%,0.1);*/
}


/*---- Mediarajoitukset ----*/
@media screen and (max-width: 1600px) {
	/*body {
		margin-right: 5px;
	}*/
	#side_nav {
		top: 15%;
	}
	/*#etusivu {
		margin: 10px auto 10px auto;
	}*/
}
@media screen and (max-width: 720px) {
	body, #etusivu {
		background-color: black;
		margin: 0;
	}
	h1 {
	font-size: 2.5em;
	}
	/*footer {
		margin-bottom: 0.5em;
		border-bottom: double 0.4em hsl(30,80%,40%);
	}*/
	#malli1, #malli2, #malli3 {
		border: none;
		border-radius: 0;
	}
}