/*
	Kupolin stylesheet, pohjautuu CSS 2.1:een
	Viimeksi muokattu 2.11.2009 klo 22:35 
*/


/*
	Tässä osiossa ovat olennaiset perusluontoiset asetukset
*/
BODY {
	margin: 0px;
	padding: 0px;

	background: #DADADA;

	/* Fontin peruskoko on 9pt, riviväli 11pt, perusfontti sans-serif */
	font: 9pt/11pt sans-serif;
}

* {
	/* Kaikki muut elementit lainaavat fonttitiedot bodyltä */
	font: inherit;
}

H1 {
	font-size: 1.35em;
	font-weight: bold;
}

#kupo_sisalto H2,
#kupo_sisalto H3,
BIG,
STRONG
.largetext
{
	font-size: 1.15em;
}

SMALL,
FORM INPUT,
FORM SELECT,
#kupo_otsikko,
#kupo_menu,
#kupo_pohja,
.harmaapalkki,
.vaaleapalkki,
.catbg3,
.notice,
.alateksti
{
  font-size: 0.9em;
}

.smalltext,
.quote,
.quoteheader,
.code,
.codeheader 
{
	/* nämä ovat osittain foorumin vaatimuksia */
	font-size: 0.8em;
}


/*
	Tästä eteenpäin oleellisimpien perustagien määrittelyt 
*/
A {
	text-decoration: none;
	color: #740000;
	font-weight: bold;
}

A:hover {
	text-decoration: underline;
}

A IMG {
	/* Millään kuvalla ei ole linkkireunoja */
	border-width: 0px;
}

FORM INPUT, FORM SELECT {
	margin: 2px;
}

TH {
	text-align: left;
}

I {
	font-style: italic;
}

B, STRONG {
	font-weight: bold;
}


/*
	Seuraavaksi tulevat Kupolin peruslayouttiin liittyvät asetukset
*/
#kupoli {
	position: relative;

	width: 888px;
	margin: 0px auto 0px auto;
	padding: 0px;

	background: url('http://www.kupoli.net/kuvat/tausta2.gif') repeat-y -49px 0px;

	border: solid black;
	border-width: 0px 1px 0px 0px;
}

IMG#kupo_logo {
	position: absolute;
	left: 60px;
	z-index: 1;
 
	float: left;
	margin-right: -100px;
}

#kupo_header {
	padding-left: 100px;
	height: 210px;

	/* Yläpalkin linkkien koko on bittikartan rajoittama */
	font-size: 10px !important;
	line-height: 16px !important;

	background: white url('http://www.kupoli.net/kuvat/ylapalkki.png') repeat-x;
}

#kupo_header, #kupo_header A {
	letter-spacing: 0.2em;

	font-weight: bold;
	color: white;
}

#kupo_header {
	margin-left: 171px;
}

#kupo_header .oikeareuna {
	letter-spacing: 0em;

	padding-right: 3px;
	background: url('http://www.kupoli.net/kuvat/ylakulma.png') no-repeat 100% 0px;
}

#kupo_otus {
	/* Tässä napataan otus mukaan */
	margin-top: 2px;
	margin-right: 0px;
	margin-left: auto;

	width: 200px;
	height: 170px;

	background-image: url(http://www.kupoli.net/kuvat/otukset/legato.gif);	background-repeat: no-repeat;
	background-position: 100% -20px;
}

#kupo_otsikko {
	position: absolute;
  
	top: 75px;
	left: 270px;

	color: #740000;
	text-align: center;
	font-weight: bold;
}


/*
	Tekstisisällön asetuksia	
*/
#kupo_sisalto {
	margin-top: 0px;
	padding: 0px 0px 15px 0px;
	
	float: right;
	width: 717px;
}

#kupo_sisalto P,
#kupo_pohja P,
.sisennetty {
	padding-left: 8px;
	padding-right: 8px;
}

/* Tekstiä sivun alalaidassa */
#kupo_pohja {
	clear: both;
	text-align: center;
	
	color: #888;
	padding-bottom: 10px;
		
	margin: 10px 206px 0px 171px;

}

#kupo_pohja A {
	color: #844444;
	font-weight: normal !important;
}

/*
	Vasemman reunan menu
*/
#kupo_menu {
	float: left;
	
	width: 145px;

	text-align: right;
	line-height: 1.25em;

	margin: 0px;
	padding: 0px 0px 25px 0px;
}

#kupo_menu UL {
	list-style-type: none;

	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
}

#kupo_menu A:link, #kupo_menu A:visited {
	font-weight: normal;
	color: #000;
}

#kupo_menu H2 {
	margin: 0;
}

#kupo_menu H2 A {
	display: block;

	width: 115px;
	height: 30px;

	margin: 0px -2px 3px auto;

	background: url('http://www.kupoli.net/kuvat/menunappi.gif') no-repeat 0px 0px;

	/* Bittikartan rajoitusten vuoksi kiveen kirjoitetut asetukset */
	color: white !important;
	font-weight: bold !important;
	font-size: 10px !important;

	line-height: 30px;
	text-align: center;
}

#kupo_menu H2 A:hover {
	background-position: 0px 100%;
}

/*
	Palstojen tyylit
*/
.paapalsta {
	float: left;
	width: 511px;
	
	margin: 0px;
	padding: 0px;
}

.sivupalsta {
	float: right;
	width: 201px;
	
	margin: 0px;
}

.sivupalsta H2 {
	margin-top: 0px !important;
	padding-top: 0px !important;
}

/*
	Muutetaan sivupalstan otsikoiden linkit järkevän värisiksi
*/
.sivupalsta H2 A {
	color: black;
}

.sivupalsta UL {
	padding-left: 25px;
	margin-left: 0px;
}

.sivupalsta LI {
	padding-bottom: 10px;
}


/*
	Yleisiä luokkia
*/

/* floatclearer tappaa tekstisisällön floatit ilman että rikkoo asioita clear-lauseen tapaan 
   suositellaan käytettäväksi esim. <div class="floatclearer">&nbsp;</div> */
.floatclearer {
	display: inline-block;

	width: 95%;
	height: 0px;
}


/* 
	Kaikenmoiset Kupolin käyttämät palkit 
*/
H1,
#kupo_sisalto H2,
.harmaapalkki,
.vaaleapalkki,
.titlebg,
.catbg,
.catbg2,
.catbg3 {
	padding: 0px 3px 0px 3px;
	border-style: groove;
}

H1 {
	line-height: 2.0em;
	margin: 0px 0px 0px 0px;
}

#kupo_sisalto H2 {
	line-height: 1.5em;
	font-weight: bold;

	margin: 0px 0px 0px 0px;
}

.harmaapalkki, 
.vaaleapalkki,
.titlebg,
.catbg,
.catbg2,
.catbg3 {
	line-height: 1.35em;
}

H1,
#kupo_sisalto H2,
.harmaapalkki, 
.catbg {
	background: #CCC;

	border-color: #AAA;
	border-width: 2px 0px 2px 0px;
}

H3 {
	font-weight: bold;
	line-height: 1.2em;
	padding: 0px 10px;
	margin-top: 0px;
	
	border-style: double;
	border-color: black;
	border-width: 0px 0px 2px 0px;
}

.catbg2 {
	/* Kategoria korostuu kun siinä on uusia viestejä */
	background: #DCC;

	border-color: #AAA;
	border-width: 2px 0px 2px 0px;
}

.harmaapalkki A, .catbg A {
	color: black;
}

.harmaapalkki .nimike {
	color: #740000;
}

.vaaleapalkki,
.titlebg,
.catbg3 {
	background: url('http://www.kupoli.net/kuvat/vaaleatile.png') #E3E3E3;

	border-style: groove;
	border-color: #AAA;
	border-width: 0px 0px 2px 0px;
}

.haaleapalkki {
	background: url('http://www.kupoli.net/kuvat/haaleatile.png');

	border: solid #EEE;
	border-width: 1px 0px 1px 0px;
}

/*
	Listaustaulukko
*/
.listaus {
	margin: 10px auto;

	width: 90%;
	
	border: groove 2px #CCC;	
}

.listaus .lista A, .listaus .koholista A, .listaus TH A {
	font-weight: normal;
}

.listaus TH {
	padding: 3px 5px;

	background: #CCC;

	border-style: groove;
	border-color: #AAA;
	border-width: 2px 0px 2px 0px;
}

.listaus TR:first-child TH {
	border-top: 0px;
}

.listaus TD {	
	padding: 4px 5px;
}

.listaus .koholista > TD {
	background-color: #EEE;

	border: groove #EEE;
	border-width: 2px 0px 2px 0px;	
}

.listaus TD.logosolu {
	width: 250px;
	
	background-color: #EEE;
	
	vertical-align: middle !important;
	
	border: solid 0px #777;
	border-left-width: 1px;
	
	padding: 0px;
}

.listaus TD.pieni {
	font-size: 0.9em;
}

.listaus INPUT {
	border: solid 1px #777;
}

/*
	Muuta satunnaista
*/

.sisennetty {
	padding-top: 10px;
}

.notice {
	padding: 0px 10px;
}

.leipateksti {
	margin: 10px auto;

	text-align: justify;
	
	padding: 0px 10px;
	
	line-height: 1.5em;
}

.leipateksti P {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.oikeareuna {
	float: right;
	text-align: right;
}

.alateksti {
	color: #555;
}

.alateksti A {
	font-weight: normal !important;
}

/* lainaus on tämännäköinen */
.quote, .code
{
	background-color: #EEE;
	border: 1px solid #AAA;
	margin: 1px 10px 1px 10px;
	padding: 3px;
}

.quote .quote {
	background-color: #FFF;
}

/* Koodiblokki */
.code
{
	font-family: "courier new", monospace;

	white-space: nowrap;
	overflow: auto;

	max-height: 24em;
}

/* Potentiaaliset headerit koodille */
.quoteheader, .codeheader
{
	margin: 1px 10px 1px 10px;
	line-height: 1.2em;

	font-style: normal;
	font-weight: bold;
}

/* Tällaisessa näytetään kuvan pikkuthumbnail piirtolaudoilla */
.kuvablock {
	width: 80px;

	padding: 5px;

	background-color: #DDD;
	border: solid 1px #AAA;

	text-align: center;
}


/*
	Perusmallisen taulukon asetukset
*/
#kupo_sisalto > TABLE TD {
	vertical-align: top;
}

.taulukko_koho,
.taulukko_koho2,
.taulukko_koho3,
.windowbg,
.windowbg3,
.windowbg4 {
	border: solid #BBB;
}

.taulukko_koho,
.taulukko_koho2,
.taulukko_koho3,
.windowbg {
	border-width: 0px 1px 0px 1px;
}

.windowbg3 {
	border-width: 1px 0px 1px 0px;
}

.windowbg4 {
	border-width: 0px 1px 1px 1px;
}

.taulukko_koho,
.windowbg {
	background-color: #EAEAEA;
}

.taulukko_koho2,
.windowbg3,
.windowbg4 {
	background-color: #DADADA;
}

.taulukko_koho3,
.windowbg2 {
	background-image: url('http://www.kupoli.net/kuvat/haaleatile.png');
}

.bordercolor {
	/* Tällä saadaan aikaiseksi taulukoiden reunaviivat */
	border: solid #BBB;
	border-width: 0px 0px 1px 0px;
}

/*oekakin etusivun oekakien nimien linkitysten värit */
.oelinkki {
        color: #000000;
}

/*
	Oikeassa reunassa kelluva infoboksi
*/
.infoboksi {
	float: right;
	width: 200px;
	
	background-color: #EEE;
	margin: 10px;
	
	border: groove #CCC;
	border-width: 0px 2px 2px 2px;
}

.infoboksi UL {
	margin: 10px;
}

/*
	Suomimangan julkaisulistaukset
*/
.julkaisulistaus {
	list-style-type: none;
	
	margin: 0px;
	padding: 0px;
}

.julkaisulistaus LI {
	margin-bottom: 5px;
}

.julkaisulistaus LI:first-line {
	margin-left: 15px;
}

/*
	Korostettu teksti
*/
.hilight {
	background-color: gray;
	color: white;
	
	padding: 0px 2px;
}

A .hilight {
	background-color: #740000;
	color: white;
	
	padding: 0px 2px;
}