/*

	TYR.CSS - Tampereen yliopiston roolipelaajien verkkosivuston tyylitiedosto

*/


body {
	background-color: #fff;
	color: #000;

/*	border: 1px dashed black; */
	padding: 2pt;
	max-width: 30em;
	margin: auto;
	margin-top: 4pt;

	text-align: left;
}

h1 {
	font-size: 14pt;
	text-align: center;
}

a {
	color: #b20c26;
}

a:active {
	color: #fb5300;
}

a:visited {
	color: #801;
}

a.silent {
	color: inherit;
	text-decoration: inherit;
}

.loppuosa {
	border-top: 1px solid #555;
	padding-top: 6pt;
//	margin-bottom: 40px;
}

.loppuosa img {
	float: right;
}

.loppuosa a {
	float: left; 
	margin-top: 6pt;
	text-decoration: underline;
}

.ihmislista .nimi {
	font-weight: bold;
}

.ihmislista .nimi a {
	font-weight: normal;
}

.viimeisinpaivitys {
	font-style: italic;
}




/* The following is used only on the front page */

body.etusivu {
	max-width: 50em;

}

.jarjesto {
	float: left;
}
.toiminta {
	float: right;
}

.jarjesto, .toiminta {
	max-width: 20em;
}


.keskikuva {
	text-align: center;
}
.keskikuva img {
	margin-top: 5em;

}

.ajankohtapalkki {
	text-align: center;
	font-size: 10pt;
	margin-bottom: 1pc;
	
/*	background-color: #eee;
	border: 1px solid #aaa; */

}

.ajankohtapalkki a {
	text-decoration: none;
}

.ajankohtapalkki .tapahtuma {
/*	margin-left: 2pc;
	marign-right: 2pc; */
}

.ajankohtapalkki .tapahtuma .aika {
	font-weight: normal;
}

.ajankohtapalkki .tapahtuma .tapahtuma {
	font-weight: bold;
}

.ajankohtapalkki .tapahtuma .tapahtuma a {
	color: inherit;
}

.ajankohtapalkki .tapahtuma .tapahtuma a.silent {
	color: #b20c26;
}




.linkkilaatikko {
	margin-bottom: 4pt;
	min-height: 4em;
}

.linkkilaatikko .linkki {
	font-size: 14pt;
	font-weight: bold;
}

.linkkilaatikko .selitys {
	font-size: 12pt;
	font-style: italic;
	padding-left: 1pc;
}


.pikkulinkit {
	margin-bottom: 8pt;
	margin-top: 1.5pc;
}


.etusivu h1 {
	font-size: 26pt;
}

.etusivu .loppuosa, .etusivu .alkuosa {
	clear:both;
}

.etusivu .alkuosa {
	text-align: center;
}

.etusivu .loppuosa a, .tapahtumakalenteri .loppuosa a {
	float: none;
}




/* Tapahtumakalenteri */


.tapahtumakalenteri h1 {
	font-size: 26pt;
/*	background-color: #cce;
	border: 2px solid #888; */
}

.tulevat h4, .toistuvat h4, .vanhat h4 {
	margin-top: 0;
	font-size: 14pt;
	padding: 2pt;
}

.tulevat, .toistuvat, .vanhat {
	margin-bottom: 2em;
	border: 1px solid #aaa;
/*	border: 1px solid #D9EBE3; */
	border: 1px solid #DA7450;
}

.vanhat {
	border: 1px solid #888;
}

.tulevat li, .toistuvat li, .vanhat li {
	padding: 4pt;
}

.tulevat h4 {
	background-color: #f7c0b5;
}
.toistuvat h4 {
	background-color: #f2dac8;
}
.vanhat h4 {
/*	background-color: #E6E0D0; */
/*	background-color: #F5F0DD; */
	background-color: #ccc;
}

.tapahtumakalenteri .loppuosa .paivitystieto {
	margin-bottom: 4pt;
}

.tapahtumakalenteri .loppuosa {
	margin-bottom: 6pt;
}

.aika {
	font-weight: bold;
}



/* Päivitykset */

.paivitykset li {
	margin-top: 1pc;
}




.etusivuilmoitus {
	text-align: center;
	position: absolute;
	
	margin-top: 8pc;
	margin-left: 2pc;
	border: 3px double black;
	background-color: white;
}

.etusivuilmoitus .otsikko {
	font-size: 14pt;
	font-weight: bold;
	background-color: #f8f4d5;

	border-bottom: 1px solid black;
}

.etusivuilmoitus .ilmoitus {
	padding: 6pt;
}

.larplista .larp p {
	margin: 0;
	margin-bottom: 4pt;
}

.larplista .larp {
	margin-bottom: 10pt;
}
.larplista .larp .nimi {
	font-size: 12pt;
	font-weight: bold;
}

.larplista .larp .ajankohta {
	font-size: 10pt;
}

.larplista .larp .ajankohta:before {
	content: "(";
}
.larplista .larp .ajankohta:after {
	content: ")";
}

.larplista .larp .jarjestajat {
	font-size: 8pt;
	font-style: italic;
}

.larplista .larp .kuvaus {
	font-size: 9pt;
	padding-left: 2pc;
}




/* The following is only for a very stupid browser called
Internet Explorer, which doesn't recognize the well defined
max-width property of CSS2. But hey, you'll just have to make
some exceptions for it, because Microsoft has a monopoly with
it's stupid non-standard supporting software.
 - Ilari Kajaste */

* html body   /* this selector recognized by IE only */
{
  width: 500px;   /* total width (only for IE5.x/Win) */
  w\idth: 500px;  /* content width (for other IE) */
}

* html body.etusivu
{
	width: auto;

	margin-left: 4em;
	margin-right: 4em;

}

* html div.etusviuilmoitus
{

}