/*
Theme Name: wongkedirinet
Theme URI: http://www.wongkediri.com/
Description: spesial for wongkediri.net
Version: 1.0
Author: Design by wongkediri
*/

* {margin:0; padding:0;}

body { background:#ffffff url(images/bg.png) repeat-x; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; }

.c {clear:both;}
a { text-decoration:none; color: #000099;}
a:hover {  color:#adc71e;}
a img {border:none;}


#wrap {width:1000px; margin:0 auto;}

#top-menu { height:44px; }
#top-menu ul {display:inline; float:left;list-style-type:none;}
#top-menu ul li { float:left;  font-size:11px; text-transform:uppercase; font-weight:bold; padding:0 10px 0 10px; margin:15px 0 0 0; border-left:1px solid #e8e7e2;}
#top-menu ul li a { color:#1a1a1a; }
#top-menu ul li a:hover  {color:#666; }
#top-menu .subscribe {float:right; width:75px; font-size:11px; text-transform:uppercase; font-weight:bold; padding:15px 0 0 25px; background:url(images/icon_rss.gif) no-repeat; background-position:0px 16px;}
#top-menu .subscribe a {color:#FFFFFF; }

#top-menu ul li img{margin-top:-12px; border-left: none}


#header h1 a {color:#DE852A;}
#header h1 a:hover { text-decoration:none;}

#header h1 {
font-size:4em;
text-align:center;
font-family: "Arial Black",Arial,Helvetica,Sans,FreeSans;
font-variant:small-caps;
font-weight:400;
letter-spacing:-0.1em;
margin:0;
float:left;
width: 300px;
position:absolute; top:0px; font-size:36px;
}

#header h22 {position:absolute; top:75px; left:35px; color:#DE852A; font-size:12px;}

#header h2 {

float:left;

border-left:0px solid #FFF;

margin:45px 0 0 0px;

padding:0 0 0 8px;

color:#FFF;

font-size:110%;

font-weight:normal;

letter-spacing:0.4em;

line-height:15px;

position:relative;

}

#menu {height:36px; background:url(images/menu_bg.gif) repeat-x;}
#menu ul { list-style-type:none;}
#menu ul li { float:left; margin:7px 0; background:url(images/menu_divider.gif) no-repeat right; padding:2px 15px; font-size:12px; font-weight:bold;  }
#menu ul li a {color:#1a1a1a;}


#featured { width:935px; margin:24px auto; height:250px; }
#featured .post { height:250px; width:617px; float:left; background:#1a1a1a; color:#FFFFFF; }
#featured .post .content {width:190px; float:left; padding:10px;}
#featured .post h3 { font-size:18px; line-height:14px; text-indent:5px;  margin:0 0 10px 0;}
#featured .post .text { font-size:11px;}
#featured .post .text p { line-height:13px; margin-bottom:1em;}
#featured .post a {color:#adc71e; font-weight:bold;}
#featured .post .image {width:400px; height:250px; float:right; background:#333333;}
#featured .post img {width:400px; height:250px;}

#featured .ad { width:300px; height:250px; float:right; background:#FFFFFF;}


#contentwrap { margin:0 auto; width:945px;}
#content {float:left; width:619px;}
#sidebar { width:319px; float:right;}

.warning { font-size:13px; font-weight:bold; padding:4em; text-align:center}
.navigation { text-align:center; font-weight:bold; padding:2em;}

#contentwrap { padding:30px 0 0 0;}
#content .post { border:1px solid #c3c3bb; margin:0 0 10px 0; padding:10px 5px;}
#content .post .image {float:left; background:#f1f1f1;width:200px; height:180px; border: 3px solid #dedede; }
#content .post .image img {width:200px; height:180px; }

#content .post .content {float:right; width:390px;}
#content .post h3 { font-size:18px; padding:0 0 5px 0;} 

#content .post h3 a { color: #adc71e;}
#content .post h3 a:hover { text-decoration:underline;}

#content .post .meta { font-size:11px; color:#808080; padding:0 0 5px 0;}
#content .post .text { font-size:12px; padding:0 0 5px 0;}
#content .post .text p {margin:0 0 1em 0;}
#content .post .underpost {border-top:1px solid #c3c3bb; font-size:11px; text-align:right; padding:5px 0 0 0 ; }
#content .post .text img { border:1px solid #c3c3bb; padding:5px;}

#content .post.single {padding:16px; text-align:justify;}
#content .post.single .underpost { text-align:left;}

#content .post blockquote { padding:20px; background:#eeeeee; width:480px; margin:0 auto; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; font-weight:bold; font-style:italic; font-size:12px;}
#content .post code { padding:15px; background:#eeeeee; display:block; width:480px; margin:0 auto; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; font-size:12px; }




.widget { border:1px solid #c3c3bb; margin:0 0 10px 0; padding:10px;}
.widget h4 { background:#adc71e; color:#FFFFFF; text-transform:uppercase; padding:5px; font-size:11px;}
.widget .photo { width:75px; height:75px; padding:5px; border:1px solid #1a1a1a; float:left; margin:10px 15px 0 0;}
.widget ul { list-style-type:none; margin:5px 0 5px 8px;}
.widget ul li { font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size:11px; padding:4px 0 4px 15px; background:url(images/bullet.gif) no-repeat left;}

#sidebar .left {width:150px; float:left;}
#sidebar .right {width:150px; float:right;}
.left .widget, .right .widget { padding:5px;}


#footer {background:#1c1b1a; color:#FFFFFF; font-size:11px; padding:10px 0;}
#footer a {color:#FFFFFF;}
#footer .center {width:1000px; margin:0 auto;}
#footer .left {float:left;}
#footer .right {float:right;}


#comment_wrap {padding:16px; border:1px solid #c3c3bb; margin:0 0 10px 0;}
#comments h4 { font-size:14px; font-weight:bold; color:#1a1a1a; padding: 0 0 10px 0;}

.comment {border-bottom:1px solid #cccccc;}
.comment .avatar {float:left; padding:25px 20px; width:45px; height:45px;}
.comment .content {float:left; padding:25px 20px 25px 0; width:470px; float:right; }
.comment .author {color:#545422;} .comment .author span {font-weight:bold;}
.comment .date {font-size:11px; color:#808080; padding:0 0 5px 0;}
.comment .text { font-size:11px; padding:0 0 5px 0;}
.comment .text p { text-align:justify; margin:0 0 1em 0;}

#commentform { margin:0 auto 3em auto; width:500px;}
#commentform td  {  color:#333333; font-weight:bold; font-size:10px;}
#commentform input { background:#FFFFFF; border:1px solid #cccccc; color:#666666; padding:4px; width:125px;}
#commentform input.submit {  border:1px solid #cccccc; background:#FFFFF; width:120px; color:#333333; font-size:10px; margin:5px auto 0 auto; font-weight:bold;}
#commentform textarea { background:#FFFFF; border:1px solid #cccccc; color:#333333;  width:350px; height:110px; font-family:Arial, Helvetica, sans-serif;}

#content .post .text img.wp-smiley{ border:none}


#author {padding:16px; border:1px solid #c3c3bb; margin:0 0 10px 0; background-color:#f9f9f9;}
#author h4 { font-size:14px; font-weight:bold; padding: 0 0 10px 0;}
#author h4 a{color:#adc71e;}
#author img.avatar { float: left; border:1px solid #c3c3bb; padding:5px; margin-right: 10px;}


#content .post-share a{
	background: #666;
	font-size: 11px;
	color: #fff;
	float: left;
	width: 65px;
	padding: 3px 0 3px 10px;
	margin-bottom: 3px;
}
#content .post-share:hover a{
background-color:#ef181e;
}

.sociable-style{
	visibility:show;
	margin:0px 0px 0 10px;
}

.sociable-style-single{
	float: right;
	margin:0px 0px 0 10px;
}
#content .sociable li{ list-style: none; background: none;}
#content .sociable li a{
	font-size: 11px;
	color: #fff;
	float: left;
	padding: 3px 0 3px 10px;
	margin-bottom: 3px;
}
#content .sociable li a: hover{ border: 1px dotted #f5f5f5}

#translation_bar a img{ padding: 2px;}
.wp-caption-text{font-style: italic;}
#content .post .text img.alignleft { float:left;}