/* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */ body { margin: 50px 0 0 0; padding: 0; background: #FFFFFF url(images/img01.gif) repeat-x; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; } h1, h2, h3 { margin: 0; text-transform: lowercase; font-weight: normal; color: #3E3E3E; } h1 { font-size: 32px; } h2 { font-size: 23px; } p, ul, ol { margin: 0 0 2em 0; text-align: left; line-height: 180%; font-size: 1em; } a:link { color: #7BAA0F; } a:hover, a:active { text-decoration: none; color: #003448; } a:visited { color: #5B9A0F; } a.inactive { color: #333333; text-decoration: none; } img { border: none; } img.left { float: left; margin-right: 15px; } img.right { float: right; margin-left: 15px; } /* Form */ form { margin: 0; padding: 0; } fieldset { margin: 0; padding: 0; border: none; } legend { display: none; } input, textarea, select { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; } /* Header */ #header { width: 850px; height: 82px; margin: 0 auto 10px auto; background: url(images/img03.gif) repeat-x left bottom; } #logo { float: left; } #logo h1 { font-size: 40px; color: #494949; } #logo h1 sup { vertical-align: text-top; font-size: 24px; } #logo h1 a { color: #494949; } #logo h2 { margin-top: -4px; margin-left: 2.4em; font-size: 13px; color: #A0A0A0; } #logo a { text-decoration: none; } /* Menu */ #menu { float: right; } #menu ul { margin: 0; padding: 15px 0 0 0; list-style: none; } #menu li { display: inline; } #menu a { display: block; float: left; margin-left: 30px; padding: 7px; text-decoration: none; font-size: 13px; color: #000000; } #menu a:hover { text-decoration: underline; } #menu .active a { background: url(images/img02.gif) repeat-x left bottom; } /* Page */ #page { width: 850px; margin: 0 auto; } /* Content */ #content { float: left; width: 575px; } /* Post */ .post { } .post .title { margin-bottom: 20px; padding-bottom: 5px; background: url(images/img03.gif) repeat-x left bottom; } .post .entry { } .post .entry ul { margin-top: -15px; margin-bottom: 10px; } .post .entry ul { line-height: 160%; } .post .nometa { padding: 0px 0 20px 0; } .post .meta { padding: 15px 0 60px 0; background: url(images/img03.gif) repeat-x; } .post .meta p { margin: 0; line-height: normal; color: #999999; font-size: 11px; } .post .meta .byline { float: left; } .post .meta .links { float: right; } .post .meta .more { padding: 0 20px 0 18px; background: url(images/img06.gif) no-repeat left center; } .post .meta .comments { padding-left: 22px; background: url(images/img07.gif) no-repeat left center; } .post .meta b { display: none; } /* Sidebar */ #sidebar { float: right; width: 195px; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin-bottom: 20px; } #sidebar li ul { } #sidebar li li { margin: 0; } #sidebar h2 { margin-bottom: 10px; background: url(images/img03.gif) repeat-x left bottom; font-size: 16px; } /* Locales */ #locales a { margin-right:20px; } /* Boxes */ .box1 { padding: 19px; background: url(images/img05.gif) no-repeat; } .box2 { color: #BABABA; } .box2 h2 { margin-bottom: 15px; background: url(images/img10.gif) repeat-x left bottom; font-size: 16px; color: #FFFFFF; } .box2 ul { margin: 0; padding: 0; list-style: none; } .box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited { color: #EDEDED; } /* Footer */ #footer { height: 50px; min-height: 50px; padding: 70px 0 0 0; background: #003448 url(images/img09.gif) repeat-x; font-size: 11px; } html>body #footer { height: auto; } #footer .wrap { width: 850px; margin: 0 auto; } #legal { clear: both; padding-top: 20px; text-align: center; color: #375C69; } #legal a { color: #476B77; } #fbox1, #fbox2, #fbox3 { float: left; } #fbox1 { width: 310px; } #fbox2 { width: 200px; padding-left: 70px; } #fbox3 { width: 200px; padding-left: 70px; }