/* -------------------------------------------------------------- 
  
   styles_popup.css
   * Studio Hari by AREA 17
   
-------------------------------------------------------------- */

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;
font-size:100%;
vertical-align:baseline;
background:transparent;
margin:0;
padding:0;
}

html {
background-color: #323232;
}

body {
font-family:"Helvetica", Arial, sans-serif;
font-size:12px;
color: #323232;
}

p, span {
line-height: 15px;
}

a {
text-decoration: none;
color: #0099CC;
line-height: 15px;
}

a:hover {
text-decoration: underline;
}


a.link2 {
color: #323232;
}

/* -------------------------------------------------------------- 
   CHARACTERS > SHOW
-------------------------------------------------------------- */

div.characters_show  {
position: relative;
width: 640px;
height: 420px;
background-color: #323232;
}

div.characters_show  a.close {
z-index: 9999999;
position: absolute;
top: 20px;
right: 20px;
display: block;
text-indent: -5000px;
background : #323232 url('/assets/images/btn_close.png') no-repeat 0 -23px;
width: 23px;
height: 23px;
}

div.characters_show a.close:hover {
background : #323232 url('/assets/images/btn_close.png') no-repeat 0 0;
}

div.characters_show div.image {
width: 320px;
overflow: hidden;
float: left;
background-color: white;
}

div.characters_show div.image img {
margin: 20px;
}

div.characters_show div.description {
position: relative;
margin-left: 320px;
width: 280px;
height: 360px;
color: #FFF;
padding: 80px 20px 0;
}

div.characters_show div.description h1 {
margin: 0 0 17px 0;
font-weight: normal;
font-size: 40px;
color: #FFF;
}

div.characters_show div.description div.content {
height: 140px;
}

div.characters_show div.description div.more_description {
color: #666;
overflow: hidden;
position: absolute;
bottom: 36px;
}

div.characters_show div.description div.more {
border-bottom: 1px dotted #948F8A;
padding-bottom: 16px;
margin-bottom: 17px;
text-align: right;
width: 280px;
}

div.characters_show div.description div.more_bottom {
overflow: hidden;
width: 320px;
}

div.characters_show div.description div.more_bottom div {
width: 120px;
margin-right: 40px;
float: left;
}

div.characters_show div.description div.more_bottom p {
color: #FFF;
line-height: 16px;
}