/*  Style sheet for Finks Publishing 2009  */

/*Colours  dark blue - #262772

Colour replacement -	993333 000066 (footer bg)
			e5cccc bebedc (menu bg)
			cd9a9a 8282be (menu bdr rt)

*/

* {margin:0; padding:0;}

body { color:#000; background: #f9f9f9 url(images/stripe1.png) top repeat-x; font-family: Dax,'Helvetica Neue',arial,sans-serif; font-size: small;}

/*  Main layout styling */

#pagewidth {width:900px; background-color:#fff; margin:0 auto; overflow:auto;}
#header { width: 100%; padding:1em 0 0 0;}
#slogan { float:right; margin:1.5em 1.5em 0 0;}
#topnav {float:right; width:100%;}
#headerimage { width:95%; margin:0px auto; border:0px solid #000;}
#container { width:95%; margin:0 auto; position:relative;}
#col1, #col2 {}
#col1 { width:71%; padding:1em; float:left;}
#col2 { width:20%; padding:1em; float:right;}
#footer { clear:both;font-size: x-small; width:100%; float:left; color:#fff; background-color:#000066;}
#designer {float:right; width:20%;}
#copy {float:left; width:25%;}
#address {margin:1em 0; text-align:center;}

/*  Header image replacement  */

h1 {width:400px;
    padding: 74px 0 0 0;
    overflow: hidden;
    background-image: url(../images/finksbrand2.jpg);
    background-repeat: no-repeat;
    
    height: 0px !important; /* for most browsers */
    height /**/:74px; /* for IE5.5's bad box model */
}

#slogan {width:440px;
    padding: 48px 0 0 0;
    overflow: hidden;
    background-image: url(../images/strap2.jpg);
    background-repeat: no-repeat;
    
    height: 0px !important; /* for most browsers */
    height /**/:48px; /* for IE5.5's bad box model */
}

#home #col1 h2 {width:176px;
    padding: 66px 0 0 0;
    overflow: hidden;
    background-image: url(../images/helloagain.jpg);
    background-repeat: no-repeat;
    
    height: 0px !important; /* for most browsers */
    height /**/:66px; /* for IE5.5's bad box model */
}

#banner p {width:850px;
    padding: 19px 0 0 0;
    margin:1em 0 0 0;
    overflow: hidden;
    background-image: url(../images/strapline.png);
    background-repeat: no-repeat;
    
    height: 0px !important; /* for most browsers */
    height /**/:19px; /* for IE5.5's bad box model */
}

/*  Navigation styling */

ul a:link {color: #336633; font-weight: bold; text-decoration: none;}
ul a:visited {color: #669933; font-weight: bold; text-decoration: none;}
ul a:hover {color: #3333cc; font-weight: bold; text-decoration:underline;}
ul a:active {color: #CC3333; font-weight: bold; }

#topnav { padding:0; margin:0; margin-top:0; list-style-type:none; float:right; width:100%; color:#993333;  background-color:#fff;}
#topnav li {display: inline; float:right;}
#topnav li a {float:left; color:#000; background-color:transparent; padding:0.5em 1.5em; text-decoration:none; border-right:1px solid #993333; text-align:center;}
/* #topnav li a:visited {background-color:transparent; color:#ddedfb;} */

#navbar { float:left; width:100%; color:#fff; background-color:#000066; display:none;}
#navbar ul { list-style-type:none;}
#navbar li {display: inline; float:left;}
#navbar li a {float:left; width:auto; color:#fff; background-color:transparent; padding:0.5em 1.4em; text-decoration:none; border-right:1px solid #e1e2ef; text-align:center;}

#menu { text-align:left; list-style-type:none; margin-top:2em; width:100%; float:left;}
#menu li { color:#993333; background-color:#bebedc; border-bottom:2px solid #fff; width:100%; float:left;}
#menu li img { border:0px solid #000; float:left;}
#menu li a { padding:0.5em; width:50%; float:right; border-right:30px solid #8282be;}
#menu a:link {color:#000066; text-decoration: none;}
#menu a:visited {color:#000066; font-weight: bold; text-decoration: none;}
#menu a:hover {color:#000066; font-weight: bold; text-decoration:underline;}
#menu a:active {color:#000066; font-weight: bold; }

.menu {color: #336633c; font-weight: bold; background-color: #8efffd;}


/*  Misc. styling */


p, h2, h3, h4 {margin:10px 10px 10px 10px;}
p {margin-bottom:1em; line-height:1.6;}
h1 { margin:0 0 0 1em;}
h2 { color:#3333a2;}
h3 { background:#993333; color:#fff; padding-left:1em;}
#bookad h4 { margin:0 10px; font-size:120%;}
#banner p { font-size:125%;}
.clr { clear:both;}
#newsletter {margin:2em;}
.inset {border-color:#336633; border-width:2px; border-style:solid;}
#bookad { width:200px; height:; float:left; margin-right:1em; background-color:#000066; color:#fff; font-size:90%;}
#bookad img { margin:15px 27px;}
#bookad a { text-decoration:none;}
.button { background-color:#fff; border:1px solid #000; color:#000; padding:3px; width:90px;}
.bookInfo { font-size:90%; width:50%; float:left;}
.bookInfo img { float:left; margin-right:0.5em;}
.bookInfo a { text-decoration:none;}
.bookInfo:nth-child(even) {clear:both;}
.bookDetail { font-size:90%; float:left; margin-bottom:2em;}
.bookDetail img { float:left; margin-right:1em;}
.bookDetail h4, .bookDetail p { margin-left:160px;}
.bookDetail p { line-height:1.2; }
.bookDetail h4 { margin:0 0 0.25em 160px;}
.blue { color:#3333a2;}
#books #col1:nth-child(even) {clear:both;}
#books .button, .bookInfo h4, .bookInfo p { margin-left:150px;}


#header, #footer, #navbar { border:0px solid #000}

/*   Page specific styling  */

#webdesign #col2 dt, #webdesign #col2 dd { float:left; width:30%; margin-top:1em;}
#webdesign #col2 a:link { text-decoration:none; color:#262772;}
#webdesign #col2 a:hover { color:blue; text-decoration:underline;}
#sitemap #col1 ul { list-style-type:none; margin-left:5em;}