/* Stylesheet for Thíêu Lâm Kung Fu website at www.thieulam.fi */

/* Positioning for the whole page */
html {
margin : 0;
padding : 0;
height: 100%;
}

/* Background outside the text fields */
body {
background-image: url(reunat2.jpg);
background-repeat: repeat-y;
background-attachment: fixed;
background-position: top center;
background-color: #B4CCAA;
margin: 0;
padding: 0;
height: 100%;
}

/* Page content */
#pohja {
position: relative;
margin: auto;
width: 996px;
}

/* Center text field */
#keski {
float: left;
margin: auto;
width: 996px;
min-height: 768px;
background-image: url(keskikuva6.jpg);
background-repeat: no-repeat;
}

/* Main headline field */
#otsikko {
float: left;
margin : auto;
width : 720px;
height: 280px;
}

/* Main content field */
#tekstit {
float: left;
margin : auto;
width : 720px;
}

/* Link list */
#linkit {
float: left;
width: 276px;
min-height: 768px;
}

/* Link list */
#linkit a {
position: absolute;
font-family: Viner Hand ITC;
font-weight: normal;
text-decoration: none;
font-size: 32px;
letter-spacing: 1px;
}

/* Styles for each link stage on the link list */
#linkit a:link {
color: black;
text-decoration: none;
}
#linkit a:visited {
color: #2B053C;
text-decoration: none;
}
#linkit a:hover {
text-decoration: underline;
}
#linkit a:active {
color: black;
text-decoration: none;
}

/* Positioning for each link in the link list */
a#etusivu {
top: 222px;
left: 33px;
}
a#uutiset {
top: 278px;
left: 32px;
}
a#seura {
top: 332px;
left: 32px;
}
a#tyylitaseet {
top: 390px;
left: 31px;
}
a#harjoitukset{
top: 452px;
left: 31px;
}
a#yhteystiedot {
top: 515px;
left: 33px;
}

/* Middle link list */
#linkit2 {
float: left;
padding-left: 5px;
font-size: 1em;
}

/* Middle link list properties */
#linkkilista {
padding: 0 150px 20px 0;
font-family: Viner Hand ITC, arial;
font-size: 1.2em;
}

#linkkilista li {
list-style: none;
margin: 0;
display: inline;
}

#linkkilista li a {
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #B01D15;
background: transparent;
text-decoration: none;
}

#linkkilista  li a:link {
color: black;
font-weight: bold;
}
#linkkilista  li a:visited {
color: purple;
font-weight: bold;
}
#linkkilista  li a:hover {
font-weight: bold;
border-color: #EB533E;
background: transparent;
}
#linkkilista  li a:active {}

/* Middle link list 2 */
#linkit3 {
float: left;
margin: 0;
padding: 0 0 20px 5px;
width : 700px;
font-size: 1em;
}

/* Style links */
#tyylilinkit {
float: left;
margin: 0;
padding: 0 0 20px 5px;
width : 700px;
font-family: Viner Hand ITC, arial;
color: black;
word-spacing: 1em;
font-size: 1.5em;
text-align: justify;
}

/* Weapon links */
#aselinkit {
float: left;
margin: 0;
padding: 0 150px 20px 5px;
width : 530px;
font-family: Viner Hand ITC, arial;
color: black;
font-size: 1.1em;
text-align: justify;
}

#aselinkit a {
padding-right: 15px;
}

/* Main text */
.teksti1 {
margin-top: 0;
margin-bottom: 0;
padding-left: 5px;
padding-right: 170px;
padding-bottom: 1em;
font-family: arial;
color: black;
font-size: 1em;
text-align: justify;
}

/* Pictures */
.kuvat {
margin: 0;
padding: 0 170px 0 0;
font-family: Viner Hand ITC, Arial;
color: black;
font-size: 1.2em;
text-align: center;
}

.kuvat a:link {
color: black;
text-decoration: none;
}
.kuvat a:visited {
color: purple;
text-decoration: none;
}
.kuvat a:hover {
color: black;
text-decoration: none;
}

.kuvat a:active {
color: black;
text-decoration: none;
}

/* Headline 1 used in the Main headline field */
h1 {
padding-left: 20px;
padding-top: 90px;
margin-top: 0;
font-family: Viner Hand ITC;
text-decoration: none;
color: black;
font-size: 60px;
letter-spacing: -1px;
visibility: hidden;
}

/* Headline 2 */
h2 {
margin: 0;
padding: 10px 0 20px 5px;
font-family: arial;
text-decoration: none;
color: black;
}

/* Headline 3 */
h3 {
margin: 0;
padding: 10px 0 20px 5px;
font-family: arial;
font-style: italic;
text-decoration: underline;
color: black;
font-size: 1.5em;
}

/* Headline 5 */
h5 {
margin: 0;
padding: 10px 0 20px 5px;
font-family: arial;
font-size: 1em;
text-decoration: none;
color: black;
}

/* ul List */
ul {
margin-top: 0;
margin-bottom: 0;
padding: 0 180px 2em 20px;
font-family: arial;
color: black;
font-size: 1em;
text-align: justify; 
}

/* ol List */
ol {
margin-top: 0;
margin-bottom: 0;
padding: 0 180px 2em 20px;
font-family: arial;
color: black;
font-size: 1em;
text-align: justify; 
}

/* ul List "Leiri"*/
.leiri {
margin-top: 0;
margin-bottom: 0;
padding-left: 50px;
padding-right: 50px;
font-family: arial;
color: black;
font-size: 1em;
}

/* Styles for each link stage on the Main text */
a:link {
text-decoration: underline;
color: black;
}
a:visited {
color: purple;
text-decoration: underline;
}
a:hover {
color: purple;
text-decoration: underline;
}
a:active {
text-decoration: underline;
}