/* Seitsemän Hunnun Tanssi ry:n kesäfestivaali 2011 -sivuston css-tyylitiedot */
  /* (c) Inka Vilen 2007-2009 */
  
  /* Peruselementit */
  
  BODY { 
	font: 11pt/13pt Tahoma, Arial, Helvetica, sans-serif; 
	color: #000000; 
  	background: #FFFFFF url(../tausta/festaritausta.jpg) repeat-y;
	}


  /* Kappaletyylit */

  H1 {
  	font: bold 20pt Georgia, serif;
	color: #4455aa;
	text-align: left;
	}
  H2 {
  	font: italic 16pt Georgia, serif;
	color: #4455aa;
	text-align: left;
	}
  H3 {
  	font: 14pt Georgia, serif;
	color: #4455aa;
	text-align: left;
	}
  P {
  	font: 10pt/12pt Tahoma, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	}
  P.otsake {
  	font: bold 30pt/30pt Georgia, serif;
	color: #4455aa;
	text-align: center;
	}
  P.pieni {
  	font: 9pt/11pt Tahoma, Arial, Helvetica, sans-serif;
	}
  P.info {
  	font: italic 9pt/11pt Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	}
  P.kuva {
  	font: 8pt/10pt Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	border-bottom: #4455aa solid 1px;
	}
  P.menu {
  	font: bold 10pt/10pt Arial, Tahoma, Helvetica, sans-serif;
	text-align: center;
	}
  P.linkkipalkki {
  	width: auto;
	padding: 10px 6px 10px 4px;
	margin: 1px;
	font: italic bold 10pt/10pt Georgia, serif;
	text-align: left;
	}
  P.kuvalinkki {
  	width: auto;
	padding: 6px 6px 6px 4px;
	margin: 1px;
	border-top: 1px solid #4455aa;
	border-right: 1px solid #4455aa;
	background: url(tausta/kuvalinkki.gif) right top no-repeat;
	font: bold 10pt/10pt Arial, Tahoma, Helvetica, sans-serif;
	font-color: #000000;
	text-align: center;
	vertical-align: center;
	}
  P.laatikko {
  	width: auto;
	padding: 6px 6px 6px 6px;
	margin: 3px;
	border: 1px solid #4455aa;
	border-right: 1px solid #4455aa;
	text-align: center;
	vertical-align: center;
	}
  li {
  	font: 9pt/11pt Tahoma, Arial, Helvetica, sans-serif;
	}
  .toplayer {
  	position: absolute;
	top: 15px;
	left: 10px;
	}
  .sininen {
	color: #4455aa;
	}
  .c {
	text-align: center;
	}
  .i {
	font: italic;
	}
  .huom {
  	font-weight: bold;
	color: #ee2200;
	}
  .alle10 {
  	font-weight: bold;
	color: #1155ff;
	}
  .alle5 {
  	font-weight: bold;
	color: #00ff00;
	}
  .taynna {
  	font-weight: bold;
	color: #ee2200;
	}

  /* Taulukko */

  TABLE {
  	border: 0px #FFFFFF;
  	width: 100%;
	}
  TD {
  	vertical-align: top;
  	padding: 10;
  	border: 0px #FFFFFF;
  	font: 9pt/11pt Tahoma, Arial, Helvetica, sans-serif;
	}
  TD.yla {
  	vertical-align: middle;
  	text-align: center;
	}

  /* Linkit */

  A:link {
  	color: #ff9900;
	text-decoration: none;
	}
  A:hover {
  	color: #ff3333;
	text-decoration: none;
	}
  A:visited {
  	color: #ff9966;
	text-decoration: none;
	}
  A:active {
  	color: #ff6600;
	text-decoration: none;
	}


  /* Blokit */

  #ylaviite {
	margin-top: 0px;
	margin-bottom: 0px;
	width: 850px;
	height: 160px;
	}
  #linkkipalkki {
	width: 150px;
	height: 80%;
	padding: 10px 10px 10px 10px;
	margin-top: 5px;
	background: transparent;
	float: left;
	}
  #container {
	background: transparent url(../tausta/oranssilogo.jpg) no-repeat bottom right;
	margin-top: 0;
	margin-left: 220px;
	width: 700px;
	padding: 0px 20px;
	}
  #menu {
	width: auto;
	padding: 2px 20px 2px 20px;
	background: #FFFFFF;
	border-top: 1px solid #4455aa;
	border-bottom: 1px solid #4455aa;
  	margin-top: 1px;
	margin-bottom: 6px;
	}

  #alaviite {
  	margin-top: 0px;
	margin-bottom: 0px;
	width: 75%;
	height: 60px;
	background: transparent;
	clear: left;
	}
  #alaviite p {
  	font: italic 8pt/10pt Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	}

  #palsta {
	width: 75%;
	padding: 0px 20px 10px 30px;
	margin: 0px;
	background: #FFFFFF;
	border-bottom: 1px solid #ff9900;
	}
  #tietopalkki {
  	margin-top: 0px;
	margin-bottom: 0px;
	width: 100px;
	padding: 0px 20px 10px 20px;
	float: right;
	}
  #paakuva {
  	margin-top: 0px;
	margin-bottom: 0px;
	height: 450px;
	width: 250px;
	padding: 0px 0px 10px 20px;
	float: right;
	}
	  /* pääkuvan koko 250px x n. 370px, loppu kuvatekstin tilaa */

  #kuvatekstioikea {
	float: right;
	}

  #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;
	}