/*defaults*/
* {margin:0; 	padding:0;}

p {margin-top:1em; }
p.details { clear:both; border-top:#333333 1px dotted; margin-top:5px; line-height:25px; }
a { color:#0000cc; text-decoration:underline; }
a:hover, a:active {color:#CC0000;  text-decoration:underline; }
a img {border: none;} 
table{width:100%; padding:0px; border-collapse:collapse;}
th,td, td p{text-align:left;}
p .nav{margin:0;}
#introP {
font-size: 1.333em;
color: #768696;
letter-spacing: -0.5px;
line-height: 1.22em!important;
margin-bottom: 17px;
}

h1, h2, h3, h4, h5, h6{font-family: Tahoma,Helvetica, Arial,sans-serif;color: #333333;}
h1{font-size: 40px; line-height: 40px; font-weight: 700; margin-top: 5px; margin-bottom: 7px; }
h1 span{font-weight:normal; font-size:20px; }
h2{font-size: 1.6em;font-weight: bold;line-height: 1em!important; margin-bottom:10px; padding-bottom: 0;}
h3 {color: #808080; font-size: 14pt; margin: 0; padding:0; }
h3 span{margin: 0px; padding: 2px 6px; border: 1px solid #555; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; text-align: center; display: inline-block; vertical-align: middle; }
h5, h6 {font-size:100%;  margin-top:5px; margin-bottom:0; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: #333333; text-decoration:none;}

body { background-color:#FFFFFF; margin:0; padding:0; font-family:Helvetica, Arial,sans-serif; font-size:11pt;  }
#wrapper {background:#ffffff; width:100%; min-width:920px; margin:0 auto; position:relative; }
#header {font-family:Verdana, sans-serif; display:block; width:100%; height:60px; }
#headerwidget { float:right; width:468px; height:60px; margin:0 1em; overflow:hidden; }

#headerwidget .widget h3 { margin-top:0; }
#header #site-heading a, #header #site-description { color:#000000; }
#header #site-heading {font-weight:normal; padding-top:6px; margin-left:6px; font-family:Verdana, sans-serif; font-size:26px; margin-top:0; margin-bottom:0; }
#header #site-description {padding:0 0 0 46px; font-weight:normal; font-size:14px; font-family:Verdana, sans-serif; margin-top:0; margin-bottom:0; white-space:nowrap;}
#header #site-heading a:hover, #header #site-heading a:active { text-decoration:none; border-bottom:#0000cc 1px dotted; }

/*top menu*/
#nav { display:inline-block; position: relative; z-index: 100; width:100%; background: #f2f5f7; border-top:  1px solid #cccccc;}
#nav li {margin:0; float: left; }
#nav li li{float: none; }
#nav li li a:before{content: " > ";}
#nav ul{margin: 0px; padding: 0px; list-style-type: none; }
#nav a {display:block; background-color: #f2f5f7;  padding: 4px 20px 4px 4px; color: #0000cc; border-right: 1px solid #cccccc;}
#nav a:hover {background-color: #c0c0c0; text-decoration:none;}
#nav li ul {display: none; border: 1px #cccccc outset}
#nav li:hover ul{ display: block; position: absolute;}
#nav li:hover ul li a { float: none; width: 10em; border: none;}

/*content*/
#content { clear:both; overflow:auto; }
#center {width:672px; float:left; overflow:hidden;margin:10px; }

#the_loop, #headline, #latest, #comments, #sticky {}
#the_loop, #the_loop .section{line-height: 1.333em!important;}
#the_loop h3{border-bottom:#cccccc 1px dotted; margin-top:1.3em; margin-bottom:.6em;}
#the_loop .sep{ border-bottom:#cccccc 1px solid; margin-top:1em; margin-bottom:2em; padding-bottom:1em;}

.section{padding: 10px 0; display:block; overflow:auto; border-bottom: 1px solid #ddd;}
.section div{padding-bottom:.5em;}

.adwat{float:right;}
.dwatgosh div#gosh{float:left;}
.dwatgosh div#dwat{float:right;text-align:right;}
.dwatgoshmitan div#gosh{float:left;width:30%;}
.dwatgoshmitan div#mitan{float:left;text-align:center;width:38%;}
.dwatgoshmitan div#dwat{float:right;text-align:right;width:30%;}

p.address { padding-bottom:3px; font-size:12px; }

#ad_main
{
	display:block;
}

#ad_album
{
	float:right; width:160px; margin-left:20px;
}

div#reklamKoaTop {display:block; overflow:auto; clear:both; width:100%;}
div#reklamKoaTop .adspotG1, div#reklamKoaBot .adspotG3{display:inline; float:left; width:336px;}
div#reklamKoaTop .adspotG2{display:inline; float:right; width:300px; position: relative; top: 8px;}

.gridTitle{ border-top: 1px #FFFFFF solid; border-bottom: 1px #C5DBEC solid; border-right: 1px #FFFFFF solid; background-color: #EAF4FD; font-weight : bold; padding:5px 5px 5px 0px; }

/*.gridRow{ border-top: 1px #C0C0C0 solid; padding:10px 5px 5px 0px; }
.gridRowAlt{ border-top: 1px #C0C0C0 solid; padding:10px 5px 5px 0px; background-color: #FAFAFA; }*/
.gridThisRow{ border-top: 1px #C0C0C0 solid; background-color: #B7B7B7; padding:5px 5px 5px 0px; }
.gridRowCh{ padding:0px 5px 5px 20px; }
.gridRowChAlt{ padding:4px 5px 5px 20px; background-color: #FAFAFA; }
.gridit{ border-bottom: 1px #cccccc solid; padding:4px 0px;}

.menufont {font-size : 10pt;}

.breadcrumbs {font-size : 12px; margin-bottom:.5em; text-decoration: none;}
.post_date {font-family : font-size : 13px; color:#c0c0c0;}
.smalltext, .smalltext p, .txt2, .txt2 p, .txt1 td {font-family: verdana, arial, sans-serif; font-size : 11px; }
.smallertext {font-family : arial, sans-serif ;font-size : 9px;}
.txtovell{white-space:nowrap;overflow:hidden; text-overflow:ellipsis;}
.graytext, .graytext a{color:#777777;}

.l{font-size:120%; font-weight:bold; color: #333333; text-decoration:none;}

div.pagination { color:#000000; padding:10px 0 10px 0; font-size: 13px; margin:auto; text-align:center}
div.pagination div {padding:0 0 10px 0; text-align:center}
div.pagination a { padding:2px 5px; margin:0 2px; text-decoration:none; border:1px solid #daccb0; }
div.pagination a:hover, div.pagination a:active { border:1px solid #000066; color:#000066; }
div.pagination span.current { padding:2px 5px; border:1px solid #000066; color:#fff; font-weight:bold; background-color:#000066; } div.pagination span.disabled { display:none; }

/* option bottom stuff */
#mbwrapper { margin-top: 30px; }
.flinks { float:left; width:300px; height:280px; margin:0 20px 20px 0px; margin-bottom:20px; }
.flinks h3 { font-size:16px; color:#333333; margin-bottom:8px; background:#f2f5f7; border-bottom: 1px solid #cccccc; }
.flinks ul { list-style-type:none; font-family:Georgia, "URW Bookman L", serif; }
.flinks ul li { border-bottom:#0000cc 1px dotted; margin-left:0; margin-bottom:5px; min-height:20px; padding:0px 0 2px 0; font-size:16px; color:#333333; }
.flinks a:link, .flinks a:visited { color:#0000cc; text-decoration:none; }
.flinks a:hover, .flinks a:active { text-decoration:underline; }

/* Side bar stuff */
#sidebar { float:right; width:200px; margin:10px; }
#top {margin-bottom:12px; }
#left {}
#right {}

#left .wrap, #right .wrap {
border: solid 1px #cccccc
text-align:center;
Background-color:#f2f5f7;
padding:6px; 
margin-bottom: 1em;
}
#left .wrap div, #right .wrap div{
text-align:center;
}


.sitem, .widget { font-size:12px; margin-bottom:12px; }
.sitem ul { list-style-type:none; margin:0; }
.sitem ul li { padding-left:0; margin-left:0; margin-bottom:2px; padding-top:2px; padding-bottom:1px; border-bottom:#cccccc 1px dotted; }
.sitem ul li li { border-bottom:none; }

#the_loop ol { padding-left:2em; }
#the_loop ol li { padding:0 10px 0 0;}

.sbs2 {list-style: none; width:45%; float:left;}
#the_loop ul{ padding:0px;	margin-bottom:1.8em;overflow:hidden;}
#the_loop ul li { padding:6px; }
#the_loop ul li:before { content: "\00BB \0020"; }

/*image align*/
.imgtb10 {margin: 10px 0px 10px 0px;}
.imgleftrb10 {float:left;clear:left;border:0px;margin: 0px 10px 10px 0px;}
.imgleftr10 {float:left;clear:left;border:0px;margin: 0px 10pt 0px 0px;}
.imgrightl10 {float:right;clear:right;border:0px;margin: 0px 0px 0px 10px;}
.imgrightlb10 {float:right;clear:right;border:0px;margin: 0px 0px 10px 10px;}

/*image thumb display block*/
div.img { margin :0 10px 1em 0; height:auto; width:auto; float:left; text-align:center; }
div.img img { display:inline; margin:3px; border:1px solid #ffffff; }
div.img a:hover img { border:1px solid #3B5998; }
div.desc { text-align:center; font-weight:normal; width:120px; margin:1px 3px; }

span.topicmedia{
margin:1em; clear:both;
}

.topicmedia img{float:left;clear:left;border:0px;margin: 0px 10px 10px 0px;}

/*album image display block*/
div .imgwrap {background:#eeeeee; margin: .2em 0 .2em 0; padding:10px 0px; border-top:#cccccc 1px dotted; border-bottom:#cccccc 1px dotted; clear:both;  text-align:center; display:block;overflow:auto}

.hitem { background:#FFFFFF; }



#footer { clear:both; background:#f2f5f7; padding-top:15px; }
#fbar { margin-left:20px; }


#copyright { text-align:center; clear:both; padding:0 0 7px 10px; background:#e5ecf9; color:#000000; font-family:Verdana, sans-serif; font-size:10pt; height:28px;  border-top: 1px solid #cccccc;}
#copyright p { padding-top:8px; color:#000000; font-family:Verdana, Geneva, "DejaVu Sans", sans-serif; font-size:10pt; }
#copyright a:link, #copyright a:visited { text-decoration:none; }
#copyright a:hover, #copyright a:active { text-decoration:underline; }



.gridList{ width: 100%; }
.gridList .listHead{ width: 100%; }
.gridList .listHead .hd{
    font-size: 12px;
    font-weight: bold;
    float: left;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #C5DBEC;
    background-color: #EAF4FD;
    padding: 5px;
}
.gridList .gridRow{
    border-top: 1px solid #C0C0C0;
    width: 100%;
    float: left;
}

.gridList .gridRowAlt{
    background-color: #FAFAFA;
    border-top: 1px solid #C0C0C0;
    width: 100%;
    float: left;
}

.gridList .gridRow .rw, .gridList .gridRowAlt .rw{ 
    float: left; 
    padding: 5px; 
    border-right: 1px solid #FFFFFF;
}

.w10{ width: 10%;}
.w14{ width: 14%;}
.w15{ width: 15%;}
.w20{ width: 20%;}
.w25{ width: 25%;}
.w30{ width: 30%;}
.w35{ width: 35%;}
.w40{ width: 40%;}
.w45{ width: 45%;}
.w50{ width: 50%;}
.w60{ width: 60%;}

.wrap {background-color: #e5ecf9;border:1px solid #CCCCCC; padding:6pt;}
.shaded {background-color: #f2f5f7;}

.cmtnavblock{
	clear:both;
	margin: 1.5em auto;
	text-align:left;
}

a.cmtnav{
	font-weight: normal;
	text-decoration:none;
	background:#E5E5E5;
	border:1px outset #cccccc; 
	padding:3px 12px;
	margin-right:.5em;
}

a.cmtnav:hover{text-decoration:none;}