/*************** General common rules *************************************/





* {



margin: 0;

padding: 0px;

}



h1, h2, h3, h4, h5, h6, p, pre, blockquote, fieldset, table, ul {



margin: 1em 0;

color:#999999;

text-align:justify;

}



img {

border: 0;

}



a:link {

color: #3d8caf;

text-decoration: none;

}



a:visited {

color: #216b8c;

}



a:hover {

text-decoration: none;

color: #26617b;

}



.clear {

clear:both;

}



.clearfix:after {

content:".";

display:block;

height:0;

clear:both;

visibility:hidden;

}



.clearfix {display:inline-block;}



/* Hides from IE-mac \*/



* html .clearfix { height:1%; }

.clearfix {display:block;}



/* End hide from IE-mac */



.randomthumb {



        float: left;

        margin-left: 10px;

		margin-bottom: 10px;

        padding: 9px;

	    border: 1px solid #ffffff;

}



body {



font: 62.5%/1.6 "Arial", Tahoma, Verdana, sans-serif;

background: url(images/mainbackgr.gif) repeat;

text-align: center;

}



#mainwrapper {

background: url(images/content_bg2.jpg) repeat-y top left;

width: 970px;

text-align: left;

margin: 0px auto;

padding: 10px 20px 0px 20px;

}



#header {



width: 950px;

height: 131px;

position: relative;

margin: 0 5px auto;

background: url(images/wrapper.jpg) repeat-x top left;

}



#logo {

position: absolute;

top: 10px;

left: 30px;

font-size: 26px;

font-family: Georgia, "Arial", Times, serif;

color: #eefaff;

margin: 0px;

font-weight: normal;

}



#logo a:link, #logo a:visited {

color: #eefaff;

text-decoration: none;

}



#logo a:hover {

color: #ffffff;

}



#header p {

color: #fff;

font-size: 12px;

margin: 0px;

padding: 0px;

position: absolute;

top: 70px;

left: 170px;

}



ul#navBar {



list-style-type: none;

padding: 0px;

margin: 15px 10px 10px 10px;

float: right;

}



ul#navBar li {

display: block;

padding: 0px;

float: left;

height: auto;

width: auto;

margin: 0px 5px;

}



ul#navBar li a:link, ul#navBar li a:visited {

display: block;

float: left;

width: auto;

height: auto;

padding: 2px;

color: #f4fcff;

font-family: "Arial";

font-size: 16px;

font-weight: normal;

text-decoration: none;

}



ul#navBar li a:hover {

display: block;

text-decoration: none;

border-bottom: 3px solid #fff;

color: #fff;

}



ul#bookmark {



list-style-type: none;

padding: 0px;

margin: 0px;

position: absolute;

bottom: 10px;

right: 10px;

}



ul#bookmark li {

display: block;

padding: 0px;

float: left;

height: auto;

width: auto;

margin: 0px 5px;

}



ul#bookmark li a:link, ul#bookmark li a:visited {

display: block;

float: left;

width: auto;

height: auto;

padding: 2px;

text-decoration: none;

}



ul#bookmark li a:hover {

display: block;

text-decoration: none;

}



#container {

padding: 30px 10px 10px 5px;

margin: 0px 0px 10px 0px;

width: 940px;

position: relative;

text-align: center;

}



#secBar {

width: 330px;

margin: 0px;

float: right;

padding: 0px 0px 0px 5px;

font-size: 14px;

text-align: left;

}



#content {



width: 580px;

padding: 0px;

margin: 0px;

float: left;

font-size: 14px;

text-align: left;

text-align: justify;

}



h4#rss {



margin-top: 1px;

width: 345px;

height: 46px;

text-align: left;

font-family: Georgia, "Arial", Times, serif;

background: url(images/rss.jpg) no-repeat top left;

text-indent: -9999px;

}



h4#rss a:link, h4#rss a:visited {

display: block;

width: 280px;

height: 43px;

color: #425768;

font-size: 12px;

text-decoration: none;

}



h4#rss a:hover {

color: #333;

text-decoration: none;

}





#footer {

width: 950px;

margin: 10px 5px;

clear: both;

background: url(images/footerx.jpg) no-repeat top left #000;

padding: 0px;

text-align: left;

}



#footer .copyrights {

width: 930px;

clear: both;

background: #111111;

padding: 3px 10px;

text-align: center;

font-family: Arial;

}



#footer .copyrights p {



font-family: Arial;

color: #b1b1b1;

font-size: 12px;

font-weight: normal;

text-align: center;

}



#footer .copyrights a:link, #footer .copyrights a:visited {



color: #f3f3f3;

font-weight: normal;

text-decoration: none;

}



#footer .copyrights a:hover {

color: #b1b1b1;

text-decoration: none;

}



#footer div.recentPosts {



float: left;

margin-left: 45px;

font-size: 14px;

width: 870px;

padding: 10px 10px 10px 0px;

color: #fff;

}



#footer div.category {



float: left;

margin-left: 40px;

font-size: 14px;

width: 870px;

padding: 0px;

color: #fff;

}



#footer h4 {



font-size: 18px;

font-weight: normal;

font-family: Arial;

color: #dadada;

text-align: left;

margin: 0px;

margin-top: 15px;

margin-bottom: 5px;

}



#footer ul {

text-align: left;

list-style-type: none;

margin: 7px;

margin-bottom: 20px;

padding: 0px;

}



#footer ul li {

margin: 5px;

padding: 0px;

border-bottom: 1px dashed #353232;

}



#footer ul li a:link, #footer ul li a:visited {



text-decoration: none;

display: block;

font-size: 14px;

color: #999999;

width: 850px;

padding: 2px;

}



#footer ul li a:hover {



color: #0fabe4;

text-decoration: none;

}



#footer a span {



color: #b7b7b7;

}



/**************** Post styles **************************************/



.post {

border-top: 0px solid #acacac;

width: 585px;

background: #ffffff; 

padding: 6px;

margin-bottom: 5px;

}



h2.headline {

padding: 0px 0px 0px 8px;

margin: 0px;

font-size: 18px;

font-weight: normal;

color: #c0c0c0;

font-family: Arial;

}



h2.headline a:link, h2.headline a:visited {



padding: 0px;

margin: 0px;

color: #37414A;

text-decoration: none;

}



h2.headline a:hover {

color: #0fabe4;

text-decoration: none;

}



.entry {

color: #999999;

font-size: 12px;

text-align: justify;

padding: 0px;

margin: 0px;

font-family: Arial, Verdana, sans-serif;

}



.entry p {

margin: 0.6em;

}



p.caption {



margin:0;

padding:0;

text-align:center;

font-size: 10px;

}



h4.date, h4.commentnum, h4.tags {

font-weight: normal;

color: #f1f1f1;

font-size: 12px;

font-family: Arial, Helvetica, sans-serif;

margin: 0px;

}



h4.date {



margin: 0px;

padding: 0px 0px 0px 8px;

color: #8e8e8e;

font-size: 11px;

font-family: Arial, Helvetica, sans-serif;

text-align: left;

text-decoration: none;

}



div.metadata {



border-top: 2px solid #fff;

width: 574px;

height: 32px;

padding: 4px 5px;

text-decoration: none;

}



h4.commentnum {

margin: 0px;

padding: 0px;

padding-left: 18px;

background: url(images/comment_icon.png) no-repeat bottom left;

float: left;

display: block;

text-align: left;

}



h4.tags {



margin: 0px;

padding: 0px;

padding-left: 17px;

background: url(images/tags_icon.png) no-repeat left bottom;

float: left;

display: block;

text-align: left;

text-decoration: none;

}



h4.commentnum a:link, h4.commentnum a:visited {

text-decoration: none;

color: #dfdfdf;

}



h4.tags a:link, h4.tags a:visited {



text-decoration: none;

color: #fff;

}



h4.commentnum a:hover, h4.tags a:hover {

color: #f1f1f1;

text-decoration: none;

border: none;

}



.post h3 {



font-size: 16px;

font-family: Arial;

font-weight: normal;

margin: 0px;

}



blockquote {

color: #474747; 

margin: 2px; 

padding: 3px;

font-size: 14px;

font-family: Arial, Helvetica, sans-serif;

background: url(images/quote_bg.png) no-repeat top right;

}



p {

margin-bottom: 0px;

line-height: 1.4em;

}



p a {



text-decoration: none;

}



p a:hover {

text-decoration: none;

}



p.center {



text-align: center;

}



.small {

font-size: 10px;

}



code {

font: 12px 'Courier New', Courier, Fixed;

}



h1 {

font-size: 16px;

text-align: left;

font-weight: normal;

margin-bottom: 8px;

font-family: Georgia, "Arial", Times, serif;

}



h1.title, h2.pagetitle {

font-size: 15px;

font-weight: normal;

padding: 0px;

margin: 0px;

margin-left: 10px;

color: #999999;

font-family: Arial;

}



h4 {

margin: -5px 0 10px 0;

padding: 0;

font-weight: normal;

font-size: 10px;

color: #770c03;

}







.iklan-postingan {

	width: 573px;

	padding: 10px;

	padding-top: 25px;

	padding-bottom: 25px;

	border: 2px solid #333333;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

	text-align: left;

	float: left;

	background-color: #000000;

	background-repeat: no-repeat;

	}

.related {

	width: 573px;

	padding: 10px;

	padding-top: 0px;

	padding-bottom: 10px;

	border: 2px solid #333333;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

	text-align: left;

	float: left;

	background-color: #000000;

	background-repeat: no-repeat;

	}

.searchterm{



	width: 567px;

	padding: 10px;

	padding-top: 5px;

	padding-bottom: 10px;

	border: 5px solid #333333;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

	text-align: left;

	float: left;

	color: #333333;

	font-size: 12px;

	background-color: #E6E8E9;

	background-repeat: no-repeat;

}



/***** LISTS FORMATTING *****/



.post ul {



margin: 5px 0px 5px 20px;

padding: 0px 0px 0px 0px;

list-style-type: none;

} 



.post ul li {

margin: 5px 0px 5px 10px;

background: url(images/bullet.jpg) no-repeat left center;

padding-left: 10px;



}



.post ol {

margin: 5px 0px 5px 20px;

padding: 0px 0px 0px 0px;

}





.post ol li {

margin: 5px 0px 5px 10px;

padding: 0px;

}





/***** SIDEBAR FORMATTING *****/



#secBar h2, h2.searchHead {



margin: 0px;

text-align: left;

padding: 1px 5px 1px 22px;

width: 303px;

height: 27px;

background: url(images/side_head.jpg) no-repeat top left;

font-size: 15px;

font-family: Arial;

color: #ffffff;

font-weight: normal;

}



h2.searchHead {



border: 6px solid #ffffff;



}



#secBar a:link, #secBar a:visited {



font-size: 12px;

color:#37414A;

font-family: Arial;

font-weight: bold;

text-decoration: underline;

}



#secBar a:hover {

background: none;

text-decoration: none;

}



/***** SIDEBAR LISTS FORMATTING *****/



#secBar ul, #secBar ol { 



width: 342px;

background: #ffffff;

padding: 0 0 10px 0;

margin: 0px;

list-style-type: none;

font-size: 12px;

text-align: left;

}



#secBar ul li, #searchform {



border-bottom: none;

width: 330px;

background: #ffffff;

color: #999999;

margin: 0px auto 15px auto;

padding: 6px;

text-align: justify;

list-style-type: none;



}



#secBar ul li ul, #secBar ul li ol, #secBar ol li ul, #secBar ol li ol {

margin: 0px;

width: 310px;

padding: 10px;

text-align: left;

list-style-type: none;

}



#secBar ul li ul li {

border: none;

display: block;

width: 248px;

padding: 0px;

margin: 0px;

text-align: left;

color: #707070;

list-style-type: none;

}



#secBar ul li ul li a:link, #secBar ul li ul li a:visited {



margin: 2px 0px;

display: block;

color: #194E84;

padding: 0px;

padding-left: 12px;

width: 236px;

background: url(images/bullet.jpg) no-repeat center left;

font-size: 13px;

font-family: Arial, sans-serif;

text-align: left;

text-decoration: none;

font-weight: normal;



}



#secBar ul li ul li a:hover {



color: #0fabe4;

text-decoration: none;

font-weight: normal;

}

/***** IMAGE FORMATTING *****/



.entry img {



border: 0px solid #acacac;

margin: 5px 3px;

}



.entry a:link img, .entry a:visited img {

border: 0px solid #acacac;

padding: 1px;

margin-left: 55px;

}



.entry a:hover img {

border: 0px solid #acacac;

}





img.post {

padding: 0px;

border: 0px solid #acacac;

margin: 10px;

float: right;

}



img.center {

margin-left: auto;

margin-right: auto;

padding: 0px;

border: 0px solid #acacac;

}



img.alignright {

padding: 5px;

border: 1px solid #acacac;

margin: 5px;

float: right;

display: inline;

}



img.alignleft {

float: left;

padding: 0px;

border: 1px solid #acacac;

margin: 5px;

display: inline;

}





/***** MISCELLANEOUS FORMATTING *****/



.alignright {

float: right;

}



.alignleft {

float: left

}	



.aligncenter {

    display: block;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 0px;

    float: center;

	}



.navigation {

text-align: center;

display: block;

width: 590px;

font-size: 14px;

border: none;

margin: 5px;

font-family: Arial;

margin-top: 10px;

margin-bottom: 10px;

}



.navigationc {

text-align: center;

display: block;

width: 590px;

font-size: 14px;

border: none;

margin: 5px;

font-family: Arial;

margin-top: 10px;

margin-bottom: 10px;

}



.navigation .alignleft a:link, .navigation .alignleft a:visited {

padding: 5px;

font-size: 14px;

background: url(images/previous.png) no-repeat center left;

text-decoration: none;

color: #c0c0c0;

padding-left: 27px;

}



.navigation .alignright a:link, .navigation .alignright a:visited {

padding: 5px;

font-size: 14px;

background: url(images/next.png) no-repeat center right;

text-decoration: none;

color: #c0c0c0;

padding-right: 27px;

}



.navigation .alignright a:hover {



background: url(images/next.png) no-repeat center right;

color: #0fabe4;

}



.navigation .alignleft a:hover {

background: url(images/previous.png) no-repeat center left;

color: #0fabe4;

}



.postspermonth {

margin: 5px 0 10px 0;

list-style: none;

padding-left: 25px;

}



.postmetadata {

margin: 0px 10px;

width: 565px;

padding: 5px;

border: 0px solid #999999;

background: #333333;

font-size: 12px;

font-family: Arial, sans-serif;

color: #acacac;

}



/***** COMMENTS FORMATTING *****/



h3#comments, h3#respond {

border-top: 3px solid #333333;

padding-top: 10px;

width: 595px;

clear: both;

font-size: 18px;

color: #999999;

font-family: Cambria, "Chaparral Pro", Georgia, "Arial", serif;



}



#commentform input {

background: url(images/inputx.png) repeat-x top left #000;

width: 175px;

height: 17px;

padding: 2px;

margin: 5px 5px 1px 0px;

color: #999999;

font-size: 14px;

border: 1px solid #d3d3d3;	

}



#commentform textarea {

background: url(images/textarea_input.gif) repeat-x top left #fff;

width: 450px;

height: 100px;

color: #999999;

padding: 3px;

border: 1px solid #d3d3d3;	

}



#commentform #submit {

background: url(images/button.png) no-repeat top left;

width: 58px;

height: 23px;

border: none;

text-align: center;

cursor: pointer;

font-size: 12px;

font-weight: bold;

font-family: Arial, Helvetica, sans-serif;

color: #fff;

}



.commentlist {

list-style-type: none;

}



.commentlist li {

font-size: 14px;

font-weight: normal;

color: #999999;

width: 540px;

padding: 10px;

margin: 5px auto;

position: relative;

background: url(images/comment_bgx.png) repeat-x top left #000;

}



.commentlist li.depth-2, .commentlist li.depth-3, .commentlist li.depth-4, .commentlist li.depth-5 {

width: 96%;

list-style-type: none;

margin: 0px auto;

}



.commentlist cite {



display: block;

color: #115271;

margin-left: 70px;

}



.commentlist cite a:link, .commentlist cite a:visited {

font-weight: bold;

font-style: normal;

font-size: 14px;

color: #115271;

text-decoration: underline;

font-family: "Trebuchet MS";

}



.commentlist cite a:hover {

color: #2480ac;

text-decoration: none;

}



.commentlist p {

font-weight: normal;

line-height: 1.5em;

text-transform: none;

margin: 5px;

color: #646464;

margin-left: 70px;

position: relative;

top: -25px;

}



#commentform p {



font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

}



#commentform label {

font-size: 14px;

font-weight: normal;

color: #fff;

}



.commentmetadata {

font-weight: normal;

font-size: 12px;

margin-left: 70px;

position: relative;

top: -24px;

}



div.reply {

margin: 0px;

padding: 0px;

}



#commentform p {

margin: 5px 0;

}



.commentlist li img {

height: 50px;

width: 50px;

padding: 0px;

position: absolute;

top: 10px;

left: 10px;

border: 2px solid #646464;

}



.nocomments {

text-align: center;

margin: 0;

padding: 0;



}



small {

font-size: 12px;

}



#searchform input#s {

background: url(images/input.png) repeat-x top left #fff;

width: 230px;

height: 17px;

padding: 2px;

margin: 5px 5px 5px 10px;

color: #4d4d4d;

font-size: 14px;

border: 1px solid #d3d3d3;	

}



#searchform input#searchsubmit {

margin: 5px 5px 5px 0px;

padding: 0px;

background: url(images/button.png) no-repeat top left;

width: 58px;

height: 23px;

border: none;

text-align: center;

cursor: pointer;

font-size: 12px;

font-weight: bold;

font-family: Arial, Helvetica, sans-serif;

color: #333333;

}



label.hidden {

display: none;

}



.lebar {

	width: 910px;

	margin: 0px auto 0px;

    padding: 0px;

	}



.lebarpostingan {

	background-color: #000000;

	margin-top: -30px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

	padding-top: 5px;

	padding-right: 60px;

	padding-bottom: 50px;

	padding-left: 39px;

	line-height: 18px;

	}



.lebar a img {

	border: none;

	}



.attachment-thumbnail{
border:1px solid #FFFFFF;
margin-bottom:10px;
margin-left:10px;
margin-top:5px;
padding:9px;

        }



.cat_col {



width:870px;

float:left;

display:block;

padding:0;

margin:0 5px 0 0;

overflow:hidden;

}



.cat_col  li {



clear:left;

display:block;

padding:8px;

margin:1px 0 0 0;

width:96px;

}



#cat-col-1 {



width:155px;

float:left;

display:block;

padding:0;

margin:0 5px 0 0;

overflow:hidden;

}



#cat-col-2 {

width:155px;

float:left;

display:block;

padding:0 0 1px 30px;

margin:0 5px 0 0;

overflow:hidden;

}



#cat-col-3 {

width:155px;

float:left;

display:block;

padding:0;

margin:0 5px 0 0;

overflow:hidden;

}



#cat-col-4 {

width:155px;

float:left;

display:block;

padding:0;

margin:0 5px 0 0;

overflow:hidden;

}



#cat-col-5 {

width:155px;

float:left;

display:block;

padding:0;

margin:0 5px 0 0;

overflow:hidden;

}







p.readmore { text-align: right; } p.readmore a { color: #ff0000; font-size: 11px; } 



* html img,



* html .png{



position:relative;



behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",



this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",



this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),



this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",



this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)



);



}