* {
  list-style: none;
  padding: 0;
  outline: none;
  text-decoration: none;
}

a,
a:hover,
a:active{text-decoration:none;}



html, body {
	height: 100%;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -24px; /* the bottom margin is the negative value of the footer's height */
}

#footer, #push {
	height: 24px; /* .push must be the same height as .footer */
}

/**
 *********************************************
 * Prototype of styles for horizontal CSS-menu
 * 
 *********************************************
 * (X)HTML-scheme:
 *  <div id="menu">
 *      <ul class="menu">
 *          <li><a href="#" class="parent"><span>level 1</span></a>
 *              <ul>
 *                  <li><a href="#" class="parent"><span>level 2</span></a>
 *                      <ul><li><a href="#"><span>level 3</span></a></li></ul>
 *                  </li>
 *              </ul>
 *          </li>
 *          <li class="last"><a href="#"><span>level 1</span></a></li>
 *      </ul>
 *  </div>
 *********************************************
 */

/* menu::base */
div#menu {
    height:31px;
    background:url(/images/recess_menu/main-bg.png) repeat-x;
    width:1050px;
}

div#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
div#menu ul.menu {
    padding-left: 30px;
}

div#menu li {
    position: relative;
    z-index: 9;
    margin: 0;
    padding: 0 5px 0 0;
    display: block;
    float: left;
}
div#menu li:hover>ul {
    left: -2px;
}

div#menu a {
    position: relative;
    z-index: 10;
    height: 31px;
    display: block;
    float: left;
    line-height: 31px;
    text-decoration: none;
    font: normal 13px Trebuchet MS;
}
div#menu a:hover, div#menu a:hover span { color: #fff; }
div#menu li.current a {}

div#menu span {
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 95% 0;
}
div#menu ul ul a.parent span {
    background-position:95% 8px;
    background-image: url(/images/recess_menu/item-pointer.gif);
}
div#menu ul ul a.parent:hover span {
    background-image: url(/images/recess_menu/item-pointer-mover.gif);
}

/* menu::level1 */
div#menu a {
    padding: 0 10px 0 10px;
    line-height: 30px;
    color: #e5e5e5;
}
div#menu span {
    margin-top: 2px;
}/**@replace#1*/
div#menu li { background: url(/images/recess_menu/main-delimiter.png) 98% 4px no-repeat; }
div#menu li.last { background: none; }

/* menu::level2 */
div#menu ul ul li { background: none; }
div#menu ul ul {
    position: absolute;
    top: 29px;
    left: -999em;
    width: 163px;
    padding: 5px 0 0 0;
    background: #99cc00;
    margin-top:1px;
}
div#menu ul ul a {
    padding: 0 0 0 15px;
    height: auto;
    float: none;
    display: block;
    line-height: 24px;
    color: #000;
}
div#menu ul ul span {
    margin-top: 0;
    padding-right: 15px;
    _padding-right: 20px;
    color: #000;
}
div#menu ul ul a:hover span {
    color: #fff;
}
div#menu ul ul li.last { background: none; }
div#menu ul ul li {
    width: 100%;
}

/* menu::level3 */
div#menu ul ul ul {
    padding: 0;
    margin: -30px 0 0 163px !important;
    margin-left:172px;
}

/* colors */
div#menu ul ul ul { background: rgb(153,204,0); }
div#menu ul ul ul ul { background: rgb(153,204,0); }
div#menu ul ul ul ul { background: rgb(153,204,0); }

/* lava lamp */
div#menu li.back {
    background: url(/images/lava.png) no-repeat right -44px !important;
    background-image: url(/images/recess_menu/lava.gif);
    width: 13px;
    height: 30px;
    z-index: 8;
    position: absolute;
    margin: -1px 0 0 -5px;
}
div#menu li.back .left {
    background: url(/images/recess_menu/lava.png) no-repeat top left !important;
    background-image: url(/images/recess_menu/lava.gif);
    height: 30px;
    margin-right: 2px;
}

#search {
    height:31px;
    width:275px;
    position:absolute;
    left:825px;
    top:75px;
    margin-top:5px;
<!--[if lte IE 6]>
margin-top:0px;
<![endif]-->

}

body {
	text-align: center;
        background: #FFF;
}

#wrapper {
	position: relative;
	width: 1050px;
	font: 10px normal Arial, Helvetica, sans-serif;
	margin: 0 auto -24px;
	text-align: left;
}
#header2 {
	height: 190px;
        font-size:12px;
}

#header2 .disclaimer {
	color: #999;
        font-size:11px;
	padding: 60px 0 15px 0;
	text-align: right;
	display: block;
	position: absolute;
	top: 0; right: 25px;
}

#header2 .disclaimer a {color: #ccc;}

#header-new {
	height: 190px;
}

.disclaimer-new {
	color: #999;
        font-size:11px;
	padding: 60px 0 15px 0;
padding-bottom:10px;
	text-align: right;
	display: block;
	position: absolute;
	top: 0; right: 25px;
}

#header_new .disclaimer-new a {color: #ccc;}

#mid_area {
        position:absolute;
        width:1050px;
        top: 115px;
}

#mid_area a img {border:0}

.content {
        width:1050px;
        position:relative;
        top:25px;
        background:#fff;
        min-height:800px;
}

h1, h3, h4, h5, h6 {
	font-family:"Myriad Pro", "Frutiger Roman", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-weight:bold;
	line-height:100%;
}

h2 { font-size: 14px; 
     font-family:Myriad Pro", "Frutiger Roman", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
     font-style:bold; 
}

h3 { font-size:   2em; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }

p {
	padding: 0 0;
	font: 14px arial,sans-serif;
}

p a {
color: #666666;
text-decoration: none;
}

p:hover a {
color: blue;
text-decoration: none;
}

p a:hover {
color: red;
}

a {
color: #0000FF;
text-decoration: none;
}

a:hover {
color: blue;
text-decoration: none;
}

#footer {
	position: relative;
	width: 1050px;
	margin: 0 auto;
        padding-top:10px;
	background: #ddd;
}
#footer a {
	color: #000;
	text-decoration: underline;
	border: 0;
}
#footer p {
	position: absolute;
	left: 0;
	bottom: 4px;
	width: 1050px;
	padding: 0;
	color: #000;
	font: 0.8em arial,sans-serif;
	text-align: center;
}

.section {
        position: relative;
        float: left;
        height: 90px;
        width: 128px;
}


.section2 {
        position: relative;
        float: left;
        height: 90px;
        width: 184px;
}

.list_flickr2{
	padding:1px 0 1px 0px;
	}
.list_flickr2 a {
	  background: #1a1a1a;
	  padding: 4px;
	  display: block;
	  float: left;
	  margin:2px ;
	}
	
	.list_flickr2 a:hover {
	  background: #525252;
	}
	
	.list_flickr2 img {
	  display: block;
	  float: left;
	  margin: 0;
	  width: 65px;
	  height: 65px;
	}

.pagination {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:left;
	padding:0px 0px 0px 5px;
        font-size:14px;
}

.pagination a {
	color:#000;

    text-decoration: none;
}

.pagination a:hover,active {
	color:#023b66;


    text-decoration: none;
}

#pic {
	width:200px; 
        height:160px;
	padding-top:15px;
        float:left;
        text-align:center;
	}

#pic .game_title {
       width:177px;
       font-weight:bold;
       font-size:12px;
       text-algn:center;
       float:left;
}


.comment-name_date {
      margin-left:20px;
      padding-left:20px;

}

.comment-comment {
      margin-left:20px;
}
p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999; width:250px }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }