/* RESET STYLE*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; vertical-align: baseline; text-align: left; text-decoration: none; } img{ border: 0px; } body{ background-image: url(../img/body_bg.jpg); background-position: top; background-repeat: no-repeat; background-color: #010D1F } #page{ margin: 0 auto; width: 960px; background: #6699FF; } #header{ width: 960px; height: 350px; float: left; background-image: url(../img/header_bg.jpg); background-repeat: no-repeat; } #page_body{ width: 960px; float: left; background-image: url(../img/page_body_bg.jpg); background-repeat: repeat-y; background-color: #010d1f; } #content{ width: 640px; float: left; background-image: url(../img/content-bg.jpg); background-repeat: no-repeat; } #sidebar{ width: 320px; float: left; background-image: url(../img/sidebar-bg.jpg); background-repeat: repeat-y; } #sidebar_footer{ width: 320px; height: 190px; background-image: url(../img/sidebar-footer-bg.jpg); background-repeat: no-repeat; } #footer{ width: 960px; height: 228px; float: left; background-image: url(../img/footer-bg.jpg); background-repeat: no-repeat; } #logo{ width: 304px; height: 184px; float: left; margin-top: 45px; margin-left: 120px; } #rss{ width: 180px; float: right; padding-top: 45px; } #rss_icon{ float: left; } #rss_text{ float: left; padding-top: 30px; padding-left: 10px; } #rss_text{ color: #fff9d7; font-size: 11px; font-family: arial; } #rss_text span a{ color: #edcc0c; text-decoration: none; } /* MENU*/ #pages_nav{ width: 450px; float: left; padding-top: 52px; padding-left: 440px; } #pages_nav li{ display: inline; } #pages_nav li a{ padding-right: 25px; padding-bottom: 8px; color:#0b1827; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-style:italic; text-decoration: none; } #pages_nav li a:hover{ color: #211808; background-image: url(../img/pages-hover.png); background-position: 5px 22px; background-repeat: no-repeat; } /* SEARCH*/ #sidebar_search{ width: 320px; height: 167px; background-image: url(../img/search-sidebar-bg.jpg); background-repeat: no-repeat; } #sidebar h2{ padding-top: 58px; padding-left: 45px; color: #D5A934; font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; font-style:italic; } #sidebar_search form{ padding-top: 11px; } #sidebar_search input.search_text{ margin-left: 35px; width: 165px; height: 28px; background: none; border: none; padding-top: 2px; color: #FFF; font-size: 12px; font-family: georgia; float: left; } #sidebar_search input.search_button{ margin: 0 0 0 13px; padding: 0; display: block; float: left; } /* SIDEBAR*/ #categories h2{ padding: 0 0 0 40px; } #categories ul{ list-style: none; margin: 15px 0 0 40px; background-image: url(../img/stars.png); background-repeat: no-repeat; background-position: right; } #categories li{ margin: 8px 0; } #categories a{ color: #fff9ea; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: lighter; text-decoration: underline; padding-left: 20px; } #categories a:hover{ color: #ffd869; background-image: url(../img/star.png); background-repeat: no-repeat; background-position: left; } /* SIDEBAR*/ #archives h2{ padding: 0 0 0 40px; margin-top: 25px; } #archives ul{ list-style: none; margin: 15px 0 0 40px; background-image: url(../img/stars.png); background-repeat: no-repeat; background-position: right; } #archives li{ margin: 8px 0; } #archives a{ color: #fff9ea; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: lighter; text-decoration: underline; padding-left: 20px; } #archives a:hover{ color: #ffd869; background-image: url(../img/star.png); background-repeat: no-repeat; background-position: left; } /* SIDEBAR*/ #blogroll h2{ padding: 0 0 0 40px; margin-top: 25px; } #blogroll ul{ list-style: none; margin: 15px 0 0 40px; background-image: url(../img/stars.png); background-repeat: no-repeat; background-position: right; } #blogroll li{ margin: 8px 0; } #blogroll a{ color: #fff9ea; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: lighter; text-decoration: underline; padding-left: 20px; } #blogroll a:hover{ color: #ffd869; background-image: url(../img/star.png); background-repeat: no-repeat; background-position: left; } /* CONTENT*/ .post{ float: left; width: 565px; padding: 0 0 10px 56px; } .post h2{ font-size: 36px; font-family: Georgia, "Times New Roman", Times, serif; color: #e4deca; font-style: italic; float: left; padding-bottom: 15px; width: 460px; } .post .date{ color: #ffe195; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; background-image: url(../img/star.png); background-repeat: no-repeat; background-position: left; padding-left: 22px; margin: 0 0 15px 8px; float: left; width: 460px; } .post .comments{ float: right; background-image: url(../img/comments.png); background-repeat: no-repeat; background-position: top; width: 70px; height: 57px; margin-top: -87px; font-size: 38px; color: #fff; padding: 10px 0 0 22px; font-family: Georgia, "Times New Roman", Times, serif; } .post img{ border: 1px solid #dbd9cc; margin-left: 5px; margin-right: 20px; float: left; width: 199px; height: 199px; } .post p{ float: left; width: 320px; color: #fff; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 16px; } .post .cat{ clear: both; color: #ffe195; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; padding: 22px 0 24px 28px; border-bottom: 1px solid #163656; }