/* 
	Theme Name: U2Indonesia
	Theme URI: http://u2-indonesia.com
	Description: U2 Indonesia
	Version: 1.0
	Author: Didats Triadi
	Author URI: http://didats.net/
*/

/* ---- HTML Tags ---- */
body {
	background:#FFF;
	margin:0px;
	padding:0px;
	font:12px arial,verdana,sans-serif;
	color:#333;
	text-align:center;
}
/* Set all tag */
h1,h2,h3,h4,h5,h6,h7,
form {
	margin:0px;
	padding:0px;
}
p,li,label {
	font:12px arial,verdana,sans-serif;
}
p {
	line-height:0.9em;
}
a img {
	border:0px;
}
a {
	text-decoration:underline;
	color:#767469;
}
a:hover {
	color:#000000;
}


/* Image Threatment */
img.floatleft {
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}
img.floatright {
	float:right;
	margin-left:10px;
	margin-bottom:5px;
}
img.img {
	border:1px solid #CCCCCC;
	padding:2px;
}


/* Small and code */
code {
	font:0.7em 'courier new',verdana,arial,sans-serif;
}

/* blockquote */
blockquote {
	background:#F4F2DA url("images/bg_quote.gif") no-repeat 7px 17px;
	color:#333;
	margin:0px;
	padding:0px;
	padding-top:5px;
	padding-left:30px;
	padding-right:15px;
	line-height:1.3em;
	margin-bottom:10px;
	border-top:1px solid #CCC;
	border-bottom:5px solid #CCC;
	width:88%;
	padding-bottom:8px;
}
blockquote p {
	color:#333;
	line-height:1.3em;
	
}
.comments blockquote {
	margin-bottom:10px;
	color:#999999 !important;
	line-height:1.3em;
	padding-bottom:5px;
}


/* ------ General Class ------ */
.clear {
	clear:both;
}
.textarea {
	width:287px;
	height:130px;
}
.button {
	background:#FFFFFF;
	color:#333333;
	font:12px verdana,Georgia,Arial,verdana,sans-serif;
}
.inputbox {
	font:12px verdana,Georgia,Arial,verdana,sans-serif;
	padding-left:3px;
}
.navigation {
	margin:10px 0px;
	width:601px;
	padding:5px 0px;
	min-height:17px;
}
.alignleft {
	width:49%;
	float:left;
}
.alignright {
	text-align:right;
	float:right;
	width:45%;
}
p.akpc_pop {
	font-size:11px !important;
	color:#999;
	letter-spacing:-1px;
	margin-top:0px !important;
	clear:both;
}
p.technorati {
	font-size:11px !important;
	color:#999;
	clear:both;
	letter-spacing:-1px;
	margin-bottom:0px !important;
}
p.technorati a,
p.akpc_pop a {
	font-size:11px;
	color:#999999;
	text-decoration:underline;
}

/* ------ H Title ------ */



/* ------ Layout Template ------ */

#bg-black {
	background:#000;
	height:220px;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	z-index:0;
}

#container {
	width:975px;
	text-align:left;
	position:relative;
	z-index:1;
	margin:0px auto;
	padding-top:26px;
}

/* Header */
#header {
	position:relative;
}

/* Left header */
#leftheader {
	position:relative;
	float:left;
	width:565px;
}
#slideshow {
	background:transparent url("images/bg_slideshow.gif") no-repeat top left;
	width:560px;
	height:293px;
	position:relative;
}
#slideshow-content {
	background-repeat:no-repeat;
	position:relative;
	left:20px;
	top:35px;
}


/* Right header */
#rightheader {
	position:relative;
	float:right;
	width:315px;
}
#rightheader h1 {
	background:transparent url("images/bg_title.gif") no-repeat top left;
	text-indent:-9000px;
	width:297px;
	height:70px;
	position:relative;
	left:8px;
}
#rightheader h1 a {
	display:block;
	width:297px;
	height:70px;
}

/* Navigation */
div#nav {
	background:transparent url("images/bg_nav.jpg") no-repeat top left;
	width:315px;
	height:145px;
	border-bottom:10px solid #CCC;
	margin-top:30px;
}
div#nav ul {
	margin:0px;
	padding:0px;
	width:300px;
	position:relative;
	left:12px;
	top:15px;
}
div#nav ul li {
	list-style:none;
	font:14px/30px 'Arial Narrow',arial,verdana,sans-serif;
	line-height:30px;
	height:30px;
	width:140px;
	float:left;
}
div#nav li a {
	text-decoration:none;
	padding:4px;
	color:#000;
}
div#nav li a:hover {
	background:#990000;
	color:#FFFFFF;
}


/* The Content */
#the-content {
	position:relative;
	width:100%;
	min-height:300px;
}

/* Leftcol */
#leftcol {
	float:left;
	width:645px;
	position:relative;
}
.post-home {
	width:310px;
	float:left;
	position:relative;
	margin-right:8px;
	margin-bottom:10px;
	height:auto !important;
	height:340px;
	min-height:340px;
}
.post-featured {
	padding-bottom:20px;
	margin-bottom:10px;
}
h2.blogtitle {
	font:23px 'Arial Narrow',arial,verdana,sans-serif;
	color:#990000;
}
.post-featured h2.blogtitle {
	font:bold 28px arial,verdana,sans-serif;
	letter-spacing:-1px;
}
h2.blogtitle a {
	text-decoration:none;
	color:#990000;
}
h2.blogtitle a:hover {
	color:#333;
}

div.meta-top {
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	height:22px;
	min-height:22px;
}
div.meta-top h3 {
	font:11px arial,verdana,sans-serif;
	float:left;
	position:relative;
	top:2px;
	margin-right:20px;
}
div.meta-top h3.comment {
	background:transparent url("images/bg_comment.gif") no-repeat 0px 2px;
	padding-left:17px;
	top:4px;
}
div.meta-top h3.date {
	background:transparent url("images/bg_date.gif") no-repeat 0px 0px;
	padding-left:18px;
	height:18px;
	padding-top:2px;
}
div.meta-top h3 a {
	text-decoration:none;
	color:#333;
}

div.entry {
	clear:both;
	font:13px arial,verdana,sans-serif;
	line-height:18px;
	color:#333;
}
div.entry p {
	font:13px arial,verdana,sans-serif;
	line-height:18px;
	color:#333;
}

.post-featured div.entry,
.post-featured div.entry p {
	font:14px arial,verdana,sans-serif;
	line-height:20px;
	color:#333;
}

div.entry a {
	color:#990000;
	text-decoration:none;
	background:transparent url("images/bg_dots.gif") repeat-x bottom left;
}
div.entry li {
	margin-bottom:3px;
	color:#333;
}

div.meta-bottom {
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	height:22px;
	min-height:22px;
}
div.meta-bottom h3.category {
	padding-left:20px;
	background:transparent url("images/bg_cat.gif") no-repeat 0px 0px;
	font:11px arial,verdana,sans-serif;
	height:20px;
	position:relative;
	top:3px;
}



#rightcol {
	float:right;
	width:315px;
	position:relative;
	top:-30px;
}
div.module {
	margin-bottom:10px;
	position:relative;
}
h3.module-title {
	font:17px 'Arial Narrow',arial,verdana,sans-serif;
	color:#990000;
	background:transparent url("images/bg_page.gif") no-repeat 0px 1px;
	padding-left:18px;
}

div.module form {
	margin-top:10px;
}
/* Search */
input.search,
input#s {
	border:0px;
	background:transparent url("images/bg_search.jpg") no-repeat top left;
	width:248px;
	height:33px;
	padding-top:5px;
	padding-left:5px;
	font-size:15px;
}
input#searchsubmit
 {
	display:none;
}

/* News */
div.list a:hover {
	color:#990000;
}
ul.news {
	margin:0px;
	padding:0px;
}
ul.news li,
div.list ul.news li {
	list-style:none;
	padding-bottom:10px;
	margin-top:10px;
	border-bottom:1px solid #CCC;
	color:#444;
}
ul#recentcomments li li {
	color:#CCC !important;
}
div.module a,
div.list ul.news li a {
	background:transparent url("images/bg_dots.gif") repeat-x bottom left;
	text-decoration:none;
	color:#990000 !important;
}
div.module p,
div.list ul.news li p {
	display:inline;
	margin-left:5px;
	line-height:17px;
}


#container-bottom {
	background:#000;
	width:100%;
	margin-top:20px;
	padding-bottom:20px;
	min-height:240px;
}

#bottom {
	width:975px;
	text-align:left;
	position:relative;
	z-index:1;
	margin:0px auto;
}


div.list {
	float:left;
	width:180px;
	margin-right:8px;
	margin-top:14px;
}
div.list h2 {
	font:19px 'Arial narrow',arial,verdana,sans-serif;
	margin-bottom:15px;
	color:#990000;
}
div.list ul {
	margin:0px;
	padding:0px;
}
div.list ul li {
	list-style:none;
	background:transparent url("images/bg_dots_black.gif") repeat-x bottom left;
	font:12px/20px arial,verdana,sans-serif;
	height:auto !Important;
	height:20px;
	min-height:20px;
	margin-bottom:3px;
	color:#999;
}
div.list li a {
	display:block;
	background:transparent url("images/bg_links.gif") no-repeat top left;
	padding-left:20px;
	text-decoration:none;
	color:#CCC;
}
div.list li a:hover {
	background:transparent url("images/bg_links_hover.gif") no-repeat top left;
	color:#990000;
}

ul#recentcomments li a{
	background:none !important;
}
div.list ul.news li a {
	display:inline !important;
	color:#990000;
}


#footer {
	width:100%;
	height:50px;
	background:#171717 url("images/bg_footer.gif") no-repeat 10px 14px;
	position:relative;
	top:15px;
}
#footer p,
#footer-int p {
	position:absolute;
	right:10px;
	margin:0px;
	padding:0px;
	top:14px;
	text-align:right;
	font:11px arial,verdana,sans-serif;
	line-height:12px;
	color:#CCC;
}
#footer p a:hover,
#footer-int p a:hover {
	color:#FFF;
}

#footer-int {
	width:100%;
	height:50px;
	background:#CCC url("images/bg_footer_int.gif") no-repeat 10px 14px;
	position:relative;
	margin-top:15px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}
#footer-int p {
	color:#666;
}


/* ---------------------------------------- */
/* Interior Page */
/* ---------------------------------------- */
h2.pagetitle {
	font:25px 'arial narrow',arial,verdana,sans-serif;
}
.post {
	width:603px;
	margin-bottom:20px;
	clear:both;
}
.post .entry p {
	font-size:13px;
}
.post .entry li {
	font-size:13px;
}


/* Comment Form */
#comment-form {
	background:transparent url("images/bg_comment_form.jpg") no-repeat top left;
	width:603px;
	height:206px;
	margin-top:15px;
}
#form-content {
	width:590px;
	position:relative;
	top:15px;
	left:10px;
}
h2#respond {
	font:20px 'Arial Narrow',verdana,arial,sans-serif;
	color:#FFF;
	margin-bottom:14px;
	position:relative;
	top:4px;
}
div.textarea {
	width:287px;
	float:left;
}
div.name-email {
	float:right;
	width:270px;
	position:relative;
	top:-13px;
}

/* Comment Lists */
.comments {
	margin-bottom:15px;
	position:relative;
}
.comments h4.number {
	position:absolute;
	top:15px;
	color:#999;
	right:10px;
	font:bold 12px arial,verdana,sans-serif;
}
.comment-odd .comment-top{
	background:#EFEFEF;
	min-height:40px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.comment-even .comment-top{
	background:#333;
	min-height:40px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	color:#FFF;
}
.comment-even .comment-top a {
	color:#FFF;
}
.comment-even .comment-top span {
	color:#CCC;
}
.comment-even h4.number {
	color:#333;
}
div.gravatar {
	float:left;
	width:34px;
	height:34px;
	position:relative;
	margin-right:10px;
	top:3px;
	left:3px
}
div.comment-author {
	float:left;
	position:relative;
	top:4px;
	left:0px;
}
h2.author {
	font:16px 'arial narrow',arial,verdana,sanss-serif;
}
span.date {
	font:11px arial,verdana,sans-serif;
}


.comment-odd h2.author a{
	color:#990000;
	text-decoration:none;
}
.comment-content {
	font:12px arial,verdana,sans-serif;
	line-height:18px;
	overflow:auto;
}
.comment-content p {
	font:12px arial,verdana,sans-serif;
	line-height:18px;
}

/* ------ Other pages ------ */

#sidebar-right div.list {
	float:left;
	width:315px;
	margin-right:8px;
	margin-top:14px;
}
#sidebar-right h2,
h2.comment {
	font:19px 'Arial narrow',arial,verdana,sans-serif;
	margin-bottom:15px;
	color:#990000;
}
#sidebar-right div.list ul {
	margin:0px;
	padding:0px;
}
#sidebar-right div.list li {
	list-style:none;
	font:12px/20px arial,verdana,sans-serif;
	height:auto !Important;
	height:20px;
	min-height:20px;
	margin-bottom:3px;
	
	background:none;
}
#sidebar-right li a {
	display:block;
	text-decoration:none;
	background:none;
	padding:0px;
	color:#333;
	border-bottom:1px solid #CCC;
}
#sidebar-right ul.children a {
	padding-left:13px;
	color:#666;
	background:transparent url("images/box.gif") no-repeat 2px 6px !important;
}
#sidebar-right li a:hover {
	color:#990000;
	background:none;
}
#sidebar-right ul.list li {
	width:150px;
	float:left;
	margin-right:5px;
}



/* ------ Javascript Hit ------ */
/* All form elements are within the definition list for this example */
dl {
	font:normal 13px/15px verdana,arial,sans-serif;
    position: relative;
    width: 270px;
	
}
dt {
    clear: both;
    float:left;
    width: 70px;
    padding: 4px 0 2px 0;
    text-align: left;
}
dd {
    float: left;
    width: 190px;
    margin: 0 0 8px 0;
    padding-left: 6px;
}
/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    right: -100px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url("../images/pointer.gif") no-repeat -10px 5px;
	font:11px arial,verdana,sans-serif;
	z-index:900000;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background:transparent url("images/pointer.gif") left top no-repeat;
	z-index:900000;
}


form#commentform p,
form#commentform label,
form#commentform span,
form#commentform dt,
form#commentform dd,
form#commentform div {
color:#CCC !important;
}

form#commentform a {
color:#FFF !important;
}

.related {
	margin-top:10px;
}
.related h3 {
	margin-bottom:8px;
}
.related ul {
	margin:0px;
	padding:0px;
	width:500px;
}
.related li {
	margin-bottom:3px;
	background:transparent url("images/bg_box.gif") no-repeat 0px 4px;
	list-style:none;
	padding-left:15px;
}