/* CSS Document */

* 
{ 
  margin: 0; 
  padding: 0; 
}

body 
{ 
  background: #000;
  color: #fff;
  font: 12px Arial;
}

img { border: 0; }

ul { list-style: none; }

li { margin: 0 0 15px; }

a { color: #ff921e; }

h2 { font: 14px Georgia; text-transform: uppercase; margin: 0 0 15px; }
h3 { font: 12px Arial; text-transform: uppercase; margin: 0 0 3px; }

hr { border: 0; border-bottom: 1px solid #666; height: 0; font-size: 0; }

.fl { float: left; }
.reflection 
{ 
  position: relative;
  width: 70px;
  height: 40px;
  overflow: hidden; 
} 
.reflection img { 
    -webkit-transform: scaleY(-1); 
       -moz-transform: scaleY(-1); 
        -ms-transform: scaleY(-1); 
         -o-transform: scaleY(-1); 
            transform: scaleY(-1); 
    filter: flipv; 
    opacity:0.20; 
    filter: alpha(opacity='20');
    width: 60px;
    height: 60px;
} 
.overlay { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 65px; 
    height: 80px; 
    background-image: -moz-linear-gradient( center bottom, #000 60%, rgba(0,0,0,0) 75%); 
    background-image:   -o-linear-gradient( #000 25%, #000 40%); 
    background-image:     -webkit-gradient( linear, left bottom, left top, color-stop(0.60, #000), color-stop(0.75, rgba(0,0,0,0))); 
    filter: progid:DXImageTransform.Microsoft.Gradient( gradientType=0, startColor=0, EndColorStr=#000);
}

#header
{
  height: 63px;
  background: url(http://www.vgames.bg/i/bp/bp_bg.gif) repeat-x;
  color: #fff;
  font: 12px Arial;
  text-align: center;
}

#header h1
{
  height: 63px;
  text-align: left;
  background: url(http://www.vgames.bg/i/bp/bp_bg.jpg) no-repeat;
}

#menu
{
  background: url(http://www.vgames.bg/i/menu_bg.gif) repeat-x;
  height: 28px;
  border-bottom: 1px solid #333;
  position: relative;
  margin: -3px 0 5px;
  text-transform: lowercase;
  color: #888;
}

#menu a:hover { color: #ff921e; }
#menu a
{
  color: #fff;
  text-decoration: none;
}
 
#menu li
{ 
  float: left; 
  line-height: 28px;
  padding: 0 10px;
  margin: 0;
  font: bold 12px/28px Arial;
  text-shadow: 1px 1px #111;
}

#wrapper
{
  padding: 10px;
  min-height: 200px;
}

#wrapper li img
{
  padding: 1px;
  margin: 4px 10px -5px 0;
  border: 1px solid #ccc;
  border-radius: 3px;
}


#footer
{
  border-top: 1px solid #ccc;
  border-width: 1px 0;
  padding: 20px;
  background: #666;
  color: #ccc;
  text-align: center;
  font: 11px/1.5 Arial;
  height: 80px;
}

#footer a { color: #fff; margin: 0 1px; }
#footer p { margin: 0 0 10px; }

.rate 
{ 
  float: right;
  color: #999;
  font: italic 11px Arial;
  padding: 5px; 
}

.rate span, .rate a { margin-left: 5px; }
.rate a { color: #fff; text-decoration: none; }

#wrapper .rate img
{ 
  border: 0;
  float: none;
  vertical-align: middle;
  margin: 0 3px;
}

.comment 
{ 
  color: #999;  
  text-align: center;
  padding: 10px;
  font: italic 12px Arial;
  width: 65%;
  margin: auto;
}

.comment a { margin: 0 4px; }

.date 
{ 
  font-size: 11px; 
  text-align: left; 
  display: block;
  margin: 0 0 3px; 
}

.sort 
{ 
  margin: 0 0 15px; 
  font: bold 13px Arial;
  height: 20px;
}

.sort a { color: #fff; }
.sort span { margin: 0 10px; }

.down, .up 
{ 
  text-decoration: none; 
  padding-right: 15px;
  background: url(http://vgames.bg/i/down.gif) no-repeat 100% 60%;
  margin-right: -5px;
}

.up { background-image: url(http://vgames.bg/i/up.gif) }

.bottomText { height: 30px; }

.article { width: 70%; float: left; padding: 0 0 8px; }