/*
		********************************************
		*                                          *
		* Code: http://luzbetak.com/               *
		* Date: 19.10.2008                         *
		* Support: s.luzbetak@gmail.com            *
		*                                          *
		********************************************
*/

/*

	TABLE OF CONTENTS
      -reset
      -logo
      -login
      -backgrounds
      -header
      - top3
      -content
        -cols
          -boxes
            -box1
            -box2
            -box3
          -friendes
          -profile
          -comments
            -rating
            -user rating
      -menu
      -footer
        -news via e-mail

*/

/*--------------------------------RESET---------------------------------*/
*{margin:0;padding:0;}
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{border:0;outline:0;vertical-align:baseline;background:transparent;}
a img{border:0px solid #fff;}
ul,li{list-style:none;}

/*-----------------------------------------------GENERAL TAGS-----------------------------------------*/
html{font-size:100.01%;}
body{font-size:0.8em;font-size:12px;font-family:Tahoma,arial,Helvetica,Jamrul,sans-serif;background:url('../images/body.png') repeat;}
h2{color:#1c1814;font-size:21px;font-family:Trebuchet MS;line-height:58px; background:url('../images/h2.png') left no-repeat; padding-left: 20px}
a{color:#3493d4;text-decoration:none;}
a:hover{text-decoration:underline;}
.clear{display:block;height:0px;width:100%;clear:both;}
.clear_bottom{display:block;height:25px;width:100%;clear:both;}
.gray{color:#a49f9f;}
.nobgr{background-image:none !important;}
.hr{display:block;height:2px;width:912px;clear:both;position:absolute;bottom:25px;background:url('../images/hr.png') left bottom repeat-x;left:39px;}

/*-----------------------------------------------  LOGO -----------------------------------------*/
.logo{width:316px;height:194px;}
.logo a{width:316px;height:194px;text-indent:-3000px;display:block;float:left;background:url('../images/logo.png') no-repeat;}
.logo a:hover{width:316px;height:194px;text-indent:-3000px;float:left;background-position:left bottom;}

/*-----------------------------------------------  LOGIN -----------------------------------------*/
.login{position:absolute;left:316px;top:0px;width:659px;height:110px;background:url('../images/login.png') no-repeat;float:left;font-size:11px;}
.login fieldset{margin-left:290px;margin-top:21px;color:#727230;}
.login input{width:108px;height:20px;margin:2px;border:none;background-color:transparent;color:#727230;padding-top:1px;}
.login .text{width:112px;display:block;height:24px;float:left;margin-right:14px;margin-top:2px;background:url('../images/login_text.png') no-repeat;overflow:hidden;}
.login .submit{height:28px;width:28px;background:url('../images/login_button.png') no-repeat;border:none;margin-top:0px;padding:0px;}
.login .submit:hover{background-position:left bottom;}
.login fieldset p{display:block;clear:both;}
.login a{color:#727230;text-decoration:none;}
.login a:hover{text-decoration:underline;}
.logged{margin-left:288px;margin-top:14px;color: #727230;width:300px;height:100px;position:relative;}
.logged .miniavatar img{float:left;border:2px solid #b6a692;}
.logged .miniavatar{float:left;height:45px;width:43px;display:block;margin-right:5px;}
.logged p{float:left;width:145px;display:block;margin-top:8px;}
.logged .btn{background:url('../images/logged.png') no-repeat;height:27px;line-height:27px;width:98px;border:none;color:white;font-size:12px;  position:absolute;  left:195px;  top:8px;text-align:left;text-indent:15px;}
.logged .btn:hover{background-position:left bottom;}

/*-----------------------------------------------  BACKGROUNDS -----------------------------------------*/
.ornament{width:100%;background:url('../images/ornament.png') 583px bottom no-repeat;}
.background{max-width:1169px;background:rgb(234,230,225) url('../images/background_color.png') repeat;}
.background_color{background:url('../images/background.png') -10px top repeat-x;}
.topcorner{background:url('../images/top_corner.png') 1050px 6px no-repeat;}

/*-----------------------------------------------  HEADER -----------------------------------------*/
.header{width:1000px;height:194px;overflow:hidden;position:relative;}

/*-----------------------------------------------  TOP3 -----------------------------------------*/
.top3{width:999px;height:151px;position:relative;background:url('../images/top3.png') no-repeat;}
.top3_links{margin-left:229px;height:114px;}
.top3_links a{color:white;font-size:15px;text-decoration:none;}
.top3_links td{width:94px;vertical-align:top;padding-top:12px;}
.top3_links .tt{width:144px;vertical-align:middle;padding-top:0px;}
.top3_links .tt a:hover{color: #fef5a0; text-decoration: underline;}
.top3_links .tt a{padding-left:28px;display:block;}
.plus{position:absolute;display:block;height:16px;line-height:14px;background:url('../images/plus.png') left 2px no-repeat;top:116px;left:88px;color:white;font-size:11px;padding-left:14px;text-decoration:none;}
.plus:hover{background-position:left bottom;}
.top_shadow{width:43px;height:202px;overflow:hidden;position:absolute;right:0px;top:-51px;background:url('../images/top_shadow.png') no-repeat;}

/*-----------------------------------------------  CONTENT -----------------------------------------*/
.content{width:986px;background:url('../images/content_index.png') no-repeat;}
.splash{width:100%;padding-bottom:30px;position:relative;;min-height:700px;background:url('../images/splash.png') 61px bottom no-repeat;}
.content_sub{background:url('../images/content_sub.png') no-repeat;}

/*-----------------------------------------------  COLS -----------------------------------------*/
.col1{width:442px;float:left;margin-left:39px;display:inline;}
.col2{width:480px;float:right;}
.col3{width:585px;margin-left:39px;float:left;display:inline;}
.col4{width:318px;float:right;}

/*-----------------------------------------------  BOXES -----------------------------------------*/
.banner img{margin-bottom:8px;}

/*-----------------------------------------------  BOX1 -----------------------------------------*/
.box1{width:442px;height:141px;background:url('../images/box1.png') no-repeat;margin-bottom:11px;}
.box1_inner{ width:314px;float:right;margin-top:20px; height: 110px; }
.box1:hover .box1_inner {background:url('../images/arrow_hover.png') right 17px no-repeat;}
.box1_inner p{padding-right:20px;line-height:18px;}
.box1 a img{float:left;margin-top:20px;margin-left:20px;border:3px solid #b6a692;}
.box1 h3 a{color:#31a3f2;text-decoration:none;font-size:16px;line-height:20px;font-weight:normal;}

/*-----------------------------------------------  BOX2 -----------------------------------------*/
.box2{width:137px;height:205px;background:url('../images/box2.png') no-repeat;float:left;position:relative;margin-right:13px;overflow:hidden;margin-bottom:20px;}
.box2 a img{margin-top:18px;margin-bottom:5px;border:3px solid #b6a692;}
.box2 a{text-align:center;display:block;width:100%;color:#31a3f2;font-size:13px;line-height:16px;text-decoration:none;}
.box2 p{padding:0 12px;}
.box2 .button{height:26px;line-height:26px;width:116px !important;text-indent:13px;text-align:left;position:absolute;left:10px;bottom:16px;color:white;background:url('../images/button.png') no-repeat;}
.box2 .button:hover{background-position:left bottom;}

/*-----------------------------------------------  BOX3 -----------------------------------------*/
.box3_top{background:url('../images/box3_top.png') no-repeat;height:9px;width:585px;overflow:hidden;}
.box3{background:url('../images/box3.png') repeat-y;width:585px;position:relative;}
.box3 h3 a{color:#31a3f2;font-size:19px;line-height:40px;font-weight:normal;text-decoration:none;}
.box3 .game img{margin-top:8px;margin-left:18px;margin-bottom:15px;border:3px solid #b6a692;float:left;}
.box3 .detail_right{float:right;width:232px;}
.box3 h4{clear:both;margin-left:22px;font-size:12px;line-height:18px;}
.box3 p{margin-left:22px;line-height:18px;}
.box3_bottom{background:url('../images/box3_bottom.png') no-repeat;height:10px;width:585px;}
.box3 .img{float:left;margin-top:8px;margin-bottom:8px;margin-left:13px;border:3px solid #b6a692;}
.launch{background:url('../images/launch.png') no-repeat;display:block;height:36px;line-height:36px;padding-left:40px;color:#278ee0;margin-bottom:17px;}
.launch:hover{background-position:left bottom;}

/*-----------------------------------------------  FRIENDES -----------------------------------------*/
.friends{background:url('../images/friends.png') no-repeat;height:287px;width:289px;border:none;color:white;text-align:left;position:relative;}
.friend a img{margin-bottom:0px;border:2px solid #b6a692;}
.friend{margin-top:16px;width:81px;height:115px;overflow:hidden;float:left;text-align:center;line-height:18px;display:inline;margin-left:12px;}
.all_users{position:absolute;  bottom:5px;  right:12px;}

/*-----------------------------------------------  PROFILE -----------------------------------------*/
.selector{padding:18px 19px;clear:both;line-height:18px;background:url('../images/selector.png') center bottom no-repeat;}
.selector h4{margin:0;}
.selector h3{margin:0;line-height:20px;padding:0px;}
.selector p{padding-bottom:10px;}
.edit_profile{position:absolute;right:10px;top:10px;line-height:15px;background:url('../images/edit_profile.png') left 6px no-repeat;padding-left:6px;color:#9f9c9c;text-decoration:none;display:block;}
.profile{padding-top:5px;}
.commented{display:block;width:100%;padding:0 !important;margin:0 0 4px 10px !important;}
.topgames{width:270px;float:left;margin-left:0px;display:inline;}
.topgames h4{margin-bottom:15px;}
.topgames .item{width:98px;float:left;text-align:center;line-height:18px;margin-right:36px;display:inline;}
.topgames .item a{display:block;}
.topgames .item a img{margin-bottom:10px;border:2px solid #f3f0ed;}

/*-----------------------------------------------  COMMENTS -----------------------------------------*/
.avatar{float:left;margin:0px 13px 0px 0px;border:3px solid #b6a692;}
.comment{width:450px;float:right;margin-right:15px;margin-top:8px;}
.comment .date{float:right; color: #a3a3a3;}
.comment .date a{text-decoration: underline;color: #a3a3a3;}
.comment .head{display:block;line-height:22px;height:22px;margin-bottom:2px;}
.comment .name{float:left;}
.comment p{padding-bottom:15px;}
.post input{border:1px solid #8d7d6f;display:block;margin-bottom:20px;height:22px;}
.post textarea{border:1px solid #8d7d6f;border:1px solid #8d7d6f;display:block;width:583px;height:80px;margin-bottom:20px;}
.post .submit{background:url('../images/sent.png') no-repeat;height:27px;width:83px;border:none;color:white;text-align:left;padding-left:10px;}
.post .submit:hover{background-position:left bottom;}

/*-----------------------------------------------  RATING -----------------------------------------*/
.rating{display:block;height:15px;width:100px;background:url('../images/rating_gray.png') repeat-x;margin-bottom:10px;}
.rating span{display:block;height:15px;width:20px;background:url('../images/rating.png') no-repeat;float:left;text-indent:-3000px;}

/*----------------------------------------------- USER RATING -----------------------------------------*/
.rating_users{height:15px;}
.rating_users span{width:12px;background:url('../images/user_rating.png') left 3px no-repeat;padding-left: 6px; }


/*-----------------------------------------------  MENU -----------------------------------------*/
.menu{background:url('../images/menu_background.png') right bottom no-repeat;right:44px;height:84px;top:110px;position:absolute;}
.menu li{float:left;height:44px;text-align:center;line-height:36px;}
.menu li a{float:left;height:36px;display:block;background:url('../images/menu.png') right top no-repeat;color:white;font-size:12px;text-decoration:none;}
.menu li a span{padding:0 15px;float:left;height:36px;display:block;background:url('../images/menu_span.png') no-repeat;}
.menu li a:hover{background-position:right bottom;}
.menu li a:hover span{background-position:left bottom;}
.menu .first span,.menu .last span,.menu .dropdown span{background:none;}
.menu .first:hover  span,.menu .last:hover  span,.menu .dropdown:hover  span{background:none;}
.menu .first{width:66px;display:block;padding:0px;background:url('../images/menu_first.png') right top no-repeat;}
.menu .first:hover{background-position:right bottom;}
.menu .last{width:86px;height:44px;background:url('../images/menu_last.png') right top no-repeat;padding:0px;}
.menu .last:hover{background-position:right bottom;}
.menu .dropdown{width:32px;height:44px;background:url('../images/menu_dropdown.png') right top no-repeat;padding:0px;text-indent:-3000px;}
.menu .dropdown:hover{background-position:right bottom;}

/*-----------------------------------------------  FOOTER -----------------------------------------*/
.footer{background:url('../images/footer.png') no-repeat;height:92px;width:917px;margin-left:39px;position:relative;}
/* .footer p{line-height:92px;color:white;margin-left:20px;} */
.footer p{line-height:22px;color:white;margin-left:20px;padding-top:15px;}
.footer_bottom{background:url('../images/footer_bottom.png') no-repeat;height:64px;width:960px;margin-left:15px;}
.stn{background:url('../images/stn.png') no-repeat;height:64px;width:107px;display:block;margin-left:24px;}

/*-----------------------------------------------  NEWS VIA E-MAIL -----------------------------------------*/
.news{position:absolute;right:0px;top:32px;display:block;width:380px;}
.news label{display:block;width:137px;height:22px;text-indent:-3000px;background:url('../images/news.png') no-repeat;float:left;margin-top:5px;margin-right:7px;}
.news input{float:left;margin-top:5px;margin-right:9px;width:179px;}
.news .submit{height:29px;width:32px;background:url('../images/news_button.png') no-repeat;border:none;margin-top:0px;}
.news .submit:hover{background-position:left bottom;}
#vyhledavani{
    width: 419px;
    height: 63px;
    background: url("../images/hledat/bg.png") no-repeat;
    padding-top: 28px;
    padding-left: 20px;
    }
    #vyhledavani span{
         color:#1c1814;
         font-size:21px;
         font-family:Trebuchet MS;
         float: left; 
         display: block;
         position: relative;
         top: -3px;
    }
    #vyhledavani form .inputtext{
        float: right;
        background: url("../images/hledat/input.png") no-repeat;
        border: none;
        width: 210px;
        height: 24px;
        display: block;
        margin-right: 10px;
        }
     #vyhledavani form .inputsubmit{
        float: right;
        border: none;
        display: block;
        margin-right: 10px;
        position: relative;
        top: -5px;
        }