/*############################################################# Name: The Hobbit Date: 2006-10-11 Description: Submission for OWD template contest "Favourite Book". Author: Viktor Persson URL: http://templates.arcsin.se Feel free to use and modify but please provide credits. #############################################################*/ /* standard elements */ * { margin: 0; padding: 0; } a {color: #36C;} a:hover {color: #06F;} body { background: #4E5D3C url(http://www.geocities.ws/fysioterapia/bg.jpg); color: #444; font: normal 62.5% "Lucida Sans Unicode",sans-serif; margin: 0; } p,blockquote,ul {margin-bottom: 1.2em;} h1 {font: normal 1.6em serif;} h2 { font: bold 1em Verdana,serif; margin: 3px 0 1px; } ul {margin-left: 1.8em;} blockquote { background: url(img/quote.gif) no-repeat; color: #555; font: normal 1.4em serif; padding-left: 22px; } blockquote p {padding: 6px;} /* misc */ .clearer {clear: both;} .left {float: left;} .right {float: right;} img.left {margin: 0 18px 6px 0;} .divider { background: url(http://www.geocities.ws/fysioterapia/divider.gif) no-repeat; height: 20px; margin: 24px 0; } /* structure */ .container { background: url(http://www.geocities.ws/fysioterapia/bgcontainer.jpg) repeat-y center top; margin: 0 auto; width: 736px; } .gfx { background: url(http://www.geocities.ws/fysioterapia/gfx.jpg) no-repeat; float: left; height: 140px; margin-top: 12px; width: 52px; } .top { background: url(http://www.geocities.ws/fysioterapia/bgcontent.gif) no-repeat 0 -4%; float: left; text-align: center; width: 632px; } .header { background: #56644A url(http://www.geocities.ws/fysioterapia/header.jpg) no-repeat; color: #FFC; font-size: 1.4em; height: 232px; padding-right: 270px; } .header h1 { font: normal 3.2em serif,sans-serif; padding: 62px 0 34px 0; } .pattern { background: #334127 url(http://www.geocities.ws/fysioterapia/pattern.gif) repeat-x; clear: both; height: 12px; } /* navigation */ .navigation {margin: 0 24px;} .navigation a { color: #6C7151; font: normal 1.9em serif; line-height: 50px; margin: 0 16px; text-decoration: none; } .navigation a:hover,.navigation #selected { color: #2C3111; } /* content */ .content { background: url(http://www.geocities.ws/fysioterapia/bgcontent.gif) no-repeat; clear: both; font-size: 1.2em; margin: 0 52px; padding: 0 38px 12px; } .content .spacer { height: 42px; } /* content item */ .item {clear: both;} .item img {border: 1px dashed #8A6;} .item .title { color: #445044; font: normal 2em serif; } .item .title:first-letter { display: block; float: left; font-size: 2.4em; } .item .metadata { color: #666; font-size: 0.9em; float: left; padding: 0 0 6px 4px; } .item .body { clear: both; } /* footer */ .footer { background: url(http://www.geocities.ws/fysioterapia/bgfooter.gif) no-repeat; color: #666; font-size: 1.1em; line-height: 41px; margin: 0 auto; text-align: center; width: 632px; } .footer a { color: #666; text-decoration: none; } .footer a:hover { color: #333; text-decoration: underline; }