/*@import url('http://www.wormsnevelde.hu/data/themes/default.css');*/
/* RESET */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	padding: 0;
	margin: 0;
	}
fieldset, img { 
	border: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
ol, ul {
	list-style: none;
	}
address, caption, cite, code, dfn, em, strong, th, var {
	font-weight: normal;
	font-style: normal;
	}
caption, th {
	text-align: left;
	}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
	}
q:before, q:after {
	content: '';
	}
abbr, acronym { 
	border: 0;
	}
/* RESET */

body {
  font-family: Verdana;
  background: #35353d url('images/bg.gif') repeat-x;
}
hr {
  color:#303030;
  background-color:#303030;
  height: 2px;
  border: 0;
}
a {
  font-size: 14px;
  color: #f1f1f1;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
.smalltext {
  font-size: 10px;
} 
.clear {
clear: both;
}
.page {
  position: relative;
  width: 990px;
  left: 50%;
  margin-left: -495px;
}
.header {
  float: left;
  position: relative;
  left: 0;
  top: 0;
  margin:0;
  padding:0;
  width: 400px;
  height: 155px;
  background: transparent url('images/main.png') top left no-repeat;
}
.postgame {
  float: right;
  position: relative;
  top: 120px;
  width: 100px;
  height: 30px;
}
.menu {
  float: left;
  width: 990px;
  height: 40px;
}
.content {
  float: left;
  width: 990px;
}
.footer {
  float: left;
  width: 990px;
  font-size: 12px;
  color: #CCC;
}
.footer a{
  font-size: 12px;
}

/* Boxok */
.box1 {
  clear: both;
  position: relative;
  width: 990px;
  float: left;
  background: #393942;
}
.box1 .hdr {
  clear: both;
  height: 52px;
  background: transparent url('images/main.png') 0 -166px no-repeat;
}
.box1 .hdr .title {
  position: relative;
  color: #2A2A2A;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  top: 7px;
  left: 25px;
  width: 200px;  
}
.box1 .cnt {
  width: 990px;
  float:left;
  background: transparent url('images/box1_center.gif') repeat-y;
}
.box1 .cnt .items {
  float: left;
  position: relative;
  width: 955px;
  top: 5px;
  left: 35px;
  right: 35px;
  bottom: 5px;
}
.box1 .cnt .item {
  display: inline;
  text-indent: 2px;
  float:left;
  color: #f1f1f1;
  width: 150px;
  height: 175px;
  font-size: 11px;
  margin-left: 15px;
  margin-right: 15px;
  border-style: solid;
  border-width: 1px;
  border-color: #393942;
  text-decoration:none;
  cursor: pointer;
}
.box1 .cnt .item a {
  width: 150px;
  font-size: 11px;
  color: #f1f1f1;
  text-decoration:none;
}
.box1 .cnt .item:hover a {
  text-decoration:underline;
}
.box1 .cnt .item:hover {
  border-color: #595966;
  background: #464652;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.box1 .cnt .item .title {
  float: left;
  color: #dadada;
  font-weight: bold;
  width: 150px;
  height: 15px;
  overflow: hidden;
}
.box1 .cnt .item .image {
  float: left;
  width: 150px;
  height: 100px;
  text-align:center;
}
.box1 .cnt .item .image img.img{
  float: left;
  width: 140px;
  height: 100px;
  text-align:center;
}
.box1 .cnt .item .rating {
  float: left;
  width: 150px;
  height: 15px;
  cursor: default;
}
.box1 .cnt .item .desc {
  float: left;
  width: 150px;
  height: 45px;
  cursor: default;
  overflow: hidden;
}
.box1 .ftr {
  clear: both;
  height: 36px;
  background: transparent url('images/main.png') 0 -225px no-repeat;
}


.box2 {
  clear: both;
  position: relative;
  width: 990px;
  float: left;
}
.box2 .hdr {
  clear: both;
  height: 52px;
  background: transparent url('images/main.png') 0 -166px no-repeat;
}
.box2 .hdr .title {
  position: relative;
  color: #2A2A2A;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  top: 7px;
  left: 25px;
  width: 200px;  
}
.box2 .cnt {
  width: 990px;
  float:left;
  background: transparent url('images/box1_center.gif') repeat-y;
}
.box2 .cnt .title {
  position: relative;
  top: 5px;
  width: 990px;
  float:left;
  font-size: 16px;
  color: #b6b6b6;
  font-weight: bold;
  text-align: center;
}
.box2 .cnt .game{
  position: relative;
  top: 20px;
  bottom: 40px;
  width: 990px;
  float:left;
  text-align: center;
}
.box2 .cnt .details{
  clear: both;
  position: relative;
  margin-top: 10px;
  left: 345px;
  right: 345px;
  width: 300px;
  float:left;
  text-align: center;
}
.box2 .cnt .rating{
  position: relative;
  float:left;
  text-align: center;
  width: 180px;
  overflow: hidden;
  font-size: 12px;
  color: #FFF;
}
.box2 .cnt .plays{
  position: relative;
  float:left;
  text-align: center;
  width: 120px;
  font-size: 12px;
  color: #FFF;
}
.box2 .ftr {
  clear: both;
  height: 36px;
  background: transparent url('images/main.png') 0 -225px no-repeat;
}

.box3 {
  clear: both;
  position: relative;
  width: 990px;
  float: left;
  color: #FFF;
}
.box3 .hdr {
  clear: both;
  height: 26px;
  background: transparent url('images/main.png') 0 -265px no-repeat;
}
.box3 .cnt {
  width: 990px;
  float:left;
  background: transparent url('images/box3_center.gif') repeat-y;
}
.box3 .cnt .title {
  position: relative;
  left: 20px;
  right: 20px;
  top: 5px;
  width: 950px;
  float:left;
  font-size: 14px;
  color: #b6b6b6;
  font-weight: bold;
  text-align: center;
}
.box3 .cnt .content{
  position: relative;
  top: 20px;
  bottom: 40px;
  left: 20px;
  right: 20px;
  width: 950px;
  float:left;
  text-align: center;
}
.box3 .ftr {
  clear: both;
  height: 32px;
  background: transparent url('images/main.png') 0 -294px no-repeat;
}

.box4 {
clear: both;
font-size: 12px;
display: block;
position: relative;
left: 125px;
right: 125px;
text-align:center;
float:left;
width: 700px;
background: transparent url('images/box4_center.gif') repeat-y;
}
.box4 a{
font-size: 12px;
text-decoration: none;
color: #f6f6f6;
}
.box4 a:hover{
text-decoration: underline;
color: #c8c8c8;
}
.box4 .hdr {
clear: both;
height: 30px;
background: transparent url('images/main.png')  no-repeat 0 -331px;
}
.box4 .hdr .name {
position: relative;
padding-top: 4px;
margin-left: 3px;
float: left;
width: 150px;
font-size: 13px;
font-weight: bold;
text-align: center;
}
.box4 .hdr .name .details_box{
display:none;
}
.box4 .hdr .name:hover .details_box{
display: block;
position: absolute;
bottom: 18px; /* change this to 0 to keep inline with the <a> */
left: 0; /* pull the box left by its width */
width: 200px;
padding: 5px;
text-align: left;
border-style: solid;
border-color: #292929;
border-width: 2px;
color: white;
background: #7d7d7d;
font-size: 12px;
z-index: 2;
}
.box4 .hdr .title {
padding-top: 4px;
margin-left: 3px;
font-size: 13px;
float: left;
width: 350px;
color: #FFF;
font-weight: bold;
text-align: left;
}
.box4 .hdr .controls {
padding-top: 4px;
float: left;
width: 50px;
}
.box4 .hdr .date {
font-size: 13px;
padding-top: 4px;
margin-right: 3px;
float: right;
width: 300px;
color: #FFF;
text-align: right;
}
.box4 .cnt {
clear: both;
color: #FFF;
background: transparent url('images/box4_center.gif') repeat-y;
}
.box4 .cnt .details {
float:left;
width: 150px;
}
.box4 .cnt .text {
font-size: 14px;
float:left;
text-align:left;
width: 540px;
margin-right: 3px;
}
.box4 .cnt .bigtext {
clear: both;
font-size: 14px;
float:left;
text-align:justify;
width: 700px;
margin-left: 3px;
margin-right: 3px;
}
.box4 .cnt .controls {
float: left;
text-align:left;
padding-top: 5px;
margin-left: 3px;
width: 60px;
}
.box4 .cnt .info {
float: right;
text-align:right;
padding-top: 5px;
margin-right: 3px;
width: 400px;
font-weight: bold;
}
.box4 .ftr {
clear: both;
font-size:0;
float: none;
height: 10px;
background: transparent url('images/main.png')  no-repeat 0 -368px;
}
.box5 {
clear: both;
float: left;
width: 700px;
display: block;
position: relative;
left: 125px;
border-color: #303030;
border-width: 1px;
border-bottom-width: 0;
border-style: solid;
font-size: 14px;
margin-bottom: 10px;
}
.box5 #hdr {
clear: both;
border-color: #303030;
border-style: solid;
border-width: 0;
border-bottom-width: 1px;
width: 700px;
height: 30px;
background: #838383 url('images/tbltop.gif') repeat-x;
}
.box5 #items {
clear: both;
border-color: #303030;
border-style: solid;
border-width: 0;
border-bottom-width: 1px;
width: 700px;
height: 20px;
background-color: #838383;
}
.box5 #items #item{
float: left;
height: 20px;
line-height: 20px;
background: transparent;
}
.box5 #items:hover {
background-color: #9e9e9e;
}
.box5 #items #item:hover{
/*background-color: #6ceb52;
border-width: 1px;
border-style: solid;*/
}
.box5 #itemhdr {
float: left;
height: 30px;
line-height: 30px;
}
/* Boxok */

/* Menü */
.invertedshiftdown{
padding: 0;
width: 100%;
border-top: 5px solid #4D4D4D; /*Red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown a{
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 9px 10px; /*Padding within each menu item*/
background-color: white; /*Default menu color*/

/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}

.invertedshiftdown a:hover{
background-color: #4D4D4D; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

.invertedshiftdown .current a{ /** currently selected menu item **/
background-color: #4D4D4D; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

#search{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
margin-top: 2px;
padding: 0;
}

#search input[type="text"]{
width: 190px;
border: 1px solid gray;
}

#search input[type="submit"]{
font: normal 12px Verdana;
height: 22px;
border: 1px solid #4D4D4D;
background-color: black;
color: white;
}
/* Menü */

/* Gomb */
button {border:0; font-size:12px; color:#CCCCCC; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; background:none; width:auto; overflow:visible; padding:0; cursor:pointer; cursor:hand;}
.button {
	cursor:pointer; 
	cursor:hand; 
	line-height:26px;
	background: transparent url(images/main.png) no-repeat right top; 
	padding-right:15px; 
	vertical-align:middle;
	display:block; /*opera*/
	display:inline-block; /*ie*/
	display:-moz-inline-box;  /*ff*/
}

.button span { 
	background: transparent url(images/main.png) no-repeat -735px top; 
	height:26px;
	display:block;
	display:inline-block;
	padding-left:15px; line-height:26px;
}

.button:hover {background-position:right -27px;}
.button:hover span {background-position: -735px -27px;}
/* Gomb */

/* ÉRTÉKELÉS */
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url('images/star.gif') left -1000px repeat-x;
}
.star-rating{
position:relative;
width:100px;
height:20px;
overflow:hidden;
list-style:none;
margin:0;
margin-left:40px;
margin-right:40px;
margin-bottom: -15px;
padding:0;
background-position: left 0;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:20px;
line-height:20px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background-position: left -20px;
}
.star-rating .current-rating{
z-index:1;
background-position: left -39px;
}

.inline-rating{
display: inline-block;
vertical-align: middle;
}

.small-star{
margin-left:0;
margin-right:0;
margin-bottom: 0;
width:50px;
height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
background-image: url('images/star_small.gif');
line-height: 10px;
height: 10px;
}
.small-star .current-rating{
z-index:10;
background-position: left -20px;
}

/* ÉRTÉKELÉS */