/* Cathylea.com style sheet last updated on 20100425 */ @font-face { font-family:Zinjaro-LET-Plain; src:url(images/Zinjaro-LET-Plain.ttf); } body { background:#26526e url("images/backgrade.jpg") bottom right fixed no-repeat; color:#540; font-family:Geneva, Verdana, Arial, Helvetica, sans-serif; text-indent:0px; text-align:left; padding:0px; margin:0px; } h1, h2 { font-family:Zinjaro-LET-Plain, Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight:bold; } h2 {font-size:28px;} h3 { font-size:18px; color:#122; border-bottom:1px solid #0aa; padding:1em .5em 0px; margin-top:1em; } P, LI, TD {font-size:12px;color:#122;} P { color:#655; line-height:150%; letter-spacing:.2px; } TD {vertical-align:top;} A:link {text-decoration:none; color:#009; text-decoration:underline;} A:active {text-decoration:underline; color:#fff; text-decoration:underline;} A:visited {text-decoration:none; color:#006; text-decoration:underline;} A:hover {background-color:blue; color:white; text-decoration:none;} .sidebar { background:transparent; color:#000; display:block; float:right; font-size:10px; width:12em; } .sidebar ul { background-color:transparent; list-style-type:none; margin:0px; margin:0px; padding:0px; padding:0px; text-align:left; } .sidebar ul li { border:none; color:#000; font-weight:bold; margin:0px; padding:0px; } .sidebar A { border-bottom:1px solid black; border-right:1px solid black; display:block; padding:3px 3px 3px 1em; text-decoration:none; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; } .sidebar A:link {text-decoration:none; color:#000; background-color:#ff6;} .sidebar A:active {text-decoration:underline; color:#f00; background-color:#ff6;} .sidebar A:visited {text-decoration:none; color:#000; background-color:#ff6;} .sidebar A:hover { background-color:black; color:white; text-decoration:none; } td.logo, .logo img { text-align:right; padding:0; margin:0; } .logo img { border-top:10px solid #a77; } .title { background-color:#a77; border-radius-bottomleft:1em;-moz-border-radius-bottomleft:1em;-webkit-border-bottom-left-radius:1em;border-radius-bottomright:1em;-moz-border-radius-bottomright:1em;-webkit-border-bottom-right-radius:1em; } td.title {text-align:right;} h1.title { color:#ff0; font:bold italic 24px serif; margin-bottom:0; margin-top:0; padding-bottom:0; padding-right:1em; padding-top:0; } .pagetitle { margin-top:.5em; padding-bottom:0px; box-shadow:3px 3px 5px black;-moz-box-shadow:3px 3px 5px black;-webkit-box-shadow:3px 3px 5px black; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; } h2.pagetitle { display:block; background-color:#ff6; border-bottom:2px solid #26526e; padding:1.5em 1em 0px; margin-top:1em; } td.content { background-color:#fff; padding-left:2em; padding-right:2em; border-right:1px solid #733; border-bottom:1px solid #733; border-left:1px solid #bbb; border-top:1px solid #bbb; box-shadow:8px 16px 32px #000;-moz-box-shadow:8px 16px 32px #000;-webkit-box-shadow:8px 16px 32px #000; border-radius:1em;-moz-border-radius:1em;-webkit-border-radius:1em; } .bot { background-color:#ddd; color:#888; font-size:10px; margin:0px 2em 5em 0px; padding:1em; text-align:right; border-radius:1em;-moz-border-radius:1em;-webkit-border-radius:1em; } A.bot, A:link.bot, A:visited.bot { padding:1px 1em; margin:1px; text-decoration:none; color:#777; letter-spacing:0.125em; } A:hover.bot { color:white; background-color:black; text-decoration:none; } .box { border-top:1px solid #555; border-left:1px solid #555; border-right:1px solid #000; border-bottom:1px solid #000; background-color:#fee; font-size:11px; box-shadow:3px 3px 5px black;-moz-box-shadow:3px 3px 5px black;-webkit-box-shadow:3px 3px 5px black; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; } .art img { float:left; border:2px solid #26526e; margin:0px 10px 5px 0px; } .bak, .bak A, .bak A:link, .bak A:visited { font-size:small; color:#777; text-align:right; text-decoration:none; } .bak A:hover { color:#fff; background-color:#000; text-decoration:none; } ul.group, ul.group li { display:inline; text-align:center; padding:0 0 0 0; margin:0 0 0 0; } ul.group li img {border:0px;} #counter, #counter img { background-color:#000; border:0px; display:block; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .cards table tr { margin:1em; display:block; border:1px dotted #333; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; } .cards table tr td a, .cards table tr td a:hover { text-decoration:none; display:block; width:100%; } .cards td { padding:1em; } .q { background-color:#afa; border:1px solid #0f0; color:#122; display:block; float:right; font-size:11px; margin:1em; padding:1em; width:15em; box-shadow:3px 3px 5px black;-moz-box-shadow:3px 3px 5px black;-webkit-box-shadow:3px 3px 5px black; } .pagenav {display:block;margin:1em;} .pagenavn,.pagenav a,.pagenav a:link,.pagenav a:visited { text-decoration:none; color:red; font-weight:bold; padding:0px 1em; } .pagenavn, .pagenav a:hover { color:white; background-color:black; } .topnav {text-align:left;} .topnav ul { display:block; padding:0px 1em; margin:0px; } .topnav ul li { padding:0px; margin:0px; display:inline; } .topnav a,.topnav a:link,.topnav a:visited { text-decoration:none; font-size:12px; color:#00a; padding:2px 1em; margin:0px 2px; background-color:#fff; border-radius-topleft:5px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-radius-topright:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px; } .topnav a:hover { text-decoration:none; color:#fff; background-color:#000; } .botmenu { font-family:Helvetica, Arial, Sans-Serif; font-size:11px; color:#494429; display:block; width:850px; background-color:white; padding:1em 0px; } .botmenu A, .botmenu A:link, .botmenu A:visited { color:#494429; text-decoration:none; padding:0px 5px; margin:0px 5px; } .botmenu A:hover { background-color:black; color:white; text-decoration:none; } .sidenav { background-color:white; color:#000; font-size:10px; border-left:1px solid #999; padding:1em; } .sidenav ul, .sidenav ul li { padding:0px; margin:0px; } .sidenav a, .sidenav a:link, .sidenav a:visited { text-decoration:none; color:#00a; display:block; padding:4px 0px 4px 1em; margin:0px 0px 2px 0px; border-top:1px solid #fff; border-left:1px solid #fff; border-bottom:1px solid #999; border-right:1px solid #999; background-color:#ccf; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; } .sidenav a:hover { text-decoration:none; color:#00f; background-color:#fff; border:1px solid black; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; } .sidenav b { color:black; display:block; font-size:12px; font-weight:bold; margin-top:1em; padding:1em 0px 0px 0px; } .postcard img { float:right; margin-left:1em; box-shadow:3px 3px 5px black;-moz-box-shadow:3px 3px 5px black;-webkit-box-shadow:3px 3px 5px black; } .prevnext {margin:0px 0px 0px 4em;} .prevnext a,.prevnext a:link,.prevnext a:visited { background-color:#ccc; border:1px solid #aaa; color:#000; padding:0px 1em; text-decoration:none; border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px; } .prevnext a:hover { background-color:#000; border:1px solid #aaa; color:#fff; text-decoration:none; } .recipe {display:block;margin:1em;} .backtotop { text-align:right; padding:2px 1em; margin-bottom:5px; } .backtotop A,.backtotop A:link,.backtotop A:visited { border:1px solid #aaa; color:#888; font-size:smaller; padding:2px 1em; text-align:right; text-decoration:none; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; } .backtotop A:hover { background-color:black; color:#fff; text-decoration:none; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; } .hide {display:none;}