/* CSS Document */

/*boxy*/

.box-item {
  padding-left: 3px;
  padding-right: 4px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Trebuchet MS;
  font-size: 13px;
  color: #ffffff;
  text-align: justify;
}


.box-item a{
  color: #ffffff;
  text-decoration: none;
}


.box-item a:visited {
  color: #ffffff;
  text-decoration: none;
}

.box-item a:hover {
  color: #6e8ba9;
  text-decoration: underline;
}     




.searchform {
  padding-bottom: 0px;
}

.searchform input.q {
  width: 120px;
  height: 20px;
  font-size: 11px;
  color: #ffffff;
  border: 0px;
  padding: 0px;
  background: url("http://gameway.eu/templates/default/images/search.jpg") no-repeat center top;
}

/*menu*/

.menu {
 padding: 0px;
 margin: 0px;
}

.menu li {
  padding: 0px;
  margin: 0px;
  list-style: none;
  height: 23px;
}

ul {
  padding: 0px;
  margin: 0px;
}  

.menu a {
background: url("");
  font-size: 14px;
  color: #ffffff;
  text-decoration: bold;
  padding-left: 12px;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 10px;
  display: block;
  text-align: left;
}


.menu a:hover {
  background: url("");
  color: #6e8ba9;
 
  font-weight: justify;
}  

a.act {
  margin: 0px;
}    


/*anketa*/

.poll-content {
 text-align: justify;
}

.poll-question {
  font-size: 14px;
  color: #6e8ba9;
  font-weight: bold;
  border-bottom: 1px solid #0b0b0b;
}

.poll-question div {
  color: #CCCCCC;
  font-size: 11px;
}

.poll-answer {
  font-size: 12px;
  margin-top: 3px;
  color: #0b0b0b; 
  border-bottom: 0px solid #ffffff;
}

.poll-answer div {
   background-image: url("../images/system/votebar.gif");
   background-repeat: repeat-x; 
   height: 11px; 
   margin: 6px 2px 4px 0;
}

/*shoutbox*/

.sbox-content {
  text-align: justify;
background: url("http://gameway.eu/templates/default/images/search.jpg") repeat center top;
width: 160px;
  height: 350px;
}

.sbox-title {
  font-size: 11px;
  color: #000000;
  font-weight: bold;
}

.sbox-item {
  font-size: 11px;
  border-bottom: 1px solid #000000;
  padding-top: 3px;
  padding-bottom: 4px;
  padding-left: 3px;
  padding-right: 3px;
 
}

.post-author {
  font-weight: bold;
} 

.post-author-guest {
  font-weight: bold;
}  
   

.sbox-input, .sbox .inputc {
  width: 90%;
}

.sbox-posts {
  overflow: auto;
  height: 350px;
}  

  .sbox table td.rpad {width: 44px;}
  .sbox .cimage {display: block; margin: 2px 0 0 0;}

img {
  border: none;


}  

/*clanky - vypis noviniek - vseobecne*/

.clanok-title {
margin: 0px 0px 0px 0px; 
padding: 0px;
}


.clanok-perex {
padding: 0; 
margin: 0 0 3px 0;
}

.clanok-info {
color: #808080; 
padding: 4px 0 15px 0; 
clear: both;
}

.clanok-info span {
font-weight: bold;
}

.clanok-info a {
text-decoration: none; 
color: #808080;
}

/*clanky - vypis noviniek - jednotlive vypisy*/

.ram {
color: #000000;
width: 260px;
height:auto;
font-size: 10px;
background-image:url(http://www.australianrecycledtimber.com/gallery/&$&!$!northernbox99$.jpg);
}

/*#################################################*/
/*nazorna ukazka CSS pre lubovolny vypis clankov - tento konkretne je pre pravy box na sunlight.luigiko.com*/
/*#################################################*/

.ram-pravy {
width: 225px;
height:auto;
text-align:justify;
font-size: 9px;
}

.ram-pravy a{
background-image:url(http://www.australianrecycledtimber.com/gallery/&$&!$!northernbox99$.jpg);
color:#FFFFFF;
display:block;
font-size:13px;
height:50px;
padding-bottom:5px;
padding-left:5px;
padding-top:5px;
text-align:left;
text-decoration:none;
}

.ram-pravy a:hover {
  background: url("../images/pravyhover.jpg") no-repeat scroll 0 0;
  color: #aefe62;
  font-weight: justify;
}    

/*#################################################*/
/*

Tuto si davaj vsetky nove skupúiny co vytvoris, napriklad ked vytvoris skupinu NIECO tak to bude v tvare...

---vseobecne cely ten vypis - takze riesis celkovu sirku, text, jeho velkost atd.---
.NIECO {

}

---styl pre vsetky hypertextove odkazy v danom DIVe, kedze ide o vypis clankov tak vsetko to budu odkazy, preto tu riesis najviac, pozadie ake maju mat farbu textu atd.---
.NIECO a{

}

---styl pre vsetky odkazy v danom DIVe, tentokrat ale po ukazani mysi, takze riesis aky obrazok sa zobrazi ked ukazes na nadpis daneho clanku, aku bude mat vtedy text farbu atd.---
.NIECO a:hover {

}  
 
...samozrejme doplnis farby textu, pozadia a vsetko co je treba ;) Nasledne uz len v administracii vytvoris <div class="NIECO">[hcm]articles1,1,4[/hcm]</div>

=vysledkom bude ze ti zobrazi 1. az 4. clanok pri com budu mat styl podla toho co si nadefinoval od riadku 247 po riadok 259

*/
/*#################################################*/


.vypis1 {
width: 220px;
height:118px;
text-align:justify;
font-size: 10px;
color: #ffffff;
background-image:url(http://gameway.eu/templates/default/images/vypis1.jpg);
line-height: 5px;

}

.vypis1 a{

color:#FFFFFF;
display:block;
font-size:10px;
height:4px;
padding-bottom:7px;
padding-left:8px;
padding-top:5px;
text-align:left;
text-decoration: none;
}

.vypis1 a:hover {

  color: #607d9d;
  font-weight: justify;
  text-decoration: none;
}    

.vypis2 {
width: 220px;
height:118px;
text-align:justify;
font-size: 9px;
color: #ffffff;
background-image:url(http://www.australianrecycledtimber.com/gallery/&$&!$!northernbox99$.jpg);
}

.vypis2 a{
color:#FFFFFF;
display:block;
font-size:10px;
height:5px;
padding-bottom:5px;
padding-left:5px;
padding-top:5px;
text-align:left;
text-decoration:none;
}

.vypis2 a:hover {
 color: #79d320;
  font-weight: justify;
}   

.vypis3 {

}

.vypis3 a{

}

.vypis3 a:hover {

}    
 
/*clanky*/

.list-title {
  width: 509px;
  height: 30px;
  padding-left: 0px;
  text-align: center;
  background-image: url("../images/list_title.jpg");
  line-height: 30px;
  no-repeat center top; 
}

.list-perex {
  padding-left: 0px;
  padding-right: 8px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
}  

.list-info {
  font-size: 11px;
  color: #6e8ba9;
  padding-left: 3px;
  padding-right: 3px;
    margin-left: auto;
  margin-right: auto;
}

.list-info span{
  font-weight: bold;
}

.article-navigation {
  border-bottom: 1px solid #333333; 
  padding-bottom: 10px; 
  margin-bottom: 15px;
}    

.article-perex {
  font-style: serif;
  font-size: 13px;
  
}

.article-info {
  border-top: 1px solid #333333;
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 11px;
}    

.ratetable {
  border: 1px solid #333333;
  padding: 5px;
}  

.ratetable td {padding: 0 2px; text-align: center; vertical-align: top;}
.ratetable tr.r1 * {font-weight: bold;}

/*ostatní textová a jiná nastavení*/

.posts-comments, .posts-book {
  border-top: 1px solid #666666;
}

.posts-form {
  padding-bottom: 10px;
}

.posts-form-buttons {
  padding-left: 16px;
}    

.post-head {
  margin-top: 15px;
  font-size: 13px;
}

.post-author {
  font-weight: bold;
  text-decoration: none;
}

.post-author-guest {
  font-weight: bold;
  color: #ffffff;
}      

.post-subject {
  font-style: italic;
}

.post-info {
  font-size: 12px;
}

.post-actions a{
  font-size: 12px;
}

.post-body {
  padding: 0;
  margin: 0;
}

.post-smiley {
}  

.post-answer {
  padding-left: 30px;
}

/*galerie*/

.gallery {
}

.gallery td {
  overflow: hidden;
}

.gallery img {
  margin:12px;
  border: 2px solid #0d0d0d;
}

/*vzkazy*/

.messages-menu a {
  padding: 0 6px; 
  text-decoration: none; 
  border-right: 1px solid #333333;
}

.messages-menu a.active {
  font-weight: bold;
}

.messages-table {
  width: 491px; 
  border: 1px solid #333333;
}

.messages-table td {
  padding: 5px 15px;
}

.messages-table a {
  text-decoration: none;
}

.messages-table a.notreaded {
  font-weight: bold;
}

/*tabulky*/

.widetable {
  background: #000000;
  border: 1px solid #333333;
  width: 100%;
}  

.widetable2 {
  width: 100%;
}


.profiletable td {
  padding: 3px 10px;
}

.profiletable .avatartd {
  padding: 5px;
}

.profiletable .note {
  padding: 0 5px 5px 0; 
  width: 375px; 
  overflow: auto;
}

.profiletable .posts-form-buttons {
  padding-left: 0;
}

.avatar {
  width: 96px; 
  height: 128px; 
  border: 1px solid #000000; 
  overflow: hidden;
}

.areasmall {
  width: 350px;
  height: 110px;
}

.areamedium {
  width: 370px;
  height: 140px;
}

.inputsmall {
  width: 170px;
}

.inputmedium {
  width: 250px;
}

.inputc {
  width: 104px;
 }
 
.paging {
 padding: 6px 0 3px 1px;
}

.paging span a{
  text-decoration: none;
  font-weight: bold;
}

.paging a.act {
  text-decoration: underline;
  font-weight: bold;
}   
  
/*systemove zpravy*/  
  
.message1, .message2, .message3 {
  margin: 5px 0 20px 0; 
  padding: 11px 5px 13px 48px; 
  font-weight: bold; 
  background-color: #FF9966; 
  background-position: 5px 5px; 
  background-repeat: no-repeat; 
  border: 1px solid #333333;
}

.message1 ul, .message2 ul, .message3 ul {
  margin: 0; 
  padding: 5px 0 0 15px;
}

.message1 {
  background-image: url("../images/icons/info.png");
}

.message2 {
  background-image: url("../images/icons/warning.png");
}

.message3 {
  background-image: url("../images/icons/error.png");
}          
    
/*hr*/

.hr {
  width: 520px;
  height: 1px; 
  background-image: url("link"); 
  background-position: center; 
  background-repeat: repeat-x;
}

.hr hr {
  display: none;
}