/* Inka Vilenin tanssisivuston css-tyylitiedot */
/* (c) Inka Vilen 2006-2009 http://www.inkavilen.fi */
/* testiselaimet FireFox3.5/Win, IE8/Win, Opera9/Win, Safari4/Win */


/* Värit */

/*
tummin harmaa: #333333
tumma harmaa: #666666
vaaleampi harmaa: #999999
vaalein harmaa: #CCCCCC

violetinmusta: #330033

viininpunaiset: #990066 (tekstiväri + tausta)
haaleampi viininpunainen: #993366 (isona pintana likaisen haalea)
punainen punainen: #990033

tosi tumma pun.: #660033
tumma luumu: #660066
tumma violetti: #663366

sinisemmät violetit: #660099, #663399
lila: #9900CC;
vaaleat violetit: #9933FF; #CC99FF
*/


/* Marginaalien nollaus */

html, body {
	margin: 0;
	padding: 0;
	}


/* Peruselementit */

body {
	font: 11pt/13pt;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #330033;
  	background: #CC99FF url(../tausta/tanssitausta.gif);
	}


/* Kappaletyylit */

h1, h2, h3 {
  	font-family: Calisto, Georgia, serif;
  	color: #9900CC;
	text-align: left;
	}
h1 {
  	font-weight: bold;
  	font-style: italic;
	font-size: 20pt;
	text-align: center;
	height: 40px;
	padding-top: 15px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: 1px solid #9900CC;
	}
h2 {
	/*background: transparent url(../tausta/otsikko-ornamentti.gif) top left no-repeat;
        margin-top: 20px;
	margin-bottom: 0px;
	padding: 24px 0px 0px 8px;*/
  	font-weight: bold;
  	font-size: 16pt;
  	line-height: 18pt;
	}
h3 {
  	font-weight: bold;
  	font-style: italic;
  	font-size: 14pt;
	}
p {
  	font: 11pt/13pt Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
	}
  P.pt10 {
  	font: 10pt/12pt Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
	padding-right: 40px;
	}
  P.pt10c {
  	font: 10pt/12pt Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	}
  P.pt10ci {
  	font: italic 10pt/12pt Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	}
  P.pt9 {
  	font: 9pt/11pt Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
	}
  P.pt8ci {
  	font: italic 8pt/10pt Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	}
.huom {
  	font-weight: bold;
	color: #990066;
	}
.pois {
  	display: none;
	}

  P.linkki {
	font: italic bold 9pt/18px Calisto, Times, serif;
	text-align: center;
	}


/* Luettelo */

li {
  	font: 10pt/12pt Tahoma, Arial, Helvetica, sans-serif;
	}
li.kuvaus {
  	font-style: italic;
	}


/* Linkit */

a:link {
  	color: #660099;
	text-decoration: none;
	}
a:visited {
  	color: #663399;
	text-decoration: none;
	}
a:active {
  	color: #9933FF;
	text-decoration: none;
	}
a:hover {
  	color: #9933FF;
  	background-color: transparent;
	text-decoration: overline underline;
	}


/* tekstilogo (vasen reuna) */

#tekstilogo {
	margin: 120px 0px 0px 0px;
	background: transparent;
	float: left;
	}


/* tausta */

#tausta {
	/*position: absolute;
        width: 1000px; */
	margin-top: 0px;
	margin-left: 150px;
	width: 850px;
	padding: 0px;
	background: transparent;
        /* taustakuva: url(../tausta/ornamentti50.gif) top right repeat-y; */
	}


/* yliö */

#ylio {
	/*background: transparent url(../tausta/yliologo.gif) center left no-repeat;
  	margin: 10px;
  	margin-left: 140px;
	width: auto;
	height: 120px;*/
	width: auto;
  	margin-left: 0px;
	height: 100px;
	background: transparent url(../tausta/tanssilogo.gif) center left no-repeat;
;
	}

#slogan {
	background: transparent url(../tausta/slogan.gif) center right no-repeat;
	/* tämä on normaali marginaali Firefoxille ja Operalle */
  	margin-right: 200px;
	/* tämän lukee IE6 */
  	_margin-right: 40px;
	/* tämän lukee IE7 */
  	*margin-right: 40px;
	height: 120px;
	}

/* valikko */

#menu {
	/*width: 120px;
	height: 600px;
	padding: 0px 10px;
	margin: 0px 30px 0px 10px;
	background: transparent url(../tausta/ornamentti50.gif) right repeat-y;
	border: 0px solid #663333;
	float: left;*/
	width: 100%;
	height: 30px;
	padding: 0;
	margin: 0;
	background: #CC99FF;
	}

#menu p {
	/*width: 100px;
	padding: 6px 6px 6px 14px;
	margin: 0;
	font: italic bold 9pt/12px Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid #CCFFCC;  */
	font: italic bold 8pt/24pt Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	}

/*#menu p.alaots {
	padding: 0 0 0 30px;
	}

#menu p.sijainti {
	font-variant: small-caps;
	font-size: 10pt;
	}

#menu p.info {
	font: italic 8pt/11px Tahoma, Arial, Helvetica, sans-serif;
	border-bottom: 0px;
	}

#menu a {
	text-decoration: none;
	}
#menu a:link {
  	color: #333333;
	}
#menu a:visited {
  	color: #336633;
	}
#menu a:active {
  	color: #CC3333;
	}
#menu a:hover {
  	color: #CC3333;
	}
*/

/* linkkipalkki */

#linkkipalkki {
	width: auto;
	padding: 10px 20px 10px 20px;
	margin-top: 0px;
	background: transparent url(../tausta/linkkipalkki.gif) repeat;
	border: 2px solid #CC99FF;
	border-top: none;
	}
#linkkipalkki p {
	font: italic bold 9pt/18px Calisto, Times, serif;
	text-align: center;
	}


/* palsta */

#palsta {
        /*width: 600px;
	margin: 0px 0px 20px 180px;
	padding: 20px 20px 20px 20px;
	background: #CCFFCC url(../tausta/palstatausta.gif) top right repeat-y;
	border-top: 3px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #663333;
	border-bottom: 2px solid #669966;*/
	width: 620px;
	padding: 0px 0px 10px 40px;
	margin: 0px;
	background: #FFFFFF;
	float: left;
	}

#palsta p.update {
  	font-family: Calisto, Georgia, serif;
  	color: #9900CC;
  	font-style: italic;
	font-size: 10pt;
	line-height: 10pt;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 10px;
	}
#palsta p {
  	font: 10pt/12pt Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
	padding-right: 40px;
	}

#palstakuva {
  	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
	float: right;
	}
#palstakuva p {
  	font: 8pt/10pt Tahoma, Arial, Helvetica, sans-serif;
	color: #CC99FF;
	text-align: center;
	}

/*#palsta img.oikea {
        float: right;
	margin: 20px 0px 10px 10px;
	border-left: 2px solid #663333;
	border-right: 2px solid #336633;
	border-top: 2px solid #669966;
	border-bottom: 2px solid #993333;
	}

#palsta p.kuva {
	font: italic 8pt/11px Tahoma, Arial, Helvetica, sans-serif;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 20px;
	}

#palsta p.kirjanmerkit {
	font: bold 10pt/13px Tahoma, Arial, Helvetica, sans-serif;
	}
*/

/*  #vaakakuva {
  	margin-top: 0px;
	margin-bottom: 0px;
	height: 180px;
	width: 265px;
	padding: 0px 20px 10px 20px;
	float: right;
	}
#pystykuva {
  	margin-top: 0px;
	margin-bottom: 0px;
	height: 255px;
	width: 190px;
	padding: 0px 20px 10px 20px;
	float: right;
	}
#indexkuva {
  	margin-top: 0px;
	margin-bottom: 0px;
	height: 500px;
	width: 350px;
	padding: 0px 20px 10px 20px;
	float: right;
	}
*/


/* info */

#info {
  	margin-top: 0px;
	margin-bottom: 0px;
	width: auto;
	height: auto;
	background: #D9C1EE;
	border: 1px solid #9900CC;
	padding: 10px;
	margin-right: 30px;
	}

#info p {
  	font: 10pt/12pt Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
	}


/* alakerta */

#alakerta {
  	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	height: 100px;
	clear: left;
	}

#alakerta p {
  	font: 9pt/11pt Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	}

/* Twitter */

#twitter_div {
	padding: 4px 0px 4px 0px;
	margin: 20px 0px 10px 0px;
	background: transparent;
	border-top: 2px solid #CC99FF;
	}

#twitter_div h3 {
	font: italic bold 11pt/18px Calisto, Times, serif;
	text-align: center;
	}

#twitter_div ul {
  	font: 9pt/11pt Tahoma, Arial, Helvetica, sans-serif;
	list-style-type: none;
	}

#twitter_div li {
	text-align: left;
	padding-bottom: 10px;
	}

#twitter_div a {
	font: italic 9pt/11pt Tahoma, Arial, Helvetica, sans-serif;
	}

#twitter_div a#twitter-link {
	font: italic bold 10pt/12pt Calisto, Times, serif;
	}









  #testi {
	background: #000000 url(background_header.gif) top center no-repeat;
	width: 80%;
	height: 150%;
	margin-left: auto;
	margin-right: auto;
	margin-top: -20px auto -50px;
	padding: 0;
	}

  #vaakakuva {
  	margin-top: 0px;
	margin-bottom: 0px;
	height: 130px;
	width: 150px;
	padding: 0px 20px 10px 20px;
	float: right;
	}
  #pystykuva {
  	margin-top: 0px;
	margin-bottom: 0px;
	height: 180px;
	width: 100px;
	padding: 0px 20px 10px 20px;
	float: right;
	}