/* Theme Name: Article Directory Theme URI: http://artikelindonesia.com/ Description: Special theme for using with <a href="http://artikelindonesia.com/">Direktori Artikel Indonesia</a>. Version: 1.4 Author: Danng Author URI: http://dannybaskara.com/ */  @import 'categories.css';  * { margin: 0; padding: 0; } html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } body {  	font: 62.5% Verdana, sans-serif, "Courier New";  background:url(i/body_bg.gif) repeat-y center; background-color: #000000; 	line-height: 1.6em; 	color: #444; }  a { 	color: #660000; 	text-decoration: none; } a:hover { 	color: #AA0001; 	text-decoration: underline; } p {margin: 0; padding: 10px 0;} h1 { margin: 20px 0 0;} img {border: 0;} h2 { 	font: normal 1.6em "Trebuchet MS", Arial, Sans-Serif; 	margin: 0 0 12px; } blockquote { 	margin: 10px 0 10px 30px; 	border-left: 3px solid #E60000; 	background: #EEE; 	padding: 5px 15px; 	font-size: 1.3em; } * html blockquote {height: 1%;} blockquote p { 	font-size: 1em !important; 	margin: 0; }  #wrapper { 	width: 990px; 	margin: 0 auto; 	padding: 20px 0 0 0; 	border-top: 5px solid #EEE; }   /* Header -----------------------------------------------------------------------------*/ #header { background-color: #ffffff; height: 117px; 	border-bottom: 3px solid #EAEAEA; 	margin-bottom: 28px; } #top{ 	float: right; 	text-align: right; } #top li { 	display: inline; } #top a { 	color: #808080; 	margin: 0 0 0 13px; 	background: url(i/toparrow.gif) center left no-repeat; 	padding: 0 0 0 12px; 	font-size: 1.2em; } #top .current_page_item a { 	background-image: url(i/toparrow2.gif); } #searchform { 	margin: 20px 0 0; } #searchform input { 	font: 1.1em "Trebuchet MS", Arial, Sans-Serif; 	float: left; } #s { 	width: 175px; 	padding: 2px 6px; 	border: 2px solid #ccc; 	margin-right: 5px; } #searchsubmit { 	background: #E60000; 	border: 0; 	padding: 2px 7px; 	color: #fff; 	font-weight: bold !important; 	overflow: visible; 	height: 24px; 	cursor: pointer; } #logo1{ 	float: left; 		 }  #logo { 	float: left; 	color: #808080; 	line-height: 0.85em; 	font-size: 1.3em; 	margin: 10px 0 15px; } #logo span { 	display: block; 	font-size: 0.38em; 	font-weight: normal; 	text-transform: uppercase; }  #menu { 	height: 24px; 	padding: 7px 0 0 0; 	clear: both; 	background: url(i/subnav-bg.jpg) repeat-x; 	border-bottom: 1px solid #CCC; 	position: relative; } #menu li { 	font-size: 1.1em; 	display: inline; 	text-transform: uppercase; } #menu li a { 	margin: 0 25px 0 10px; 	color: #ffffff; 	font-size: 1.2em; } #menu li a:hover {color: #444;} #menu li.current_page_item { 	background: url(i/arrow.gif) no-repeat center left; }   /* Content -----------------------------------------------------------------------------*/ #container { background-color: #ffffff; 	width: 100%; 	background: url(i/dots.gif) 550px 0 repeat-y; 	margin-bottom: 10px; } * html #container {height: 1%;} #container:after { 	content: '.'; 	display: block; 	clear: both; 	visibility: hidden; 	height: 0; } #content { 	background-color: #ffffff; width: 540px; 	float: left; 	padding: 0 5px 5px 0; 	overflow: hidden; }  #content h2 { 	font: normal 1.9em "Trebuchet MS", Arial, Sans-Serif; 	padding: 1px 0 4px; 	border-bottom: 1px solid #EEE; 	margin-bottom: 1.2em; } #content h2.pagetitle { 	padding-left: 3px; } #content h3 { 	font: normal 1.7em "Trebuchet MS", Arial, Sans-Serif; 	padding: 1px 0 4px; 	margin-bottom: 0.2em; }  #content img { 	float: left; 	border: 3px solid #eee; 	padding: 1px; 	margin: 5px 10px 5px 0; } #content p, #content li { 	font-size: 1.3em; 	line-height: 1.4em; }  #content .post { 	margin: 0 0 1.5em; } #content .post h2, #content .post h3 { 	font-size: 2em; 	margin: 0 0 2px; } .post ul, .post ol { 	margin: 7px 0 7px 35px; } .post li { 	padding: 2px 0; } .post .postmetadata { 	font-size: 1.1em; 	padding: 0 0 7px; }  .entry h1 { 	font-size: 1.8em; 	margin: 15px 0 10px; } .entry h2 { 	font-size: 1.65em !important; 	font-weight: bold !important; 	margin: 15px 0 10px !important; 	padding: 0 !important; 	border: none !important; } .entry h3 { 	font-size: 1.45em !important; 	font-weight: bold !important; 	margin: 15px 0 10px !important; 	padding: 0 !important; } .entry h4 { 	font-size: 1.3em; 	margin: 15px 0 10px; 	font-weight: bold !important; }  .line { 	clear: both; 	padding: 3px; 	margin: 0 0 15px; 	background: url(i/smalldot.gif) repeat-x; } .recent { 	margin-left: 30px; } .recent li { 	padding: 1px 0; }  .other { 	margin: 20px 0; 	background: url(i/smalldot.gif) repeat-x; 	padding-top: 10px; } .other .recent li { 	list-style: none; 	border-bottom: 1px solid #EEE; 	padding: 4px; } .other .recent li a { 	background: #fff url(i/arrow.gif) no-repeat center left; 	padding: 0 0 0 12px; 	color: #808080; }  .nav { 	font-size: 1.3em; 	padding: 0 0 22px; } .navigation { 	font-size: 1.3em; 	margin: 20px 0; }  #order { 	text-align: right; 	padding: 0 0 10px; 	font-size: 1.3em; } #order select { 	font: 1em "Trebuchet MS", Arial, Sans-Serif; 	width: 120px; }  #content ul.child-categories { 	margin: 0 0 23px 30px; } #content ul.child-categories ul { 	margin-left: 20px; } #content ul.child-categories li li { 	font-size: 1em; } .alt {background: #F4F4F4;}  .commentlist { 	margin: 20px 0 40px 25px; } .commentlist li { 	padding: 8px 8px 2px; } .commentlist li p { 	font-size: 1em !important; } .commentmetadata { 	font-size: 0.85em; }  #author, #email, #url, #comment, #submit { 	font: 12px Arial, Tahoma; 	padding: 2px; 	width: 200px; 	border: 1px solid #CCC; } #comment { 	width: 470px; 	height: 170px; } #submit { 	width: 80px; 	height: 20px; 	padding: 0; 	background: #F4F4F4; 	cursor: pointer; 	overflow: visible; }   /* Sidebars -----------------------------------------------------------------------------*/ #sidebars { 	float: left; 	width: 440px; 	font-size: 1.2em; 	line-height: 1.4em; } * html #sidebars {height: 1%;} #sidebars:after { 	content: '.'; 	display: block; 	clear: both; 	visibility: hidden; 	height: 0; }  #l-sidebar { 	float: left; 	width: 230px; 	padding: 0 10px; } #r-sidebar { 	float: left; 	width: 180px; 	padding: 0 0 0 10px; }  #sidebars ul { 	margin: 0 0 15px; } #sidebars li { 	list-style: none; 	border-bottom: 1px solid #EEE; 	padding: 3px 4px; 	margin: 0; } #sidebars li a { 	background: url(i/arrow.gif) no-repeat center left; 	padding: 0 0 0 12px; 	color: #808080; } #sidebars h2 { 	font: normal 1.7em "Trebuchet MS", Arial, Sans-Serif; 	padding: 0 0 3px 3px; 	border-bottom: 1px solid #EEE; } #sidebars h3 { 	font: normal 1.4em/1.1em "Trebuchet MS", Arial, Sans-Serif; 	padding: 0 0 3px; } #sidebars .post { 	margin: 0 0 2em; } #sidebars p { 	padding: 0; } #sidebars .postmetadata { 	font-size: .9em; }  #autoriz { 	margin: 0 0 20px; } #autoriz label { 	display: block; 	float: left; 	width: 58px; 	padding: 0 12px; 	font-size: 1.08em; } #autoriz input { 	float: left; 	font: 1.08em "Trebuchet MS", Arial, Sans-Serif; 	width: 130px; 	margin-bottom: 5px; 	border: 1px solid #CCC; 	padding: 0 2px; } .rememberme { 	padding: 0 0 0 12px; } #autoriz .rememberme label { 	cursor: pointer; 	padding: 0; 	width: 120px; 	margin: 2px 0 0; 	*margin: 3px 0 0;; } #autoriz .rememberme input { 	width: 15px; 	padding: 0; 	border: none; 	margin: 2px 4px 0 0; 	*margin: -1px 4px 0 0 !important; 	*margin: -1px 2px 0 0; } #autoriz #enter { 	float: right; 	margin: 0 12px 0 0; 	border: none; 	background: #E60000; 	color: #FFF; 	width: 60px; 	height: 21px; 	cursor: pointer; } #autoriz p { 	clear: both; 	text-align: center; 	padding: 5px 0 0; } #autoriz a { 	margin: 0 7px; }  #manage { 	margin: 0 0 20px; } #manage p { 	padding: 0 0 10px 5px; 	font-size: 1.08em; 	font-weight: bold; }   /* Footer -----------------------------------------------------------------------------*/ #footer { 	clear: both; 	padding: 7px 10px; 	margin: 0 0 15px; 	font-size: 1.1em; 	color: #808080; 	background: #EEE; }