/*
    Document   : design
    Created on : 12.4.2009, 23:11:28
    Author     : Enzy aka Matej Simek - matej[dot]simek[at]gmail[dot]com
    Description:
        Design stylesheet of Pokemon website
*/

/* RESET */
* {margin:0; padding:0;}

/* MAIN COLORS

background:     #133e5c, #DADFE5
yellow:         #ffcb05
text:           white, silver, #444444
link:           #3767AF, red
*/

/* LAYOUT OF MAINPAGE */
#main_page{
    width:1024px;
    height:800px;
    margin:0 auto;
    position:relative;
}
#box_title{
    width:369px;
    height:142px;
    position:absolute; top:112px; left:43px;
}
#box_mainmenu{
    width:534px;
    height:62px;
    position:absolute; top:130px; right:56px;
}
#box_frame1{
    width:408px;
    height:244px;
    position:absolute; top:260px; left:70px;
}
#box_frame1 .inner {
    width:394px;
    height:227px;
    position:absolute; top:8px; left:7px;
}
#box_frame2{
    width:408px;
    height:97px;
    position:absolute; top:504px; left:70px
}
#box_frame2 .inner {
    width:394px;
    height:83px;
    position:absolute; top:8px; left:7px;
}
#box_secondarymenu{
    width:410px;
    height:64px;
    position:absolute; top:628px; left:47px;
}
#box_news{
    width:473px;
    height:221px;
    position:absolute; top:484px; right:42px;
}
#box_news .inner {
    width:431px;
    height:178px;
    position:absolute; top:11px; left:15px;
}
#box_foot{
    width:934px;
    position:absolute; top:740px; left:47px;
}


/* LAYOUT OF NORMAL PAGE*/
body.normal_page{
    *padding-left:2px; /* IE hack */
    background: #1B405D url('../img/page_content_back.gif') top center repeat-y;
    text-align:center;
}
#normal_page{
    width:1024px;
    height:800px;
    margin:0 auto;
    position:relative;
    text-align:left;
}
#normal_page #box_title{
    left:44px; top: 114px;
}
#normal_page #box_mainmenu{
    right:54px; top:133px;
}
#box_content{
    width:500px;
    min-height:800px;
    _height:800px; /* IE hack */
    position:relative; top:226px; left: 444px;
    /*_overflow-y:scroll;*/
    overflow-x:hidden;
    z-index:4;
}
#normal_page #box_secondarymenu{
    width:300px;
    height:62px;
    top:auto; left:44px; bottom:58px;
}
#normal_page #box_foot{
    width:1024px;
    height:362px;
    position:relative; top:auto;left:auto;
    margin-top:-50px;
    z-index:3;
}
#box_textmenu{
    width:357px;
    position:absolute; top: 340px; left:59px;
}
#ico_catchthemall{
    width:261px;
    height:67px;
    position:absolute; top: 251px; left:116px;
}
#ico_bandai{
    width:88px;
    height:89px;
    position:absolute; top:246px; left:189px;
}
#ico_tradingcardgame{
    width:282px;
    height:51px;
    position:absolute; top: 254px; left:99px;
}


/* GLOBAL STYLE */
body{
    color: white;
    background-color:#19405F;

    font-size:14px;
    line-height:18px;
    text-align:justify;
}
h1, h2, h3, h4, h5, h6{
    font-family: Helvetica, sans-serif;
    padding-top:0.5em;
    padding-bottom:0.2em;
    letter-spacing:0.5px;
    color: black;
}
a {color:#3767AF}
a:hover {color:red}

strong{font-weight:bold;}

#box_content h1{font-size:20px;}
#box_content h2{font-size:16px}
#box_content h3{font-size:14px;}
#box_content p{margin-bottom:0.5em;}
#box_content ul{margin:0.5em 0 0.5em 2em;}


/* MAINPAGE STYLE */
#main_page{background: url('../img/body.jpg') top center no-repeat}

#box_title{background: url('../img/logo_main.jpg') top left no-repeat;}
#box_title h1, #box_title h1 a{width:100%; height:100%; display:block;}
#box_title h1 a{font-size:0.1px; color:#05526E;}

#box_mainmenu{background: url('../img/menu_back.jpg') top left no-repeat;}
#box_mainmenu p{display:none}
#box_mainmenu ul{width:100%; height:100%}
#box_mainmenu li, #box_mainmenu li a{height:55px; display:block; float:left; font-size:0.1px; color:#4D322B;text-align:center; line-height:0px}
#box_mainmenu #mainmenu_item1 a{width:130px}
#box_mainmenu #mainmenu_item2 a{width:134px}
#box_mainmenu #mainmenu_item3 a{width:134px}
#box_mainmenu #mainmenu_item4 a{width:134px}

#box_mainmenu #secondmenu_item1 a{width:130px}
#box_mainmenu #secondmenu_item2 a{width:134px}
#box_mainmenu #secondmenu_item3 a{width:134px}
#box_mainmenu #secondmenu_item4 a{width:134px}

#box_frame1{background: #133e5c url('../img/frame1_back.gif') top left no-repeat}
#box_frame1 .inner{overflow:hidden}

#box_frame2{background: #133e5c url('../img/frame2_back.gif') top left no-repeat}
#box_frame2 .inner{overflow:hidden}

#box_secondarymenu{background: url('../img/menusec_back.jpg') top left no-repeat}
#box_secondarymenu p{display:none}
#box_secondarymenu ul{width:100%; height:100%}
#box_secondarymenu li, #box_secondarymenu li a{height:56px; display:block; float:left; font-size:0.1px; color:#4D4A2B; text-align:center; line-height:0px; margin-right:6px; width: 130px;}
#box_secondarymenu #mainmenu_item1 a{width:132px}
#box_secondarymenu #mainmenu_item2 a{width:142px}
#box_secondarymenu #mainmenu_item3 a{width:134px; color:#4D322B}

#box_news{/* background: url('../img/news_back.jpg') top left no-repeat;*/
    overflow:hidden; font-size:8pt; font-family:Verdana; line-height:12pt;
    }
#box_news .inner{overflow:hidden; _overflow:auto}
#box_news:hover .inner {overflow:auto;}
#box_news a{color:silver; text-decoration:none}
#box_news a:hover{color:white}
#box_news img{width:69px; height:46px; display:block; float:left; overflow:hidden; margin:3px 12px 0 0; border:1px solid silver;}
#box_news a:hover img{border-color:#ffcb05}
#box_news h2{display:block; font-size:100%; letter-spacing:0.5px; margin-right:1em; color:white}
/*#box_news p{display:block; width:400px; *width:310px}*/
#box_news p{display:block; margin-right:1em; line-height:9pt}
#box_news hr{display:block; width:90%; color: #ffcb05; border: 1px solid; margin:7px auto 0px auto}


#box_foot{font-size:7pt; text-align:center}

/* NORMAL PAGE STYLE */
#normal_page {background: url('../img/page.jpg') top center no-repeat; color:#444444}

#box_content p{margin-right:10px}

#normal_page #box_foot{background: url('../img/page_bottom.jpg') bottom center no-repeat}
#normal_page #box_foot p{position:relative; top:320px; color: white}

#normal_page #box_secondarymenu{background: url('../img/page_menusec_back.jpg') top left no-repeat}
#normal_page #box_secondarymenu #mainmenu_item1 a{width:133px}
#normal_page #box_secondarymenu #mainmenu_item2 a{width:140px}

#ico_catchthemall p, #ico_bandai p, #ico_tradingcardgame p {display:none}
#ico_catchthemall {background: url('../img/cta.jpg') center center no-repeat}
#ico_bandai {background: url('../img/bai.jpg') center center no-repeat}
#ico_tradingcardgame{background: url('../img/tcg.jpg') center center no-repeat}

#box_textmenu {text-align:center; font-size:130%; font-weight:bolder; text-transform:uppercase; line-height:200%; font-family:Verdana}
#box_textmenu a{color:white; text-decoration:none}
#box_textmenu a:hover{text-decoration:underline}
#box_textmenu li {display:block}