/*defaults*/

p.details { clear:both; border-top:#333333 1px dotted; margin-top:5px; line-height:25px; }
a { color:#1E0FBE; 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: 1.2em!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; }
h4 {margin: 0; padding:0; }
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:#1E0FBE 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: #1E0FBE; 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;padding-bottom:.6em;}
#the_loop .sep{ border-bottom:#cccccc 1px solid; margin-top:1em; margin-bottom:2em; padding-bottom:1em;}

/* Belfet Specifics*/
#the_loop .box {border:1px solid #CCCCCC; padding:12px; display:block;overflow:auto;margin-bottom:20px}
#the_loop .boxhighlitghted {border:1px solid #CCCCCC; background-color: #FFFFDD; padding:12px;}
#the_loop .boxheader {font-size:120%; text-decoration: none; font-weight:bold; background-color: #f2f5f7; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; padding:6px 12px; }
#the_loop .boxheaderhighlitghted { background-color: #FFFF99; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; padding:3px; }
#the_loop .boxheadline {padding-bottom:12px;}
#the_loop .boxtr {padding-bottom:6px;font-size : 10pt;}
#the_loop .boxtdttl {width:80px; float:left;color:gray;}
#the_loop .boxtdnfo {display:inline-block;}
#suggestionList div{padding:3px}
#suggestionList .gridit{background: #F2F5F7;color: #808080;}
#suggestionList .highlight, #suggestionList .highlight div{background: #ffffd5; color: #CC0000; cursor: pointer;}

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

/*#the_loop ul{ padding:0px;	margin-bottom:1.8em;overflow:hidden;}*/
#the_loop ul li {padding: 6px 0px;}

li.section{
margin-top: 0;
margin-bottom: 12px;
padding-bottom: 12px !important;
border:none;
list-style-type: none; }

.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; margin: 10px 0 1em 0;}
#ad_album, #ad_video { 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;}
.graytext a:hover{color:#CC0000;  text-decoration:underline; }

.l{font-size:120%; font-weight:bold; color: #1E0FBE; 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 #1E0FBE; color:#1E0FBE; }
div.pagination span.current { padding:2px 5px; border:1px solid #1E0FBE; color:#fff; font-weight:bold; background-color:#1E0FBE; } 
div.pagination span.disabled { display:none; }

/* option bottom stuff */
#mbwrapper {display:block; clear:both;padding-top:1.5em;}
.flinks {display:inline-block; vertical-align:top;
	width:48%;
	position:relative;
	margin:0 10px 1em 0;
	}
.flinks h3{background-color:#f2f5f7;border-bottom: solid 1px #cccccc;padding:6px 0}
.flinks ul { list-style-type:none;}
.flinks ul li { border-bottom:#1E0FBE 1px dotted; margin-left:0; margin-bottom:5px; min-height:20px; padding:0px 0 2px 0; color:#333333; }

/* 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 li a{display: block;padding:6px 0; }
.sitem li a:hover{background-color:#f2f5f7;}
.sitem h3{background-color:#f2f5f7;border-bottom: solid 1px #cccccc;padding:6px 0}
.sitem ul { list-style-type:none; padding:0; }
.sitem ul li, .sitem p {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, .sbsr, .sbsl{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
list-style: none; }

.sbs2 { width:50%; float:left; }
.sbsl {float:left; width:336px; position:relative; margin-right:10px; } 
.sbsr {float:right; width:300px; position:relative; margin-left:10px; }

/*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 1em 1.5em 0; height:auto; width:auto; float:left; text-align:left; }
div.img img { display:inline; border:1px solid #ffffff; }
div.img a:hover img { border:1px solid #3B5998; }
div.img span.desc {display: inline-block; line-height:16px; height:32px; overflow:hidden; font-size:80%}
div.desc {font-weight:normal; 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}
div .picture { background-color: #F9F9F9; border: 1px solid #CCCCCC; padding: 3px !important; font: 11px/1.4em Arial, sans-serif; } 
div .picture img { border: 1px solid #CCCCCC; vertical-align:middle; margin-bottom: 3px !important; }

/*videocontainer*/
.vidwrap {position: relative; padding-bottom: 56%; height: 0; overflow: hidden; }
.vidwrap iframe, .vidwrap object, .vidwrap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.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:left;
	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;}

/* screend size below 650, remove the side menu, move it to the bottom */
@media only screen and (max-width: 768px){
a, h1 a, h2 a, h3 a, h4 a, .l{font-family: Tahoma,Helvetica, Arial,sans-serif;color: #3b5998;}
h1{font-size: 150%; line-height: 120%; font-weight: 700;}
	#wrapper{min-width:320px; width:100%;}
	#center, #sidebar{width:98%; float:none; margin:6px; }
	#headerwidget{display:none;}
div#reklamKoaTop{display:block; overflow:auto; margin:auto 20px; width:100%;}
div#reklamKoaTop .adspotG1, div#reklamKoaBot .adspotG3{width:100%; float:none; padding:6px;}
div#reklamKoaTop .adspotG2{width:100%; float:none; padding:6px;}
.sbs2, .sbsl, .sbsr, .sitem, .flinks{ width:45%; margin:6px; display:inline-block; float:none; vertical-align:top; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.sitem {font-size:100%;}
.sitem li a{text-decoration:none;}
#ad_album, #ad_video {float:none; width:98%; margin:auto; text-align:center}
}

/* screend size below 640, mobile and small tablets */
@media only screen and (max-width: 640px){
h1{font-size: 160%; line-height: 120%; font-weight: 700;}
	#wrapper{min-width:320px; width:100%;}
	#center, #sidebar, .flinks{width:98%; float:none; margin:6px; }
	#headerwidget{display:none;}
div#reklamKoaTop {display:block; overflow:auto; clear:both; width:100%;}
div#reklamKoaTop .adspotG1, div#reklamKoaBot .adspotG3{width:100%; float:none; padding:3px;}
div#reklamKoaTop .adspotG2{width:100%; float:none; padding:6px;}
.sbs2, .sbsl, .sbsr, .sitem{ width:98%; float:left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.sitem {font-size:100%;}
.sitem li a{text-decoration:none;}
}