* { margin: 0; padding: 0; } body { background: #A9B3BB url(images/img01.gif) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #555555; } h1, h2, h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } h1 { font-size: 3em; } h2 { font-size: 2em; } h3 { font-size: 1em; } p, ul, ol { margin-bottom: 1em; line-height: 140%; } a { color: #333333; } a:hover { text-decoration: none; color: #FC3E1A; } img.left { float: left; margin: 3px 20px 0 0; border: 3px solid #848C8F; } img.right { float: right; margin: 3px 0 0 20px; border: 3px solid #848C8F; } hr { display: none; } #header { width: 770px; height: 200px; margin: 0 auto; } #logo { float: left; width: 420px; height: 130px; padding: 70px 0 0 100px; background: url(images/img02.gif) no-repeat 0px 50px; } #logo h1, #logo p { color: #FFFFFF; } #logo h1 { } #logo p { margin: 0; padding: 0 0 0 2px; line-height: normal; } #logo a { text-decoration: none; color: #FFFFFF; } #search { float: right; width: 200px; } #search form { margin: 0; padding: 110px 0 0 0; } #search fieldset { margin: 0; padding: 0; border: none; } #search #s, #search #x { float: left; font: normal 1em Arial, Helvetica, sans-serif; } #search #s { width: 108px; margin: 2px 6px 0 0; } #search #x { } #menu { width: 770px; height: 70px; margin: 0 auto; } #menu ul { margin: 0; padding: 0; list-style: none; line-height: normal; } #menu li { display: inline; } #menu a { display: block; float: left; height: 43px; padding: 12px 30px 0 30px; text-decoration: none; font: bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333333; } #menu a:hover { text-decoration: underline; } #menu .current_page_item a { background: url(images/img03.gif) no-repeat center bottom; } .wide-post { width: 770px; margin: 0 auto; background: #D4D9DD url(images/img04.gif) repeat-y; } .wide-post .title { padding: 30px 30px 20px 30px; background: url(images/img05.gif) no-repeat; font-size: 2em; } .wide-post .title a { text-decoration: none; border-bottom: 1px solid #B4BBBE; color: #333333; } .wide-post .title a:hover { border: none; color: #FC3E1A; } .wide-post .entry { padding: 0 30px; } .wide-post .bottom { height: 20px; background: url(images/img06.gif) no-repeat left bottom; } .wide-post .links, .wide-post .meta { clear: both; margin: 0; padding: 10px; background: #CDD4D7; border-top: 1px solid #B4BBBE; font-size: .9em; } .wide-post .links a { text-decoration: none; color: #333333; } .wide-post .links a:hover { color: #FC3E1A; } .wide-post .links .date { padding-left: 20px; background: url(images/img08.gif) no-repeat left center; } .wide-post .links .author a { padding-left: 20px; background: url(images/img09.gif) no-repeat left center; } .wide-post .links .comments { padding-left: 20px; background: url(images/img10.gif) no-repeat left center; } .wide-post .links .feeds a { padding-left: 10px; background: url(images/img11.gif) no-repeat left center; } #comments .title { margin: 0; padding-bottom: 10px; background: url(images/img19.gif) no-repeat; font-size: 1.3em; } #commentlist { margin: 0; padding: 0; list-style: none; line-height: normal; } #commentlist li { padding: 15px 10px; border-top: 1px solid #B4BBBE; } #commentlist .meta { margin: 0; padding: 0; background: none; border: none; text-align: right; color: #999999; } #commentlist .meta a { color: #999999; } #commentlist .meta small { font-size: .9em; } #commentlist .meta cite { font-style: normal; } #respond .title { margin: 0; padding-bottom: 10px; background: url(images/img19.gif) no-repeat; font-size: 1.3em; } #respond p { margin: 0 0 5px 0; padding: 0; line-height: normal; } #respond .userid { margin-top: -2.2em; margin-bottom: 2em; text-align: right; font-weight: bold; } #comment { width: 600px; } #posts { margin: 0; padding: 0; list-style: none; line-height: normal; } #posts li { padding: 15px 10px; border-top: 1px solid #B4BBBE; } #posts h2 { font-size: 1.3em; } #posts h2 a { text-decoration: none; color: #FC3E1A; } .navigation { clear: both; height: 18px; margin: 0; padding: 10px; background: #CDD4D7; border-top: 1px solid #B4BBBE; font-weight: bold; } .alignleft { float: left; } .alignright { float: right; } .two-columns { width: 770px; margin: 0 auto; padding: 20px 0; } .two-columns .column-one { float: left; width: 370px; } .two-columns .column-two { float: right; width: 370px; } .two-columns .title { height: 28px; padding: 7px 0 0 10px; background: #DB8603 url(images/img12.gif) no-repeat; font-size: 1.4em; color: #333333; } .two-columns .entry { background: url(images/img13.gif) repeat-x; } #recents { margin: 0; margin: 0; list-style: none; line-height: normal; } #recent-posts { float: left; width: 370px; } #recent-posts h2 { height: 28px; padding: 7px 0 0 10px; background: #DB8603 url(images/img12.gif) no-repeat; font-size: 1.4em; color: #333333; } #recent-posts ul { margin: 0; padding: 20px; background: url(images/img13.gif) repeat-x; list-style: none; } #recent-posts li { padding: 5px 15px; background: url(images/img14.gif) no-repeat left center; border-bottom: 1px solid #949EA4; } #recent-comments { float: right; width: 370px; } #recent-comments h2 { height: 28px; padding: 7px 0 0 10px; background: #DB8603 url(images/img12.gif) no-repeat; font-size: 1.4em; color: #333333; } #recent-comments ul { padding: 20px; background: url(images/img13.gif) repeat-x; list-style: none; } #recent-comments li { padding: 5px 15px 5px 17px; background: url(images/img15.gif) no-repeat left center; border-bottom: 1px solid #949EA4; } #submenu { clear: both; padding: 20px 0; background: #535657 url(images/img16.gif) repeat-x left bottom; color: #A9B6BB; } #submenu ul { width: 770px; margin: 0 auto; padding: 0; list-style: none; line-height: normal; } #submenu li { display: block; float: left; width: 180px; padding: 0 12px 0 0; } #submenu li ul { width: auto; margin: 0; } #submenu li li { display: list-item; float: none; width: auto; padding: 5px 0 5px 10px; background: url(images/img17.gif) no-repeat left center; border-bottom: 1px solid #424546; } #submenu h2 { margin: 0 0 5px 0; border-bottom: 2px solid #424546; font-size: 1.2em; } #submenu a { text-decoration: none; color: #A9B6BB; } #submenu a:hover { text-decoration: underline; } #footer { padding: 40px 0; background: #3F4244 url(images/img18.gif) repeat-x; } #footer p { text-align: center; font-size: smaller; color: #666666; } #footer a { color: #666666; }