/* CSS Document */


/*----------------- [Commons] ---------------------*/
/*-------------------------------------------------*/

a:link img            { border: none; }

a:link visited img    { border: none; }

a img                 { border-style: none; }

form                  { margin: 0px; }

.left                 { float:  left; }

.right                { float:right; }

b                     { font-weight: bold; }

.textfield            { width: 170px; height: 22px; border: 1px solid #7B4C09; }

ul                    { margin: 0; }


/*----------------- [General] ---------------------*/
/*-------------------------------------------------*/

body                   { font: normal 13px Arial, Helvetica, sans-serif; color: #000; margin: 0; background: url(images/bg_img.jpg) top left repeat; }

.wrapper               { width: 900px; height: auto; margin:0 auto; }

.mainContainer         { width: 900px; height: auto; }

.container             { width: 900px; height: auto; background: url(images/footer_btm_curve.gif) bottom left no-repeat; }

/*-------------------------[ header ] ---------------------------*/
/*---------------------------------------------------------------*/

.header                { width: 900px; height: auto; background: url(images/header_bg.gif) top left repeat-y; }

.logo                   { margin-top: 16px; }

/*-------------------------------------[ Menu Section ]-----------------------------------------*/

/*.menuDiv               { width: 878px; height: auto; display: inline; background: url(images/menu_bg.gif) top left no-repeat; float: left; }*/

.menu                  { width: 878px; height: auto; display: inline; float: left; }

#main-nav              { padding: 0; margin: 0; list-style: none; width: 878px; height: 62px; overflow: hidden; }

#main-nav li           { float: left; height: 35px; }

#main-nav a            { display: block; background-image: url(images/nav_bg.jpg); float: left; height: 62px; /* same as height of #example-nav */text-decoration: none; /* needed for IE8 beta, otherwise it still shows the underlines */ }

#main-nav-home         { width: 72px; }

#main-nav-home:hover, #main-nav-home.selected  { background-position: 0px -62px; }

#main-nav-aboutbook      { width: 134px; background-position: -72px 0; }

#main-nav-aboutbook:hover, #main-nav-aboutbook.selected   { background-position: -72px -62px; }

#main-nav-reviewpress  { width: 158px; background-position: -206px 0; }

#main-nav-reviewpress:hover, #main-nav-reviewpress.selected { background-position: -206px -62px; }

#main-nav-kingdomdartboard      { width: 256px; background-position: -364px 0; }

#main-nav-kingdomdartboard:hover, #main-nav-kingdomdartboard.selected { background-position: -364px -62px; }

#main-nav-aboutauthor      { width: 185px; background-position: -620px 0; }

#main-nav-aboutauthor:hover, #main-nav-aboutauthor.selected { background-position: -620px -62px; }

#main-nav-blog    { width: 73px; background-position: -805px 0; }

#main-nav-blog:hover, #main-nav-blog.selected { background-position: -805px -62px; }


/*--------------------------------------------------------------------*/


/*------------------------------------ [Middle Section] ---------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/

.midleDiv               { width: 900px; height: auto; background: url(images/middle_bg.gif) top left repeat-y; }

.contentSection          { width: 868px; height: auto; background: url(images/content_bg.gif) top left repeat-y; }

.headingDiv              { width: 868px; height: 74px; background: url(images/heading_bg.jpg) top left no-repeat; }

.headingDiv h1            { font: normal 24px "Arial Narrow", Arial, "Times New Roman"; color: #fff; margin: 22px 0 0 43px; letter-spacing: 1px; }

.homeContents           { height: auto; font-size: 15px; }

.homeContents p         { margin-top: 15px; }

.innerLink              { font: normal 13px Arial, Helvetica, sans-serif; color: #C91800; text-decoration: underline; }

a.innerLink:hover       { text-decoration: none; }

.contents               { height: auto; }

.contents p             { margin-top: 15px; }

.contents img           { float: right; margin: 0 0 10px 10px; }

.contents ul            { padding-left: 25px; margin: 0; }

.contents li            { margin-bottom: 8px; } 

.homeComentBox           { width: 277px; height: auto; background: url(images/home_coments_box_top_curve.gif) top left no-repeat #9B802B; padding-top: 15px; }

.comment                 { font: italic 12px Arial, Helvetica, sans-serif; color: #FFE4AA; padding: 8px 0; }

.commentersName          { font: bold 12px Arial, Helvetica, sans-serif; color: #120A05; }

.authorName              { font: italic 20px Arial, Helvetica, sans-serif; color: #302105; text-align: right; }

.cntntEnd                { width: 100%; height: 50px; text-align: center; }

/*------------------------------------ [Footer Section] ---------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/

.footerLinks            { height: 41px; background: url(images/footer_lnks_bg.jpg) top left repeat-x; font: normal 12px/3.5em Arial, Helvetica, sans-serif; color: #42320F; }

.footerLinks a          { font: normal 12px Arial, Helvetica, sans-serif; color: #42320F; text-decoration: none; padding: 0 8px; }

.footerLinks a:hover    { color: #fff; } 

.footerLinks span          { font: normal 12px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; padding: 0 8px; }

.copyright               { font: normal 11px Arial, Helvetica, sans-serif; color: #936923; }

/*-------------------------------------[ inner page ] ------------------------------------*/

.innerHeadBold             { font: bold 13px Arial, Helvetica, sans-serif; color: #C62710; }
 

