/* styles.css - lumu styles, author Kaya 
*/

body {
font-family: Verdana, Times New Roman;
text-align: justify;
color: #525252;
background-image: url(kulaksite.png);
background-repeat: no-repeat;
background-position: right top;
}


#left {
float:left;
width: 49%;
height: 100%;
}


#right {
padding-right: 3px;
position: absolute;
bottom: 0;
right: 0;
width: 49%;
}

#copy {
font-family: Verdana;
vertical-align: text-bottom;
font-size: 40%;
text-align: right;
color: #7e7e7e;
position: absolute;
top: 0;
right: 0;
width: 300px;
}

#title {
font-size: 160%;
color: #525252;
font-family: Verdana;
text-align: center;
line-height: 1.6;
letter-spacing: 2px;
}

#title #black {
background-color: #525252;
color: #ffffff;
font-family: Times New Roman;
text-transform: uppercase;
padding: 5px;
font-size: 110%;
font-weight: 550;
letter-spacing: 5px;
}

#text {
width: 100%;
text-align: center;
border-width:1px;
border-color: #525252;
border-style:solid;
padding: 0;
margin: 3px;
vertical-align: top;
height: 330px;
}

#text p {
font-size: 70%;
color: #525252;
font-family: Verdana;
line-height: 1.2;
text-align: justify;
text-indent: 0.3cm;
}

#text p:first-letter {
font-family: Times New Roman;
font-size: 130%;
font-weight: 550;
text-transform: uppercase;
}

#text a, a:link, a:visited {
color: #525252;
text-decoration: underline;
}

#text a:hover, a:active {
color: #7e7e7e;
text-decoration: none;
}

#text iframe {
border: 0;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}

#counter {
color: #525252;
font-family: Verdana;
font-size: 70%;
padding: 5px; 5px;
}

#counter #numbers {
font-size: 170%;
}

#counter a, a:link, a:visited {
color: #525252;
text-decoration: underline;
}

#counter a:hover, a:active {
color: #7e7e7e;
text-decoration: none;
}

#menu {
color: #525252;
font-family: Verdana;
text-align:right;
font-size: 110%;
letter-spacing: 1px;
line-height: 1;
display: block;
vertical-align: bottom;
}

#menu a, a:link, a:visited {
color: #525252;
text-decoration: none;
}

#menu a:hover, a:active {
color: #7e7e7e;
text-decoration: none;
}

#foto {
color: #525252;
font-family: Verdana;
font-size: 60%;
text-align: right;
line-height: 1;
padding: 3px;
height:90px;
}

#foto a, a:link, a:visited {
color: #525252;
text-decoration: underline;
}

#foto a:hover, a:active {
color: #7e7e7e;
text-decoration: none;
}

#foto img {
border-width: 0;
height: 80px;
}

#quote {
color: #525252;
font-size: 70%;
font-family: Times New Roman;
font-style: italic;
text-align: right;
padding-top: 5px;
height: 50px;
}

h1 {
font-weight: normal;
font-size: 120%;
font-family: Times New Roman;
letter-spacing:2px;
text-align:center;
}

div {
border: 0px solid black;
}