body {text-align:center; margin: 0px; padding: 0px; background-color:#000; color:#fff; } 

img {border:none;}
.container{font: 0.9em 'MS Sans Serif', 'Tahoma', sans-serif; line-height:1.5em;margin:0px auto; width:1000px; background:#000; color:#e1e1e1; text-align:left;}
.content{margin-top:30px; padding-left:20px; padding-right:20px;}
.head {background-image:url(images/logo.jpg); height:156px;}
.txt_cen {text-align:center;}
.title { font:120% 'MS Sans Serif', 'Tahoma', sans-serif;font-weight:bold; color:#e7b12f;text-decoration:underline;}
.title2 {color:#dd6f3b;text-decoration:none;}
.title3 { font:140% 'MS Sans Serif', 'Tahoma', sans-serif;font-weight:bold; color:#ffde00;text-decoration:none;}
.title4 { font:140% 'MS Sans Serif', 'Tahoma', sans-serif;font-weight:bold; color:#e26102;text-decoration:underline;}
.cover {border:1px solid #717171;}

a {color:#FFF200; text-decoration:none;} 
a:hover {color:#FFF200; text-decoration:underline;}
ul {margin-top:0px; padding-top:0px;}

/* =================   menu     =================*/

a.home{
    background: url(images/home.gif) no-repeat top left; 
    display:block;
    float:left;
    width:87px; height:38px;
}
a.home:hover{
    background-position: bottom left;
}

a.authors{
    background: url(images/authors.gif) no-repeat top left;
    display:block;
    float:left;
    width:99px; height:38px;
}
a.authors:hover{
    background-position: bottom left;
}

a.book{
    background: url(images/book.gif) no-repeat top left;
    display:block;
    float:left;
    width:74px; height:38px;
}
a.book:hover{
    background-position: bottom left;
}

a.firstread{
    background: url(images/firstread.gif) no-repeat top left;
    display:block;
    float:left;
    width:126px; height:38px;
}
a.firstread:hover{
    background-position: bottom left;
}

a.promotion{
    background: url(images/promotion.gif) no-repeat top left;
    display:block;
    float:left;
    width:111px; height:46px;
}
a.promotion:hover{
    background-position: bottom left;
}

a.game{
    background: url(images/game.gif) no-repeat top left;
    display:block;
    float:left;
    width:74px; height:38px;
}
a.game:hover{
    background-position: bottom left;
}

.clear { clear:both;}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.boldbuttons{
background: transparent url('mobile/images/chevron_circle.png') no-repeat center right;
display: block;

font-size:13px;
font-weight:bold;
text-decoration: none;
padding:10px;
padding-right: 40px;
}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}


a:hover.boldbuttons{ /* Hover state CSS */
background: transparent url('mobile/images/chevron_circle_on.png') no-repeat center right;
text-decoration: underline;
}