/* Tiedosto: tyylit.css                                                             */
/*   Tekijä: Antti Siitonen                                                         */
/*   Käyttö: Määrittelee FarAndFurther-sivujen ulkoasun tavallisen tietokoneen näytöllä */

/* Layoutin määrittelevät divit */

#divWrapper {
	width: 726px;
	padding: 0px;
	margin-top: 1em;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;	
	background-color: #FEFAE9;
}
div {
   background-color: #FEFAE9;
}

#divVasenPalstaMain {
	float:left;	
	width:324px;
	padding-top:15px;
	padding-left:65px;
	z-index:3;
}

#divOikeaPalstaMain {
	float:left;	
	padding-top:6opx;
	padding-left:80px;
	width:200px;
	z-index:4;
}


#divLehdet {
	float:left;	
	padding-left:163px;
	padding-bottom: 20px;
	z-index:4;
}

#divHeader {
	width:726px;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #1A50B8;
}

#divNavigation {
    position:relative;
    top:0px;
    clear:left;
	width:726px;
	margin: 0px;
	padding: 0px;
}

#divGoogleHaku  {
	position: relative;
	float:left;
	left: 200px;
	top: -0px;
	height:80px;
	width:500px;
	padding:0px;
	margin:0px;
	overflow: hidden;
	background-color: #507A79;
}

#divContentWrapper {
	float: left;
	width: 726px;
	overflow: hidden;
	position: relative;}

#divMain {
    float:left;
	list-style-type: disc;
	padding-top: 20px;
	padding-bottom: 2.4em;
	width: 600px;
	position: relative;
	left: 55px;
}

/* About Us, Webmasters, Send Your Story ja Privacy sivut käyttävät tätä*/
#divAboutUs {
    width: 520px;
	position: relative;
	left: 28px;
}

/* Linkkisivut käyttävät divLinkit-layeriä  linkkien esittämiseen*/
#divLinkit {
    float:left; 
	list-style-type: disc;
	width: 420px;
	position: relative;
	left: 80px;
}

/* Linkkisivut käyttävät divLinkit-layeriä  linkkien esittämiseen*/
#divLinkit {
    float:left; 
	list-style-type: disc;
	width: 420px;
	position: relative;
	left: 80px;
}

/* Linkkisivut käyttävät divLinkkiMainokset-layeriä  vasemman laidan mainosten esittämiseen, jos tilaa on vähän*/
#divLinkkiMainoksetMatala {
    text-align:right;
    float:left; 
	width: 140px;
	height: 200px;
	position: relative;
	top: 30px;
	left: 0px;
	padding-bottom:30px;
}

/* Linkkisivut käyttävät divLinkkiMainokset-layeriä  vasemman laidan mainosten esittämiseen*/
#divLinkkiMainokset {
    text-align:right;
    float:left; 
	width: 140px;
	height: 600px;
	position: relative;
	top: 30px;
	left: 0px;
	padding-bottom:30px;
}

/* Linkkisivut käyttävät divLinkkiMainoksetKorkea-layeriä  vasemman laidan mainosten esittämiseen, jos tilaa on  paljon pystysuunnassa*/
#divLinkkiMainoksetKorkea {
    text-align:right;
    float:left; 
	width: 140px;
	height: 1200px;
	position: relative;
	top: 30px;
	left: 0px;
	padding-bottom:30px;
}

/* Suunnittelusivut käyttävät divSuunnittelu-layeriä  varsinaisen sisällön esittämiseen*/
#divSuunnittelu {
    float:left; 
	list-style-type: disc;
	width: 420px;
	position: relative;
	left: 80px;
}

/* Suunnittelusivut käyttävät divSuunnitteluMainokset-layeriä  oikean laidan mainosten esittämiseen*/
#divSuunnitteluMainokset {
    text-align:right;
    float:left; 
	width: 140px;
	height: 600px;
	position: relative;
	top: 30px;
	left: 0px;
}

/* Suunnittelusivut käyttävät divSuunnitteluMainoksetKorkea-layeriä  oikean laidan mainosten esittämiseen, jos tilaa on pystysuunnnassa paljon*/
#divSuunnitteluMainoksetKorkea {
    text-align:right;
    float:left; 
	width: 140px;
	height: 1300px;
	position: relative;
	top: 30px;
	left: 0px;
}


#divFooter {
    float:left;
	width:726px;
	margin: 0px;
	padding-bottom: 5px;
	border-top-width: 0.2em;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-top-color: #999999;
}

#divLahetaLinkki {
	position:absolute;
	left: 153px;
	padding-top: 2.4em;	
}

#divTyhjennaLinkki {
	position:absolute;
	left: 290px;
	padding-top: 2.4em;	
}

#divAustralianKisa {
	padding-bottom: 30px;	
	padding-left: 22px;
}

#divUsanKisa {
	padding-bottom: 30px;	
	padding-left: 22px;
}

/* Ulkoasuasetukset */
/* Kaikki fonttikoot ja rivinkorkeudet perustuvat bodyn vastaaviin määrityksiin prosentteina */
body {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.4em;
	margin: 0px;
	background-color: #689791;
}

#divMain h2.linkki{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 130%;
	line-height: 100%;
	color:  #000000;;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
	margin: 0px;
	font-weight: normal;
	text-align: left;
	
}

#divMain h2.lajilinkki{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 120%;
	line-height: 100%;
	color:  #000000;
	padding-top: 10px;
	font-weight: normal;
	text-align: left;
	margin: 0px;
	
}

#divMain li {
	font-family:  Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 100%;
	line-height: 130%;
	color:  #000000;;
	padding-bottom: 0.7em;
	list-style-position: outside;
	list-style-type: disc;
}

#divMain a {
	margin-left: 2.4em;
}

#divMain a:hover {
	color: #999999;
}

#divMain a.muut_linkit {
	margin-left: 0px;
}

/* Luokat erityistilanteita varten */
.bbs{
padding-left:20px;
padding-top: 20px;
}

.linkkiteksti{
padding-left:29px;
}

.kartta_oikealla{
padding-left:20px;
}

/* Sivujen alalaidassa olevie linkkitaulujen tekstilinkkien luokka, IEn takia tarvitaan left-asetus. FFssa teksti tasaantuu automaattisesti vasemmalle */
.tekstilinkki_alhaalla{
width:135px; 
text-align:left;
}

/* Jokaisen sivun alalaidassa olevan copyright ym tekstin tyyli */
.sivut_paivitetty {
	font-size: 80%;
	line-height: 1.6em;
	text-align:center;
	font-style: italic;
	margin-top: 0.6em;
	margin-right: 0em;
	margin-bottom: 0.3em;
	margin-left: 0em;
	color:   #5B5B5B;
	
}

.sivut_paivitetty a{
	color:   #5B5B5B;
}
/* Videot-sivun otsikko tulee sivun keskelle */
.videot_h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
	line-height: 130%;
	color:  #000000;;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0.9px;
	padding-left: 0px;
	font-weight: normal;
	text-align: center;
} 

.h2_luokka {
	margin-top: 0px;
	margin-bottom: 0px;
	text-align="left";
	font-size: 120%;
	color:  #000000;
	padding-top: 3px;
	padding-bottom: 0px;
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-weight: bold;
}

/* Tätä käytetään maa-yhteenverosivuilla kuten cuba-travel-stories-and-photos */
.h2_maan_nimi {
	margin-top: 0px;
	margin-bottom: 0px;
	text-align="left";
	font-size: 120%;
	color:  #000000;
	padding-top: 3px;
	padding-bottom: 6px;
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-weight: bold;
}

/* Videot-sivulla Adobe-linkki kohdalleen */
#divMain a.lataa_laajennus{
	margin: 0px;
	text-decoration: underline;
}

#divMain a.maa_linkki{
    line-height: 25px;
	margin:0px;
    text-decoration: underline;
}

#divMain a.maasivu_stoori_linkki{
    line-height: 20px;
	margin:0px;
    text-decoration: underline;
}

/* Videot-sivulla */
.videon_kuvaus {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align="center"
}

/* Videot-sivulla */
.videon_koko {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: bold;
	text-align="center";
}

/* Kohteen nimi kohdekuvauksissa */
.kohteen_nimi {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align="center";
	color:  #000000;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
	font-weight: normal;
}

/* H1 tips-for-travel-photography-sivulla, samoin kaikilla matkajuttu-sivuilla. Tällä saadaan sopiva väli kirjoittajan nimeen.*/
.valokuvaus_ohjeet {
	margin-top: 20px;
	margin-bottom: 0px;
	text-align="center";
	color:  #000000;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
	font-weight: normal;
}

/* H2 tips-for-travel-photography-sivulla, samoin kaikilla matkajuttu-sivuilla. Tällä saadaan sopiva väli kirjoittajan nimeen.*/
h2.valokuvaus_ohjeet {
	margin-top: 20px;
	margin-bottom: 0px;
	text-align="center";
	color:  #000000;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 140%;
	font-weight: normal;
}

/* H2 vali_otsikko*/
.vali_otsikko {
	margin-bottom: 0px;
	text-align="left";
	color:  #000000;
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
}

/* klikattavaa_kuvaa käytetään etusivulla ja maasivuilla */
.klikattava_kuva {
border-width:2px;
border-color:#666666;
}

/* Kuvatekstit */
.kuvateksti {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align="center";
	font-size: 80%;
}

.lukijakuvaus {
	margin: 0px;
	padding: 0px;
	font-style: italic;
}