/*
Theme Name: tokiohotel
Description: Wordpress theme for tokiohotel-fanclub.pl
Version: 2.0
Author: Marta Naruniec
Author URI: http://imarunation.com/
*/

body {
margin:0px;
background-image:url('images/tlo1.jpg');
background-position:top center;
background-repeat:repeat-x;
background-color:#000000;
font-family:arial;
text-align:center;
}


a{
text-decoration:none;
color:#dba518;
}

a:hover{
color:silver;
}



#tresc{
text-align:center;
background-image:url('images/tlo.jpg');
background-repeat:no-repeat;
background-position:top center;
display:block;

}

#tresc2{
width:1005px;
margin-left:auto;
margin-right:auto;
}

#left{
width:260px;
float:left
}

.menu{
background-image:url('images/menu.jpg');
background-repeat:no-repeat;
display:block;
min-height:120px;
padding-top:55px;
color:white;
font-size:9pt;
padding-left:10px;

}

.menu h1{
background-image:url('images/logo.jpg');
background-repeat:no-repeat;
font-family:arial narrow;
text-transform:uppercase;
color:white;
font-size:16pt;
font-weight:normal;
padding-bottom:5px;
float:left;
padding-left:40px;
margin-left:20px;
}

.menu ul{
margin:0px;
margin-left:25px;
padding:0px;
text-align:left;
line-height:15pt;
width:200px;
list-style-image:url('images/dot.jpg')
}

.menu ul li{
border-bottom:1px solid #6f7571;
}

.menu ul li li{
width:175px;
}

.menu a img{
padding:2px;
border:1px solid silver;
margin:2px;
opacity:0.7; 
filter:alpha(opacity=70);
}

.menu a:hover img{
opacity:1.0; 
filter:alpha(opacity=100);
}

.menu input{
width:150px;
background:transparent;
border:0px solid white;
background:#dba518;
opacity:0.4; 
filter:alpha(opacity=40);
}


#right{
width:660px;
float:left;
margin-left:50px;
color:#7a7a7a;
font-size:10pt;
line-height:15pt;
text-align:justify;
}

#right h1{
font-family:arial narrow;
color:white;
font-size:20pt;
font-weight:normal;
text-transform:uppercase;
margin:5px 0px 5px 0px;
}

#right h1 a{
color:white;
}

#right h2{
margin:0px 0px 20px 0px;
font-size:11pt;
color:white;
}

#right h2 a, #right h2 b{
color:#dba518;
}


#right h3{
font-family:arial narrow;
color:#d7d5d3;
font-size:17pt;
font-weight:normal;
text-transform:uppercase;
margin:5px 0px 5px 0px;
}


.bot{
background-image:url('images/skom.jpg');
width:637px;
height:54px;
padding-left:30px;
padding-top:68px;
font-size:25pt;
color:#c9250e;
margin-bottom:20px;
}

.bot a{
color:#c9250e;
}

.kom{

width:60px;
height:35px;
text-align:center;}


#dodaj{
width:603px;
height:189px;
background-image:url('images/skom2.jpg');
padding-top:55px;
padding-left:10px;
padding-right:40px;
margin-bottom:20px;
}

#inputform{
width:250px;
float:left;
margin-left:10px;
color:white;
}

#textarea{
float:right
}

#right input{
width:250px;
background:transparent;
border:0px solid white;
background:#dba518;
opacity:0.4; 
filter:alpha(opacity=40);
}

textarea{
width:310px;
height:152px;
background:transparent;
border:0px solid white;
color:white;
font-family:arial;
}

#right ul{
margin:0px;
text-align:left;
line-height:15pt;
list-style-image:url('images/dot.jpg')
}

#footer{
display:block;
border-top:1px solid #bc1103;
margin-top:40px;
text-align:center;
color:white;
font-size:8pt;
letter-spacing:1pt;
padding:5px;
}


.dolewej{
float:left;
}

img .dolewej{
padding:3px;
border:1px solid silver;
margin:3px;
}

hr{
border:0px solid white;
border-top:1px solid #333333;
}

.cytat{
color:white;
padding:8px;
padding-left:60px;
margin:5px 10px 5px 10px;
font-style:italic;
letter-spacing:1pt;
line-height:12pt;
}

.litera{
float:left;
font-size:40pt;
margin-left:-55px;
padding-top:20px;
padding-left:5px;
font-family:times new roman;
font-style:italic;
color:gray;
text-shadow: white 2px 2px, #ea1b00 -2px -2px;
width:50px;
text-align:right;
padding-right:2px;
}

.postavatar{
float:left;
}

.postavatar img{
padding:4px;
border:1px solid gray;
margin:5px;
}