/*
Theme Name: Headhunter: Indonesia
Theme URI: http://headhunterindonesia.com
Description: Custom theme for Headhunterindonesia.com
Version: 1.0
Author: Arie Putranto
Author URI: http://arie.putranto.com
Tags: black gradient, custom footer, fixed width, two columns, widgets, custom front page, theme option

	Headhunter: Indonesia
	http://headhunterindonesia.com

	This theme was designed and built by Arie Putranto on behalf of Haryo Utomo Suryosumarto.
*/

body { background: #060608; font: 76% Verdana, Geneva, sans-serif; color: #ffffff; margin: 0; padding: 0; }
a img { border: none; }
input[type=submit] { cursor: pointer; }
a#cancel-comment-reply-link { font: 11px Verdana, Geneva, sans-serif; font-style: normal; float: right; padding-top: 3px; }

table { border-collapse: collapse; font-size: 90%; width: 100%; margin-bottom: 25px; }
table caption { font-size: 100%; padding: 10px 0 10px 0; font-weight: bold; }
table thead th { background: #4a4a4b; border: 1px solid #cccccc; text-align: center; padding: 5px; }
table tbody td { border: 1px solid #cccccc; padding: 5px; }
table tfoot td { font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 10px 0; }

table#wp-calendar { margin: 0; }
table#wp-calendar caption { padding: 0 0 5px 0; }
table#wp-calendar tfoot td { padding: 5px 0; }
table#wp-calendar tbody td { text-align: center; }
table#wp-calendar td#today { color: #fcce76; }
table#wp-calendar td#next { text-align: right; }
table#wp-calendar tbody td a { color: #ff8800; text-decoration: underline; }

ul#commentlist { margin: 15px 0; padding: 0; border-top: 1px dotted #444444; }
ul#commentlist a { text-decoration: none; }
ul#commentlist p { line-height: 20px; padding: 0; }
ul#commentlist p.comment-meta { line-height: 16px; padding: 0 0 5px 0; margin-bottom: 5px; border-bottom: 1px solid #444444; }
ul#commentlist p.comment-reply { float: right; width: 50px; text-align: right; margin-top: -2px; }
ul#commentlist div.comment-text { float: left; font-size: 100%; padding: 0 0 0 10px; }
ul#commentlist li { list-style-type: none; list-style-position: outside; border-bottom: 1px dotted #444444; padding: 10px 0; }
ul#commentlist li li { border: none; padding-bottom: 0; margin-left: 30px; }
ul#commentlist li ul { border: none; padding-bottom: 0; }
ul#commentlist li img.avatar { float: left; width: 57px; margin-top: 3px; margin-left: 2px; }
ul#commentlist li div.comment-text { width: 480px; }
ul#commentlist li li div.comment-text { width: 410px; }
ul#commentlist li li li div.comment-text { width: 340px; }

form#searchform { background: transparent url(images/bg-searchform.png) no-repeat; width: 254px; height: 26px; padding: 0; margin: 10px 0 0 0; }
form#searchform input { background: transparent; border: none; padding: 5px; width: 190px; float: left; }
form#searchform label { display: none; }
form input#searchsubmit { background: transparent url(images/img-button-search.png) no-repeat; padding: 0; margin: 6px 15px 0 0; width: 20px; height: 15px; cursor: pointer; float: right; text-indent: -9999px; }
form input#searchsubmit:hover { background: transparent url(images/img-button-search-hover.png) no-repeat }

form.wpcf7-form p { margin: 0; padding: 3px 0; }
form.wpcf7-form input, form.wpcf7-form textarea { background: #eeeeee; padding: 5px; font: 12px Verdana, Geneva, sans-serif; margin: 0; border: none; }
form.wpcf7-form label { margin-left: 5px; }
form.wpcf7-form input { width: 98%; }
form.wpcf7-form textarea { width: 98%; height: 200px; }
form.wpcf7-form input[type=submit] { padding: 0 10px 3px 0; width: 89px; height: 20px; background: transparent url(images/bg-button.png) no-repeat; text-indent:-9999px; }

#bodywrap { background: #060608 url('./images/bg-body.png') top left repeat-x; }
#wrapper { background: transparent url(images/bg-wrapper.png) repeat-y; margin: 0 auto; padding: 0; width: 850px; }
#header { background: transparent url(images/bg-header.png) no-repeat; height: 100px; }
#mainmenu { background: #ffa800 url(images/bg-mainmenu.png) no-repeat; height: 75px; color: #ffffff; font: 12px Verdana, Geneva, sans-serif; }
#pagetitle { background: transparent url(images/bg-pagetitle.png) no-repeat; height: 85px; }
#breadcrumb { background: transparent url(images/bg-breadcrumb.png); height: 25px; font: 11px Verdana, Geneva, sans-serif; margin: -15px 0 15px 0; padding: 0 10px; text-transform: uppercase; }
#container { background: transparent url(images/bg-content.png) bottom no-repeat; padding: 0 0 20px 0; }
#content { float: left; }
#sidebar { float: right; width: 254px; margin: 0; padding: 5px 0 0 0; }
#footer { background: #060608; font: 12px Arial, Helvetica, sans-serif; color: #ffffff; padding: 30px 0; text-align: center; }

#header h1.blogtitle { margin: 0; padding: 30px 0 0 0; font: 24px "Arial Black", Gadget, sans-serif; color: #ffffff; float: left; width: 40%; }
#header div.contact-button { margin: 0; padding: 35px 0 0 0; font: 20px "Arial Black", Gadget, sans-serif; color: #ffa800; float: right; width: 40%; text-align: right; }
#header a { border: none; text-decoration: none; color: #ffffff; }
#header .contact-button a { color: #ffa800; }

#mainmenu ul { position: relative; margin: 0; padding: 40px 0 0 0; list-style-type: none; }
#mainmenu ul li { float: left; margin: 0; padding: 0; margin-right: 1px; text-align: center; }
#mainmenu li a { background: url(images/bg-menu.png) no-repeat; display: block; color: #ffffff; text-decoration: none; width: 100px; height: 35px; line-height: 35px; }
#mainmenu li a.selected { background: url(images/bg-menu-active.png) no-repeat; }
#mainmenu li a.hilite { background: url(images/bg-menu-hilite.png) no-repeat; }
#mainmenu li a:hover { background: url(images/bg-menu-hover.png) no-repeat; }

#pagetitle h2 { margin: 0; padding: 18px 0; font: 28px Georgia, "Times New Roman", Times, serif; letter-spacing: -0.1pt; }
#pagetitle a { color: #ffffff; text-decoration: none; border: none; }
#pagetitle a:hover { color: #ffa800; }

#breadcrumb ul { margin: 0; padding: 0; list-style-type: none; }
#breadcrumb ul li { float: left; margin: 0; padding: 0; text-align: left; }
#breadcrumb li a { background: url(images/bg-breadcrumb-arrow.png) left no-repeat; display: block; color: #fcce76; text-decoration: none; height: 25px; line-height: 25px; padding: 0 5px 0 15px; }
#breadcrumb li a.start { background: none; padding: 0 5px 0 0; }
#breadcrumb li a:hover { color: #ff8800; }

#container h3, #sidebar h3, #sidebar h2.widgettitle { font: 20px Georgia, "Times New Roman", Times, serif; font-style: italic; margin: 0 0 7px 0; padding: 0; border-bottom: 1px solid #444444; color: #ffa800; }
#container h3 a, #sidebar h3 a, #sidebar h2.widgettitle a { text-decoration: none; }
#container h4 { font: 16px Georgia, "Times New Roman", Times, serif; font-style: italic; margin: 0 0 7px 0; padding: 0; color: #ffa800; }
#container h4 a { text-decoration: none; }
#container p { margin: 0; padding: 5px 0 20px 0; line-height: 24px; text-align: justify; }
#container blockquote { font: 12px Georgia, "Times New Roman", Times, serif; font-style: italic; margin: 0; padding: 0 0 15px 38px; line-height: 24px; text-align: justify; }
#container pre { font: 11px "Courier New", Courier, monospace; margin: 0; padding: 10px; width: 530px; line-height: 16px; overflow: auto; border: 1px solid #444444; margin-bottom: 20px; }
#container code { font: 12px "Courier New", Courier, monospace; color: #cccccc; }

#sidebar ul { margin: 0; padding: 0; list-style-type: none; }
#sidebar li { margin: 0; padding: 0 0 15px 0; line-height: 24px; }
#sidebar li li  { margin: 0; padding: 0; }
#sidebar li li li { margin-left: 15px; }
#sidebar li a { color: #ffffff; text-decoration: none; border: none; }
#sidebar li a:hover { color: #ffa800; }
#sidebar h3 a, #sidebar h2 a { color: #ffa800; }

#content ul, #content ol { padding-bottom: 10px; }
#content li { line-height: 24px; }
#content a { color: #fcce76; border: none; }
#content a:hover { color: #ff8800; }
#content a.more-link { margin: 10px 0; display: block; }
#content p.wp-caption-text { padding: 10px 0; margin: 0; font: 10px Georgia, "Times New Roman", Times, serif; font-style: italic; }
#content .postinfo { font: 11px Verdana, Geneva, sans-serif; margin: 0; padding: 0 0 10px 0; color: #999999; }
#content .postinfo a { text-decoration: none; } 
#content form.wpcf7-form p { padding: 5px 0; margin: 0; }

#content .pagination { border-top: 1px dotted #444444; margin: 5px 0; padding: 20px 0; text-align: center; color: #000000; font: 11px Tahoma, Geneva, sans-serif; font-weight: bold; }
#content .pagination a { background: #ff8800; padding: 2px 10px; margin: 0 1px; text-decoration: none; color: #000000; }
#content .current { background: #fcce76; padding: 2px 10px; margin: 0 1px; text-decoration: none; color: #000000; }
#content .pagination a:hover { background: #b00505; color: #ffffff; }

#respond p { margin: 0; padding: 3px 0; }
#respond form {  font: 11px Verdana, Geneva, sans-serif; }
#respond input, #respond textarea { background: #eeeeee; padding: 5px; font: 11px Verdana, Geneva, sans-serif; margin: 0; border: none; }
#respond label { margin-left: 5px; }
#respond input { width: 200px; }
#respond textarea { width: 98%; height: 100px; }
#respond input.submit { padding: 0; background: transparent; width: auto; }

#footer p { margin: 0; padding: 0;  }
#footer a { text-decoration : none; border: none; color: #ffa800; }
#footer a:hover { color: #ffffff; }
#footer .box p { line-height: 24px; padding: 5px 0 15px 0; }
	
.datetime { float: left; padding: 0 20px 0 0; text-align: center; margin: 15px 20px 0 0; border-right: 1px solid #ffffff; }
.m { font: 12px Arial, Helvetica, sans-serif; font-weight: bold; display: block; padding: 0; margin: 0; text-transform: uppercase; }
.d { font: 28px Georgia, "Times New Roman", Times, serif; display: block; padding: 0; margin: -5px 0 0 0; }

.wp-caption { background: #4a4a4b;  padding: 10px 0 0 10px; margin: 10px 10px 20px 0; }
.wp-caption img { padding: 0; }

.box { font: 12px Verdana, Geneva, sans-serif; text-align: left; }
.box h3 { font: 24px Georgia, "Times New Roman", Times, serif; font-style: italic; margin: 0 0 10px 0; padding: 0 0 3px 0; border-bottom: 1px solid #444444; color: #ffa800; }

.block0 { float: left; width: 270px; }
.block1 { float: left; width: 270px; margin-left: 20px; }
.block2 { float: right; width: 270px; }

.wide { width: 850px; }
.narrow { width: 550px; }
.home { padding-top: 15px; }
.alignright {
	float: right; width:auto; margin-left: 5px; margin-right: 0px; margin-top: 0px; margin-bottom: 5px;
}
.alignleft {
	float: left; width:auto; margin-left: 0px; margin-right: 5px; margin-top: 0px; margin-bottom: 5px;
}
.clear { clear: both; }
.hilite { background: #990000; color: #ffffff; }