html, body { margin:0; padding:0; height:100%; }
html { background:#80D1E6 url("/images/pbg.png") center top no-repeat; }
body { background:transparent /*url('/images/head.png') left -8px repeat-x; */}
body, input, td, th, textarea, option, select { font-family:"Trebuchet MS", Sans-Serif; }

a { text-decoration:none; color:#8b0000; }
a:hover { text-decoration:underline; }
ul { margin:5px 0 20px 10px; list-style-type:none; padding:0; }
ul li { padding-left:1.6em; background:url("/images/icon.gif") 4px 6px no-repeat; line-height:1.4em; }

#container { width:800px; margin:0 auto; min-height:100%; position:relative; background:url('/images/bg.png') left top repeat-y; padding:0 10px; }
#head { background:black; height:60px; position:relative; background:#80D1E6 url("/images/hd.png") left 38px no-repeat; width:820px; left:-11px; }
#head h1 { display:none; }
#head h2 { display:none; }
#head #logo { text-decoration:none; background:url('/images/logo.png') left top no-repeat; width:280px; height:170px; position:absolute; left:-45px; top:7px; z-index:100; }
#menu { margin:0 0 0 350px; padding:0 0 0 0px; list-style-type:none; height:48px; }
#menu li { margin:0px 0 0 0px; padding:0 0px; float:left; height:48px; line-height:35px; background:transparent; }
#menu li a { color:white; font-size:14px; padding:0 18px; position:relative; }
#menu li a:hover { color:white; text-decoration:none; }
#menu li.selected { background:url('/images/sel.png') center bottom no-repeat; }
#menu li.selected a, #menu li.selected a:hover { color:#1C2B5D; text-decoration:none; }

#menu li.animator { position:absolute; float:none; display:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#FFCB05; height:18px; top:6px; border:4px solid #3467B0; }

#sidebar { width:190px; float:left; margin:0px 0px 10px 10px; border-bottom:40px solid white; padding-top:150px; background:url("/images/pokeball.png") center top no-repeat; }
#content { border-bottom:40px solid white; margin:0px 10px 0 215px; padding:0 0 0 15px; border-left:1px dotted silver; }
body.nosidebar #sidebar { display:none; }
body.nosidebar #content { margin-left:10px; padding-left:0; border-left:0 none; }

#sidebar .panel { margin:0 0px 10px 10px; border:1px solid silver; background:#c7efc4; overflow:hidden; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#sidebar .panel .title { text-align:center; line-height:24px; color:black; margin-top:0; margin-bottom:0; }
#sidebar .panel .note { color:gray; margin:0 10px 5px 10px; font-style:italic; font-size:10px; }
#sidebar .letters { margin-left:10px; border-bottom:10px solid #c7efc4; overflow:hidden; }
#sidebar .letters li { float:left; text-align:center; width:20px; padding:0; margin:0; }
#sidebar .numbers { margin-left:10px; border-bottom:10px solid #c7efc4; overflow:hidden; }
#sidebar .numbers li { float:left; text-align:center; width:80px; padding:0; margin:0; }
#sidebar li.selected { background:gray; }
#sidebar li.selected a { color:white; }

#path { margin:0 0 10px 0; padding:0; list-style-type:none; height:24px; }
#path li { float:left; margin:0; padding:0; line-height:24px; }

#content .pic { float:left; margin:10px 20px 10px 0; padding:2px; background:white; border:1px solid silver; width:150px; height:150px;}

#content .data { width:555px; margin:20px 0 0 0; border:2px solid gray; }
#content .data td { border:1px solid silver; padding:2px 4px; }
#content .data th { padding:4px 4px; }
#content .data tr.odd td { background:#c7efc4; }
#content .data td.right { text-align:center; width:32px; padding:3px 0; }
#content .data td img{ width:24px; height:24px; display:block; margin:0 auto; }

#footer { display:block; position:absolute; bottom:0; left:-1px; width:820px; background:#80D1E6 url('/images/hd.png') left -22px no-repeat; height:20px; padding:20px 12px 0 12px; line-height:15px; }
#footer a { font-size:7pt; color:#333; float:left; margin-left:10px; }
#footer span { font-size:7pt; color:#999; float:right; margin-right:30px; }
#footer span a { float:none; margin:0; }


body, input, td, th, select, option, textarea, pre, code { font-size:62.5%; }
ul { margin:0; padding:0; }
p, li, td, th { font-size:1.3em; line-height:1.385em; margin:0; padding:0; }
pre, code { font-size:1.6em; line-height:1.125em; color:navy; }
li p, li li, pre code { font-size:1em !important; line-height:1.385em !important; }

select, option { font-size:11px; line-height:14px; }


h1, h2, h3 { margin:0; padding:0; letter-spacing:0; color:#73796B; font-family:Paloma, Georgia, Serif; }
h1 { font-size:1.8em; line-height:2em; margin-top:1em; }
h3 { font-size:1.6em; line-height:1.125em; margin-top:1.125em; margin-bottom:1.125em; }
/* ul { margin-bottom:1.8em; } */

#content { color:#333; }
#content strong { color:#000; }


.evolution { margin-top:10px; text-align:center; padding:0; }
.evolution .item { margin:0 0 0px 0; overflow:hidden; padding:10px 0; border-bottom:1px solid silver; }
.evolution .odd { background:#ebebeb; border-left:1px solid silver; border-right:1px solid silver; }
.evolution a { text-decoration:none; float:left; height:100px; width:80px; }
.evolution span { float:left; height:80px; padding:0; line-height:15px; width:150px; margin:0 0px; background:url('/images/arrow.png') center 20px no-repeat; }
.evolution a img { border:0; margin:0; padding:0; display:block; }

.attack { padding:2px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:2px; text-align:center; }
.attack_d_electric { background:yellow; color:black; }
.attack_d_dark { background:black; color:white; }
.attack_d_fire { background:Orange; color:black; }
.attack_d_ground { background:brown; color:white; }
.attack_d_water { background:Aqua; color:black; }
.attack_d_ice { background:PaleTurquoise; color:black; }
.attack_d_grass { background:lightgreen; color:black; }
.attack_d_poison { background:darkgreen; color:white; }
.attack_d_ghost { background:lightgray; color:black; }
.attack_d_steel { background:gray; color:white; }
.attack_d_fighting { background:Red; color:white; }
.attack_d_bug { background:Olive; color:white; }
.attack_d_dragon { background:DarkViolet; color:white; }
.attack_d_rock { background:Sienna; color:white; }
.attack_d_flying { background:Plum; color:black; }
.attack_d_psychic { background:DarkOrange; color:black; }
.attack_d_normal { background:OrangeRed; color:black; }