/* REMOVE BROWSER DEFAULTS ...............................................................*/ /* remove the inconsistent spacing, margin and padding */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin: 0; padding: 0; } /* no list-markers */ ul,ol,li { list-style-type: none; list-style-image: url(); list-style-position: outside; } /* inconsistent heading font-sizes */ h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; font-style: normal; font-weight: normal; } /* remove blue linked image borders */ fieldset,img,a img,:link img,:visited img { border: none; } table { border-spacing: 0; padding: 0; margin: 0; } td { padding: 0; text-align: left; } address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; } caption,th { text-align: left; } q:before,q:after { content: ; } /* MENU ...............................................................*/ /* Nav menu */ #nav { margin-left:50px; margin-top:20px; } /* Nav line */ .diaryline { width:600px; margin-top:10px; margin-bottom:10px; border-bottom:1px solid #bdbdbd;} .line { clear:both; width:975px; margin-top:15px; border-bottom:1px solid #bdbdbd;} .clear { clear:both; margin-bottom:0px; } #sidemenu { position:absolute; top:140px; left:1030px; width:180px; } /* LAYOUT ...............................................................*/ body { background:#ffffff; width:975px; border:0px; } #title-home { position:absolute; top:115px; left:50px; width:275px; height:54px; background:transparent url(/images/home/title.png) top left no-repeat; } #title-aboutanjum { position:absolute; top:115px; left:50px; width:275px; height:54px; background:transparent url(/images/aboutanjum/title.png) top left no-repeat; } #title-books { position:absolute; top:115px; left:50px; width:275px; height:54px; background:transparent url(/images/books/title.png) top left no-repeat; } #title-food { position:absolute; top:115px; left:50px; width:275px; height:54px; background:transparent url(/images/food/title.png) top left no-repeat; } #title-diary { position:absolute; top:115px; left:50px; width:275px; height:54px; background:transparent url(/images/diary/title.png) top left no-repeat; } #title-contact { position:absolute; top:115px; left:50px; width:275px; height:54px; background:transparent url(/images/contact/title.png) top left no-repeat; } #title-forum { position:absolute; top:115px; left:50px; width:275px; height:54px; background:transparent url(/images/forum/title.png) top left no-repeat; } /* Main content container */ #container { position:absolute; top:200px; left:50px; } /* Main column */ #main {width:925px;} /* Columns, size, gap between columns */ .contentwide { width:600px; float:left; } .content1 { width:275px; float:left; margin:0px 0px 0px 0px; } .content2 { width:275px; float:left; margin:0px 0px 0px 50px; } .content3 { width:275px; float:right; margin:0px 0px 0px 50px; } #footer { width:925px; margin:0px 0px 15px 0px; } /* TYPOGRAPHY ...............................................................*/ body { font:14px georgia; font-weight:normal; line-height:130%; text-align:left; color:#000000; } a, a:visited { color:#666666; font-style:italic; text-decoration:none; } a:hover, a:active { color:#666666; font-style:italic; text-decoration:underline; } p { margin:0px 0px 0.5em 0px; } h1, h1 a, h1 a:visited { font:22px georgia; margin:0px 0px 0px 0px; } h1 a:hover, h1 a:active {text-decoration:underline;} h2, h2 a, h2 a:visited { font:18px georgia; margin:0px 0px 0px 0px; } h2 a:hover, h2 a:active {text-decoration:underline;} h3, h3 a, h3 a:visited { font:16px georgia; margin:0px 0px 0px 0px; } h3 a:hover, h3 a:active {text-decoration:underline;} h4, h4 a, h4 a:visited { font:14px georgia; margin:0px 0px 0px 0px; } h4 a:hover, h4 a:active {text-decoration:underline;} /* Nav styles. */ .inactive, a.inactive, a:visited.inactive { color:#666666; font-style:italic; text-decoration:none; } /* grey */ a:hover.inactive, a:active.inactive { font-style:italic; text-decoration:underline; } .active, a.active, a:visited.active { color:#000000; text-decoration:none; } /* black */ a:hover.active, a:active.active {text-decoration:underline;} /* Section styles. */ .aboutanjum { color:#6f6900; font-style:normal; } /* yellow */ a.aboutanjum, a:visited.aboutanjum { color:#908a1b; font-style:italic; text-decoration:none; } a:hover.aboutanjum, a:active.aboutanjum { color:#908a1b; font-style:italic; text-decoration:underline; } .books { color:#6f6900; font-style:normal; } /* yellow */ a.books, a:visited.books { color:#908a1b; font-style:italic; text-decoration:none; } a:hover.books, a:active.books { color:#908a1b; font-style:italic; text-decoration:underline; } .diary { color:#6f6900; font-style:normal; } /* yellow */ a.diary, a:visited.diary { color:#908a1b; font-style:italic; text-decoration:none; } a:hover.diary, a:active.diary { color:#908a1b;font-style:italic; text-decoration:underline; } .contact { color:#6f6900; font-style:normal; } /* yellow */ a.contact, a:visited.contact { color:#908a1b; font-style:italic; text-decoration:none; } a:hover.contact, a:active.contact { color:#908a1b; font-style:italic; text-decoration:underline; } /* Section styles - recipes. */ .meat_poultry { color:#c02f35; font-style:normal; } /* red */ a.meat_poultry, a:visited.meat_poultry { color:#be4d51; font-style:italic; text-decoration:none; } a:hover.meat_poultry, a:active.meat_poultry { color:#be4d51; font-style:italic; text-decoration:underline; } .fish { color:#2c537a; font-style:normal; } /* blue */ a.fish, a:visited.fish { color:#527292; font-style:italic; text-decoration:none; } a:hover.fish, a:active.fish { color:#527292; font-style:italic; text-decoration:underline; } .vegetables { color:#62792b; font-style:normal; } /* green */ a.vegetables, a:visited.vegetables { color:#7e9151; font-style:italic; text-decoration:none; } a:hover.vegetables, a:active.vegetables { color:#7e9151; font-style:italic; text-decoration:underline; } .rice_bread { color:#582d0d; font-style:normal; } /* brown */ a.rice_bread, a:visited.rice_bread { color:#765339; font-style:italic; text-decoration:none; } a:hover.rice_bread, a:active.rice_bread { color:#765339; font-style:italic; text-decoration:underline; } .drinks_desserts { color:#843048; font-style:normal; } /* purple */ a.drinks_desserts, a:visited.drinks_desserts { color:#9a5569; font-style:italic; text-decoration:none; } a:hover.drinks_desserts, a:active.drinks_desserts { color:#9a5569; font-style:italic; text-decoration:underline; } .other { color:#000000; font-style:normal; } /* grey */ a.other, a:visited.other { color:#666666; font-style:italic; text-decoration:none; } a:hover.other, a:active.other { color:#666666; font-style:italic; text-decoration:underline; } /* Other styles. */ .links, a.links, a:visited.links { font-style:italic; color:#90e8ff; } /* blue */ a:hover.links, a:active.links {text-decoration:underline;} .small, .small a, .small a:visited { font:11px georgia; font-style:normal; text-decoration:none; } .small a:active, .small a:hover { font:11px georgia; font-style:normal; text-decoration:underline; } .footer, .footer a, .footer a:visited { font:11px georgia; color:#666666; font-style:italic; text-decoration:none; } .footer a:active, .footer a:hover { font:11px georgia; color:#90e8ff; font-style:italic; text-decoration:underline; } /* TESTING */ /* Error/status messages - testing/live. */ .red, a.red { font-size:11px; font-style:italic; line-height:150%; color:#adadad; margin-left:40px; } .red {display:none;} /* FORMS ...............................................................*/ fieldset,input,textarea { font:12px verdana; border:0px solid #000000; } input.text { border:1px solid #dddddd; background-color:#ffffff; color:#000000; width:275px; height:15px; margin-top:5px; margin-bottom:5px; } input.textsmall { border:1px solid #dddddd; background-color:#ffffff; border:1px solid #dddddd; color:#adadad; width:180px; height:14px; margin-top:10px; margin-bottom:5px; font:10px "verdana"; } textarea.textarea { border:1px solid #dddddd; background-color:#ffffff; color:#000000; width:275px; height:150px; margin-top:5px; margin-bottom:5px; } textarea.textareasmall { border:1px solid #dddddd; background-color:#ffffff; color:#000000; width:275px; height:75px; margin-top:5px; margin-bottom:5px; } input.checkbox { background-color:transparent; margin:5px; } input.submit { background:transparent url(/images/contact/submit.png) no-repeat 0 -35px; width:65px; height:35px; color:#ffffff; margin-top:5px; margin-bottom:5px; outline: none; } input.submit:hover { background:transparent url(/images/contact/submit.png) no-repeat; }