/*
Theme Name: Bioh4zard 2
Theme URI: http://luzzak.pl/
Description: Styl do wersji wordpressa 2.7.1
Version: 1.0
Author: Kaczy
Tags: bioh4zard, capcom, steam, velve, source, left 4 dead

*/
* {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #999999;
}

body {
margin: 30px;
padding: 0;
background-color: #000000;
}

#page {
margin:0 auto;
width:700px;
background:transparent url(images/background_02.png) repeat-y;
}

#top {
background:transparent url(images/background_01.png) no-repeat;
height:425px;
width:700px;
position: relative;
}

#content {
background: transparent url(images/background_03.png) no-repeat;
min-height: 400px;
width: 700px;
background-position: bottom;
}

#footer {
background: transparent url(images/background_04.png) no-repeat;
width: 700px;
height: 118px;
background-position: bottom;
position: relative;
}

#trailer {
background: transparent url(images/design_01.png) no-repeat;
width: 415px;
height: 150px;
position: absolute;
margin-left: 20px;
margin-top: 275px;
float:left;
}

#film {
background: transparent url(images/design_02.png) no-repeat;
width: 223px;
height: 150px;
position: absolute;
margin-left: 455px;
margin-top: 275px;
float:left;
}

#przerwa {
clear: both;
}

#news {
width: 415px;
margin-left: 20px;
margin-top: 20px;
position: relativel;
float: left;
}

#news .header {
background: transparent url(images/design_03.png) no-repeat;
width: 415px;
height: 50px;

}

#news .text {
background: transparent url(images/design_05.png) repeat-y;
width: 415px;
padding-left: 15px;
padding-right: 15px;

overflow: hidden;
}

#news .footer {
background: transparent url(images/design_13.png) no-repeat;
width: 415px;
height: 15px;
}

#menu {
width: 223px;
margin-left: 20px;
margin-top: 20px;
position: relative;
float: left;
}

#menu .links {
background: transparent url(images/design_06.png) repeat-y;
width: 223px;
padding-left: 15px;
padding-right: 15px;


overflow: hidden;
}

#menu .links ul {

padding-left: 15px;
padding-right: 15px;
list-style-image: url(images/li.png);
}

#menu .news {
background: transparent url(images/design_04.png) no-repeat;
width: 223px;
height: 48px;

}

#menu .media {
background: transparent url(images/design_07.png) no-repeat;
width: 223px;
height: 32px;

}

#menu .files {
background: transparent url(images/design_08.png) no-repeat;
width: 223px;
height: 32px;

}

#menu .info {
background: transparent url(images/design_09.png) no-repeat;
width: 223px;
height: 32px;

}

#menu .contact {
background: transparent url(images/design_11.png) no-repeat;
width: 223px;
height: 32px;

}

#menu .footer {
background: transparent url(images/design_12.png) no-repeat;
width: 223px;
height: 6px;

}

.text .news_title {
color: #999999;
text-align: center;
padding-right: 25px;
width: 415px;
margin-left: -15px;
}

.text .news_date {
color: #333333;
text-align: left;
float: left;
}

.text .news_author {
color: #333333;
text-align: right;
float: right;
padding-right: 25px;
}

.text .news_text {
color: #999999;
text-align: left;

padding-right: 25px;
overflow: hidden;
width: 385px;
padding-top: 5px;
float: left;
}

.text .news_menu {
color: #333333;
text-align: center;

padding-right: 25px;
width: 415px;
float: left;
}

#comment {
width: 415px;
margin-top: 20px;
position: relative;
float: left;
}

#comment .text {
background: transparent url(images/design_05.png) repeat-y;
width: 415px;
padding-left: 15px;
padding-right: 15px;

overflow: hidden;
}

.comment_line {
width: 415px;
height: 1px;
background: transparent url(images/comment_01.png) no-repeat;

}

.text .comment_date {
color: #333333;
text-align: left;
float: left;
}

.text .comment_author {
color: #333333;
text-align: right;
float: right;
padding-right: 25px;
}

.text .comment_text {
color: #999999;
text-align: left;

padding-right: 25px;
overflow: hidden;
width: 385px;
float: left;
}

#comment .footer {
background: transparent url(images/design_13.png) no-repeat;
width: 415px;
height: 15px;
}