/*
picture 967*330
border 993

*/
/* ---Top Left---- */

/* --- just background color, font---- */
body {
height : 100%;
color : #a4a4a4;
cursor : default;
/*background-color : #000;*/
background-position : 50% 0;
/*
background-repeat : no-repeat;
*/
font-family : Tahoma, sans-serif;

}
/* ------- */
#slide-runner a:link, #slide-runner a:visited {
color : #fff;
text-decoration : none;
}
/* ------- */
#slide-runner a img {
border : 0;
}
/* ----width of border not width of pic--- */
div.wrap {
width : 750px;
margin : 0 auto;
text-align : left;
}

/* ---- position of work--- */
div#headerManga {
margin : -1px 0 0;
height:200px;
}
/* ---- picture and height of border background--- */
div#headerManga div.wrap {
height : 200px;
/*background : url(/manga/images/headerManga-b.png) no-repeat 50% 0;*/
}
/* ---put image into border (position)---- */
div#headerManga div#slide-holder {
z-index : 40;
width : 750px;
height : 200px;
position : absolute;
}
/* ---- put all images into same places--- */
div#headerManga div#slide-holder div#slide-runner {
top : 9px;
left : 9px;
width : 750px;
height : 278px;
overflow : hidden;
position : absolute;
border:1px red  blue;
}
/* ---make slide work (position)---- */
div#headerManga div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
/* ---make page work---- */
div#headerManga div#slide-holder div#slide-controls {
left : 0;
bottom : 150px;/*150*/
width : 750px;
height : 46px;
display : none;
/*show postion of page select*/
position : absolute;
/*  background of page select*/
background : url(/manga/images/slide-bg.png) 0 0;
}
/* -----define text position-- */
div#headerManga div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
/* ------make page align right- */
div#headerManga div#slide-holder div#slide-controls p#slide-nav {
float : right;
width : 350px;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
/* ---make position of page circle background---- */
div#headerManga div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
/* ------- */
div#headerManga div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
/* ---make page circle backgrounf---- */
div#headerManga div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(/manga/images/silde-na.png);
}