/* Design by Metamorphosis Design http://www.metamorphozis.com Released for free under a Creative Commons Attribution 2.5 License */ * { margin: 0; padding: 0; } body { margin: 0; background: #D5AC6B url(images/back_all.gif) repeat-x top; } body, th, td, input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; } #contmain { width: 927px; margin: 0 auto; } h1, h2, h3 { color: #000000; } h1 { font-size: 3em; } h2 { text-transform: uppercase; font-size: 1.1em; font-weight: bold; color: #000000; } h3 { font-size: 1em; } ul, ol { margin-left: 3em; } a { text-decoration: underline; color: #000000; } a:hover { border: none; text-decoration: none; } h1 a, h2 a, h3 a { border: none; text-decoration: none; color: #000000; } h1 a:hover, h2 a:hover, h3 a:hover { background: none; color: #000000; } #main { width: 927px; border-left: 15px solid #ffffff; border-right: 15px solid #ffffff; margin: 0 auto; } /* Header */ #header { width: 927px; margin: 0 auto; height: 634px; background: #ffffff; } #menu { float: left; height: 90px; width: 805px; padding-left: 122px; background: #ffffff url(images/menu.gif) repeat-x; } #menu ul { margin: 0; padding: 0; list-style: none; line-height: normal; } #menu li { float: left; } #menu a { display: block; float: left; height: 50px; width: 125px; text-decoration: none; font-size: 1.1em; padding-top: 40px; font-weight: bold; color: #ffffff; text-align: center; } #menu a:hover { color: #E9E9E9; background: url(images/menu_r.gif) repeat-x; } /* Logo */ #logo { width: 927px; height: 553px; margin: 0 auto; background: url(images/header.jpg) no-repeat left top; text-align: lefr; } #logo h1 { padding-top: 480px; padding-left: 20px; color: #000000; font-size: 18px; } #logo h2 { font-style: italic; font-size: 10px; padding-left: 20px; } #logo a { color: #000000; } /* Page */ #page { width: 927px; background: url(images/table_back.gif) repeat-y; border-top: none; } /* Content */ #content { float: left; width: 640px; padding-left: 10px; padding-top: 20px; padding-bottom: 20px; } #content H4 a { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #ffffff; } #content .box { border: 1px solid #676767; width: 620px; margin-bottom: 20px; } #content .box2 { border: 1px solid #ffffff; background: #ffffff url(images/box_back.gif) repeat-x top; width: 598px; padding: 10px; } .date { text-align: right; color: #000000; font-size: 11px; } .date a { color: #000000; } /* Sidebars */ .sidebar { float: left; } .sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar2 { width: 277px; padding-top: 20px; } #sidebar2 li h2 { background: url(images/title.gif) no-repeat bottom; height: 24px; color: #FFFFFF; padding-left: 20px; padding-top: 14px; } #sidebar2 li ul { line-height: normal; margin-left: 20px; margin-bottom: 20px; padding-top: 20px; } #sidebar2 li li { padding: 5px; background: url(images/small.png) no-repeat left; font-size: .8em; } #sidebar2 li a { border: none; padding-left: 10px; } #sidebar2 li a:hover { border: none; padding-left: 10px; } #bottom { } /* Footer */ #footer { padding-top: 20px; height: 50px; width: 927px; background: url(images/footer.gif) top repeat-x; } #footer p { text-align: center; font-size: 9px; color: #ffffff; margin: 0px; padding: 0px; } #footer a { color: #FFFFFF }
Tidak ada postingan.
Tidak ada postingan.