/*
Theme Name: RedLine
Theme URI: http://post-scriptum.info/redline-theme/
Version: 0.2.3
Description: A lightweight WordPress theme built entirely on WP Framework. With features like microformats, a traditional template structure, clean semantic code and atomic templating system. This theme utilizes XHTML 1.0 Transitional and CSS level 3.
Author: Yulian Yordanov
Author URI: http://post-scriptum.info/
Tags: light, white, red, two-columns, three-columns, fixed-width, sticky-post, threaded-comments, microformats
The theme RedLine is released under GNU GPL v2.
!-----------------------------------------------------------------------------------!
WP Framework: Copyright 2008 Ptah Dunbar All rights reserved.
WP Framework is licensed under the terms of the GNU General Public License version 2.
If you have any questions, comments, or concerns,
visit for more information!
!-----------------------------------------------------------------------------------!
*/
/* Reset Browser Defaults */
/**
* Reset - Resets all browsers down to common default settings
*
* @credits Eric Meyer's CSS Reset
* @package RedLine
* @subpackage Media
*/
/* Eric Meyer Reset Reloaded */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0px; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* Removes dotted line when focus */
:focus { outline: none; }
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0px; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
/* Remove possible quote marks (") from , . */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* Remove annoying border on linked images. */
a img { border: none; }
/* Clearing floats without extra markup
Based on How To Clear Floats Without Structural Markup by PiE
[http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }
/* Regular clearing, just in case! */
.clear { clear: both; }
/* Apply base theme styles and colors */
/**
* Base - Sets vertical rhythm and basic overall typographic face-lift
*
* @package RedLine
* @subpackage Media
* @beta
*/
/* Document Body */
body, input, textarea { font: 13px/1.4 "Georgia", Lucida Sans Unicode, Lucida Grande, Arial, sans-serif; color:#111; background:#CCC url(http://mq-hi.da.yat.web.id/wp-content/uploads/2009/11/batik_bg.jpg) repeat center bottom; background-attachment: fixed;}
/* Font Styles */
.serif { font-family: Georgia, "Times New Roman", Times, serif; }
.sans-serif { font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; }
/* Vertical Rhythm */
.entry-meta { margin: 5px 0 10px; font-size:11px; color: #000; text-align:right; }
.entry-meta img { vertical-align: middle; }
p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form, .gallery-row, .comment-list ul, .comment-list ol { margin-bottom: 1.4em; }
.hentry, .widget, .comment, .navigation-links { margin-bottom: 1.4em; }
/* TOP */
#top {height: 20px; background:#5a636c; border-bottom:3px solid#C00; padding:5px 20px 10px; clear:both; width: 950px; margin: 0px auto; border-top:1px solid #AAA; border-left:1px solid #AAA;border-right:1px solid #AAA;}
#top h1 {font:bold 12px verdana;color:#fff;}
#top h1 a {color:#fff;}
#bawah {height: 3px; background:#5a636c; border-top:1px solid#C00;width: 960px; margin:15px auto 0px; border-bottom:1px solid #AAA; border-left:1px solid #AAA;border-right:1px solid #AAA;}
#top .topleft {width:400px; display:block; float:left; text-align:left;}
#top .topright {width:450px; display:block; float:right; text-align:right;}
/*Feed Area */
#feedarea { float: right; text-align: right; clear:both; font:11px/1.5 Georgia, "Times New Roman", serif; color:#111; width:100%; font-style:italic; border-top:1px solid #444; margin-bottom:1px; }
#feedarea dl dt { display: inline; margin-right: 5px; }
#feedarea dl dd { display: inline; margin-bottom:0; background:#444 url(../images/feed.png) no-repeat left center; padding:1px 5px 1px 17px; }
#feedarea dl { margin:0 auto; width:90em; }
#feedarea a { color:#FFF; }
/* Logo */
#logo { clear:both; height: 35px; width:100%; background:#5a636c; }
#logo, #logo a { font-size: 15px; line-height: 1.25px; color: #fff; font-weight:bold; text-align:center; font-family: Tahoma, Georgia, "Times New Roman", Times, serif; text-shadow:0 0.04em 0 #000; }
#logo a:hover { color: #2361A1; text-decoration: none; }
#tagline { color: #444; font-size: 16px; line-height:18px; }
p#tagline { margin-bottom:0; }
/* Search */
#search_box { float:right; height:22px; }
#searchform { height:22px; display: inline; float: right; padding: 0; text-align: left; margin:0; }
#searchform #s { width: 140px; background: #fff; color: #AAA; font-size: 11px; }
#searchIcon { display: inline; margin-top:0; background: #FFF; margin-bottom:8px;}
/* Ads */
.ads_item { float:left; padding:0 10px 10px 0; }
.ads_item img { float:left; }
/* Pages Navigation */
#topmenu { width:100%; height:23px; font-family: Georgia, "Times New Roman", serif; background:#FFF; border-bottom:1px solid #666; border-left: 1px solid #DDD; }
.menu { float:left; }
/* Pages Navigation [.nav] */
.nav { float:left; line-height:0.5em; width:100%; color:#333; }
.nav { margin-left: 0px; }
.nav, .nav * { list-style:none; }
.nav li { float:left; padding:0; position:relative; background:#EEE; height:23px; }
.nav ul li { width:100%; }
.nav a { display:block; position:relative; padding:8px 10px; }
/* ul.nav li.current_page_item a { color:#A90000; background:#FFF; text-decoration:none; font-size:11px; font-weight:bold; border-bottom:1px solid #FFF; } */
/* [.nav] Hides items under top menu */
.nav ul { position: absolute; top: -9999em; width: 20em; /* left offset of submenus need to match (see below) */ }
/* [.nav] Shows submenus */
.nav li:hover ul,
.nav li.nav-hover ul { left: -1px; top: 23px; /* match top ul list item height */ z-index: 99; }
/* [.nav] Hides all sub items (4 levels deep) */
.nav li:hover li ul,
.nav li.nav-hover li ul,
.nav li li:hover li ul,
.nav li li.nav-hover li ul,
.nav li li li:hover li ul,
.nav li li li.nav-hover li ul { top: -999em; }
/* [.nav] On :hover, displays all sub items (4 levels deep) */
.nav li li:hover ul,
.nav li li.nav-hover ul,
.nav li li li:hover ul,
.nav li li li.nav-hover ul,
.nav li li li li:hover ul,
.nav li li li li.nav-hover ul { left: 20em; /* match .nav ul width */ top: -1px; }
/* [.nav] Default Skin */
.nav ul { border: 1px solid #DDD; border-bottom: none; }
.nav ul li a { border-bottom: 1px solid #DDD; }
.nav li:hover ul,
.nav li.nav-hover ul { background: #CCC; }
.nav a { color: #333; text-transform:uppercase; letter-spacing:1px; font-size:11px; border-right:solid 1px #DDD; border-top:1px solid #DDD; height:6px; font-weight:normal; }
.nav a:hover { text-decoration: none; background: #006dba; text-shadow:0.1em 0.1em 0.1em #333; color:#FFF;}
.nav ul a { border-right: none; }
.nav li:hover, .nav li.nav-hover,
.nav a:focus { background: #A6B7C8; }
/* [.nav] bugfix */
.ie7 .nav:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
/* Categories [#catg] */
#catg { width:958px; height:25px; position:relative; padding: 0 0px 10px; float:left; background:#FFF; }
/* [#catg] Menu */
#catg .nav { float: left; line-height:0.5em; width: 100%; background:#FFF; border:1px solid #CCC; margin:0;}
#catg .nav, #catg .nav * { list-style: none; margin-left:0; }
#catg .nav li { height:22px; float: left; padding: 0; position: relative; background:#FFF; }
#catg .nav ul li { width: 100%; }
/* [#catg] Hides items under top menu */
#catg .nav ul { position: absolute; top: -9999em; width: 20em; /* left offset of submenus need to match (see below) */ }
/* [#catg] Shows submenus */
#catg .nav li:hover ul,
#catg .nav li.nav-hover ul { left: -1px; top: 23px; /* match top ul list item height */ z-index: 99;}
/* [#catg] Hides all sub items (4 levels deep) */
#catg .nav li:hover li ul,
#catg .nav li.nav-hover li ul,
#catg .nav li li:hover li ul,
#catg .nav li li.nav-hover li ul,
#catg .nav li li li:hover li ul,
#catg .nav li li li.nav-hover li ul { top: -999em; }
/* [#catg] On :hover, displays all sub items (4 levels deep) */
#catg .nav li li:hover ul,
#catg .nav li li.nav-hover ul,
#catg .nav li li li:hover ul,
#catg .nav li li li.nav-hover ul,
#catg .nav li li li li:hover ul,
#catg .nav li li li li.nav-hover ul { left: 20em; /* match .nav ul width */ top: -1px; }
/* [#catg] Default Skin */
#catg .nav ul li a { border-bottom: 1px solid #AFBCC8; }
#catg .nav li:hover ul,
#catg .nav li.nav-hover ul { background: #CCC; }
#catg .nav a { display: block; position: relative; padding: 8px 10px; border:none;
color: #000; font-family: Georgia, "Times New Roman", serif; text-transform: uppercase; font-size:11px; font-weight:normal; text-decoration:underline;}
#catg .nav a:hover { color:#FFF; text-decoration: underline; background: #A90000; text-shadow:0.1em 0.1em 0.1em #333;}
#catg .nav ul a { border-right: none; }
#catg .nav li:hover, #catg .nav li.nav-hover,
#catg .nav a:focus { background: #A6B7C8;}
#catg ul.nav li.current-cat a { color: #EEE; background: #A90000; text-decoration: none; }
/* [#catg] bugfix */
.ie7 #catg .nav:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
/* Links */
a { color: #5a636c; text-decoration: none; }
a:hover { text-decoration: underline; color:#A90000; }
.entry-content a { color: #555555; text-decoration: underline; }
.entry-content a:hover { color: #A90000; text-decoration: underline; }
/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: normal; clear: both; }
h1 { font-size: 24px; line-height: 28px; padding: 5px 0px; }
h2 { font-size: 20px; line-height: 22px; padding: 5px 0px; }
h3 { font-size: 16px; line-height: 20px; padding: 5px 0px; }
h4 { font-size: 14px; line-height: 18px; padding: 5px 0px; }
h5 { font-size: 12px; line-height: 18px; padding: 5px 0px; }
h6 { font-size: 10px; line-height: 16px; }
/* Content */
.page-title { font-size: 14px; font-weight: bold; }
.page-title span { font-style: italic; font-weight: normal; }
.entry-title { margin-bottom: 15px; }
.entry-title, .entry-title a { color: #444; font-size: 26px; text-align:left; letter-spacing:0.3px; line-height: 25px; font-weight:normal; font-family:Georgia, Times New Roman, Times, serif; text-shadow:0.08em 0.08em 0.1em #CCC; text-decoration:none;}
entry-title a:hover { color: #A90000;}
/* Text Elements */
address { font-style: italic; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px dotted #666; }
blockquote { color: #444; font-size:12px; font-style: normal; border-left: 2px solid #DDD; margin-left: 15px; margin-right:25px; padding-left: 10px; }
strong { font-weight: bold; }
em, dfn, cite { font-style: italic; }
dfn { font-weight: bold; }
sup { bottom: 1ex; }
sub { top: .5ex; }
small { font-size: 12px; }
del { text-decoration: line-through; }
ins { text-decoration: underline; }
code, pre { line-height: 15px; }
var, kbd, samp, code, pre { font: 12px/1.4 Consolas, "Andale Mono", Courier, "Courier New", monospace; background: #eee; }
kbd { font-weight: bold; }
samp, var { font-style: italic; }
pre { white-space: pre; overflow: auto; padding: 10px; border: 1px solid #ddd; clear: both; }
code { padding: 0px 3px; }
/* Lists: (ul, ol, dl) */
.menu ul { margin:0; }
#sidebar_bottom ul { list-style:none; margin:0 0 0 5px; }
#sidebar_bottom li { margin: 0; border-bottom:1px solid #efefef; padding:3px 0 5px;}
ul, ol, dl { margin-left: 15px; }
.entry-content ul, .entry-content ol, #search-query { margin-left: 35px; }
li ul, li ol { margin-bottom: 0; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
ol { list-style-type: decimal; }
ul { list-style-type:disc; list-style-image: url(../images/bullet.png); }
ul ul { list-style-type: circle; list-style-image:none; }
ul ul ul { list-style-type: square; }
dt { font-weight: bold; }
.fat li { margin-bottom: 10px; }
/* Forms */
input, textarea, button { background: #fafafa; border-color: #aaa #ddd #ddd #aaa; border-style: solid; border-width: 1px; color: #444; font-size: 14px; }
input, textarea, button { font-family:Georgia, "Times New Roman", serif; padding: 3px; }
button { padding: 2px 10px; cursor: pointer; }
input:focus, textarea:focus, button:hover { background: #fff; border-color: #777 #ccc #ccc #777; }
/* bugfix */
.safari input { padding: 0px 3px; }
.chrome input { padding: 1px 3px; }
/* Widgets */
.widget-title { height:14px; font:bold 12px tahoma; line-height:1.25em; border-left:4px solid #C00; color:#FFF; background:#5a636c; padding:5px 0 5px 10px; text-transform:uppercase; letter-spacing:3px; font-weight:normal; margin-bottom:3px; text-shadow:0.1em 0.1em 0 #000; }
/* Comments */
.comment { border: 1px dotted #AAA; margin: 0 10px 20px 0; padding: 20px; }
.comment-list, .comment-list .children { list-style: none; }
.comment-list { margin-left: 10px; padding: 0; text-align: left; }
.comment-list li { padding: 10px; list-style: none; font-weight: normal; }
.comment-meta { font-weight: normal; font-size: 10px; margin-bottom: 10px; }
.comment-list p { font-weight: normal; text-transform: none; margin: 9px 10px 10px 0px; }
.comment-list cite, .comment-list cite a { font-weight: bold; font-style: normal; }
.comment-list .children { margin-top: 20px; }
.avatar { float: right; margin: 0px 0px 10px 20px; border: 1px #ddd solid; padding: 1px; }
.commenter { font-size: 16px; }
.nocomments { text-align:center; margin:0; padding:0; }
/* Comment Reply */
.form-section { margin-bottom:10px; width:530px;}
.form-section label { cursor:pointer; }
#comment-form input { width:200px; padding:2px; margin:5px 0 0; }
#comment-form textarea { width:515px; padding:5px; margin: 2px; }
#comment-form #submit { font-size:12px; margin:0; float:right; border:1px solid #49647d; }
#comment-form p { margin: 5px 0; font-size: 12px; font-family: Consolas, "Andale Mono", "Courier New", Courier, monospace; }
#commenter-details input { margin-right:10px; }
#allowed-tags { font:10px Verdana, Arial, Helvetica, sans-serif; padding:5px 10px; background:#fff; border:1px #ddd dotted; border-top:none; }
/*Footer*/
.footer a { color:#888; text-decoration:underline; border-bottom:none; }
.footer a:hover { color:#5c7c9a; background:none; border-bottom:none; }
/* Horizontal Line */
.hr { height:15px; background:transparent url(../images/hr.png) no-repeat scroll center; }
.hr hr { display:none; }
/* Images */
img.alignleft { float: left; padding: 5px; border: 1px solid #000; margin: 8px 8px 0; display: inline; }
img.alignright { float: right; padding: 5px; border: 1px solid #000; background: #fff; margin: 10px 10px 0; display: inline; }
img.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; margin-top: 5px; }
/* .wp-caption { text-align: center; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption .wp-caption-text { margin: 0; padding: 5px; } */
.wp-smiley { vertical-align:middle; margin: 0 !important; } /* Prevent the smileys from breaking line-height */
/* [gallery] */
.gallery { margin: auto; }
.gallery-image { border: 2px solid #cfcfcf; margin-left: 0; }
.gallery-caption { margin-left: 0; }
.gallery-item { float: left; text-align: center; margin-left: 0; }
.gallery-columns-2 { width: 50%; }
.gallery-columns-3 { width: 33%; }
.gallery-columns-4 { width: 25%; }
.gallery-columns-5 { width: 20%; }
.gallery-columns-6 { width: 16%; }
.gallery-columns-7 { width: 14%; }
.gallery-columns-8 { width: 12%; }
.gallery-columns-9 { width: 11%; }
/* Navigation */
.navigation-links { clear:both; padding:10px 0 0; }
.page-navigation .nav-next { float:left; }
.page-navigation .nav-previous { float:right; }
.single-page-navigation .nav-next { float:right; }
.single-page-navigation .nav-previous { float:left; }
/* [gallery] + navigation clearfix */
.gallery-row:after, .navigation-links:after, .container:after, .menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.gallery-row, .navigation-links, .container, .menu { display: block; }
/* Basic Alignments */
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; }
/* Basic 2 Column Layout */
/**
* Basic 2 column (content)(aside) fixed layout
*
* @package RedLine
* @subpackage Layouts
* @beta
*/
.container { clear:both; width: 960px; margin:0 auto; background:#FFF url(http://mq-hi.da.yat.web.id/wp-content/uploads/icon/2009/10/content_bg.gif) repeat-y; padding:0 15px 0; border-left:1px solid #AAA;border-right:1px solid #AAA;}
.hfeed { width: 462px; float: left; padding:10px 20px 0px 0px; text-align:left; }
.aside { width: 477px; float: right; padding:0px 0 0px 1px;}
.footer { clear: both; height:45px; padding:5px 0 10px; color:#888; background:#FFF; font-size: 11px; text-align:right; margin-bottom:0px; border-top: double #CCC; }
/* Sidebars */
#sidebar_top { width:100%; }
#sidebar_bottom { width:100%; font-size:12px; }
#sidebar_left { float:left; width:218px; padding-right:7px; }
#sidebar_right { float:right; width:234px; }
/* Stylistic CSS Styles */
/**
* CSS - Stylistic CSS Styles
*
* @package RedLine
* @subpackage Media
*/
/* Dropcap */
.dropcap { color: #A52A2A; display: inline; float: left; font-family: Palatino, "Palatino Linotype", "Times New Roman", serif; font-size: 5.0em; line-height: 0.85em; margin: 0 0.1em 0 0; text-transform: uppercase; text-shadow: 1px 1px 0 #630; }
/* These empty css selectors are here for compatiability with the WordPress theme repository checklist. */
.aligncenter {} .alignleft {} .alignright {} .wp-caption {} .wp-caption-text {}
/* Tambahan */
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 0 0 15px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
padding: 0 5px 3px;
margin: 0;
font: normal 10px/17px arial;
text-align: right;
}
small {
font: normal 10px/17px arial;
line-height: 12px;
color: #777;
}
.postmetadata {
margin: 15px 0 5px;
padding: 3px 5px;
border: 1px solid #ddd;
background: #f3f3f3;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.tagclouds {
display: block;
text-align: center;
margin-top: 20px;
margin-bottom: 10px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 5px 0;
background: #efefef;
}
.tagclouds a {
color: #777;
padding: 3px;
text-decoration: none;
}
.tagclouds a:hover {
color: #555;
text-decoration: none;
background: #aeaeae;
}
.post-li {
padding: 10px 0 0px;
border-bottom: 1px solid #efefef;
color: #777;
}
.post-li h2 {
font-size: 17px;
letter-spacing:0.3px;
margin-top: -0.8px;
}
.more-link {
font: normal 12px tahoma;
background: #efefef;
text-decoration:none;
padding: 1px 3px;
}
#top ul {
margin: 3px 0 0;
padding: 0;
list-style: none;
}
#top ul li {
display: inline;
margin-left: 10px;
}
#top ul li a {
color: #fff;
font:normal 12px verdana;
}
#top ul li a:hover {
color: #fff;
text-decoration: underline;
}
#copyright {
font-size:85%;
width: 750px;
background:#fff;
filter: alpha (opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
padding:3px 5px;
}
#copyright .rss a {
width:24px;
height:24px;
position:absolute;
bottom:25px;
left:321px;
font-size:11px;
text-indent:-400px;
z-index:103;
overflow:hidden;
background:url(http://mq-hi.da.yat.web.id/wp-content/uploads/2009/10/ico-rss.png) no-repeat 0 top;
}
#copyright .up a {
width:24px;
height:24px;
position:absolute;
bottom:25px;
left:32px;
font-size:11px;
text-indent:-400px;
z-index:103;
overflow:hidden;
background:url(http://mq-hi.da.yat.web.id/wp-content/uploads/2009/10/ico-up.png) no-repeat 0 top;
}
.kotak {
height: 35px;
display: block;
margin: 0 auto;
letter-spacing:3px;
}
.kotak ul {
margin: 0 5px 0 0;
padding: 0;
list-style: none;
}
.kotak ul li {
float: right;
margin: 0 5px;
padding: 0 5px;
}
.kotak .rss a{
display:block;
margin:0;
font:11px arial;
color:#777;
padding: 5px 10px 3px 40px;
text-transform:uppercase;
height:15px;
width:120px;
background: #FEFFF0 url(http://mq-hi.da.yat.web.id/wp-content/uploads/2009/11/rss.gif) no-repeat 10px center;
text-decoration: none;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #EFEFEF;
-moz-border-radius-bottomleft: 5px;
-khtml-border-bottom-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-khtml-border-bottom-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.kotak .rss a:hover {
background: #FFFEEE url(http://mq-hi.da.yat.web.id/wp-content/uploads/2009/11/rss.gif) no-repeat 10px center;
text-decoration: none;
border-color: #CCC;
color: #000;
}
.kotak .src {
margin: 0;
padding: 0 0 3px;
width: 160px;
display: block;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #EFEFEF;
-moz-border-radius-bottomleft: 5px;
-khtml-border-bottom-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-khtml-border-bottom-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
}
input#s {
font:11px arial;
color:#777;
border: 0;
background: #FEFFF0 url(http://mq-hi.da.yat.web.id/wp-content/uploads/2009/11/src.gif) no-repeat 10px center;
width: 110px;
height:15px;
padding: 5px 10px 0px 40px;
letter-spacing:3px;
}
input#s:hover {
cursor: pointer;
color: #000;
}
.kotak .src:hover {
background: #FFFEEE url(http://mq-hi.da.yat.web.id/wp-content/uploads/2009/11/src.gif) no-repeat 10px center;
border-color: #CCC;
}
.from-meta { display: none; }
ul.right {float:left; width:100px; clear:right;}
ul.left {float:left; width:100px; margin-right:10px;}