/*Kaupunkiasento.net perustyylitiedosto. */



body {

padding: 0;

margin: 0;

}







/* Linkit. Menun linkit sekä tavalliset. */

a.menulink:link     { color: #ffffff; text-decoration: none }



a.menulink:active   { color: #ffffff; text-decoration: none }



a.menulink:visited  { color: #ffffff; text-decoration: none }



a.menulink:hover    { color: #ffffff; text-decoration: underline }



a:link     { color: #9c3f45; text-decoration: underline }

a:active   { color: #9c3f45; text-decoration: underline }

a:visited  { color: #9c3f45; text-decoration: underline }

a:hover    { color: #9c3f45; text-decoration: none }









/*Otsikot.*/



h2,h3,h4,h5,h6 {



font-family: "Trebuchet MS", Verdana, sans-serif;

color: #530000;

margin-top: 2px;



}





h1 {

color: #4f0000;

font-size: 35px;

padding: 0 0 0 5px;

margin: 0;

}



h2 {

margin: 0 0 10px 0;

font-size: 1.1em;

}





h3 {

font-size: 1.0em;

margin-bottom: 5px;

}







/* Kappaleet */



p {



font-family: Verdana, sans-serif;



font-size: 0.8em;

color: #990000;

padding: 2px 20px 2px 15px;

}



p.uutiset {

padding: 0 20px 0 15px;

margin: 10px 0 20px 0;

}





p.small {

font-size: 0.7em;

padding: 2px 20px 2px 15px;

}



p.form {

padding: 0 20px 0 15px;

margin: 0;

font-size: 0.8em;

}



p.footer {

border-top: 1px solid #990000;

font-size: 0.7em;

margin: 5px 0 0 0;

padding: 0;

}



p.lista{

padding: 2px 20px 2px 15px;

margin: 0;

}







/* Lomakeiden ulkonäkö */



.basicform {



font-size: 0.9em;

font-family: verdana, helvetica, arial, times, sans-serif;

background: white;

border: 1px solid #587890;

padding: 0;

margin: 0;

}



.textarea {

font-size: 0.9em;

font-family: verdana, helvetica, arial, times, sans-serif;

background: white;

border: 1px solid #587890;

margin: 0;

padding: 0;

}



.nappi {

font-family: verdana, helvetica, arial, times, sans-serif;

font-size: 0.8em;

color: black;

background: #d4cfcf;

border: 1px solid #587890;

margin: 2px 0 0 0;

padding: 0;

}



.nappi:hover {

color: #666666;

background: #ede3cc;

}



.radiobutton {

margin-top: 10px;

}



ul.perus {

margin-top: 0;

padding: 0 0 0 40px;	

font-family: Verdana, helvetica, sans-serif;

font-size: 0.8em;

color: #990000;

}



/* Sivujen rakenne */





#splashscreen {

margin-top: 10%;

margin-left: 30%;

border: 0;

}



#punatausta {

width: 100%;

height: 100%;

background: #79130f;

}





/* Kaikki tulee #framen sisälle. */

#frame {

position: absolute;

overflow: auto;

 width: 90%;

 border-top: 1px solid black;

 padding: 0;

 margin: 7px 0 5px 5%;

 background: url(../img/logo_alakulma.gif) no-repeat 95% 99%;

border-left: 1px solid black;

border-right: 1px solid black;

border-bottom: 1px solid black;

}



#bottom {

border-top: 1px solid black;

padding-bottom: 5px;

}





/* Tämä on olemassa toista taustakuvaa, oikean yläkulman kuvaa varten. */

#frame2{

 background: url(../img/bg.jpg) no-repeat top right;

 margin-bottom: 0;

 padding-bottom: 0;

}





/* Sisältö oikea puolisko, keikkakalenteri etc. */

#content-right {

  padding: 5px;

  margin: 0;

}



/* Sisältö vasen puolisko, varsinainen sisältö */

#content-left {

float: left;

width: 70%;

margin: 10px 5px 5px 20px;

padding: 15px 10px 0px 5px;

border-right: 1px dashed #990000; 

}



.ylapalkki {

width: 100%;

background: #79130f; /* url(http://www.kaupunkiasento.net/img/ylakulma.jpg) top right no-repeat; */

padding: 0;

margin: 0;

}



/* Navigointimenu */

.menu {

font-family: "Trebuchet MS", Georgia, serif;

font-size: 14px;

font-weight: bold;

color: #ffffff;

padding: 4px;

margin: 0;

border-left: 1px solid black;

border-right: 1px solid black;

border-top: 1px solid black;

border-bottom: 1px solid black;

background: #595959;;

}







.bottomwrapper {

position: absolute;

top: 80%;

width: 90%;

padding: 0;

margin: 7px 0 0 5%;

}



.wrapper {



margin-left: 20%;

}







/* Kuvat */

img.perus {

float: left;

border: 1px solid #990000;

margin: 5px;



}



img.etusivu {

border: 1px solid #990000;

margin: 0 10px 10px 10px;

}



img.vasentasaus {

padding: 0;

margin: 0;

}



img.logo {

float: right;

border: 0;

padding: 0;

margin: 0;



}





img.perus2 {

float: right;

border: 1px solid #990000;

margin: 0 5px 5px 5px;

}



img.perus3 {

float: right;

vertical-align: top;

border: 1px solid #990000;

margin: 0 5px 5px 5px;

}



img.kiintea {

border: 1px solid #990000;

margin: 0 5px 5px 5px;

}



img.kuvasivu {

border: 1px solid #990000;

margin: 0 5px 5px 5px;

}

/* Lightbox */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	

.basictable {		/* Käytössä? */

font-family: Verdana, sans-serif;

font-size: 0.6em;

color: #990000;

margin-right: 10px;

padding: 0;

}





/* Uutisten päivämäärä */

.header {

font-family: Verdana, sans-serif;

font-size: 0.8em;

font-weight: bold;

color: #990000;

padding: 0 20px 0 5px;

margin: 0 35px 0 0;

border-bottom: 1px dashed #ffd1d1;

}

/* Keikkataulu */
.keikkataulu {
font-family: Verdana, sans-serif;
font-size: 0.6em;
color: #990000;
margin-right: 10px;
padding: 0;
}

.keikkaodd, .keikkaeven {
vertical-align: top;
}

.keikkapvm {
text-align: right;
}

.keikkateksti {
text-align: left;
} 


/*Vieraskirjan ulkonäkö*/

.convodd, .conveven {

font-family: Verdana, sans-serif;

width: 80%;

padding: 3px;

}



.convodd {

background: #F2CFCE;	/* vaaleampi */

}



.conveven {

background: #E1ADAB;

/*border: 1px solid #985451;*/

}



.convdate {

font-size: 0.7em;

margin-bottom: 5px;

font-style: italic;

}



.convmessage {

margin: 0 10px 0px 15px;

font-size: 0.8em;

color: black;

}



.convwriter {

font-size: 0.7em;

}



.convreply {

margin: 0 10px 10px 15px;

font-size: 0.7em;

color: black;

}







/* Esittely-sivun blokit */

div.esittely {

float: left;

width: 45%;

font-family: Verdana, sans-serif;

font-size: 0.8em;

color: #990000;

padding: 15px 15px 15px 0;

}



img.esittely {

float: left;

vertical-align: top;

border: 1px solid #990000;

margin: 0 5px 5px 0;

}





img.splash {

border: 0;

}



.promokuvat {

font-family: Verdana, sans-serif;

font-size: 0.7em;

width: 90%;

margin-bottom: 20px;

}