/* CSS Document */

/*-------
// global reset
//-----*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
acronym { cursor: help; }



/*-------
// general
//-----*/

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height:1.2em; }
input, select, textarea { font-size: 100%; }

input.text, textarea { padding: 2px 3px; font-family: Verdana, sans-serif; }
.submit { cursor/**/: /**/pointer; }
select > option { padding: 0 5px 0 3px; }

.ul, .ol { margin: 0 0 1em 2em; }
.ul li, .ol li { margin: .2em 0; padding: 0; }

.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.alC { text-align: center; }
.vlT {vertical-align:top;}
.vlB {vertical-align:bottom;}

.hide { display: none; }
.clear { clear: both; height:1px; line-height:1px; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }
a.inv:link, a.inv:visited { text-decoration: underline; }
a.inv:link:hover, a.inv:visited:hover { text-decoration: none; }

.cols { overflow: hidden; margin: 0; }
.cols .col { float: left; width: 50%; }
#page .cols .last { margin-right: 0; }

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*-------
// Globals
//-----*/
body{ background:#fff url(../images/body_bg.gif) repeat-x left top; font-family:"Trebuchet MS", Arial, Verdana;}
h1,h2,h3,h4{line-height:1.2em;}
p{line-height:1.2em;}



/*-------
// Page Layout
//-----*/

/*-----container-----*/
div#container { margin:0px auto; width:950px; }

/*-----navigation-----*/
div#navigation { background:#688a02; padding:20px 30px 0px 20px; }

/*-----header-----*/
div#header { background:url(../images/header/header_bg.gif) repeat-x top left; height:210px; }

/*-----ads-----*/
div#ads { background:url(../images/ads/ads_bg.gif) repeat-x top left; height:40px; text-align:center; }

/*-----search-----*/
div#search { background:url(../images/search/search_bg.gif) repeat-x top left; height:80px; }

/*-----content-----*/
div#content {overflow:hidden; width:100%; background:#f5f5f5; }
div#content.with_bg { background:#f5f5f5 url(../images/content/content_bg.gif) repeat-y right top; }

/*--- sidebar ---*/
div#sidebar { width:311px; padding-left: 1px; padding-top:25px;  }
   
/*-----main---*/
div#main { width:638px; }


/*-----pre-footer-----*/
div#pre_footer { clear:both; }
div#pre_footer div.top { background:url(../images/pre_footer/sub_footer_tm_bg.gif) repeat-x top left; height:20px;  }
div#pre_footer div.top div.left { background:url(../images/pre_footer/sub_footer_tl_bg.gif) no-repeat top left; padding-left:20px; height:20px; }
div#pre_footer div.top div.left div.right { background:url(../images/pre_footer/sub_footer_tr_bg.gif) no-repeat top right; padding-right:20px; height:20px; }
div#pre_footer div.bottom { background:#D2FF4A; padding:0px 25px 20px 25px; }
div#pre_footer div.bottom table { width:100%; }
div#pre_footer div.bottom table td { vertical-align:middle; width:210px; background:url(../images/pre_footer/spacer.png) no-repeat top right; padding:0px 20px; }
div#pre_footer div.bottom table td.last { background:none;  }
div#pre_footer div.bottom table td  div.favourite_box { background:url(../images/pre_footer/favourite.png) no-repeat center left; padding-top:8px; padding-left:63px; height:47px; width:100px; margin:0px auto; }
div#pre_footer div.bottom table td  div.favourite_box a { color:#ff4178; font-size:150%; font-weight:bold; line-height:1.2em;  }
div#pre_footer div.bottom table td  div.recommend_box { background:url(../images/pre_footer/recommend.png) no-repeat center left; padding-top:8px; padding-left:63px; height:47px; width:100px; margin:0px auto; }
div#pre_footer div.bottom table td  div.recommend_box a { color:#ff4178; font-size:150%; font-weight:bold; line-height:1.2em;  }
div#pre_footer div.bottom table td  div.contact_box  { background:url(../images/pre_footer/logo_small.png) no-repeat center left; padding-top:8px; height:69px; padding-left:135px; width:200px; margin:0px auto; }
div#pre_footer div.bottom table td  div.contact_box p { color:#688a02; font-size:130%;  }

/*-----footer-----*/
div#footer { background:#688a02; text-align:center; padding:10px; font-size:120%; color:#fff; }



/*-------
// common page content
//-------*/

/*--- navigation ---*/
div#navigation div.wrapper { width:884px; margin:0px auto; overflow:hidden; }
div#navigation h2 { color:#d2ff4a; font-size:150%; margin-left:70px; font-weight:normal; }
div#navigation ul { }

div#navigation ul li {display:inline; background-color:#ffffff; display:block; float:left; margin-right:5px;}
div#navigation ul li a {background:url(../images/navigation/tab_left.gif) left center no-repeat; height:27px;  float:left; padding-left:13px; text-decoration:none; }
div#navigation ul li a span{background:url(../images/navigation/tab_right.gif) right center no-repeat; height:27px; line-height:27px;  color:#557002; font-size:110%; font-weight:bold; display:block; float:left; padding-right:13px;}

div#navigation ul li.active {display:inline; background-color:#d2ff4a; display:block; float:left;}
div#navigation ul li.active a {background:url(../images/navigation/tab_active_left.gif) left center no-repeat; height:27px;  float:left;  }
div#navigation ul li.active a span{background:url(../images/navigation/tab_active_right.gif) right center no-repeat; height:27px; line-height:27px;  color:#557002; font-size:110%; font-weight:bold; display:block; float:left;}


/*---header---*/
div#header div.wrapper { width:884px; margin:0px auto; overflow:hidden; padding:18px 0px; }
div#header div.logo h1 a { background:url(../images/header/logo.png) left top no-repeat; width:319px; height:173px; display:block; }
div#header div.flR { padding-top:46px; }

/*-----Ads-----*/
div#ads div.wrapper { width:884px; margin:0px auto; overflow:hidden; padding:5px 0px; }


/*-----Search-----*/
div#search div.wrapper { width:884px; margin:0px auto; overflow:hidden; padding:20px 0px; }

/*-----Search - Search Form -----*/
div#search div.search_form input.text_box { background:#fff url(../images/search/search_box_bg.gif) no-repeat top left; border:none; height:28px; padding:10px 10px 0px 10px; font-size:150%; color:#666666; vertical-align:middle; width:290px; }

@media screen and (min-width: 0px) { div#search div.search_form input.text_box { height:38px; padding:0px 10px 0px 10px;  } }
div#search div.search_form input.submit { vertical-align:middle; }


/*-----Search - Login Form -----*/
div#search div.login_form { text-align:right; }
div#search div.login_form input.text_box { background:url(../images/search/txt_box.gif) no-repeat top left; border:0px none; padding:7px; font-size:130%; color:#666666; width:130px; }
div#search div.login_form input.submit, div#search div.login_form img, div#search div.login_form input.text_box { vertical-align:middle; }
div#search div.login_form img.login_text { margin-right:10px; }
div#search div.login_form a { margin-right:160px; color:#7d7d7d; }


/*--- Content - Main - Pagination ---*/
div.paginate { font-size:110%; color:#bcbcbc; } 
div.paginate a { font-size:110%; color:#bcbcbc; }
div.paginate span.page_numbers { margin:0px 15px; }
div.paginate span.page_numbers a { margin:0px 3px; }
div.paginate span.page_numbers a.active { text-decoration:underline; }


/*--- Sidebar ---*/
div#sidebar h2 { color:#8e8e8e; background:#cfcfcf; padding:2px 2px 2px 60px; font-size:170%; margin-bottom:25px; position:relative; }
div#sidebar h2 img { position:absolute; left:20px; top:-3px; }
div#sidebar div.section { margin-left:25px; margin-bottom:25px; margin-right:25px; }


/*-----footer----*/
div#footer a { font-size:120%; color:#fff; }
div#footer ul li{display:inline;}



/*-------
// Index page content
//-----*/

/*--- main - Categories ---*/
div#main div.categories { padding:30px  0px 20px 25px; background:#f5f5f5; }
div#main div.categories h2 { background:url(../images/content/main/categories_heading.gif) no-repeat top left; width:165px; height:36px; margin-bottom:15px; }

div#main div.categories ul { width:195px; }
div#main div.categories ul li { color:#999999; margin-bottom:5px; font-size:120%; }
div#main div.categories ul li a { color:#999999; font-size:120%; }


/*--- main - Juegos ---*/
div#main div.juegos { background:#f5f5f5 url(../images/content/main/juego_bg.jpg) no-repeat top left; padding:70px 25px 50px 25px; }
div#main div.juegos h2 { font-size:220%; color:#ff4178; margin-bottom:50px; }
div#main div.juegos h2 span a { color:#868686; font-size:50%; text-decoration:underline; }

div#main div.juegos div.juego { overflow:hidden; width:100%; margin-bottom:40px; }
div#main div.juegos div.juego div.info { margin-left:200px; }
div#main div.juegos div.juego div.info h1 {color:#868686; font-size:150%; padding:0px 0px 5px 5px; border-bottom:1px solid #cfcfcf; margin-bottom:7px; }
div#main div.juegos div.juego div.info h1 a {color:#868686; }
div#main div.juegos div.juego div.info div.sub_head { padding:0px 0px 0px 5px; margin-bottom:7px; color:#bcbcbc; font-size:110%; }
div#main div.juegos div.juego div.info div.sub_head ul li { display:inline; margin-right:15px; }
div#main div.juegos div.juego div.info div.sub_head ul li img { vertical-align:bottom; }

div#main div.juegos div.juego div.info div.description { padding:0px 0px 0px 5px; }
div#main div.juegos div.juego div.info div.description p { color:#868686; font-size:110%; margin-bottom:5px; }

div#main div.juegos div.juego div.info div.sub_text { padding:0px 0px 0px 5px; }
div#main div.juegos div.juego div.info div.sub_text div.flL { margin-top:10px; }
div#main div.juegos div.juego div.info div.sub_text p.category { color:#868686; font-size:110%; }
div#main div.juegos div.juego div.info div.sub_text p.date { color:#bcbcbc; font-size:110%; }


/*--- Sidebar - Stats ---*/
div#sidebar div.stats { margin-left:35px; }
div#sidebar div.stats p { color:#8e8e8e; font-size:120%; line-height:1.4em; }



/*--- Sidebar - Juego ---*/
div#sidebar div.juego { overflow:hidden; width:100%; margin-bottom:15px; padding-bottom:10px; }
div#sidebar div.juego div.pic { text-align:center; }
div#sidebar div.juego div.info { margin-left:115px;  }
div#sidebar div.juego div.info h3 {color:#868686; font-size:140%; margin-bottom:3px; }
div#sidebar div.juego div.info h3 a {color:#868686;  }
div#sidebar div.juego div.info div.description p {color:#868686; font-size:110%; margin-bottom:3px; }
div#sidebar div.juego div.info div.sub_text { padding-top:3px; }

/*--- Sidebar - Juegos ---*/
div#sidebar ul.juegos li { overflow:hidden; width:100%; margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #cfcfcf; }
div#sidebar ul.juegos li div.pic { text-align:center;  }
div#sidebar ul.juegos li div.info { margin-left:80px;  }
div#sidebar ul.juegos li div.info h3 {color:#8e8e8e; font-size:140%; font-weight:normal; margin-bottom:3px; }
div#sidebar ul.juegos li div.info h3 a {color:#8e8e8e;}
div#sidebar ul.juegos li div.info div.sub_head { color:#bcbcbc; font-size:120%;}


/*--- Sidebar - Users ---*/
div#sidebar ul.users li { overflow:hidden; width:100%; margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #cfcfcf; }
div#sidebar ul.users li div.pic { text-align:center; }
div#sidebar ul.users li div.info { margin-left:45px;  }
div#sidebar ul.users li div.info h3 {color:#999999; font-size:110%; margin-bottom:3px; }
div#sidebar ul.users li div.info h3 a { color:#999999; }
div#sidebar ul.users li div.info div.sub_head { color:#999999; font-size:110%; margin-bottom:5px;}
div#sidebar ul.users li div.info div.description p {color:#bcbcbc; font-size:110%; margin-bottom:3px; }