/*

 * screen.css - styl pro zobrazeni na obrazovce

 * Autor: Radek Liska, radarfox at seznam.cz 

 
 ==============================================[ body style ] */
body {
padding:60px 0;
background:#222 url(../img/background.jpg);
text-align:center;
}

#all {
position:relative;
margin:0 auto;
padding:300px 0 0;
width:960px;
border:1px solid #fff;
background:#111 url(../img/all-2.jpg) no-repeat 100px 330px;
text-align:left;
}

#all_match_results {
position:relative;
margin:0 auto;
padding:0;
width:740px;
border:1px solid #fff;
background:#111;
text-align:left;
}

#home #all {
background-image:url(../img/all-1.jpg);
background-position:0 100%;
}

#wrap {
margin:0 60px 10px;
}

#column1,#column2,#column3 {
float:left;
margin:0 60px 0 0;
width:240px;
overflow:hidden;
}

#column4 {
float:left;
margin:0 20px 0 0;
width:180px;
overflow:hidden;
}

#home #column1 {
margin-bottom:200px;
}

#column3,#column4 {
float:right;
margin:0;
}

#main {
float:left;
width:540px;
overflow:hidden;
}

#head {
position:absolute;
z-index:1;
top:0;
left:0;
width:100%;
height:292px;
background:url(../img/head.jpg) no-repeat;
}

#foot {
width:100%;
overflow:hidden;
}

#logo {
position:absolute;
z-index:2;
top:0;
left:0;
margin:0;
padding:0;
width:100%;
height:250px;
}

#logo a {
position:relative;
display:block;
padding:0;
height:100%;
border:none;
}

#head .topmenu {
position:absolute;
top:250px;
left:0;
width:100%;
height:40px;
border:0 solid #fff;
border-width:1px 0;
overflow:hidden;
}

#head .topmenu ul {
margin:0;
padding:0;
width:100%;
height:40px;
list-style:none outside;
}

#head .topmenu li {
position:absolute;
top:0;
margin:0;
width:240px;
height:40px;
overflow:hidden;
}

#head .topmenu li.n01 {
left:0;
}

#head .topmenu li.n02 {
left:240px;
}

#head .topmenu li.n03 {
left:480px;
}

#head .topmenu li.n04 {
left:720px;
}

#head .topmenu a {
display:block;
float:left;
padding:0;
width:100%;
height:40px;
border:none;
background:url(../img/topmenu.jpg) no-repeat;
font-size:16px;
font-weight:700;
text-decoration:none;
font-variant:small-caps;
letter-spacing:0.2em;
line-height:40px;
white-space:nowrap;
overflow:hidden;
}

#head .topmenu .n01 a {
background-position:0 0;
}

#head .topmenu .n02 a {
background-position:-240px 0;
}

#head .topmenu .n03 a {
background-position:-480px 0;
}

#head .topmenu .n04 a {
background-position:-720px 0;
}

#head .topmenu .n01 a:hover {
background-position:-960px 0;
}

#head .topmenu .n02 a:hover {
background-position:-1200px 0;
}

#head .topmenu .n03 a:hover {
background-position:-1440px 0;
}

#head .topmenu .n04 a:hover {
background-position:-1680px 0;
}

#head .topmenu span {
margin:0 10px;
}

#foot .container {
margin:0 25px;
padding:20px 0;
font-size:82%;
font-style:italic;
text-align:right;
}

#column1 .box,#column2 .box,#column3 .box {
margin:0 0 25px;
width:100%;
}

/* ==============================================[ obsah ] */
.matchresults,.match {
position:relative;
margin:0 0 10px;
height:40px;
overflow:hidden;
}

.matchresults .logo,.match .logo {
float:left;
width:80px;
height:100%;
background:no-repeat 50% 50%;
}

.matchresults .dark,.match .dark {
background-image:url(../img/clans/dark.gif);
}

.matchresults .bkrt,.match .bkrt {
background-image:url(../img/clans/bkrt.gif);
}

.matchresults .bu,.match .bu {
background-image:url(../img/clans/bu.gif);
}

.matchresults .corrupt,.match .corrupt {
background-image:url(../img/clans/corrupt.gif);
}

.matchresults .ex,.match .ex {
background-image:url(../img/clans/ex.gif);
}

.matchresults .og,.match .og {
background-image:url(../img/clans/og.gif);
}

.matchresults .pte,.match .pte {
background-image:url(../img/clans/pte.gif);
}

.matchresults .ps,.match .ps {
background-image:url(../img/clans/ps.gif);
}

.matchresults .regulars,.match .regulars {
background-image:url(../img/clans/regulars.gif);
}

.matchresults .royal,.match .royal {
background-image:url(../img/clans/royal.gif);
}

.matchresults .rr,.match .rr {
background-image:url(../img/clans/rr.gif);
}

.matchresults .ss,.match .ss {
background-image:url(../img/clans/ss.gif);
}

.matchresults .st2,.match .st2 {
background-image:url(../img/clans/st2.gif);
}

.matchresults .thc,.match .thc {
background-image:url(../img/clans/thc.gif);
}

.matchresults .terrorists,.match .terrorists {
background-image:url(../img/clans/terrorists.gif);
}

.matchresults .uep,.match .uep {
background-image:url(../img/clans/uep.gif);
}

.matchresults .uls,.match .uls {
background-image:url(../img/clans/uls.gif);
}

.matchresults .wa,.match .wa {
background-image:url(../img/clans/wa.gif);
}

.matchresults .date {
float:left;
width:120px;
height:100%;
font-size:16px;
font-weight:400;
text-align:right;
letter-spacing:-1px;
line-height:40px;
white-space:nowrap;
cursor:pointer;
overflow:hidden;
}

.matchresults .score,.match .score {
float:left;
width:80px;
height:100%;
font-size:24px;
font-weight:400;
text-align:center;
letter-spacing:2px;
line-height:40px;
white-space:nowrap;
cursor:pointer;
overflow:hidden;
}

.matchresults .more,.match .more {
display:block;
position:absolute;
top:0;
left:0;
padding:0;
height:40px;
border:none;
}

* html .match .more,* html .match .more:hover
* html .matchresults .more,* html .matchresults .more:hover {
position:relative;
top:-40px;
border:none;
}

.member-img {
margin:0 0 10px;
width:100%;
height:300px;
background:no-repeat 50% 0;
}

.member-img a,* html .member-img a:hover {
position:relative;
display:block;
padding:0;
height:100%;
border:none;
text-decoration:none;
}

.member-img a span {
position:absolute;
bottom:0;
right:0;
font-size:14px;
cursor:pointer;
}

#head .header,#head .hr,#logo span,#foot .header,#foot .hr,#column1 .hr,#column2 .hr,#column3 .hr,.match .logo span,.match .more span,.matchresults .logo span,.matchresults .more span {
display:none;
}

.match,.match .more {
width:240px;
}

.matchresults,.matchresults .more {
width:400px;
}