/** =============================================================================================================================== * * Theme Name: Blu * Theme URI: http://arie.putranto.com * Description: Child Theme for Temadasar * Version: 0.1 * Author: Arie Putranto * Author URI: http://arie.putranto.com * Tags: threaded-comments, sticky-post, theme-options, two-columns, three-columns, right-sidebar, fixed-width * Template: temadasar * * @package Temadasar * @subpackage Stylesheet * @link http://temadasar.com/ * =============================================================================================================================== **/ /* ---------------------------------------------------------------------------------------------------------------------------- * Reset all XHTML element and use basic temadasar stylesheet for default appearance * ---------------------------------------------------------------------------------------------------------------------------- */ @import url('../temadasar/framework/styles/reset.css'); /* ---------------------------------------------------------------------------------------------------------------------------- * Must be written here to pass WordPress theme repository checklist * ---------------------------------------------------------------------------------------------------------------------------- */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { margin-left: auto; margin-right: auto; } /* ---------------------------------------------------------------------------------------------------------------------------- * HTML wrap * ---------------------------------------------------------------------------------------------------------------------------- */ html { background: #000000; } body { background: transparent url(images/bg-header.png) top center no-repeat; font: 82% "Lucida Sans Unicode", "Lucida Grande", sans-serif; min-width: 980px; } /* ---------------------------------------------------------------------------------------------------------------------------- * Table * ---------------------------------------------------------------------------------------------------------------------------- */ table { margin: 0 0 9px 1px; border-collapse: collapse; border-top: 1px solid #d4d4d4; } table td, table th { border-left: 1px solid #d4d4d4; } table thead th, table thead td { background: #f0f0f0; padding: 9px; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; } table tbody th, table tbody td { background: #ffffff; padding: 9px; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; } table tfoot th, table tfoot td, caption { border: none; padding: 9px 0; font-size: 90%; text-transform: uppercase; text-align: left; color: #494949; } table tr > th { background: #f0f0f0; } /* ---------------------------------------------------------------------------------------------------------------------------- * Form * ---------------------------------------------------------------------------------------------------------------------------- */ form { background: #ffffff; border: 1px solid #d4d4d4; overflow: hidden; clear: both; padding: 9px; } label { color: #666666; } input[type=text] { float: left; width: 168px; margin: 0 2px 0 0; height: 20px; } input[type=submit] { background: #222222; border: 1px solid #494949; height: 26px; padding: 0 0 2px 0; } input[type=submit] { font: 9pt "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #ffffff; cursor: pointer; } input[type=submit]:hover { background: #ff6600; border: 1px solid #000000; } /* ---------------------------------------------------------------------------------------------------------------------------- * Header * ---------------------------------------------------------------------------------------------------------------------------- */ #header-wrapper { background: transparent; width: 980px; height: 100px; margin: 0 auto; clear: both; overflow: hidden; } #header { width: 400px; float: left; color: #e0e0e0; } #header a { color: #ffffff; } #header h1 { color: #ffffff; font-size: 16pt; margin: 25px 0 0 0; } #header .logo img { margin: 20px 0 0 0; } /* ---------------------------------------------------------------------------------------------------------------------------- * Menu * ---------------------------------------------------------------------------------------------------------------------------- */ #menu-wrapper { width: 550px; float: right; } #menu-wrapper .menu { float: right; margin: 35px 0 0 0; } #menu li { list-style: none; text-transform: uppercase; font-size: 90%; float: left; } #menu li a { padding-left: 10px; margin-left: 10px; height: 30px; line-height: 30px; border-left: 1px solid #75afd8; text-decoration: none; color: #75afd8; display: block; } #menu li.current-cat > a, #menu li.current_page_item > a, #menu li.current-cat-parent > a, #menu li.current_page_parent > a, #menu li.current_page_ancestor > a, #menu li a:hover { color: #ffffff; border-color: #ffffff; } #menu li:hover > a { color: #ffffff; border-color: #ffffff; } /* ---------------------------------------------------------------------------------------------------------------------------- * Page title * ---------------------------------------------------------------------------------------------------------------------------- */ #pagetitle { background: transparent url(images/bg-title.png) top center no-repeat; clear: both; overflow: hidden; } #pagetitle h2 { font: 34pt "HeliosCond", "Arial Narrow", "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: normal; } #pagetitle h2 { letter-spacing: -0.02em; line-height: 130px; color: #ffffff; } #pagetitle h2 a { color: #ffffff; } #pagetitle .pagetitle { width: 980px; height: 130px; margin: 0 auto; font-size: 100%; clear: both; } /* ---------------------------------------------------------------------------------------------------------------------------- * Main body wrapper * ---------------------------------------------------------------------------------------------------------------------------- */ #main-body { background: #f9f9f9 url(images/bg-main.png) top center repeat-y; } /* ---------------------------------------------------------------------------------------------------------------------------- * Error and front page wrapper * ---------------------------------------------------------------------------------------------------------------------------- */ #error-body, #frontpage-body { background: #000000 url(images/bg-title.png) top center no-repeat; } #error-body { height: 400px; } #error-wrapper, #frontpage-wrapper { width: 980px; margin: 0 auto; clear: both; overflow: hidden; color: #ffffff; } #error h1 { font: 48pt "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin: 36px 0; } #error li { margin-top: 3px; margin-bottom: 3px; } #frontpage-wrapper { line-height: 18pt; } #frontpage-wrapper div.front-left { width: 530px; height: 280px; padding: 30px 0 0 0; text-align: center; } #frontpage-wrapper div.front-button { padding: 50px 0 0 0; } #frontpage-wrapper h1 { padding: 40px 0; margin: 0 0 0 -1px; } #frontpage-wrapper a { color: #ffffff; } #frontpage { clear: both; overflow: hidden; } /* ---------------------------------------------------------------------------------------------------------------------------- * Frontpage footer * ---------------------------------------------------------------------------------------------------------------------------- */ #frontpage-footer { margin: 25px 0 9px 0; display: block; overflow: hidden; font-size: 90%; color: #ffffff; line-height: 180%; } #frontpage-footer h3 { background: url(images/bg-icon-feed.png) left center no-repeat; padding: 0 0 0 30px; font-size: 12pt; margin: 9px 0 10px 0; line-height: 20px; } #frontpage-footer a { color: #cccccc; } #frontpage-footer > div.alignleft { width: 310px; } #frontpage-footer > div.aligncenter { float: left; width: 310px; margin: 0 0 0 8px; } #frontpage-footer > div.alignright { float: right; width: 310px; line-height: 180%; } #frontpage-footer p { text-align: justify; color: #999999; } #frontpage-footer li { list-style: none; border-bottom: 1px solid #222222; } #frontpage-footer span.f-contact-link { color: #06C; text-decoration: underline; } #frontpage-footer p.f-vcard { color: #ffffff; margin-top: 18px; } /* ---------------------------------------------------------------------------------------------------------------------------- * Slideshow * ---------------------------------------------------------------------------------------------------------------------------- */ #slideshow { position: relative; background: url('images/bg-slideshow.png') no-repeat; width: 320px; height: 320px; padding: 57px 30px 0 55px; margin-top: 15px; } #slideshow img { position:absolute; top: 57px; left: 55px; z-index: 8; } #slideshow img.active { z-index: 10; } #slideshow img.last-active { z-index: 9; } /* ---------------------------------------------------------------------------------------------------------------------------- * Breadcrumb * ---------------------------------------------------------------------------------------------------------------------------- */ #breadcrumb-wrapper { border-bottom: 1px solid #d4d4d4; width: 980px; font-size: 80%; color: #666666; text-transform: uppercase; } #breadcrumb-wrapper p { margin: 18px 0; } #breadcrumb-wrapper a { text-decoration: none; color: #666666; } #breadcrumb-wrapper a:hover { border-bottom: 2px solid #444444; color: #444444; } #breadcrumb-wrapper span.crumb { } /* ---------------------------------------------------------------------------------------------------------------------------- * Content pages * ---------------------------------------------------------------------------------------------------------------------------- */ #content-wrapper { width: 980px; margin: 0 auto; clear: both; overflow: hidden; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } #content { width: 650px; float: left; padding: 0 10px 0 0; } #content.no-sidebar { width: 980px; padding: 0; margin: 0; } #content a { color: #02416c; } #content a:hover { color: #17769d } #content .entry-title { margin: 13px 0; font: 20pt "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: normal; letter-spacing: -0.05em; } #content .entry-info, #content .entry-meta { margin: 9px 0; font-size: 80%; text-transform: uppercase; color: #666666; } #content .entry-meta { margin: 18px 0; line-height: 16pt; } #content .entry-info a, #content .entry-meta a { text-decoration: none; color: #444444; } #content .entry-info a:hover, #content .entry-meta a:hover { color: #222222; } #content .summary { border-bottom: 1px solid #ffffff; } #content .entry { margin: 13px 0 0 0; color: #1d1d1d; } #content .page { margin-bottom: 27px; } #content .not-found { color: #ffffff; } #content .archives .entry-title { font: 16pt Arial, Helvetica; } /* ---------------------------------------------------------------------------------------------------------------------------- * Social Networking Button * ---------------------------------------------------------------------------------------------------------------------------- */ #blu_sn { margin: 18px 0 27px 0; } #blu_sn h4 { font: 72pt Georgia, "Times New Roman", Times, serif; letter-spacing: -0.1em; color: #d0d0d0; font-style: italic; } #blu_sn ul { margin: 0; clear: both; overflow: hidden; } #blu_sn li { list-style: none; float: left; } #blu_sn li a.sn-link { display: block; height: 48px; width: 48px; margin: 0 3px 0 0; } #blu_sn li a.link-digg { background: url(images/img-sn-digg.png) bottom center no-repeat; } #blu_sn li a.link-delicious { background: url(images/img-sn-delicious.png) bottom center no-repeat; } #blu_sn li a.link-technorati { background: url(images/img-sn-technorati.png) bottom center no-repeat; } #blu_sn li a.link-facebook { background: url(images/img-sn-facebook.png) bottom center no-repeat; } #blu_sn li a.link-twitter { background: url(images/img-sn-twitter.png) bottom center no-repeat; } #blu_sn li a.link-reddit { background: url(images/img-sn-reddit.png) bottom center no-repeat; } #blu_sn li a.link-stumbleupon { background: url(images/img-sn-stumbleupon.png) bottom center no-repeat; } #blu_sn li a.sn-link:hover { background-position: top; } /* ---------------------------------------------------------------------------------------------------------------------------- * Sidebar * ---------------------------------------------------------------------------------------------------------------------------- */ #sidebar { width: 300px; float: right; border-left: 1px solid #d4d4d4; font-size: 90%; } #sidebar p { color: #444444; line-height: 18pt; margin: 0 0 9px 0; } #sidebar a { color: #02416c; } #sidebar a:hover { color: #17769d } #sidebar ul { list-style: none; padding: 0 0 18px 0; } #sidebar ul ul { border: none; padding: 0; } #sidebar ul ul ul { border: none; border: none; } #sidebar li { padding: 0 0 18px 20px; border-bottom: 1px solid #d4d4d4; display: block; } #sidebar li li { padding: 0; border: none; line-height: 25px; font-size: 90%; text-transform: uppercase; display: block; } #sidebar li li li { border: none; font-size: 100%; } #sidebar li.icon { padding-bottom: 9px; } #sidebar li.screenshot { padding-bottom: 9px; margin: 18px 0 0 0; } #sidebar h3.icon { margin: 9px 0 0 0; height: 30px; line-height: 30px; padding-left: 45px; } #sidebar h3.icon-blog { background: url(images/bg-icon-blog.png) top left no-repeat; } #sidebar h3.icon-mail { background: url(images/bg-icon-mail.png) top left no-repeat; } #sidebar h3.icon-user { background: url(images/bg-icon-user.png) top left no-repeat; } #sidebar h3.icon-store { background: url(images/bg-icon-store.png) top left no-repeat; } #sidebar h3.icon-services { background: url(images/bg-icon-services.png) top left no-repeat; } #sidebar h3.icon-download { background: url(images/bg-icon-download.png) top left no-repeat; } #sidebar h3.icon-fb { background: url(images/bg-icon-fb.png) top left no-repeat; } #sidebar .widgettitle, #sidebar .related_post_title { font-size: 10pt; text-transform: uppercase; margin: 18px 0 9px 0; } /* ---------------------------------------------------------------------------------------------------------------------------- * Advertisement * ---------------------------------------------------------------------------------------------------------------------------- */ #sidebar .banners { clear: both; overflow: hidden; } #sidebar .ads { clear: both; overflow: hidden; width: 305px; padding: 0 0 3px 0; margin: 9px 0 0 0; } #sidebar .ads-125x125 img { background: #ffffff; border: 1px solid #d4d4d4; padding: 6px; width: 125px; display: block; height: 125px; float: left; margin: 12px 2px 0 0; } /* ---------------------------------------------------------------------------------------------------------------------------- * Footer * ---------------------------------------------------------------------------------------------------------------------------- */ #footer-wrapper { clear: both; overflow: hidden; } #footer { width: 980px; font-size: 70%; text-transform: uppercase; color: #444444; margin: 18px auto; clear: both; overflow: hidden; text-align: right; } #footer a { text-decoration: none; color: #444444; } #footer a:hover { color: #efefef; } /* ---------------------------------------------------------------------------------------------------------------------------- * Post Entry * ---------------------------------------------------------------------------------------------------------------------------- */ .entry a { text-decoration: underline; } .entry a:hover { color: #dd6600; } .entry a.more-link { font-size: 80%; text-transform: uppercase; color: #494949; text-decoration: none; } .entry h1 { font-size: 24pt; margin: 18px 0; } .entry h2 { font-size: 20pt; margin: 18px 0; } .entry h3 { font-family: Arial, Helvetica, sans-serif; font-size: 16pt; margin: 18px 0; } .entry h4 { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; margin: 18px 0; } .entry h5 { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; margin: 18px 0; } .entry h6 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; margin: 18px 0; } .entry h1 a, .entry h2 a, .entry h3 a, .entry h4 a, .entry h5 a, .entry h6 a { text-decoration: none; } .entry p { margin: 0 0 18px 0; text-align: justify; line-height: 17pt; } .entry ul, .entry ol { margin: 0 0 9px 0; line-height: 17pt; } .entry ul li { margin: 0 0 9px 27px; padding: 0 0 0 9px; } .entry ol li { margin: 0 0 9px 36px; padding: 0 0 0 9px; } .entry dt { margin: 0 0 9px 0; line-height: 17pt; } .entry dd { margin: 0 0 9px 0; padding-left: 27px; text-align: justify; line-height: 17pt; } .entry big { font-size: 12pt; } .entry small { font-size: 9pt; } .entry strong { font-weight: bold; } .entry del { text-decoration: line-through; color: #666666; } .entry ins { text-decoration: underline; } .entry address, .entry cite, .entry var, .entry dfn, .entry em { font-style: italic; } .entry abbr, .entry acronym { border-bottom: 1px dotted; cursor: help; } .entry sub { vertical-align: sub; font-size: 9pt; color: #666666; } .entry sup { vertical-align: super; font-size: 9pt; color: #666666; } .entry table { width: 99.75%; font-size: 9pt; } .entry img { max-width: 98%; height: auto; } .entry pre { margin: 0 0 18px 0; padding: 9px; border: 1px solid #4d4d4d; background: #ffffff; line-height: 150%; font-size: 8pt; overflow: auto; height: auto; color: #494949; } .entry blockquote { font-style: italic; color: #666666; padding-left: 27px; font-family: Georgia, "Times New Roman", Times, serif; } .entry code { background: #f9f9f9; padding: 2px; } .entry form { font-size: 80%; text-transform: uppercase; } .entry form p { clear: both; margin: 0; } .entry form br { display: none; } .entry form input[type=text], .entry form input[type=password], .entry form textarea { background: #f9f9f9; display: block; width: 98%; padding: 4px 3px 0 3px; border: 1px solid #e0e0e0; } .entry form input[type=submit], .entry form input[type=button] { margin-top: 2px; } .entry form select { background: #f9f9f9; display: block; width: 98%; border: 1px solid #e0e0e0; cursor: pointer; text-transform: none; } .entry form input[type=checkbox] { } .entry form textarea { width: 98%; } .entry span.search-keywords { background: #CF6; padding: 0 3px; } /* ---------------------------------------------------------------------------------------------------------------------------- * Content images * ---------------------------------------------------------------------------------------------------------------------------- */ img.wp-smiley { background: none; border: none; margin: auto; padding: 0; max-height: 15px; display: inline; } img.screenshot, img.attachment-full, img.attachment-thumbnail, img.size-thumbnail, img.size-medium, img.size-large, img.size-full, .attachment img { background: #ffffff; border: 1px solid #d4d4d4; margin: 6px 0 9px 0; padding: 5px; } img.sidebar-screenshot { margin-top: 0; width: 268px; height: auto; } /* ---------------------------------------------------------------------------------------------------------------------------- * Gallery * ---------------------------------------------------------------------------------------------------------------------------- */ .gallery { overflow: hidden; margin: 9px 0; } .gallery br { display: none; } .gallery dl.gallery-item { float: left; margin: 4px 9px 0 0; } .gallery dt.gallery-icon { margin: 0; } .gallery dd.gallery-caption { display: none; } .gallery img { background: #ffffff; border: 1px solid #d4d4d4; padding: 4px; margin: 0; } /* ---------------------------------------------------------------------------------------------------------------------------- * WP Caption * ---------------------------------------------------------------------------------------------------------------------------- */ .wp-caption { background: #ffffff; border: 1px solid #d4d4d4; margin: 6px 9px 9px 0; } .wp-caption img { padding: 0; border: none; margin: 5px 0px 0px 5px; } .wp-caption p { margin: 0; padding: 4px; text-align: left; line-height: 12pt; position: relative; display: block; font-size: 75%; text-transform: uppercase; color: #494949; } .wp-caption.aligncenter { margin-top: 24px; } .wp-caption.alignleft { margin-right: 18px; } .wp-caption.alignright { margin-right: 0; } /* ---------------------------------------------------------------------------------------------------------------------------- * Plugin: Contact form 7 * ---------------------------------------------------------------------------------------------------------------------------- */ .wpcf7-validation-errors { color: red; float: right; margin-top: -20px; } .wpcf7-mail-sent-ok { color: blue; float: right; margin-top: -20px; } .wpcf7-form select { height: 30px; width: 100%; padding: 4px 3px; } .wpcf7-not-valid-tip { position: absolute; display: block; margin-left: 0; color: red; padding: 1px 0 0 9px; } #message-wrapper span.wpcf7-not-valid-tip { margin-top: -180px; } img.ajax-loader { float: right; margin-top: 9px; } /* ---------------------------------------------------------------------------------------------------------------------------- * Plugin: WP Subscriber widget * ---------------------------------------------------------------------------------------------------------------------------- */ #sidebar .wp-subscriber form { background: #ffffff; border: 1px solid #d4d4d4; overflow: hidden; clear: both; padding: 9px; height: 25px; } #sidebar .wp-subscriber label { cursor: pointer; color: #000000; } #sidebar .wp-subscriber p { line-height: normal; margin: 18px 0; color: #000000; } #sidebar .wp-subscriber input[type=text] { background: #f9f9f9; float: left; width: 150px; margin: 0 2px 0 0; height: 20px; border: 1px solid #f0f0f0; padding: 4px 3px 0 3px; } #sidebar .wp-subscriber input[type=submit] { font: 9pt "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding: 0 0 2px 0; } #sidebar .wp-subscriber input[type=submit] { float: left; background: #222222; border: 1px solid #494949; width: 100px; height: 26px; color: #ffffff; cursor: pointer; } #sidebar .wp-subscriber input[type=submit]:hover { background: #ff6600; } /* ---------------------------------------------------------------------------------------------------------------------------- * Page Navigation * ---------------------------------------------------------------------------------------------------------------------------- */ .nav { background: #d4d4d4; margin-right: 1px; display: block; border: 1px solid #999999; height: 23px; float: left; padding: 0 9px; } .page-navigation { margin: 18px 0; clear: both; overflow: hidden; color: #222222; line-height: 23px; text-transform: uppercase; font-size: 80%; } .page-navigation a img { margin-right: 9px; } .page-navigation a span.nav { background: #ffffff; color: #494949; border-color: #d4d4d4; cursor: pointer; } .page-navigation a:hover span.nav { background: #222222; color: #f9f9f9; border-color: #000000; } .page-navigation img { background: #ffffff; border: 1px solid #d4d4d4; } /* ---------------------------------------------------------------------------------------------------------------------------- * Fix Image alignment * ---------------------------------------------------------------------------------------------------------------------------- */ .alignleft { margin-right: 18px; } .alignright { margin-left: 18px; } .aligncenter { margin-left: auto; margin-right: auto; display: block; } #content img.aligncenter { margin-left: auto; margin-right: auto; display: block; } /* ---------------------------------------------------------------------------------------------------------------------------- * Archived pages * ---------------------------------------------------------------------------------------------------------------------------- */ #content .archives, #content .search { clear: both; overflow: hidden; } #content .archives .thumbnail, #content .search .thumbnail { float: left; clear: both; overflow: hidden; } #content .archives .thumbnail img, #content .search .thumbnail img { width: 100px; height: 100px; } #content .archives .entry-title, #content .search .entry-title { width: 515px; float: right; } #content .archives .entry-info, #content .search .entry-info { width: 515px; float: right; margin: 0; } #content .archives .entry, #content .search .entry { width: 515px; float: right; } img.post-thumbnail { background: #ffffff; border: 1px solid #d4d4d4; float: left; margin: 18px 0; padding: 4px; } /* ---------------------------------------------------------------------------------------------------------------------------- * Search form on content * ---------------------------------------------------------------------------------------------------------------------------- */ #content #searchform { margin: 18px 0; } #content #searchform input[type=text] { width: 500px; height: 25px; margin-top: 2px; padding: 6px 3px 0 3px; } #content #searchform input[type=submit] { height: 33px; width: 120px; } /* ---------------------------------------------------------------------------------------------------------------------------- * Comment wrapper * ---------------------------------------------------------------------------------------------------------------------------- */ #comment-wrapper { width: 980px; margin: 0 auto; color: #999999; } #comment-wrapper h5.comment-title, #comment-wrapper h5.respond-title { margin: 18px 0; font-size: 12pt; color: #ffffff; } #comments { color: #999999; font-size: 90%; } #comments a { color: #ff9900; } #comments a:hover { color: #f0f0f0; } #comments ul.comments { clear: both; overflow: hidden; border-bottom: 1px solid #444444; } #comments ul.comments li { list-style: none; border-top: 1px solid #444444; } #comments ul.comments div.comment-post { padding: 9px 0 12px 0; clear: both; overflow: hidden; line-height: 160%; } #comments ul.comments div.comment-body { width: 589px; float: left; margin-bottom: 10px; } #comments ul.comments ul { padding-left: 30px; } #comments ul.comments ul div.comment-body { width: 559px; } #comments ul.comments ul ul div.comment-body { width: 529px; } #comments ul.comments div.comment-body p { margin: 0 0 9px 0; } #comments ul.comments div.comment-number-wrap { float: right; width: 100px; font-size: 18pt; color: #ffffff; text-align: right; margin: 3px 0 0 0; } #comments ul.comments div.comment-author { width: 259px; float: right; text-transform: uppercase; font-size: 90%; } #comments ul.comments div.comment-author a { border-bottom: 1px dotted #ffffff; color: #ffffff; } #comments ul.comments .fn, #comments .fn a { font-style: normal; color: #999999; } #comments ol.comments li.pingback { margin-left: 20px; margin-bottom: 10px; line-height: 160%; } #comments li h5.respond-title { display: none; } #comments li #respond form { margin-top: 10px; } #comments img.avatar { background: #ffffff; float: left; margin: 5px 9px 0 0; } #comments a.comment-edit-link, #comments a.comment-reply-link { text-transform: uppercase; margin: 0 9px 9px 0; } p.comment-info { margin: 18px 0; } /* ---------------------------------------------------------------------------------------------------------------------------- * Respon form * ---------------------------------------------------------------------------------------------------------------------------- */ #respond { margin: 18px 0; width: 500px; font-size: 9pt; color: #999999; } #respond a { color: #f0f0f0; } #respond a:hover { color: #f9f9f9; } #respond p.comment-info { } #respond form { padding: 0; background: none; border: none; } #respond form p { clear: both; overflow: hidden; } #respond form input, #respond form textarea { border: 1px solid #666666; background: #111111; font-size: 9pt; color: #e0e0e0; } #respond form input[type=text] { margin: 1px 0 0 0; float: left; width: 200px; padding: 3px 3px 0 3px; } #respond form input[type=submit] { width: 150px; } #respond form input[type=submit]:hover { background: #ff6600; border-color: #444444; color: #111111; } #respond form label { float: left; margin: 3px 0 0 9px; } #respond form textarea { font-size: 10pt; width: 490px; padding: 2px 3px 0 3px; }